@charset "utf-8";

html,html a{
    -webkit-font-smoothing:antialiased!important;
    -webkit-font-smoothing:antialiased;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
a:focus, a:hover {
	color: initial;
	text-decoration: none; outline: none
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
body,html{
    height:100%;
    width:100%;
    float:left;
    word-wrap:break-word
}
body{
    background:#fff;
    font-size:12px;
    color:#333;
    margin:0;
    padding:0;
    font-family:'Gotham Book'
}
li,ul{
    list-style:none;
    margin:0;
    list-style-type:none
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#2a2e33;outline: none
}
a img{
    border:none;
    outline:0
}
img{
    vertical-align:middle
}
.clr{
    clear:both;
    float:none
}
.afclr:after,.clr:after,.row:after{
    clear:both;
    float:none;
    content:"";
    display:block
}
:focus{
    outline:0
}
button,input[type=reset],input[type=submit]{
    cursor:pointer;
    -webkit-appearance:none
}
.wrapper{
    max-width:1170px;
    margin:0 auto;
    transition:all .3s ease;
    -webkit-transition:all .3s ease
}
img{
    max-width:100%
}
.wide{
    width:100%
}
html{
    -webkit-font-smoothing:none
}
h1,h2,h3,h4,h5,h6,li,ol,p,ul{
    font-weight:400;
    margin:0;
    padding:0
}
body{
    margin:0;
    padding:0
}
*,after,before{
    box-sizing:border-box;
    -webkit-box-sizing:border-box
}
input[type=button],input[type=reset],input[type=submit],select{
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    -o-appearance:none
}
footer,header,section{
    display:block
}
img{
    max-width:100%;
    border-radius:10px
}
a{
    text-decoration:none;
    transition:all .2s ease-in-out 0s
}
@font-face{
    font-family:ralewaylight;
    src:url(fonts/raleway-light-webfont.woff2) format('woff2'),url(fonts/raleway-light-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:ralewayregular;
    src:url(fonts/raleway-regular-webfont.woff2) format('woff2'),url(fonts/raleway-regular-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Gotham Bold';
    src:url(fonts/GothamBold.eot);
    src:url(fonts/GothamBold.eot?#iefix) format('embedded-opentype'),url(fonts/GothamBold.woff) format('woff'),url(fonts/GothamBold.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Gotham Light';
    src:url(fonts/Gotham-Light.eot);
    src:url(fonts/Gotham-Light.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Light.woff) format('woff'),url(fonts/Gotham-Light.ttf) format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:'Gotham Thin';
    src:url(fonts/Gotham-Thin.eot);
    src:url(fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Thin.woff) format('woff'),url(fonts/Gotham-Thin.ttf) format('truetype');
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:'Gotham Medium';
    src:url(fonts/Gotham-Medium.eot);
    src:url(fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Medium.woff) format('woff'),url(fonts/Gotham-Medium.ttf) format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'Gotham Thin';
    src:url(fonts/Gotham-Thin_1.eot);
    src:url(fonts/Gotham-Thin_1.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Thin_1.woff) format('woff'),url(fonts/Gotham-Thin_1.ttf) format('truetype');
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:'Gotham Extra';
    src:url(fonts/Gotham-ExtraLight.eot);
    src:url(fonts/Gotham-ExtraLight.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-ExtraLight.woff) format('woff'),url(fonts/Gotham-ExtraLight.ttf) format('truetype');
    font-weight:200;
    font-style:normal
}
@font-face{
    font-family:Gotham;
    src:url(fonts/Gotham-Medium_1.eot);
    src:url(fonts/Gotham-Medium_1.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Medium_1.woff) format('woff'),url(fonts/Gotham-Medium_1.ttf) format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:Gotham;
    src:url(fonts/Gotham-Black.eot);
    src:url(fonts/Gotham-Black.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Black.woff) format('woff'),url(fonts/Gotham-Black.ttf) format('truetype');
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:Gotham;
    src:url(fonts/Gotham-Bold.eot);
    src:url(fonts/Gotham-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Bold.woff) format('woff'),url(fonts/Gotham-Bold.ttf) format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:'Gotham Book';
    src:url(fonts/Gotham-Book.eot);
    src:url(fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),url(fonts/Gotham-Book.woff) format('woff'),url(fonts/Gotham-Book.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
.fixed-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:99;
    top:-65px;
    z-index:99999;
    background:#fff;
    -webkit-transform:translateY(65px);
    -ms-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-transition:-webkit-transform 1s;
    transition:transform 1s;
    -webkit-box-shadow:0 5px 0 rgba(14,21,39,.1);
    box-shadow:0 5px 0 rgba(14,21,39,.1);
    padding:0!important
}
.fixed-header .header_right{
    padding:15px 0 15px
}
.fixed-header .logo{
    margin:2px 0
}
.fixed-header .normal_logo{
    display:none
}
.header .fixed_header_logo{
    display:none
}
.fixed-header .fixed_header_logo{
    display:inline-block;
    margin:6px 0 0 0
}
#toTop:hover{
    background:#f9af1c
}
#toTop{
    background:#0f1b25;
    border-radius:50%;
    bottom:70px;
    color:#fff;
    cursor:pointer;
    display:none;
    font-size:11px;
    font-weight:700;
    height:40px;
    line-height:41px;
    padding:0;
    position:fixed;
    right:10px;
    text-align:center;
    transition:transform .5s ease 0s;
    width:40px;
    z-index:999999
}
.header{
    background:#fff;
    float:left;
    width:100%;
    padding:10px 0;
    height:70px
}
.inner_header{
    /* float:left; */
    clear: both;
    display: flex;
    width:100%;
    padding:0 0
}
.__mobile {
    display: none;
    justify-content: space-between;
    align-items: center;
}
.__mobile-item {
    display: flex;
    align-items: center;
}
.__mobile-item.__mobile-item-center {
    width: 100%;
    justify-content: center;
}
.__mobile-item.__mobile-item-end {
    justify-content: end;
}
@media screen and (max-width: 992px) {
    .__mobile {
        display: flex;
        width: 100%;
    }
}
.header_btn{
    float:right
}
.logo{
    float:left;
    width:11%
}
.header_button{
    float:left
}
.logo a{
    display:inline-block;
    width:100%
}
.header_button a{
    color:#3577ab;
    font-size:15px;
    border:1px solid #4c4c4c;
    border-radius:5px;
    padding:10px 9px;
    height:42px;
    display:inline-block
}
.header_button a:hover{
    background:#015fa7;
    color:#fff
}
.login_header a{
    text-align:center;
    padding:10px 17px
}
.btn_space{
    margin-left:6px
}
.slider_wrapper{
    width:100%;
    float:left;
    background-size:cover;
    text-align:center;
    position:relative
}
.mobile_screens{
    background:url(../../img/front/mobile_screen.png) no-repeat center top;
    padding:7px 0 0 22px;
    background-size:contain;
    height:426px;
    left:47%;
    padding:7px 33px 0 57px;
    position:absolute;
    top:59px;
    width:266px;
    z-index:9
}
.footers_{
    background:#161e2b;
    float:left;
    width:100%;
    background-size:cover
}
.foot_first{
    float:left;
    width:30%
}
.second_first{
    width:15%;
    float:left;
    margin-top:25px
}
.third_first{
    width:15%;
    float:left;
    margin-top:25px
}
.fourth_first{
    float:right;
    margin-top:25px;
    width:25%
}
.foot_con{
    color:#989898;
    font-size:15px;
    max-width:360px;
    margin-top:20px;
    text-align:left;
    line-height:20px;
    padding-right:15px
}
.foot_tite{
    color:#fff;
    font-family:'Gotham Book';
    font-size:15px;
    margin:0 0 23px 0;
    font-weight:700
}
.foot_blok_menu ul li a{
    font-size:14px;
    color:#989898;
    padding:0 0 2px 0;
    display:inline-block
}
.foot_blok_menu ul li a:hover{
    color:#26c0f3
}
.footer_top{
    float:left;
    width:100%;
    margin:37px 0 28px 0
}
.social_icon ul li{
    display:inline-block;
    margin-right:3px
}
.social_icon ul li a:hover img{
    opacity:.8
}
.footer_bottom_left{
    width:100%;
    float:left;
    text-align:left;
    color:#fff;
    font-size:11px;
    margin:40px 0 0
}
.footer_bottom_left a{
    color:#fff;
    font-size:12px
}
.footer_bottom_left a:hover{
    color:#f3bf21
}
.form_btn_neww{
    width:100%;
    display:inline-block
}
.social_icon ul li a{
    width:46px;
    height:46px;
    display:inline-block;
    vertical-align:top;
    text-align:center;
    font-size:27px;
    line-height:54px;
    color:#aeaeac;
    position:relative
}
.social_icon ul li a:hover{
    line-height:47px;
    color:#cc021d
}
.header_right{
    float:none;
    padding:0;
    text-align:center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.login_right{
    position:relative;
    /*display:inline-block;
    vertical-align:top */
    display: flex;
    align-items: center;
}
.login_right>a{
    border-radius:4px
}
.login_right a.a-h-link-style {
    border: 2px solid #26c0f3;
    background: #26c0f3;
    display: inline-block;
    font-size: 13px;
    padding: 0 14px;
    text-align: center;
    line-height: 30px;
    color: #000;
    border-radius: 33px;
    font-family: Gotham Medium;
    margin-left: 5px;
}
.sign_header{
    margin-left:10px
}
.login_right a.a-h-link-style:hover{
    background:#26c0f3;
    border:2px solid #26c0f3
}
.hire_section{
    float:left;
    width:100%;
    min-height:150px;
    background:#fff;
    padding:50px 0 30px
}
.hire_left{
    color:#000;
    float:left;
    font-size:37px;
    font-family:'Gotham Book';
    font-weight:700
}
.hire_right{
    float:right
}
.hire_right a{
    line-height:21px;
    border-radius:3px;
    display:inline-block;
    font-size:20px;
    height:62px;
    padding:20px 0;
    text-align:center;
    width:208px;
    margin-left:25px;
    font-family:'Gotham Book'
}
.hire_but{
    color:#fff;
    border:1px #26c0f3 solid;
    background:#26c0f3
}
.work_but{
    background:0 0;
    color:#27c5f9;
    border:2px #27c5f9 solid
}
.hire_but:hover{
    background:#0f1b25;
    color:#fff;
    border:1px #0f1b25 solid
}
.work_but:hover{
    color:#fff;
    border:2px #27c5f9 solid;
    background:#27c5f9
}
.howtowork_section{
    background:#ededed none repeat scroll 0 0;
    float:left;
    padding:52px 0;
    width:100%;
    overflow:hidden
}
.howtoworl_titel{
    float:left;
    text-align:center;
    width:100%
}
.howtoworl_titel h2::after,.howtoworl_titel h3::after,.howtoworl_titel h4::after,.howtoworl_titel span::after{
    background:#0f1b25;
    bottom:-10px;
    content:"";
    height:2px;
    left:50%;
    position:absolute;
    width:70px;transform: translate(-50%,0);
}
.howtoworl_titel span{
    color:#000;
    display:inline-block;
    font-size:31px;
    position:relative;
    font-family:'Gotham Book';
    font-weight:700
}
.howtoworl_titel h4{
    color:#000;
    display:inline-block;
    font-size:31px;
    position:relative;
    font-weight:700;
    font-family:'Gotham Book'
}
.howtoworl_titel h2,.howtoworl_titel h3,.howtoworl_titel h4{
    color:#000;
    display:inline-block;
    font-size:31px;
    position:relative;
    font-weight:700;
    font-family:'Gotham Book'
}
.how_service{
    float:left;
    margin-top:40px;
    text-align:center;
    width:100%
}
.how_service>ul{
    float:left;
    width:100%
}
.how_service li{
    background:#fff none repeat scroll 0 0;
    border-radius:10px;
    box-shadow:0 0 5px 0 #999;
    display:inline-block;
    float:left;
    margin-right:2%;
    min-height:420px;
    padding:30px 25px;
    vertical-align:top;
    width:23.5%
}
.how_img{
    float:left;
    height:105px;
    margin-bottom:30px;
    width:100%
}
.how_it_bx{
    float:left;
    width:100%
}
.how_it_title{
    float:left;
    padding-bottom:25px;
    text-align:center;
    width:100%
}
.how_it_title>h3::after{
    background:#303030 none repeat scroll 0 0;
    bottom:-11px;
    content:"";
    height:2px;
    left:38%;
    position:absolute;
    width:30px
}
.how_it_title>h3{
    color:#000;
    display:inline-block;
    font-size:20px;
    position:relative;
    text-transform:uppercase;
    font-family:'Gotham Book';
    font-weight:700
}
.how_it_bx p{
    display:inline-block;
    font-size:15px;
    line-height:18px;
    width:100%;
    color:#000;
    font-family:'Gotham Book'
}
.how_service li:nth-child(4n+4){
    margin-right:0
}
.appservice_section{
    float:left;
    padding:40px 0 50px;
    width:100%;
    position:relative;
    overflow:hidden
}
.appservice_section_left{
    margin:50px 0 0 0;
    float:left;
    width:50%
}
.appservice_section_left ul{
    float:left;
    width:100%
}
.appservice_section_left ul li{
    float:left;
    width:100%;
    padding-bottom:43px
}
.appservice_section_left li:nth-child(1n+3){
    padding-bottom:0
}
.appservice_section_left ul li i{
    float:left;
    height:57px;
    width:57px;
    box-shadow:5px 5px 0 0 #b1f699
}
.appservice_txt{
    float:left;
    margin-left:20px;
    text-align:left;
    padding-top:10px;
    width:84%
}
.appservice_title{
    color:#0f1b25;
    float:left;
    font-size:26px;
    text-transform:uppercase;
    width:100%;
    font-family:'Gotham Book';
    font-weight:700
}
.appservice_section_left ul li i img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.appservice_section_left ul li i{
    box-shadow:5px 5px 0 0 #cecece
}
.appservice_section_left ul li i img:hover{
    filter:none
}
.appservice_section_left ul li i:hover{
    box-shadow:5px 5px 0 0 #b1f699
}
.appservice_txt>p{
    color:#333;
    display:inline-block;
    font-size:14px;
    line-height:18px;
    padding-top:10px
}
.appservice_section_right{
    width:50%;
    float:right;
    margin-top:100px
}
.service_login{
    float:left;
    padding-top:60px;
    text-align:center;
    width:100%
}
.service_login a{
    border:1px solid #333;
    border-radius:50px;
    display:inline-block;
    font-size:15px;
    padding:9px 0 7px;
    text-align:center;
    text-transform:uppercase;
    width:80px
}
.service_login a:hover{
    border:1px solid #2c920a;
    background:#2c920a;
    color:#fff
}
.appcategory_section{
    background:#ededed none repeat scroll 0 0;
    float:left;
    padding-top:52px;
    width:100%
}
.category_bxse{
    float:left;
    margin-top:40px;
    width:100%
}
.category_bxse ul{
    float:left;
    width:100%
}
.category_bxse ul li{
    float:left;
    width:25%;
    height:270px;
    overflow:hidden;
    cursor:pointer
}
.category_img{
    float:left;
    position:relative;
    text-align:center;
    width:100%;
    height:100%;
    background:#fff;
    border:2px #000 solid
}
.category_name{
    color:#000;
    font-size:26px;
    height:80px;
    left:0;
    padding-top:0;
    position:absolute;
    text-align:center;
    top:35px;
    font-weight:600;
    width:100%;
    font-family:'Gotham Book';
    padding-left:10px;
    padding-right:10px;
    right:0;
    bottom:0;
    margin:auto
}
.category_img>img{
    width:100%;
    height:100%;
    transition:all 1s;
    display:none
}
.category_bxse ul li:hover .category_img>img{
    transform:scale(1.4)
}
.appsolutions_section{
    float:left;
    padding:182px 0;
    margin-top:0;
    height:505px;
    width:100%;
    background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.6)),url(../../img/front/solutions_banner.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    background-size:cover
}
.appsolutions_txt{
    color:#fff;
    float:left;
    font-size:21px;
    text-align:center;
    width:100%;
    line-height:33px;
    font-family:'Gotham Book'
}
.appsolutions_txt h3{
    line-height:normal
}
.appsolutions_bx{
    float:left;
    padding-top:100px;
    text-align:center;
    width:100%
}
.appsolutions_bx>ul{
    float:left;
    width:100%
}
.appsolutions_bx ul li{
    display:inline-block;
    padding:0 3px;
    vertical-align:middle
}
.appsolutions_tt{
    background:#fff none repeat scroll 0 0;
    float:left;
    height:100px;
    padding-top:17px;
    width:130px
}
.solu_time{
    display:inline-block;
    font-size:36px;
    width:100%;
    font-family:'Gotham Book';
    color:#000
}
.solu_pro{
    display:inline-block;
    font-size:17px;
    padding-top:6px;
    color:#000;
    font-family:'Gotham Book'
}
.appsolutions_bx ul li span{
    color:#fff;
    font-size:21px;
    font-weight:700
}
.apptestimonials_section{
    background:transparent none repeat scroll 0 0;
    float:left;
    padding:0;
    width:100%
}
.apptestimonials_section{
    float:left;
    width:100%;
    background:#fff;
    padding:50px 0
}
.testimonials_bxse{
    float:left;
    width:100%;
    margin-top:70px
}
.testimonials_bxse ul{
    float:left;
    width:100%
}
.testimonials_bxse ul li{
    float:left;
    width:32%
}
.testimonials_bxse ul li:nth-child(3n+2){
    margin-left:2%;
    margin-right:2%
}
.testimonials_discription{
    color:#666;
    float:left;
    font-size:15px;
    line-height:20px;
    padding:20px 10px;
    text-align:center;
    width:100%;
    word-wrap:break-word
}
.testi_img{
    width:100%;
    height:240px;
    overflow:hidden;
    display:inline-block;
    text-align:center;
    position:relative
}
.testi_img img{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0
}
.testimonials_name{
    color:#000;
    float:left;
    font-size:16px;
    text-align:center;
    width:100%;
    font-family:'Gotham Book';
    word-wrap:break-word
}
.view_mores{
    float:left;
    width:100%;
    text-align:center;
    padding-top:30px
}
.view_mores a{
    border:1px solid #26c0f3;
    border-radius:3px;
    display:inline-block;
    font-size:18px;
    padding:12px 20px 8px;
    text-align:center;
    background:#26c0f3;
    text-transform:uppercase;
    color:#fff
}
.view_mores a:hover{
    background:#55b3c3;
    color:#fff;
    border:1px #0f1b25 solid
}
.news_latters{
    float:left;
    width:100%
}
.news_latters input[type=text]{
    float:left;
    width:80%;
    height:45px;
    padding:0 10px;
    border:1px #a3a6ab solid;
    background:#161e2b;
    color:#fff;
    font-size:14px
}
.submit_but{
    float:right;
    border:none;
    height:45px;
    background:#ffaf02;
    color:#fff;
    width:50px;
    font-size:24px
}
.submit_but:hover{
    background:none repeat scroll 0 0 #2c920a
}
.social_icon{
    float:left;
    padding-top:12px;
    width:100%
}
#cssmenu>ul>li>a.mobile_menu{
    display:none
}
.swiper-container{
    height:75%;
    margin-top:54px;
    width:100%
}
.swiper-slide{
    text-align:center;
    font-size:18px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.pulse{
    cursor:pointer;
    box-shadow:0 0 0 #fdaf07;
    animation:pulse 2s infinite
}
.pulse:hover{
    animation:none
}
@-webkit-keyframes pulse{
    0%{
        -webkit-box-shadow:0 0 0 #fdaf07;
        background:#eca917 none repeat scroll 0 0;
        border:1px solid #eca917;
        color:#fff
    }
    70%{
        -webkit-box-shadow:0 0 0 #fdaf07
    }
    100%{
        -webkit-box-shadow:0 0 0 #fdaf07
    }
}
@keyframes pulse{
    0%{
        -moz-box-shadow:0 0 0 #fdaf07;
        box-shadow:0 0 0 #fdaf07;
        background:#eca917 none repeat scroll 0 0;
        border:1px solid #2c920a;
        color:#fff
    }
    70%{
        -moz-box-shadow:0 0 0 #fdaf07;
        box-shadow:0 0 0 #fdaf07
    }
    100%{
        -moz-box-shadow:0 0 0 #fdaf07;
        box-shadow:0 0 0 #fdaf07
    }
}
.modal{
    display:none;
    position:fixed;
    z-index:100000!important;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#3f4e60;
    opacity:.98;
    overflow-y:auto !important
}

.modal-header {
    border-bottom: none;
}

.modal-content{
    background-color:#fff;
    border:1px solid #888;
    margin:3% auto;
    max-width:400px;
    opacity:1;
    padding:10px 30px;
    position:relative
}



.modal-md .modal-content,
.modal-lg .modal-content,
.modal-xl .modal-content{
    max-width: none;
}

@media (min-width:1300px) {
    .modal-xl {
        width: 1030px
    }
}

.close{
    color:#aaa;
    float:right;
    font-size:24px;
    font-weight:normal;
}
.close:focus,.close:hover{
    color:#000;
    text-decoration:none;
    cursor:pointer
}
.modal-content h3{
    color:#2c3e50;
    font-size:24px;
    font-family:'Gotham Book'
}
.login_section_full{
    width:100%;
    padding:10px 4px 20px
}
.modal-content .login_section_full .inputt .fieldd textArea{
    height:100px
}
.login_fieldarea{
    display:inline-block;
    width:100%
}
.inputt{
    display:inline-block;
    padding-bottom:10px;
    width:100%
}
.tooltip_sahow_div_fulll{
    display:inline-block;
    width:100%
}
.value_this_tooltip{
    color:#737c85;
    font-size:14px;
    font-family:'Gotham Book';
    margin-bottom:10px
}
.fieldd{
    display:inline-block;
    width:100%;
    position:relative
}
.fieldd input[type=number],.fieldd input[type=password],.fieldd input[type=text]{
    border:1px solid #d7d9da;
    border-radius:4px;
    color:#737c85;
    font-weight:300;
    height:36px;
    padding:0 15px;
    width:100%;
    background:#fff;
    font-size:14px;
    float:left
}
.cname_loader{
    position:absolute;
    right:0;
    top:2px;
    display:none
}
.remember_secsd{
    float:left
}
.remember_secsd input[type=checkbox]{
    display:inline-block
}
.remember_secsd label{
    display:inline-block;
    font-size:14px;
    line-height:12px;
    vertical-align:top
}
.sign_in input[type=submit],
.sign_in input[type=button]{
    border-radius:4px;
    color:#fff;
    font-size:14px;
    letter-spacing:1.5px;
    position:relative;
    transition:all .3s ease-in-out 0s;
    border:2px solid #26c0f3;
    text-align:center;
    background:#26c0f3;
    font-weight:400;
    padding:7px 40px
}

.sign_in input[type=submit]:hover,
.sign_in input[type=button]:hover{
    background:#0f1c25;
    color:#fff;
    border:2px #0f1c25 solid
}
.forgot_pass_sec_{
    display:inline-block;
    margin-left:10px
}
.forgot_pass_sec_ a{
    display:inline-block;
    font-size:12px;
    font-weight:300;
    margin-left:15px;
    color:#0f1b25
}
.close{
    opacity:1;
    position:absolute;
    right:20px;
    top:5px
}
#nprogress{
    pointer-events:none
}
#nprogress .bar{
    background:#ffaf02;
    position:fixed;
    z-index:999999;
    top:0;
    left:0;
    width:100%;
    height:3px
}
#nprogress .peg{
    display:block;
    position:absolute;
    right:0;
    width:100px;
    height:100%;
    box-shadow:0 0 10px #fff,0 0 5px #fff;
    opacity:1;
    -webkit-transform:rotate(3deg) translate(0,-4px);
    -ms-transform:rotate(3deg) translate(0,-4px);
    transform:rotate(3deg) translate(0,-4px)
}
#nprogress .spinner{
    display:block;
    position:fixed;
    z-index:1031;
    top:15px;
    right:15px
}
#nprogress .spinner-icon{
    width:18px;
    height:18px;
    box-sizing:border-box;
    border:solid 2px transparent;
    border-top-color:#fff;
    border-left-color:#fff;
    border-radius:50%;
    -webkit-animation:nprogress-spinner .4s linear infinite;
    animation:nprogress-spinner .4s linear infinite
}
.nprogress-custom-parent{
    overflow:hidden;
    position:relative
}
.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{
    position:absolute
}
@-webkit-keyframes nprogress-spinner{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes nprogress-spinner{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.nprogress-logo{
    display:inline-block;
    width:100px;
    height:20px;
    border:solid 4px #2d9;
    border-radius:10px;
    position:relative
}
.nprogress-logo:after{
    content:'';
    display:block;
    position:absolute;
    top:4px;
    left:4px;
    bottom:4px;
    width:40% !important;
    background:#2d9;
    border-radius:3px
}
.fade{
    transition:all .3s linear .7s;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1
}
.fade.out{
    opacity:0
}
.tokenize>.tokens-container{
    position:relative;
    list-style:none;
    padding:0 0 5px 5px;
    height:auto;
    min-height:34px;
    cursor:text
}
.tokenize.focus>.tokens-container{
    outline:0;
    border-color:#66afe9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.tokenize>.tokens-container.input-sm{
    padding:0 0 4px 4px;
    min-height:30px
}
.tokenize>.tokens-container.input-lg{
    padding:0 0 9px 9px;
    min-height:46px
}
.tokenize>.tokens-container>.token{
    padding:0 1.2em 0 5px;
    background-color:#eff2f7;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token,.tokenize>.tokens-container>.token-search{
    border:1px solid #cdd5e3;
    display:inline-block;
    margin:5px 5px 0 0;
    position:relative;
    vertical-align:middle
}
.tokenize.sortable>.tokens-container>.token{
    cursor:move
}
.tokenize.single>.tokens-container>.token{
    display:block;
    border-color:#fff;
    background-color:transparent
}
.tokenize.sortable>.tokens-container>.token.shadow{
    border-color:#ccc;
    background-color:#ccc;
    opacity:.2
}
.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token-search{
    padding:0;
    border-color:#fff
}
.tokenize>.tokens-container>.placeholder{
    color:#ccc
}
.tokenize>.tokens-container>.token-search>input{
    padding:0;
    margin:0;
    line-height:1em;
    border:1px solid #fff;
    background:0 0;
    border-left:none;
    border-right:none;
    outline:0;
    width:100%
}
.tokenize>.tokens-container>.token-search>input::-ms-clear{
    display:none
}
.tokenize>.tokens-container.input-sm>.placeholder,.tokenize>.tokens-container.input-sm>.token,.tokenize>.tokens-container.input-sm>.token-search{
    margin:4px 4px 0 0
}
.tokenize>.tokens-container.input-lg>.placeholder,.tokenize>.tokens-container.input-lg>.token,.tokenize>.tokens-container.input-lg>.token-search{
    margin:9px 9px 0 0
}
.tokenize>.tokens-container>.token.pending-delete{
    background-color:#5b72a4;
    border-color:#425c96;
    color:#fff
}
.tokenize>.tokens-container>.token>.dismiss{
    position:absolute;
    right:5px;
    color:#a9b9d8;
    text-decoration:none;
    cursor:pointer
}
.tokenize>.tokens-container>.token>.dismiss:after{
    content:"×"
}
.tokenize>.tokens-container>.token.pending-delete>.dismiss{
    color:#aaa
}
.tokenize-dropdown{
    position:absolute;
    display:none
}
.tokenize-dropdown>.dropdown-menu{
    min-height:10px;
    width:100%;
    display:block;
    margin:-1px 0 0 0;
    visibility:visible;
    opacity:1
}
.tokenize-dropdown>.dropdown-menu li{
    cursor:pointer
}
.tokenize-dropdown>.dropdown-menu li>a .tokenize-highlight{
    font-weight:700
}
.tokenize-dropdown>.dropdown-menu li.locked{
    padding:3px 20px;
    color:#333;
    white-space:nowrap
}
.tokenize-dropdown>.dropdown-menu li.locked,.tokenize-dropdown>.dropdown-menu li>a{
    text-overflow:ellipsis;
    overflow-x:hidden
}
.tokenize-dropdown>.dropdown-menu li:not(.active) a:focus,.tokenize-dropdown>.dropdown-menu li:not(.active) a:hover{
    background-color:transparent
}
.sign_in{
    float:left;
    position:relative
}
.rebrs{
    float:left;
    width:60%;
    margin-left:2%;
    font-size:12px;
    color:#5d5f5e;
    line-height:17px;
    font-weight:400;
    margin-top:5px
}
.rebrs span a{
    width:100%;
    float:left;
    color:#4664a7
}
.sign_center{
    width:100%;
    text-align:center;
    display:inline-block;
    margin:4px 0
}
.always{
    display:inline-block
}
.always_btn{
    display:inline-block
}
.always_btn a{
    color:#55b3c3;
    font-size:14px;
    letter-spacing:1.5px;
    font-weight:400;
    display:inline-block
}
.value_this_tooltip{
    font-weight:700;
    font-family:'Gotham Book';
    word-wrap:break-word
}
._togglebox .value_this_tooltip{
    font-family:'Gotham Book'
}
.user-text .value_this_tooltip{
    float:left;
    color:#666f78;
    font-size:16px;
    font-weight:400;
    font-family:'Gotham Book';
    margin-top:8px
}
._togglebox{
    width:100%;
    float:left;
    margin:0 0 14px 0;
    position:relative
}
.toggle-light{
    float:left;
    margin:6px 10%
}
.fieldd_oggle{
    margin:0 0 20px 35px
}
.alert{
    position:fixed;
    top:0;
    width:100%;
    padding:22px 0;
    color:#fff;
    text-align:center;
    opacity:.9;
    -moz-opacity:.9;
    z-index:9999999;
    left:0;
    font-family:'Gotham Book';
    font-size:15px
}
.alert-success{
    background-color:#1b83d3!important;
    color:#fff!important
}
.alert-danger{
    background-color:#db5f47!important;
    color:#fff!important
}
.having-adminbar{
    top:32px!important
}
.fieldd input.error{
    border:1px solid red!important
}
.close_div{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    bottom:0
}
.col_tow_logns.frlogin{
    text-align:center;
    margin:20px 0 0
}
.col_tow_logns.frlogin a{
    color:#97e00a
}
.fieldd_oggle{
    width:110px;
    position:relative
}
.fieldd_oggle .menuc.active{
    padding:8px 14px;
    color:#fff;
    border-radius:50px;
    width:100px;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    font-weight:600;
    font-family:'Gotham Book'
}
.fieldd_oggle .menuc{
    color:#fff;
    position:relative;
    cursor:pointer;
    padding:8px 14px
}
.fieldd_oggle .work.active{
    background:#e74e3e
}
.fieldd_oggle .employe.active{
    background:#3e5061;
    text-align:right
}
.fieldd_oggle .work.active:after{
    content:"";
    position:absolute;
    width:30px;
    height:35px;
    background:#fff;
    top:0;
    right:0;
    border-radius:100%
}
.fieldd_oggle .employe.active:after{
    content:"";
    position:absolute;
    width:30px;
    height:35px;
    background:#fff;
    top:0;
    left:0;
    border-radius:100%
}
.btn_wrap{
    display:inline-block;
    position:relative
}
.btm_loader{
    position:absolute;
    z-index:9;
    width:100%;
    left:0;
    right:0
}
.btm_loader img{
    margin:0 auto;
    top:0;
    right:0;
    left:0;
    position:absolute
}
.innerpage_body{
    display:inline-block;
    position:relative;
    min-height:50px;
    width:100%;
    background:#f2f5f7;
    min-height:600px;
    padding:20px 0 0 0
}
.dashboard_bodybox h2.number-profile{
    color:#2c3e50;
    font-weight:300;
    font-size:22px;
    margin:20px 0 20px;
    font-family:'Gotham Book'
}
.dashboard_toparea{
    position:relative;
    display:block
}
.dashboard_bodynav{
    width:100%;
    float:left
}
.dashboard_bodynav ul li.active a{
    border:none;
    border-top:5px solid #0f1b25;
    color:#2c3e50
}
.dashboard_bodynav ul li a{
    padding:15px 20px 30px;
    font-size:13px;
    color:#bdc3c7;
    font-weight:600;
    letter-spacing:1px;
    display:inline-block
}
.dashboard_bodynav ul li{
    display:inline-block
}
.dashboard_bodynav ul li a:focus,.dashboard_bodynav ul li a:hover{
    background-color:#eee;
    border-top:5px solid #26c0f3;
    color:#2c3e50;
    text-decoration:none
}
.dashboard_bodyarea{
    width:100%;
    float:left
}
._leftbb{
    width:25%;
    float:left;
    margin-right:2%
}
.profile_imgarea{
    display:inline-block;
    width:100px;
    margin:0 30px 30px 0;
    text-align:center;
    padding:0;
    border-radius:50%;
    overflow:hidden;
    float:left;
    height:100px;
    position:relative;
    box-shadow:0 0 2px 0 #ddd
}
.profile_imgarea img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    max-height:100%;
    margin:auto;
    height:100%;
    width:100%;
    object-fit:cover
}
._leftbb ._rihht{
    width:75%;
    float:right
}
._leftbb .my_txy{
    width:100%;
    float:left;
    max-width:125px
}
._rihht{
    width:75%;
    float:left;
    max-width:385px
}
.left_wrap{
    width:64.66667%;
    float:left;
    padding:30px 30px;
    background-color:#fff;
    border-radius:1px;
    box-shadow:0 1px 1px rgba(119,119,119,.4)
}
.dashbord_bodytextleft{
    width:350px;
    display:inline-block;
    margin-bottom:15px
}
.dashbord_bodytextleft label{
    color:#737c85;
    font-size:14px;
    margin-bottom:10px;
    font-family:'Gotham Book';
    display:inline-block
}
.desk_txt input{
    color:#737c85;
    font-weight:300;
    height:38px;
    border:1px solid #d7d8da;
    border-radius:2px;
    width:100%;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857
}
.desk_txt textarea{
    color:#737c85;
    font-weight:300;
    height:38px;
    border:1px solid #d7d8da;
    border-radius:2px;
    max-width:100%;
    padding:6px 12px;
    min-width:100%;
    font-size:14px;
    line-height:1.42857
}
.desk_txt textarea:focus{
    height:70px;
    transition:all .2s ease-in-out 0s
}
.desk_txt textarea.error{
    border:1px solid red!important
}
.upgrade_btn input[type=submit]{
    border:medium none;
    border-radius:4px;
    color:#fff;
    font-size:14px;
    letter-spacing:1.5px;
    position:relative;
    transition:all .3s ease-in-out 0s;
    border:2px solid #0f1b25;
    text-align:center;
    background:#0f1b25;
    font-weight:400;
    padding:13px 30px
}
.upgrade_btn input[type=submit]:hover{
    background:#26c0f3;
    color:#fff;
    border:2px #26c0f3 solid
}
.my_txy input[type=file]{
    color:#727b84;
    font-size:14px;
    display:inline-block;
    padding:5px 15px;
    border:1px solid #d7d8da;
    border-radius:4px;
    font-weight:300;
    width:100%;
    opacity:0;
    position:relative;
    z-index:9999;
    cursor:pointer
}
.over_lap:hover{
    opacity:.8
}
.hetxt{
    line-height:20px;
    font-size:11px
}
.design_btn{
    position:relative
}
.over_lap{
    color:#727b84;
    font-size:14px;
    display:inline-block;
    padding:5px 15px;
    border:1px solid #d7d8da;
    border-radius:4px;
    font-weight:300;
    position:absolute;
    top:0;
    background:#fff;
    z-index:1;
    left:0;
    right:0;
    text-align:center;
    cursor:pointer
}
._leftc{
    width:33.33333%;
    float:right
}
.setting-profile-wrapper{
    width:100%;
    float:left;
    border-radius:1px;
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    margin-top:0;
    padding:20px 0 0;
    position:relative
}
.setting-profile-wrapper .form-group{
    padding:0 42px;
    margin-bottom:15px
}
.setting-profile-wrapper span.text-small{
    color:#737b85;
    font-size:12px;
    font-weight:400;
    line-height:1.4
}
.yes_no{
    padding:0 42px;
    margin-bottom:15px
}
.yes_no .text-intro{
    color:#656f77;
    font-size:16px;
    display:inline-block;
    width:50%;
    font-weight:500
}
.list-setting{
    margin:0;
    padding:0
}
.list-setting li{
    padding:15px 30px
}
.list-setting li a{
    color:#0f1b25
}
.list-setting li a{
    font-size:16px;
    font-weight:300
}
.list-setting li a i{
    display:inline-block;
    margin-right:15px;
    min-width:20px
}
.list-setting li a.logouut{
    color:#e64b3b
}
.user_payment_status{
    padding:25px
}
.list-setting li:first-child{
    border-bottom:1px solid #fff
}
.dashboard_bodyarea{
    margin-bottom:60px
}
#UserCountryId{
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 1px 1px rgba(0,0,0,.075) inset;
    color:#555;
    display:block;
    font-size:14px;
    height:34px;
    line-height:1.42857;
    padding:6px 12px;
    transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width:100%
}
.editfor:focus{
    border-color:#66afe9;
    box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(102,175,233,.6);
    outline:0 none
}
.dashboard_rightcol{
    width:66.6667%;
    float:left;
    padding:0 15px;
    margin:0 -15px
}
.dashboard_bodyarea .dashboard_rightcol .dashboard_rightcol_inner{
    float:left;
    background-color:#fff;
    border-radius:1px;
    box-shadow:0 1px 1px rgba(119,119,119,.4);
    padding:30px 30px;
    z-index:9999;
    width:100%
}
._leftc{
    box-shadow:0 1px 1px rgba(119,119,119,.3)
}
.dashboard_about_text{
    width:100%
}
#portlist{
    position:relative;
    padding-bottom:40px
}
#portlist li a{
    display:inline-block
}
#portlist li a img{
    max-width:230px;
    max-height:170px
}
#portlist li.portfolio-item a.delete{
    background:#fff none repeat scroll 0 0;
    color:#e74b3b;
    display:none;
    font-size:18px;
    height:25px;
    opacity:.7;
    position:absolute;
    right:180px;
    text-align:center;
    top:0;
    width:25px;
    transition:all .4s ease-in;
    -webkit-transition:all .4s ease-in;
    -moz-transition:all .4s ease-in;
    right:0
}
#portlist li.portfolio-item a.delete_portfolio{
    background:#fff none repeat scroll 0 0;
    color:#e74b3b;
    display:none;
    font-size:18px;
    height:25px;
    opacity:.7;
    position:absolute;
    right:180px;
    text-align:center;
    top:0;
    width:25px;
    transition:all .4s ease-in;
    -webkit-transition:all .4s ease-in;
    -moz-transition:all .4s ease-in;
    right:0
}
#portlist li.portfolio-item:hover a.delete{
    display:block
}
#portlist li.portfolio-item:hover a.delete_portfolio{
    display:block
}
.add-porfolio-button a{
    color:#3397db;
    display:block;
    font-size:14px;
    line-height:normal
}
.tokenize>.tokens-container{
    border:1px solid #d7d8da
}
.tokenize>.tokens-container>.token>.dismiss::after{
    color:#0f1b25;
    font-size:22px
}
.tokens-container.form-control li.token span{
    font-size:14px;
    margin-right:5px;
    display:block;
    padding:5px 0
}
#UserHourRate{
    width:82%;
    float:left
}
.currency-detalil{
    display:block;
    font-size:14px;
    float:left;
    margin-left:15px;
    padding-top:8px
}
.login_right ._imgv img{
    border-radius:50%;
    display:inline-block;
    height:35px;
    margin-right:8px;
    position:relative;
    width:35px;
    object-fit:cover
}
.login_right ._usen{
    display:inline-block;
    max-width:98px;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
    text-transform:capitalize
}
.login_right .caret_sign{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #2c3e50;
    display:inline-block;
    height:0;
    margin-left:8px;
    vertical-align:middle;
    width:0;
    cursor:pointer
}
#loginc li{
    cursor:pointer;
    position:relative!important;
    z-index:99999!important
}
#loginc ul.menu-open{
    display:none;
    z-index:999;
    position:absolute;
    background-clip:padding-box;
    background-color:#fff!important;
    border:1px solid #2c3e50;
    border-radius:4px;
    padding:50px 0 10px;
    width:101%;
    left:inherit;
    min-width:160px;
    right:0;
    z-index:100;
    top:-12%!important;
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
#loginc ul.menu-open li{
    display:block;
    width:100%;
    margin-bottom:10px
}
#loginc ul.menu-open li a{
    display: block;
    width:100%;
    font-size:14px;
    border:none;
    text-align:left;
    padding:0
}
#loginc ul.menu-open li a:hover{
    border:none;
    background:0 0;
    color:#e64b3b;
    text-decoration:none
}
#loginc ul.menu-open li:last-child{
    margin-bottom:0
}
.tokenize-custom-demo1{
    background-color:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.176);
    border:1px solid #ccc;
    border-radius:3px;
    font-size:14px;
    line-height:24px;
    outline:medium none;
    padding:8px 12px;
    z-index:9999
}
#loginc ul.menu-open li a i{
    padding-right:8px
}
#post-project .post-place-wrapper{
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    display:block;
    margin-top:25px;
    min-height:100px
}
.step-heading{
    border-bottom:1px solid #ecf0f1;
    display:block;
    position:relative
}
.step-heading .number-step{
    border-right:1px solid #ecf0f1;
    color:#5d605f;
    display:inline-block;
    font-size:18px;
    font-weight:300;
    line-height:2.5;
    margin-right:20px;
    min-height:45px;
    text-align:center;
    width:45px
}
.step-heading .text-heading-step{
    font-size:14px;
    font-weight:400
}
.step-heading i.fa-caret-down,.step-heading i.fa-caret-right{
    color:#2c3e50;
    font-size:14px;
    position:absolute;
    right:23px;
    top:16px
}
.step-content-wrapper .list-price{
    list-style:outside none none;
    margin:0;
    padding:0
}
#post-project #step-plan li{
    position:relative
}
.step-content-wrapper .list-price li .price{
    bottom:3px;
    color:#c04f31;
    display:inline-block;
    font-size:27px;
    font-weight:300;
    margin-right:12px;
    min-width:68px;
    overflow:hidden;
    position:relative;
    vertical-align:middle
}
#post-project #step-plan .title-plan{
    color:#2c3e50;
    font-size:14px;
    font-weight:700
}
.step-content-wrapper .list-price li .package-title{
    color:#2c3e50;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.step-content-wrapper .list-price li .package-limit,.step-content-wrapper .list-price li .package-title{
    display:inline-block
}
.step-content-wrapper .title-plan span{
    color:#5f6f81;
    display:block;
    font-size:14px;
    font-weight:400;
    text-transform:none
}
#post-project #step-plan .select-plan{
    position:absolute;
    right:22px;
    top:35%
}
.step-content-wrapper .list-price li sup{
    top:-1px
}
.btn-submit-login-form{
    background-clip:padding-box;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    cursor:pointer;
    font-size:14px;
    padding:8px 25px;
    vertical-align:middle
}
.btn-submit-login-form:hover{
    opacity:.8
}
.step-content-wrapper .list-form-login li,.step-content-wrapper .list-price li{
    border-bottom:1px solid #ecf0f1;
    display:block;
    padding:30px 10px;
    font-family:'Gotham Book'
}
.step-content-wrapper .form-group{
    padding:25px;
    border-bottom:1px solid #ecf0f1
}
.step-content-wrapper .title-plan{
    color:#5f6f81;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    overflow:hidden;
    vertical-align:middle;
    font-family:'Gotham Book';
    word-break:initial
}
.step-content-wrapper .title-plan span{
    color:#5f6f81;
    display:block;
    font-size:14px;
    font-weight:400;
    font-family:'Gotham Book';
    text-transform:none;
    padding:2px 0 0 0
}
.col-md-4{
    width:33.3333%
}
.profile-history .work-history-heading .project-status-filter .chosen-container-single:after{
    display:none
}
.col-md-8{
    width:66.6667%
}
.step-content-wrapper #modal_edit_project .chosen-container-multi .chosen-choices,.step-content-wrapper .chosen-container-multi .chosen-choices,.step-content-wrapper input.text-field{
    background-clip:padding-box;
    background-color:#fff;
    border:1px solid #d7d8da;
    border-radius:4px;
    color:#737c85;
    font-weight:300;
    height:auto;
    padding:12px 10px;
    width:100%
}
.form-control{
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:0 1px 1px rgba(0,0,0,.075) inset;
    color:#555;
    display:block;
    font-size:14px;
    height:34px;
    line-height:1.42857;
    padding:6px 12px;
    transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width:100%
}
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
    float:left
}
.tab-content-profile .block-profiles .tab-pane{
    padding:15px 0 0
}
.profile-history .work-history-heading{
    float:left;
    padding:0 0 15px;
    width:100%
}
.profile-history .work-history-heading h4.title-big-info-work-history-items{
    color:#2c3e50;
    float:left;
    font-size:16px;
    font-weight:600;
    margin:0;
    width:60%
}
.profile-history .work-history-heading .project-status-filter{
    float:right;
    width:20%
}
.profile-history .list-history-profile li{
    border-bottom:1px solid #f4f6f8;
    margin-bottom:20px;
    padding:0 0 20px;
    display:inline-block;
    width:100%
}
.list-history-profile .name-history{
    float:left;
    width:65%
}
.list-history-profile .name-history .avatar-bid-item img{
    height:100%;
    width:100%
}
.list-history-profile .name-history .avatar-bid-item,.list-history-profile .name-history .content-bid-item-history{
    display:inline-block;
    float:left;
    overflow:hidden;
    vertical-align:middle;
    width:calc(100% - 45px)
}
.list-history-profile .name-history .avatar-bid-item{
    border-radius:50%;
    height:30px;
    margin-right:15px;
    width:30px
}
.list-history-profile .name-history .content-bid-item-history h5 a{
    color:#2c3e50;
    font-size:18px;
    font-weight:700;
    line-height:1.3
}
.list-history-profile .name-history .content-bid-item-history .stt-in-process{
    font-weight:500
}
.list-history-profile .info-history li{
    border:medium none;
    color:#333;
    font-size:12px;
    font-weight:300;
    margin-bottom:0;
    padding:5px 10px
}
.list-history-profile .info-history li .number-price-project-info{
    font-weight:600
}
.list-history-profile .post-control span{
    padding:0 11px
}
.list-history-profile .post-control a{
    display:inline-block;
    font-size:14px;
    margin-right:5px
}
.list-history-profile .info-history{
    float:left;
    padding-left:20px;
    text-align:right;
    width:35%
}
.chosen-container{
    border:1px solid #ddd;
    border-radius:4px
}
.chosen-container{
    -moz-user-select:none;
    display:inline-block;
    font-size:13px;
    position:relative;
    vertical-align:middle
}
.tokenize>.tokens-container{
    position:relative;
    list-style:none;
    padding:0 0 5px 5px;
    height:auto;
    min-height:34px;
    cursor:text
}
.tokenize.focus>.tokens-container{
    outline:0;
    border-color:#66afe9;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.tokenize>.tokens-container.input-sm{
    padding:0 0 4px 4px;
    min-height:30px
}
.tokenize>.tokens-container.input-lg{
    padding:0 0 9px 9px;
    min-height:46px
}
.tokenize>.tokens-container>.token{
    padding:0 1.2em 0 5px;
    background-color:#eff2f7;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token,.tokenize>.tokens-container>.token-search{
    border:1px solid #cdd5e3;
    display:inline-block;
    margin:10px 5px 0 0;
    position:relative;
    vertical-align:middle
}
.tokenize.sortable>.tokens-container>.token{
    cursor:move
}
.tokenize.single>.tokens-container>.token{
    display:block;
    border-color:#fff;
    background-color:transparent
}
.tokenize.sortable>.tokens-container>.token.shadow{
    border-color:#ccc;
    background-color:#ccc;
    opacity:.2
}
.tokenize>.tokens-container>.placeholder,.tokenize>.tokens-container>.token-search{
    padding:0;
    border-color:#fff
}
.tokenize>.tokens-container>.placeholder{
    color:#b5b8bc
}
.tokenize>.tokens-container>.token-search>input{
    padding:0;
    margin:0;
    line-height:1em;
    border:1px solid #fff;
    background:0 0;
    border-left:none;
    border-right:none;
    outline:0;
    width:100%
}
.tokenize>.tokens-container>.token-search>input::-ms-clear{
    display:none
}
.tokenize>.tokens-container.input-sm>.placeholder,.tokenize>.tokens-container.input-sm>.token,.tokenize>.tokens-container.input-sm>.token-search{
    margin:4px 4px 0 0
}
.tokenize>.tokens-container.input-lg>.placeholder,.tokenize>.tokens-container.input-lg>.token,.tokenize>.tokens-container.input-lg>.token-search{
    margin:9px 9px 0 0
}
.tokenize>.tokens-container>.token.pending-delete{
    background-color:#5b72a4;
    border-color:#425c96;
    color:#fff
}
.tokenize>.tokens-container>.token>.dismiss{
    position:absolute;
    right:5px;
    color:#a9b9d8;
    text-decoration:none;
    cursor:pointer;
    top:0
}
.tokenize>.tokens-container>.token>.dismiss:after{
    content:"×"
}
.tokenize>.tokens-container>.token.pending-delete>.dismiss{
    color:#aaa
}
.tokenize-dropdown{
    position:absolute;
    display:none
}
.tokenize-dropdown>.dropdown-menu{
    min-height:10px;
    width:100%;
    display:block;
    margin:-1px 0 0 0;
    visibility:visible;
    opacity:1
}
.tokenize-dropdown>.dropdown-menu li{
    cursor:pointer
}
.tokenize-dropdown>.dropdown-menu li>a .tokenize-highlight{
    font-weight:700
}
.tokenize-dropdown>.dropdown-menu li.locked{
    padding:3px 20px;
    color:#333;
    white-space:nowrap
}
.tokenize-dropdown>.dropdown-menu li.locked,.tokenize-dropdown>.dropdown-menu li>a{
    text-overflow:ellipsis;
    overflow-x:hidden
}
.tokenize-dropdown>.dropdown-menu li:not(.active) a:focus,.tokenize-dropdown>.dropdown-menu li:not(.active) a:hover{
    background-color:transparent
}
.col-md-15{
    float:left;
    width:20%
}
.content-search-form-top-wrapper{
    padding-left:15px
}
.title-search-form-top{
    color:#2c3d4f;
    font-size:15px;
    font-weight:600;
    font-family:'Gotham Book'
}
.box-shadow-style-theme{
    background-clip:padding-box;
    background-color:#fff;
    border-radius:1px;
    box-shadow:0 1px 1px rgba(225,230,234,.75)
}
.header-sub-wrapper .number-profile,.header-sub-wrapper .number-project{
    color:#fff;
    margin-top:120px
}
.tab-content-project{
    margin:15px 0
}
.row.title-tab-project{
    padding:0 10px 0 20px
}
.title-tab-project span{
    display:block;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
    margin-top:20px;
    color:#26c0f3;
    word-break:initial;
    word-wrap:initial
}
.col-md-5{
    width:41.6667%
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    position:relative
}
.tab-content>.active{
    display:block
}
.list-project li{
    background-clip:padding-box;
    font-size:14px;
    margin-bottom:5px;
    padding:7px 10px 8px
}
.text-ellipsis{
    overflow:hidden;
    white-space:nowrap
}
.list-profile .profile-content .top-profile .name-profile,.list-profile .profile-content .top-profile .position-profile,.list-project li .project-item-title,.list-project li .title-project{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.list-project li .title-project{
    color:#30363b;
    display:inline-block;
    vertical-align:middle
}
.list-project li a.project-item-title{
    color:#30363c;
    font-size:14px;
    font-weight:400
}
.list-project li .project-item-title{
    color:#30363c
}
.login_right .profile_linlk{
    padding:0 10px 10px 10px;
    left:-11px
}
.login_right .profile_linlk ._imgv{
    width:96px;
    height:96px;
    overflow:hidden;
    position:relative
}
._imgv img{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.menu-open_new li a{
    padding:10px 13px!important;
    font-size:11px!important;
    border-top:1px solid #eee!important;
    color:#000;
    background:0 0
}
.menu-open_new li{
    margin:0!important
}
.menu-open_new li a:hover{
    color:#2c3e50!important
}
.cname_loader_ctt{
    position:fixed;
    background:rgba(0,0,0,.58);
    width:100%;
    height:100%;
    z-index:999999
}
.cname_loader_ctt img{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    left:0;
    right:0;
    width:100px;
    background:rgba(255,255,255,.88);
    border-radius:5px
}
.add_item .modal-content{
    padding:20px 35px 30px
}
.add_item .modal-content h3{
    padding:0 0 15px 0;
    margin:0;
    font-size:20px;
    font-weight:400;
    font-family:'Gotham Book'
}
.newclass .login_section_full{
    padding:17px 0 0;
    display:inline-block
}
.add_item .brows_input{
    text-align:center;
    position:relative;
    padding:10px;
    border:3px dashed #eceff1;
    margin-bottom:25px;
    height:235px;
    color:#737c85
}
.brows_input input[type=file]{
    border:1px solid #d7d9da!important;
    border-radius:4px;
    font-weight:300;
    color:#737c85;
    padding:17px 0 0;
    width:90px
}
.change_btn{
    color:#727b84;
    font-size:14px;
    display:inline-block;
    padding:5px 15px;
    border:1px solid #d7d8da;
    border-radius:4px;
    font-weight:300;
    position:absolute;
    top:0;
    background:#fff;
    z-index:1;
    left:0;
    right:0;
    text-align:center;
    cursor:pointer;
    width:105px;
    margin:0 0
}
.drop_sel .select_box select{
    border:1px solid #d7d9da;
    border-radius:4px;
    color:#737c85;
    font-weight:300;
    height:45px;
    padding:0 15px;
    width:100%;
    background:#fff;
    font-size:14px
}
.drop_sel .select_box:after{
    background:url(../../img/front/dropp.png) no-repeat;
    content:'';
    background-position:center center;
    top:0;
    color:#333;
    padding:22px 22px;
    pointer-events:none;
    position:absolute;
    right:0;
    z-index:0;
    border-radius:0;
    height:30px
}
.drop_sel .select_box{
    position:relative;
    width:100%;
    display:inline-block
}
._imv{
    height:70px;
    width:80px;
    margin:0 0;
    overflow:hidden
}
.wrap_img{
    width:100%;
    position:relative;
    margin:10px 0
}
.add_item .close{
    font-size:40px;
    top:8px
}
._imv img{
    max-width:100%;
    max-height:100%
}
.full_width{
    width:100%
}
.full_width #portlist{
    width:100%;
    display:inline-block
}
.full_width #portlist li{
    width:33%;
    padding:0 0;
    display:inline-block;
    position:relative;
    height:157px;
    border:1px solid #eee;
    text-align:center;
    overflow:hidden
}
.full_width #portlist li a img{
    max-height:157px;
    max-width:157px
}
.years #UserExperience{
    width:80px
}
.spec_year{
    color:#5d5f5e;
    margin:0 0 0 12px;
    font-size:15px
}
.dashbord_bodytextleft label.error{
    display:none!important
}
.dashbord_bodytextleft .desk_txt.space_field input.error{
    border:1px solid red!important
}
.drop_menu .seletc_bx:after{
    background:url(../../img/front/dropp.png) no-repeat;
    content:'';
    background-position:center center;
    top:0;
    color:#333;
    padding:17px 22px;
    pointer-events:none;
    position:absolute;
    right:0;
    z-index:0;
    border-radius:0;
    height:30px
}
.drop_menu .seletc_bx{
    position:relative;
    display:inline-block
}
.dashbord_bodytextleft.drop_menu .seletc_bx{
    width:100%
}
.step-content-wrapper .list-price .title-plan{
    width:62%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
.step-content-wrapper .list-price .title-plan{
    text-overflow:ellipsis
}
.step-wrapper.complete a span{
    color:#19bb9b;
    text-decoration:none
}
.step-wrapper a.focus .text-heading-step,.step-wrapper a:hover .text-heading-step{
    color:#cc2026;
    text-decoration:none
}
.step-wrapper .text-heading-step{
    color:#0d0d0e;
    text-decoration:none;
    font-family:'Gotham Book'
}
.step-wrapper a:hover{
    text-decoration:none!important
}
.step-wrapper.complete a span{
    color:#cc2026
}
.step-content-wrapper .form-group .row{
    margin:0 -15px
}
.step-content-wrapper.content .form-group .row input[type=password],.step-content-wrapper.content .form-group .row input[type=text]{
    width:100%!important;
    border:1px solid #d7d8da;
    border-radius:4px;
    background-clip:padding-box;
    background-color:#fff;
    height:auto;
    padding:12px 10px;
    font-weight:300;
    color:#737c85
}
.step-content-wrapper.content .form-group .row .chosen-container{
    width:100%!important;
    height:34px;
    border:none
}
.step-content-wrapper.content .form-group .row .chosen-container .chosen-choices{
    padding:4px
}
.step-content-wrapper.content .form-group .row .tokenize .tokens-container{
    width:100%;
    border-radius:4px;
    background-clip:padding-box;
    background-color:#fff;
    height:auto;
    padding:0 0 5px 5px;
    font-weight:300;
    color:#737c85;
    min-height:44px
}
.step-content-wrapper.content .form-group .row .btn-submit-login-form{
    border-radius:4px;
    background-clip:padding-box;
    font-weight:300;
    padding:10px 25px;
    color:#fff;
    text-align:center;
    border:2px solid #0f1b25;
    text-align:center;
    background:#0f1b25
}
.step-content-wrapper.content .form-group .row .btn-submit-login-form:hover{
    background:#cc2026;
    color:#fff;
    border:2px #cc2026 solid
}
.step-content-wrapper.content .form-group input.error{
    border:1px solid red!important
}
.step-content-wrapper.content .form-group label.error{
    color:red;
    font-weight:400
}
.step-content-wrapper.content .form-group #gallery_place #attachfiles{
    float:left
}
.step-content-wrapper.content .form-group #gallery_place #attachfiles li{
    background:#ececec;
    padding:5px 10px;
    border-radius:5px;
    color:#28b7d1;
    margin:5px 0
}
.step-content-wrapper.content .form-group #gallery_place #attachfiles li a.delete{
    color:#28b7d1;
    font-size:15px;
    font-weight:700;
    padding:0 2px
}
.step-wrapper.complete a .fa-caret-down{
    -ms-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    color:#19bb9b
}
.term-of-use{
    width:100%;
    float:left;
    padding:20px 0 10px 0;
    font-style:italic;
    font-size:12px;
    font-weight:300;
    color:#5d5f5e
}
.term-of-use a{
    color:#2980b9;
    font-weight:500
}
.down_arrow .fa-caret-down{
    -ms-transform:rotate(0)!important;
    -webkit-transform:rotate(0)!important;
    transform:rotate(0)!important
}
.down_arrow .fa-caret-right{
    -ms-transform:rotate(-90deg)!important;
    -webkit-transform:rotate(-90deg)!important;
    transform:rotate(90deg)!important
}
.tilte_header{
    float:left;
    width:100%
}
.tilte_header h2.number-profile{
    color:#2c3e50;
    font-weight:300;
    font-size:22px;
    margin:15px 0;
    font-family:'Gotham Book'
}
.profile_head h2.number-profile{
    margin:30px 15px 15px
}
.list-history-profile .name-history .content-bid-item-history .comment-author-history,.list-history-profile .name-history .content-bid-item-history .stt-in-process{
    display:block;
    margin-top:10px;
    color:#333;
    font-size:14px;
    margin-bottom:5px
}
.profile-history .list-history-profile{
    margin:14px 0 0 0;
    display:inline-block;
    width:100%
}
.list-history-profile .info-history a{
    color:#28b7d1
}
.profile-history_new{
    padding:20px 30px!important
}
.profile-history .list-history-profile li:last-child{
    margin-bottom:0
}
.edit_pro .form-group label{
    color:#737c85;
    font-size:14px;
    margin-bottom:15px;
    font-weight:600;
    display:inline-block
}
.edit_pro .form-group input[type=text]{
    border:1px solid #d7d9da;
    color:#737c85;
    margin-bottom:30px;
    height:45px;
    padding:0 15px
}
.edit_pro .form-group{
    margin-bottom:15px
}
.edit_pro .form-group #attachfiles{
    float:left;
    width:100%
}
.edit_pro .form-group #attachfiles li{
    background:#ececec;
    padding:5px 10px;
    border-radius:5px;
    color:#97e00a;
    margin:5px 0
}
.edit_pro .form-group #attachfiles li a.delete{
    color:#97e00a;
    font-size:15px;
    font-weight:700;
    padding:0 2px
}
.exten{
    padding:5px 0;
    display:inline-block;
    width:100%
}
.sub_btn{
    margin-bottom:0!important
}
.edit_pro .form-group label.error{
    display:none!important
}
.edit_pro .form-group input.error{
    border:1px solid red!important
}
.step-content-wrapper .list-price li .btn.btn-submit-price-plan:hover{
    background:#26c0f3;
    color:#fff;
    border:2px #26c0f3 solid
}
.step-content-wrapper .list-price li .btn.btn-submit-login-form,.step-content-wrapper .list-price li .btn.btn-submit-price-plan{
    display:inline-block;
    float:right;
    vertical-align:middle;
    padding:8px 25px;
    border-radius:4px;
    background-clip:padding-box;
    color:#fff;
    font-size:14px;
    border:2px solid #0f1c25;
    text-align:center;
    background:#0f1c25
}
.submitproject{
    padding:0!important
}
.edit_pro .form-group input[type=file]{
    height:auto
}
.change_pass label{
    color:#737c85;
    font-size:14px;
    margin-bottom:15px;
    font-weight:600
}
.change_pass .desk_txt input[type=password]{
    width:330px;
    border:1px solid #d7d9da;
    color:#737c85;
    margin-bottom:30px;
    height:45px;
    padding:0 15px
}
.change_pass .dashbord_bodytextleft{
    margin-bottom:0;
    display:inherit;
    margin:0 auto
}
.change_pass_txt{
    padding-bottom:30px
}
.yes_no{
    width:100%;
    float:left;
    padding:10px 20px
}
.yes_no .text-intro{
    width:auto;
    display:inline-block;
    padding:8px 0
}
.text-intro-acc{
    padding:23px 25px;
    font-size:14px;
    font-weight:300;
    color:#5f6f81;
    border-bottom:1px solid #ecf0f1
}
.text-intro-acc a{
    color:#2980b9;
    font-weight:600
}
.signin_form .col-sm-8,.signup_form .col-sm-8{
    width:66.66667%;
    float:left
}
.col-md-offset-4{
    margin-left:33.33333%
}
.text-policy a{
    color:#2980b9;
    font-weight:500
}
.text-policy{
    color:#2c3e50
}
.inner_wrapp{
    width:100%;
    float:left;
    background:#fff;
    -moz-box-shadow:0 1px 1px rgba(225,230,234,.75);
    -webkit-box-shadow:0 1px 1px rgba(225,230,234,.75);
    box-shadow:0 1px 1px rgba(225,230,234,.75);
    min-height:100px;
    box-shadow:0 0 6px 0 rgba(0,0,0,.12),0 4px 10px 0 rgba(0,0,0,.16);
    margin:10px 0 20px 0;
    border-radius:4px;
    padding:0 15px
}
.inner_wrapp .col-md-15{
    width:20%;
    float:left
}
.inner_wrapp .content-search-form-top-wrapper{
    padding-left:0
}
.inner_wrapp .title-search-form-top{
    margin-top:20px;
    margin-bottom:10px
}
.inner_wrapp .content-search-form-top-wrapper .chosen-container{
    width:100%!important;
    border:1px solid #ddd;
    border-radius:5px
}
.inner_wrapp .content-search-form-top-wrapper .chosen-container .chosen-single{
    border:1px solid #d7d8da
}
.inner_wrapp .content-search-form-top-wrapper .skills-wrap i{
    position:absolute;
    right:12px;
    top:6px;
    font-size:14px;
    padding-left:8px;
    padding-bottom:5px;
    background:#fff;
    color:#0f1b25
}
.inner_wrapp .content-search-form-top-wrapper .skills-wrap{
    position:relative;
    width:185px
}
.inner_wrapp .content-search-form-top-wrapper .skills-wrap .tt-hint{
    width:100%
}
.inner_wrapp .skills-wrap .form-control{
    height:27px;
    border:1px solid #d7d8da;
    padding:0 32px 2px 10px
}
.pricerange{
    width:100%!important;
    position:relative;
    top:-15px
}
.list-profile-wrapper{
    width:100%;
    display:inline-block
}
.worker_profile{
    width:100%;
    float:left;
    min-height:500px
}
.work_pro_wrap{
    width:100%;
    display:inline-block
}
.work_pro_wrap .col-md-6{
    width:50%;
    padding-left:15px;
    padding-right:15px
}
.work_pro_wrap .profile-content{
    display:block;
    padding:20px 25px;
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    margin-bottom:30px;
    position:relative;
    border:1px solid #eee;
    overflow:hidden
}
.bottom-profile li,.top-profile li{
    display:inline-block;
    position:relative;
    vertical-align:top
}
.list-profile .profile-content .top-profile .avatar-profile{
    display:block;
    width:66px;
    height:66px;
    display:inline-block;
    border-radius:50%;
    overflow:hidden;
    position:relative
}
.list-profile .profile-content .top-profile .img-avatar{
    margin-right:20px
}
.list-profile .profile-content .top-profile .info-profile{
    width:267px
}
.list-profile .profile-content .top-profile .name-profile{
    color:#2c3e50;
    font-size:24px;
    font-weight:600;
    display:block;
    text-transform:capitalize;
    margin-bottom:5px
}
.btn-apply-project-item,.btn-excecute-project,.btn-refund-project,.btn-view-profile{
    border-radius:4px;
    background-clip:padding-box;
    color:#fff;
    font-size:14px;
    font-weight:300;
    padding:5px 18px;
    float:right;
    letter-spacing:1.1px;
    background:#0f1b25;
    border:2px #0f1b25 solid!important
}
.list-profile .profile-content .bottom-profile .wrapper-achivement{
    width:100%;
    max-width:100%;
    margin-right:0;
    margin-top:10px
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul{
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid #f4f6f8
}
.list-profile .profile-content .bottom-profile .wrapper-achivement ul li{
    border-right:1px solid #f4f6f8;
    padding:4px 9px;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block;
    text-align:center
}
.list-profile .profile-content .bottom-profile .wrapper-achivement span{
    font-size:14px;
    color:#666f78;
    font-weight:400
}
.tab-content-profile{
    margin:53px 0 0
}
.work_pro_wrap_head{
    width:100%;
    float:left;
    background:#fff
}
.work_pro_wrap_head .col-md-12{
    width:100%
}
.number-profile_num{
    display:inline-block;
    color:#fff;
    font-size:22px;
    font-size:2rem
}
.review{
    float:right
}
.review_wrap{
    width:100%;
    padding:5px 10px;
    display:inline-block;
    background:#0f1b25;
    border:1px solid #ccc;
    border-radius:4px
}
.review a{
    border-radius:4px;
    background-clip:padding-box;
    background-color:#ffaf02;
    box-shadow:0 2px 0 #c48b11;
    font-weight:300;
    padding:10px 25px;
    color:#fff;
    border:none;
    display:inline-block
}
.review a:hover{
    opacity:.8
}
.review a i{
    margin-right:5px
}
.skills-wrap .tt-dropdown-menu{
    width:100%;
    background:#fff;
    border:1px solid #d8d8d8;
    border-top:none;
    padding:5px;
    border-radius:4px
}
.skills-wrap .tt-suggestion{
    padding:5px 4px;
    font-size:13px
}
.skills-wrap .tt-hint{
    display:none
}
.skills-wrap .tt-suggestion:hover{
    background-color:#337ab7;
    color:#fff
}
.breadcrumb-wrapper{
    width:100%;
    background:#f2f5f7;
    min-height:30px;
    float:left
}
.breadcrumb{
    padding:20px 0;
    background:0 0;
    margin-bottom:0
}
.breadcrumb>li{
    display:inline-block;
    padding-right:5px;
    position:relative;
    padding-left:10px;
    word-wrap:anywhere
}
.breadcrumb>li:first-child:before{
    display:none
}
.breadcrumb>.active{
    color:#777;
    padding-left:15px;
    font-size:14px
}
.breadcrumb>li a{
    color:#0f1b25;
    font-size:15px;
    padding-left:5px;
    position:relative;
    padding-right:0
}

.breadcrumb>li a .fa-video-camera {
    color: #337ab7;
    font-size: 18px;
}

.profile_page .breadcum_div{
    float:left;
    width:100%
}
.single-profile-wrapper_new{
    width:100%;
    float:left;
    background:#f2f5f7;
    padding:15px 0 50px 0;
    min-height:700px
}
.single-profile-wrapper .title-tab-profile h2{
    margin-bottom:15px;
    color:#b9c5cd;
    font-size:12px;
    font-weight:700;
    margin-top:20px;
    font-family:'Gotham Book';
    text-transform:uppercase
}
.single-profile-wrapper_new .col-md-4{
    width:33.33333%;
    float:left
}
.single-profile-wrapper_new .single-profile-content{
    border-radius:1px;
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2)
}
.single-profile-wrapper ul.list-detail-info{
    padding-bottom:20px
}
.single-profile-wrapper_new .list-detail-info li{
    display:block;
    padding:13px 30px;
    border-top:1px solid #f4f6f8;
    color:#656e78
}
.single-profile-wrapper_new .list-detail-info li i{
    display:inline-block;
    min-width:20px;
    margin-right:5px;
    color:#90969b
}
.single-profile-wrapper_new .list-detail-info li .text{
    display:inline-block;
    font-weight:300;
    font-size:15px
}
.single-profile-wrapper_new .list-detail-info li .text-right{
    color:#2c3e50;
    font-size:16px;
    font-weight:700;
    display:inline-block;
    vertical-align:middle;
    float:right
}
.single-profile-wrapper_new .text-right{
    text-align:right
}
.single-profile-wrapper_new .list-detail-info li .rate-it{
    display:inline-block;
    float:right
}
.single-profile-wrapper_new .list-detail-info li .rate-it i{
    margin:0;
    min-width:0
}
.single-profile-wrapper_new .single-profile-content .single-profile-top{
    padding:20px 30px;
    border-bottom:1px solid #f4f6f8;
    display:inline-block;
    width:100%
}
.single-profile-content .single-profile{
    width:50%;
    float:left
}
.single-profile-content .single-profile-top .single-profile .img-avatar{
    margin-right:20px;
    float:left
}
.single-profile-content .single-profile-top .single-profile .img-avatar .avatar-profile{
    width:70px;
    height:70px;
    display:block;
    border-radius:50%;
    overflow:hidden
}
.single-profile-content .single-profile-top .single-profile .img-avatar .avatar-profile img{
    width:100%;
    height:100%;
    max-width:100%
}
.single-profile-content .single-profile li.info-profile{
    width:70%;
    width:-webkit-calc(100% - 90px);
    width:calc(100% - 90px);
    position:relative;
    bottom:7px;
    float:left
}
.single-profile-content .single-profile li span.name-profile{
    color:#2c3e50;
    font-size:24px;
    font-weight:500;
    text-transform:capitalize;
    font-family:'Gotham Book';
    margin-bottom:5px
}
.single-profile-content .single-profile li span.position-profile{
    color:#0f1b25;
    font-size:14px;
    margin-bottom:5px;
    font-weight:400
}
.single-profile-content .single-profile li span.number-review-profile{
    color:#cc2026;
    font-size:14px;
    font-weight:400
}
.single-profile-content .single-profile li span{
    display:inline-block;
    width:100%
}
.single-profile-content .profile-overview{
    padding:20px 30px;
    border-bottom:1px solid #f4f6f8;
    line-height:22px;
    word-wrap:break-word
}
.single-profile-content .profile-history h4.title-single-profile,.single-profile-content .profile-overview h4.title-single-profile{
    color:#2c3e50;
    font-size:18px;
    font-weight:600
}
.single-profile-content .profile-history.bid-history{
    padding:20px 0 0
}
.number-profile-wrapper-archive,.number-project-wrapper-archive{
    background:0 0;
    padding:30px 0 0
}
.project_new_page{
    float:left;
    width:100%;
    padding:10px 0 0 0
}
.project_new_page .col-md-3{
    width:25%
}
.project_new_page .col-md-3 .chosen-container{
    border:1px solid #ddd;
    border-radius:4px;
    width:100%!important
}
.project_new_page .chosen-sort .chosen-container-single .chosen-single{
    border:none;
    height:auto;
    padding:5px 15px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#fff!important;
    -moz-box-shadow:0 1px 1px rgba(225,230,234,.75);
    -webkit-box-shadow:0 1px 1px rgba(225,230,234,.75);
    box-shadow:0 1px 1px rgba(225,230,234,.75);
    color:#656f77;
    font-size:13px;
    background:0 0;
    border:none;
    box-shadow:initial
}
.project_new_page .col-md-9{
    width:75%
}
.text-right{
    text-align:right
}
.project_new_page .pos-related a{
    padding:10px 20px;
    font-size:14px;
    border-radius:4px;
    display:inline-block;
    transition:all .3s ease-in-out;
    background-clip:padding-box;
    color:#fff;
    letter-spacing:1.5px;
    position:relative;
    box-shadow:0 2px 0 #26c0f3;
    background-color:#26c0f3
}
.btn-post-project i{
    font-size:14px;
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-8px;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.btn-post-project:hover i{
    opacity:1;
    left:15px
}
.btn-post-project:hover{
    opacity:.8;
    padding-left:40px!important
}
.list-project-wrapper_new{
    width:100%;
    float:left;
    min-height:600px;
    margin-top:20px
}
.tab-content-project_new{
    width:100%;
    float:left
}
.list-project-wrapper_new .col-md-12{
    width:100%;
    float:left
}
.tab-content-project_new .col-md-5{
    width:35.66667%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.tab-content-project_new .col-md-2{
    width:16.66667%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.tab-content-project_new .col-md-1{
    width:14.33333%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.tab-content-project_new{
    margin:0 -15px
}
.project_table .list-project li{
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    padding:7px 10px 8px 10px;
    margin-bottom:5px;
    font-size:14px
}
.pd-r-30{
    padding-right:30px
}
.project_table .col-md-5{
    width:35.66667%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.project_table .col-md-2{
    width:16.66667%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.project_table .col-md-1{
    width:14.33333%;
    float:left;
    padding-left:15px;
    padding-right:15px
}
.project_table .col-md-5 a img{
    width:35px;
    height:35px;
    border-radius:50%;
    max-width:100%;
    max-height:100%;
    object-fit:cover
}
.project_table .text-ellipsis a.avatar-author-project-item{
    display:inline-block;
    vertical-align:middle;
    color:#30363b
}
.project_table .col-md-2 span{
    font-weight:300;
    color:#656e78;
    line-height:normal;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    padding-top:16px
}
.project_table .col-md-2 span a{
    font-weight:300;
    color:#656e78;
    line-height:normal;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap
}
.project_table .wrapper-btn{
    text-align:right;
    margin:8px 0 0 0
}
.clr_fltr a,.project_table .wrapper-btn a{
    padding:7px 14px;
    font-weight:400;
    font-size:14px;
    border-radius:4px;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    background-clip:padding-box;
    color:#fff;
    letter-spacing:1.5px;
    border:2px solid #0f1b25;
    text-align:center;
    background:#0f1b25;
    display:inline-block
}
.clr_fltr a:hover,.project_table .wrapper-btn a:hover{
    background:#26c0f3;
    color:#fff;
    border:2px #26c0f3 solid
}
.project_table .budget-project{
    color:#2c3e50;
    font-weight:700;
    font-size:14px;
    line-height:35px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis
}
.project_table .list-project li:hover{
    background:rgba(238,238,238,.3)
}
.namee{
    display:inline-block;
    vertical-align:middle;
    padding-left:5px;
    font-weight:700
}
.namee.lineheight_align{
    line-height:normal;
    word-break:initial;
    padding-top:16px
}
.admin_no_record{
    width:100%;
    min-height:240px;
    text-align:center;
    padding:100px 0;
    font-size:25px;
    border:5px solid #fff;
    box-shadow:0 0 7px #9c9c9c;
    margin:2% 0
}
.project_view .col-md-12{
    width:100%;
    display:inline-block
}
.project_view .col-lg-4{
    width:33.33333%
}
.project_view .col-lg-2{
    width:16.66667%
}
.info-bidding-wrapper,.single-projects{
    display:block;
    border-radius:1px;
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:0 1px 1px rgba(119,119,119,.2) inset
}
.single-projects .project-item{
    padding:15px 30px;
    border-bottom:1px solid #f4f6f8
}
.single-projects .picc{
    display:inline-block;
    overflow:hidden;
    float:left;
    width:30px;
    height:30px;
    margin-right:15px;
    border-radius:50%
}
.single-projects .budget-project-item{
    color:#2c3e50;
    font-size:14px;
    font-weight:700;
    padding-left:20px;
    line-height:30px
}
.single-projects .info-project-item{
    border-bottom:1px solid #eee
}
.new_tabb .col-lg-8{
    width:66.66667%
}
.new_tabb .list_style{
    width:100%
}
.single-projects .info-project-item .info-item{
    padding-left:30px
}
.single-projects .info-project-item .info-item>li{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    padding:10px 8px 10px 0;
    border-right:1px solid #eee
}
.bid_btnn{
    float:right;
    margin-right:0!important;
    border:none!important;
    padding:6px 0 0!important
}
.special a{
    font-size:13px;
    color:#0f1b25
}
.special a:hover{
    color:#ffaf02
}
.special a i{
    margin-right:5px
}
.single-projects .info-project-item .info-item>li .number-blue{
    color:#0f1b25;
    font-size:15px
}
.single-projects .info-project-item .info-item>li .text-normal{
    color:#656f77!important;
    font-size:12px!important;
    margin-left:5px
}
.new_tabb .col-lg-4{
    width:33.33333%
}
.single-projects .info-project-item .info-project-item-right{
    display:block;
    float:right;
    line-height:50px
}
.link-clone{
    float:left;
    margin-right:20px
}
.link-clone a{
    color:#97e00a;
    font-size:14px
}
.single-projects .info-project-item .info-project-item-right .link-clone i{
    display:inline-block;
    margin-right:15px
}
.single-projects .info-project-item-details{
    padding:0 30px 0 30px
}
.single-projects .info-project-item-details .content-require-project{
    padding:30px 30px 20px 0
}
.single-projects .info-project-item-details .content-require-project h4{
    color:#2c3e50;
    font-size:18px;
    font-weight:700;
    margin:0 0 15px
}
.single-projects .info-project-item-details .content-require-project p{
    color:#656f77;
    font-size:14px;
    font-weight:400;
    line-height:25px;
    text-align:justify
}
.single-projects .content-require-skill-project{
    padding-top:20px
}
.new_spacebx .bg_color h3.title-content,.single-projects .content-require-skill-project .title-content,.single-projects .content-require-skill-project h3{
    color:#2c3e50;
    font-size:18px;
    font-weight:700;
    margin:0 0 15px
}
.list-project_category ul li{
    padding:5px 10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#f2f5f7;
    margin-right:10px;
    margin-bottom:10px;
    display:inline-block
}
.project-item .content-title-project-item{
    font-size:15px;
    padding:5px 0;
    font-weight:700;
    color:#0f1b25
}
.single-projects .time-post-project-item{
    line-height:30px
}
.single-projects .author-link-project-item{
    line-height:30px
}
._mnebn{
    display:inline-block;
    vertical-align:top;
    margin:0 5px
}
.single_project_table{
    display:table;
    width:100%
}
.pop_wraper_inner{
    float:left;
    width:100%
}
.pop_container.forget_height{
    background-color:#fefefe;
    margin:5% auto;
    padding:30px;
    border:1px solid #888;
    max-width:548px;
    position:relative
}
.form_cont_inner .login_section_full{
    padding:0
}
.signn{
    color:#2c3e50;
    font-size:36px;
    font-family:'Gotham Book';
    padding:0 0 15px 0
}
.login_fieldarea .inputt span.fieldd{
    color:#737c85;
    font-size:14px;
    font-weight:700;
    font-family:'Gotham Book';
    margin-bottom:15px
}
.login_fieldarea .inputt input[type=password]{
    border:1px solid #d7d9da;
    border-radius:4px;
    color:#737c85;
    font-weight:300;
    height:45px;
    padding:0 15px;
    width:100%;
    background:#fff;
    font-size:14px
}
.rest_error{
    color:red;
    font-size:13px
}
.login_fieldarea .inputt span.fieldd textarea.error{
    border:1px solid red!important
}
.cname_result span{
    text-align:right;
    width:100%;
    float:right;
    padding:5px 0 0
}
.cname_result{
    color:#56a965;
    font-size:13px
}
.stat_pic{
    padding:10px;
    width:100%;
    min-height:500px;
    float:left;
    color:#000;
    font-size:17px;
    min-height:500px;
    word-break:initia
}
.stat_pic b{
    font-size:22px
}
.stat_pic p i{
    color:#ffaf02;
    font-style:normal;
    font-weight:700
}
.service_title.static_pagess{
    float:left;
    width:100%;
    padding:20px 0
}
.static_page{
    float:left;
    width:100%;
    background-color:#0f1b25;
    text-align:center;
    position:relative;
    padding:50px 0
}
.service_title.static_pagess h5{
    font-size:37px;
    position:relative;
    color:#333
}
.content_line{
    float:left;
    width:100%;
    color:#fff;
    font-size:20px;
    padding:20px 0 0 0
}
.inpfil_content.inpfil_content_tag{
    margin:20px 0 40px;
    float:left;
    width:100%
}
._incrrr{
    margin:10% auto;
    width:100%;
    text-align:center;
    position:relative;
    max-width:250px
}
._incrrr img{
    background:0 0;
    box-shadow:initial;
    border:none;
    padding:0;
    margin:0
}
#caption{
    background:rgba(0,0,0,.38);
    color:#fff;
    font-size:18px;
    padding:5px 0
}
.desk_txt.space_field .chosen-container{
    width:100%!important
}
.new_eml{
    padding:5px 0 5px;
    display:inline-block;
    color:#5d5f5e;
    font-size:14px
}
.new_eml_red{
    padding:2px 4px;
    font-size:15px;
    color:#c7254e;
    background-color:#f9f2f4;
    border-radius:4px
}
.new_eml_grn a{
    color:#0f1b25;
    font-size:15px;
    padding-left:2px
}
#ja-main-player .headers{
    display:none
}
.breadcrumb li:before{
    content:"\f101";
    font-family:FontAwesome;
    position:absolute;
    color:#ccc;
    font-size:15px;
    display:inline-block;
    left:0
}
.list-profile .profile-content .top-profile .position-profile{
    color:#0f1b25;
    font-size:11px;
    font-weight:400;
    width:100%;
    display:inline-block;
    margin-bottom:5px
}
.list-skill-profile{
    width:100%;
    display:inline-block;
    text-align:right
}
.list-skill-profile ul li{
    display:inline-block;
    padding:0 0 4px 14px;
    font-size:13px;
    position:relative;
    margin-right:10px
}
.list-skill-profile ul li:after{
    position:absolute;
    width:5px;
    height:5px;
    background:#0f1b25;
    border-radius:50px;
    content:"";
    left:0;
    top:5px
}
.profile_skill{
    margin:10px 0 0 0
}
.stat_pic p{
    padding:0 10px;
    font-size:16px
}
.stat_pic p strong{
    font-size:17px
}
.fieldd label.error{
    text-align:right;
    font-size:13px;
    color:red;
    width:100%;
    display:inline-block;
    font-weight:400;
    text-align:left
}
.setting-profile-wrapper .confirm-request .text-small{
    color:#e18972
}
.setting-profile-wrapper span.text-small{
    color:#333;
    font-size:13px;
    font-weight:400
}
.request-confirm{
    color:#0f1b25
}
.newcccl{
    min-height:500px
}
.single-projects .picc img{
    height:100%
}
.review.review_new{
    position:relative;
    top:-40px
}
.review.review_new a{
    background-color:#26c0f3;
    box-shadow:0 2px 0 #0f1b25;
    font-size:14px;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.review_new a i{
    font-size:14px;
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-8px;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.review_new a:hover i{
    opacity:1;
    left:15px
}
.review_new a:hover{
    padding-left:40px
}
.project_view{
    display:inline-block;
    width:100%;
    min-height:600px;
    margin-bottom:30px
}
.payment_wrap h3.title{
    width:100%;
    text-align:left;
    font-size:25px
}
.payment_wrap .content{
    text-align:left;
    width:100%;
    display:inline-block;
    font-size:20px
}
.payment_wrap a{
    font-size:16px;
    color:#97e00a
}
.payment_wrap{
    text-align:left;
    padding:50px 20px;
    width:70%;
    background:#fff
}
.error_msg{
    padding:10px;
    background:#e55d52;
    border-radius:4px;
    text-align:left;
    color:#fff;
    margin:0 0 10px 0
}
.seletc_bx .error{
    border:1px solid red!important
}
.content-search-form-top-wrapper .skills-list{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:20px
}
.content-search-form-top-wrapper .skills-list li{
    display:inline-block;
    padding:3px 12px;
    border-radius:4px;
    background-clip:padding-box;
    background-color:#f1f5f7;
    margin-right:15px;
    margin-bottom:10px
}
.content-search-form-top-wrapper .skills-list li .text-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:75px;
    display:inline-block;
    vertical-align:middle
}
.content-search-form-top-wrapper .skills-list li i{
    display:inline-block;
    margin-left:10px;
    color:#656f77;
    font-size:12px
}
.space_field .chosen-choices li.search-choice{
    background-color:transparent!important;
    background-image:none!important
}
.space_field .chosen-choices{
    padding:5px 5px!important
}
.space_field .chosen-container-active .chosen-choices{
    box-shadow:inherit
}
.custom_link.pagination{
    float:left;
    display:inline-block;
    padding:10px 0;
    text-align:left
}
.custom_link.pagination .current{
    color:#ffaf02;
    padding:5px;
    font-size:16px;
    cursor:pointer
}
.custom_link.pagination span a{
    color:#777;
    font-size:16px;
    display:inline-block
}
.custom_link.pagination span{
    padding:5px;
    color:#777
}
.custom_link.pagination span a:hover{
    color:#ffaf02
}
.payment_header{
    background:#fff;
    padding:20px 0;
    width:100%;
    display:inline-block
}
.payment_tile{
    font-size:22px;
    font-family:'Gotham Book'
}
.edit_pro .form-group .chosen-container{
    width:100%!important
}
.nonee .chosen-single b{
    display:none!important
}
.info-bidding-wrapper,.single-projects{
    background-clip:padding-box;
    background-color:#fff;
    border-radius:1px;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    display:block;
    box-shadow:0 0 3px rgba(0,0,0,.23) inset;
    margin:10px 0
}
.info-bidding-wrapper .info-bidding{
    clear:both;
    display:inline-block;
    width:100%
}
.info-bidding-wrapper .avatar-freelancer-bidding,.info-bidding-wrapper .info-profile-freelancer-bidding{
    float:left;
    overflow:hidden
}
.info-bidding-wrapper .avatar-freelancer-bidding .avatar-profile{
    display:inline-block;
    float:left;
    height:50px;
    margin-right:15px;
    width:50px
}
.info-bidding-wrapper .avatar-freelancer-bidding .avatar-profile img{
    border-radius:50%;
    height:100%;
    width:100%
}
.info-bidding-wrapper .info-profile-freelancer-bidding{
    width:calc(100% - 65px);
    overflow:visible
}
.info-bidding-wrapper .info-profile-freelancer-bidding .name-profile{
    color:#2c3e50;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize
}
.info-bidding-wrapper .info-profile-freelancer-bidding .position-profile{
    color:#55b3c3;
    font-size:12px;
    display:inline-block;width: 100%
}
.info-bidding-wrapper .info-bidding .rate-exp-wrapper{
    border-radius:4px;
    margin:3px 0 0 10px
}
.info-bidding-wrapper .info-bidding .number-price-project{
    color:#656f77;
    display:block;
    font-size:12px;
    font-weight:400;
    position:relative;
    text-align:center
}
.info-bidding-wrapper .info-bidding .number-price-project span.number-price{
    color:#55b3c3;
    display:block;
    font-size:20px;
    font-weight:400
}
.Testimonial-quote{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border-left:medium none;
    font-size:14px;
    margin:10px 0 0 0;
    padding:0;
    line-height:20px;
    width:100%;
    text-align:center;
    float:left
}
.info-bidding-wrapper .info-bidding .number-price-project .btn-accept-bid{
    background-color:#ffaf02;
    box-shadow:0 2px 0 #c48b11;
    padding:5px 20px;
    margin:10px 0
}
.single-project-wrapper .title-tab-project span{
    padding-left:10px
}
.info-bidding-wrapper .list-bidding{
    padding-top:20px
}
.block-bid-header{
    padding-left:16.5%
}
blockquote p{
    display:inline;
    font-size:14px;
    font-weight:300;
    line-height:25px
}
.info-company-wrapper{
    background:#fff none repeat scroll 0 0 padding-box;
    border-radius:1px;
    box-shadow:0 1px 1px rgba(119,119,119,.2);
    display:block;
    box-shadow:0 0 3px rgba(0,0,0,.23);
    width:100%
}
.info-company-wrapper .info-company-avatar{
    display:block;
    padding:30px
}
.btn-sumary{
    background-clip:padding-box;
    border:medium none;
    border-radius:4px;
    color:#fff;
    font-size:14px;
    letter-spacing:1.5px;
    padding:10px 20px;
    position:relative;
    transition:all .3s ease-in-out 0s
}
.info-company-wrapper .info-company-avatar .info-avatar{
    border-radius:50%;
    display:inline-block;
    float:left;
    height:35px;
    margin-right:20px;
    overflow:hidden;
    vertical-align:middle;
    width:35px
}
.info-company-wrapper .info-company-avatar .info-avatar img{
    height:100%;
    width:100%
}
.info-company-wrapper .info-company-avatar .info-company{
    display:inline-block;
    vertical-align:middle;
    width:calc(100% - 55px)
}
.info-company-wrapper .info-company-avatar .info-company-name{
    color:#2c3e50;
    font-size:18px;
    font-weight:600;
    margin:0 0 5px
}
.info-company-wrapper .info-company-avatar .time-since{
    color:#737c85;
    font-size:12px;
    font-weight:300
}
.info-company-wrapper .list-info-company-details{
    list-style:outside none none;
    margin:0;
    padding:0
}
.info-company-wrapper .list-info-company-details li{
    border-top:1px solid #eee;
    color:#90959a;
    font-size:16px;
    font-weight:400;
    padding:13px 30px
}
.info-company-wrapper .list-info-company-details li .address{
    overflow:hidden
}
.info-company-wrapper .list-info-company-details li .address>i{
    float:left;
    margin-top:3px
}
.info-company-wrapper .list-info-company-details li .address .addr-wrap{
    display:inline-block;
    float:left;
    padding-left:6px;
    width:87%
}
.info-company-wrapper .list-info-company-details li span.info.addr{
    display:initial;
    float:right;
    margin-left:3px;
    vertical-align:top;
    white-space:normal
}
.info-company-wrapper .list-info-company-details li span.info{
    color:#2c3e50;
    display:inline-block;
    float:right;
    font-size:16px;
    font-weight:700;
    line-height:22px;
    max-width:190px;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap
}
.info-bidding-wrapper .info-bidding .number-price-project .confirm{
    clear:both;
    display:block
}
.info-bidding-wrapper .info-bidding .number-price-project .confirm button{
    margin-bottom:2px
}
.btn{
    -moz-user-select: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;
    touch-action:manipulation;
    vertical-align:middle;
    white-space:nowrap
}
.ribbon{
    background:#e74c3c none repeat scroll 0 0;
    height:35px;
    left:-27px;
    padding-top:10px;
    position:absolute;
    text-align:center;
    top:-20px;
    width:32px
}
.ribbon i{
    color:#fff;
    font-size:16px
}
.ribbon::after{
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    -moz-border-right-colors:none;
    -moz-border-top-colors:none;
    border-color:#e74c3c #e74c3c transparent;
    border-image:none;
    border-style:solid;
    border-width:.4em 16px 16px;
    bottom:0;
    content:"";
    display:block;
    position:absolute;
    top:35px;
    width:0;
    z-index:5
}
.info-project-items .bid-list-container li .user-bid-item-list{
    padding:15px 30px
}
.info-project-items .bid-list-container li .user-bid-item-list .avatar-author-project-item{
    border-radius:50%;
    display:inline-block;
    float:left;
    height:30px;
    margin-right:15px;
    overflow:hidden;
    width:30px
}
.info-project-items .bid-list-container li .avatar-author-project-item img{
    height:auto;
    width:100%
}
.user-bid-item-info{
    border-bottom:1px solid #f4f6f8;
    padding:0 30px
}
.user-bid-item-info .info-item{
    list-style:outside none none;
    margin:0;
    padding:0
}
.user-bid-item-info .info-item li{
    border-right:1px solid #f4f6f8;
    color:#656f77;
    display:inline-block;
    font-size:14px;
    margin-right:20px;
    padding:10px 20px 10px 0;
    vertical-align:middle
}
.user-bid-item-info .info-item li .number-blue{
    color:#0f1b25;
    font-size:22px;
    margin-right:5px
}
h4.title-big-info-project-items{
    border-bottom:1px solid #f4f6f8;
    color:#2c3e50;
    font-size:18px;
    font-weight:600;
    margin:0;
    padding:0 30px 15px
}
.info-project-items .bid-list-container li .avatar-author-project-item img{
    height:auto;
    width:100%
}
.info-project-items .bid-list-container li .user-bid-item-list .avatar-author-project-item{
    border-radius:50%;
    display:inline-block;
    float:left;
    height:30px;
    margin-right:15px;
    overflow:hidden;
    width:30px
}
#notimodel ul.notification-list{
    padding:0
}
#notimodel li{
    background:#fff none repeat scroll 0 0;
    color:#30363c;
    font-size:14px;
    font-weight:400;
    list-style:outside none none;
    margin-bottom:10px;
    padding:10px 10px 10px 20px
}
#notimodel li a{
    color:#3498db
}
#notimodel .avatar-employer-notification,#notimodel .avatar-notification{
    border-radius:50%;
    display:inline-block;
    height:30px;
    overflow:hidden;
    vertical-align:middle;
    width:30px
}
#notimodel li .notication-time{
    color:#666f78;
    font-weight:300
}
#notimodel li a.action{
    display:inline-block;
    float:right;
    margin-left:5px;
    position:relative;
    top:1px;
    line-height:20px
}
.container_cnt{
    margin:auto;
    width:1170px
}
#notimodel h3{
    bottom:5px;
    color:#fff;
    font-size:22px;
    font-weight:300;
    margin:30px 0;
    position:relative;
    text-transform:capitalize;
    margin-bottom:90px
}
.close_nn{
    display:inline-block;
    font-size:27px;
    font-weight:700;
    margin-right:18px;
    position:relative;
    z-index:9999;
    cursor:pointer
}
#notimodel .avatar-freelancer-notification{
    border-radius:50%;
    display:inline-block;
    height:45px;
    overflow:hidden;
    vertical-align:middle;
    width:45px;
    position:relative
}
#notimodel .profile{
    display:inline-block;
    margin-left:10px;
    min-width:120px;
    padding-right:60px;
    vertical-align:middle
}
#notimodel .name{
    color:#2c3d4f;
    display:inline-block;
    font-size:16px;
    font-weight:600;
    text-transform:capitalize
}
#notimodel .position-employer{
    color:#2dcb71;
    display:block
}
.nobidc{
    padding:80px 0;
    text-align:center;
    width:100%;
    font-size:25px
}
.single-projects .info-project-item-details .workspace-link{
    display:inline-block;
    margin-bottom:25px;
    padding:10px 15px;
    border-radius:4px;
    background-color:#5d9468;
    color:#fff;
    box-shadow:0 2px 0 #497552;
    font-weight:600;
    font-size:14px
}
.workspace-link{
    display:inline-block;
    margin-bottom:25px;
    padding:7px 8px;
    border-radius:4px;
    background-color:#5d9468;
    color:#fff;
    box-shadow:0 2px 0 #497552;
    font-size:14px
}
.form-group-work-place.file-container{
    background:#f5f8fa;
    width:100%;
    margin-right:0;
    padding:25px
}
.form-content-chat-wrapper textarea{
    width:100%;
    display:inline-block;
    vertical-align:middle;
    min-height:180px;
    overflow:hidden;
    word-wrap:break-word;
    resize:none;
    height:70px;
    border:none;
    box-shadow:inherit;
    font-family:'Gotham Book';
    border-bottom:1px solid #e9ebed
}
span.submit-icon-msg:after{
    font-family:FontAwesome;
    content:"\f1d8 ";
    font-size:18px;
    color:#03a9f4;
    text-align:center;
    pointer-events:none;
    position:absolute;
    left:5px;
    top:0
}
span.submit-icon-msg:hover:after{
    color:#ffaf02
}
.form-group-work-place .submit-btn-msg{
    position:absolute;
    bottom:10px;
    right:33px!important
}
.form-group-work-place .form-content-chat-wrapper{
    width:100%;
    background:0 0
}
.form-group-work-place .content-chat-wrapper{
    position:relative
}
.file-container input[type=file],.file_submit_close .atat_clos_file input[type=file]{
    border:none;
    box-shadow:inherit;
    margin:10px 0 0 0;
    opacity:0;
    cursor:pointer
}
.submit-btn-msg .submit-icon-msg input[type=submit]{
    width:25px;
    opacity:0
}
.message-container,.report-container{
    border-right:1px solid #f4f6f8;
    padding-bottom:10px
}
.message-container,.workplace-project-details{
    padding-top:15px
}
.spaceing{
    padding:15px 15px
}
.form-group-work-place-wrapper{
    display:block;
    margin-bottom:30px;
    position:relative;
    z-index:2;
    margin-top:10px;
    float:left;
    width:100%
}
.list-chat-work-place>li{
    display:inline-block;
    margin-bottom:20px;
    width:100%
}
.avatar-chat-wrapper{
    width:9%;
    display:inline-block;
    vertical-align:top;
    margin-top:10px
}
.form-group-work-place .avatar-employer img{
    width:100%;
    height:100%
}
.info-report-msg{
    display:inline-block;
    font-size:8px;
    vertical-align:top
}
.info-report-msg .name-report{
    font-size:12px
}
.form-group-work-place .avatar-employer{
    display:inline-block;
    width:35px;
    height:35px;
    margin-right:20px;
    border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden;
    border:1px solid rgba(44,62,80,.1);
    background:#fff
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper{
    background:#f5f8fa
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper{
    position:relative;
    padding:10px 20px 25px 25px
}
.content-chat-wrapper{
    width:90%;
    float:right;
    margin-right:1%
}
.form-group-work-place .content-chat.fixed-chat{
    width:100%;
    line-height:1.7;
    word-wrap:break-word
}
.form-group-work-place .content-chat>.param-content{
    padding-right:110px
}
.form-group-work-place .list-file-attack{
    right:15px;
    bottom:10px;
    text-align:left
}
.form-group-work-place .list-file-attack{
    padding:0;
    border-top:1px solid #e1e4e6;
    width:100%;
    margin-top:22px;
    padding-top:15px
}
.form-group-work-place .list-file-attack>li{
    display:inline-block;
    width:100%;
    margin-right:30px
}
.form-group-work-place .list-file-attack li a{
    font-size:14px;
    color:#97e00a
}
.form-group-work-place .list-file-attack li a i{
    display:inline-block;
    margin-right:5px
}
.form-group-work-place .date-chat{
    color:#b9bcbf;
    font-size:12px;
    position:absolute;
    top:30px;
    right:30px;
    display:block
}
.list-chat-work-place.new-list-message-item .content-chat-wrapper:after{
    bottom:0;
    right:-12px;
    left:auto;
    top:auto;
    border-style:solid;
    border-width:12px 0 0 12px;
    border-color:transparent transparent transparent #f5f8fa;
    position:absolute;
    content:''
}
.info-bidding-wrapper .info-bidding .rate-exp-wrapper .rate-it{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    border-right:1px solid #f4f6f8;
    padding:0 15px
}
.info-bidding-wrapper .info-bidding .rate-exp-wrapper .experience{
    display:inline-block;
    padding-left:8px
}
.inputt .half{
    width:66%;
    margin-bottom:0!important
}
.inputt .down{
    width:28%;
    position:relative;
    float:right
}
.inputt .down select{
    border:1px solid #d7d9da;
    color:#737c85;
    height:45px;
    padding:0 15px;
    width:100%;
    -webkit-appearance:menulist;
    border-radius:4px;
    font-family:'Gotham Book';
    font-size:15px;
    background:#fff
}
.inputt .fieldd textArea{
    overflow:hidden;
    word-wrap:break-word;
    height:180px;
    border:1px solid #d7d9da;
    padding:15px;
    width:100%;
    resize:none
}
.botm_space .fieldd{
    margin-bottom:0!important
}
.botm_space{
    padding-bottom:20px
}
.btn-apply-project-item{
    border:2px solid #0f1b25;
    text-align:center;
    background:#0f1b25;
    padding:5px 5px;
    margin-right:5px
}
.btn-complete-project,.btn-excecute-project{
    background-color:#2dcb71;
    -moz-box-shadow:0 2px 0 #239b56;
    -webkit-box-shadow:0 2px 0 #239b56;
    box-shadow:0 2px 0 #239b56
}
.btn-apply-project-item.btn-complete-project{
    margin:0;
    float:right
}
.btn-apply-project-item.btn-close-project{
    margin:0;
    float:left
}
.file_submit{
    position:relative;
    width:100%;
    display:inline-block
}
.work-place-dispute .file-attachment-wrapper{
    float:left;
    width:28%;
    margin-top:-78px
}
.work-place-dispute .file-attachment-wrapper .title-attachment{
    margin-bottom:0
}
.atat_file{
    margin-top:-34px
}
.file_submit_close .atat_clos_file a.attach-file-button{
    height:30px
}
.atat_file a,.file_submit_close .atat_clos_file a{
    font-size:14px;
    box-shadow:0 2px 0 #176fb3;
    background:#1d8bdf;
    padding:6px 12px;
    border-radius:4px;
    color:#fff;
    display:inline-block
}
.form-group-work-place .file-attack,.list-chat-work-place{
    margin:10px 0 0 0;
    display:inline-block;
    width:100%
}
.form-group-work-place .file-attack li{
    color:#1d8bdf;
    font-size:14px;
    display:inline-block;
    margin-right:20px
}
.form-group-work-place .file-attack li a{
    color:#97e00a;
    display:inline-block;
    margin-left:5px;
    font-size:15px
}
.form-content-chat-wrapper .error{
    float:right;
    border:none;
    color:#f96767;
    font-size:14px;
    padding:0 0 5px 0
}
._imgv .trigger-overlay{
    background:#28b7d1;
    width:13px;
    height:13px;
    color:#fff;
    border-radius:50%;
    display:inline-block;
    font-size:9px;
    text-align:center;
    line-height:12px;
    position:absolute;
    right:0;
    top:-14px
}
.text-orange-dark{
    color:#ffaf02!important
}
.notify-bid{
    margin-bottom:20px;
    font-family:'Gotham Book';
    color:#5d5f5e;
    font-size:14px
}
.space_cum{
    padding-bottom:0!important
}
.name_wrap{
    width:100%;
    display:inline-block;
    margin-bottom:20px
}
.neamee{
    display:inline-block;
    font-family:'Gotham Book';
    color:#5d5f5e;
    font-size:14px
}
.rate{
    display:inline-block;
    color:#fec600!important;
    font-size:17px;
    margin-left:10px;
    vertical-align:bottom
}
.text-green-dark{
    color:#2ecc71!important;
    font-weight:700;
    font-size:15px
}
.space_btmm{
    width:100%;
    display:inline-block;
    padding:0 0 10px 0
}
.green_color{
    background-color:#26c0f3!important;
    box-shadow:0 2px 0 #26c0f3!important;
    padding:10px 40px!important;
    color:#fff;
    z-index:9;
    font-weight:500!important
}
.rate-it .star-half-png,.rate-it .star-on-png,.rating-it i{
    color:#fec600!important
}
.rate-it .fa-star-o:before{
    content:"\f005"!important;
    color:#666f78
}
#notimodel .avatar-freelancer-notification img{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    top:0;
    bottom:0
}
.user-bid-item-list{
    padding:15px 30px
}
.user-bid-item-list .col-md-6{
    width:50%
}
.user-bid-item-list .picc{
    display:inline-block;
    overflow:hidden;
    float:left;
    width:30px;
    height:30px;
    margin-right:15px;
    border-radius:50%
}
.user-bid-item-list .namee{
    font-size:15px;
    margin-top:5px;
    width:84%;
    color:#000
}
.padding_cum{
    padding:20px 15px!important
}
.profile-history .list-history-profile{
    padding:0 20px!important
}
.dashboard_rightcol .profile-history .list-history-profile{
    padding:0 0!important
}
h4.title-big-info-work-history-items{
    color:#2c3e50;
    font-size:18px;
    font-weight:600;
    margin:0;
    border-bottom:1px solid #f4f6f8;
    line-height:35px;
    padding:16px 10px 16px;
    width:100%!important
}
.rate-it{
    display:inline-block;
    margin-left:0
}
.text-credit-small{
    width:100%;
    display:inline-block;
    padding:5px 0 10px 0;
    font-size:15px
}
.bid-currency{
    font-size:15px;
    width:100%;
    padding:10px 0 5px 0
}
.bid-currency .text-green-dark{
    margin-right:10px
}
.login_fieldarea p{
    font-size:15px
}
.oadmore{
    color:#97e00a;
    padding-left:0;
    padding:5px 0 10px 0;
    font-size:15px;
    font-family:'Gotham Book'
}
.info-company-wrapper .list-info-company-details li i{
    min-width:20px;
    display:inline-block;
    margin-right:15px
}
.report-attention{
    padding:20px 30px 20px 0;
    margin-bottom:15px;
    line-height:22px;
    text-align:justify
}
.report-attention .icon-attention{
    color:#eb6367;
    font-size:18px;
    display:block;
    padding-bottom:10px
}
.attention-content{
    color:#333;
    display:inline-block;
    font-size:14px
}
.report-decision{
    margin:0;
    padding-bottom:15px;
    font-size:20px;
    color:#2c3d4f;
    padding-top:15px
}
.form-report-wrapper{
    width:100%;
    float:left
}
.work-report-wrapper .text-your-report{
    color:#2c3d4f;
    font-size:18px;
    font-weight:700;
    display:block;
    margin-bottom:15px
}
.work-report-wrapper .form-group-work-place-wrapper .content-report-wrapper{
    width:68%;
    float:left;
    margin-top:0;
    margin-bottom:30px
}
.form-group.field-style-textarea{
    width:100%;
    float:left
}
.field-style-textarea textarea{
    overflow:hidden;
    word-wrap:break-word;
    resize:none;
    height:185px;
    background:0 0;
    padding:15px 15px 40px;
    border:1px solid #e9ebed;
    width:100%;
    font-family:'Gotham Book'
}
.form-group.form-submit-notify{
    float:left;
    width:100%;
    text-align:right
}
.form-group.form-submit-notify input[type=submit]{
    -moz-border-radius:3px;
    border:none;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-background-clip:padding;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    background-color:#e74b3b;
    -moz-box-shadow:0 2px 0 #bf392b;
    -webkit-box-shadow:0 2px 0 #bf392b;
    box-shadow:0 2px 0 #bf392b;
    color:#fff;
    padding:5px 25px;
    max-width:90px;
    float:right;
    margin-top:25px
}
.form-group.form-submit-notify input[type=submit]:hover{
    opacity:.8
}
.file-attachment-wrapper{
    float:right;
    width:28%
}
.file_submit_close{
    float:left;
    width:100%
}
.apply_docs_file_list li{
    color:#1d8bdf;
    font-size:16px;
    font-size:14px;
    width:100%;
    float:left;
    overflow:hidden;
    padding:0 0 5px 0
}
.apply_docs_file_list li a{
    color:#1d8bdf;
    font-size:16px;
    padding-left:5px;
    font-weight:700
}
.apply_docs_file_list{
    float:left;
    width:100%;
    margin-top:-30px
}
.title-attachment{
    color:#2c3d4f;
    font-size:18px;
    font-weight:700;
    display:block;
    margin-bottom:15px
}
.file-attachment-wrapper .attach-file-button{
    color:#3397db;
    font-size:14px;
    margin-bottom:10px;
    display:block
}
.atat_clos_file input[type=file]{
    opacity:0;
    z-index:9;
    position:relative
}
.atat_clos_file{
    float:left;
    width:100%;
    position:relative
}
.atat_clos_file a.attach-file-button{
    position:relative;
    top:-35px;
    z-index:auto!important;
    height:25px
}
.atat_clos_file a.attach-file-button i{
    padding-right:10px
}
.report-container .list-chat-work-place>li{
    padding:30px;
    border-top:1px solid #ebebeb;
    margin-bottom:0
}
.info-avatar-report{
    display:inline-block;
    max-width: 100%;
}
.avatar-employer-report{
    width:45px;
    max-width: 100%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    display:inline-block;
    overflow:hidden;
    margin-right:20px;
    float:left
}
.info-report{
    overflow:hidden;
    float:left
}
.name-report{
    color:#2c3d4f;
    font-size:18px;
    font-weight:700
}
.date-chat-report{
    color:#333;
    font-size:12px;
    padding:5px 0 0 0
}
.form-group-work-place{
    width:100%;
    float:left
}
.content-report-wrapper{
    margin-top:10px;
    line-height:22px;
    text-align:justify;
    float:left;
    width:80%
}
.list-file-attack-report li a{
    color:#1d8bdf;
    font-size:14px;
    display:inline-block;
    overflow:hidden;
    white-space:nowrap;
    max-width:250px
}
.content-report-wrapper .title-attachment{
    display:none
}
.content-report p{
    font-size:15px;
    padding:0 0 10px 0
}
.avatar-employer-report img{
    width:100%;
    height:100%
}
.wrap_pf_img input[type=file]{
    width:100%
}
.selct_skill .chosen-container-single{
    width:100%!important
}
.im_not_found{
    text-align:center
}
.notification-list .delete{
    line-height:45px
}
.news_latters .subs_submit_btn{
    font-size:0;
    background:url(../../img/front/send-message.png) no-repeat center center;
    background-color:#26c0f3;
    cursor:pointer
}
.news_latters .subs_submit_btn:hover{
    background-color:#55b3c3
}
.success_msg.success_lo span{
    background:#54943f;
    color:#fff;
    padding:10px;
    margin:0 0 10px 0;
    display:inline-block;
    border-radius:4px
}
.content_left_bar{
    float:left;
    width:68%;
    padding-right:25px
}
.blog_row{
    float:left;
    width:100%;
    border:1px solid #ccc;
    margin-bottom:25px;
    position:relative;
    padding:10px
}
.new_blog_row .top_title .title_subs{
    margin-top:10px;
    margin-bottom:8px
}
.new_blog_row .top_title .title_subs a{
    font-size:23px;
    color:#323232;
    font-family:Gotham;
    font-weight:700
}
.new_blog_row .blog_post_method{
    margin:0 0 20px
}
.blog_post_method{
    float:left;
    width:100%
}
.new_blog_row .blog_post_method ul{
    margin:5px 0 0
}
.new_blog_row .blog_post_method ul{
    margin:5px 0 0
}
.new_blog_row .blog_post_method ul li{
    padding:0 0 8px;
    margin:0;
    float:left;
    position:relative;
    font-family:Gotham;
    font-size:16px
}
.new_blog_row .blog_post_method ul span{
    float:left;
    font-family:'Gotham Book';
    margin-right:6px;
    font-size:16px;
    line-height:23px
}
.new_blog_row .blog_row_img{
    width:100%;
    margin:0 0 15px;
    float:left
}
.new_blog_row .blog_row_img img{
    height:inherit;
    width:100%
}
.new_blog_row .blog_row_detail{
    padding:0;
    display:inline-block;
    overflow:hidden
}
.blog_detail_sectc_bl{
    line-height:23px;
    margin-bottom:6px;
    display:block;
    clear:both;
    font-size:18px;
    font-family:'Gotham Book'
}
.blog_detail_sectc_bl p{
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    hyphens:auto;
    line-height:23px;
    margin-bottom:6px;
    display:block;
    clear:both;
    font-size:18px;
    font-family:'Gotham Book'
}
.blog_read_more{
    display:inline-block;
    width:100%;
    margin:10px 0 0
}
.blog_read_more a{
    width:134px;
    height:40px;
    line-height:36px;
    border-radius:5px;
    text-align:center;
    color:#fff;
    background:linear-gradient(to bottom,#efba47 0,#ffae00 100%);
    border:2px solid #eca917
}
.blog_read_more a:hover{
    background:linear-gradient(to bottom,#f1a500 0,#ffaf00 100%);
    color:#fff;
    border:2px #ffaf02 solid
}
.new_right_side{
    width:28%;
    float:right
}
.sidebar-inner{
    width:100%;
    display:inline-block
}
.new_right_side h3.widget-title{
    font-size:20px;
    color:#323232;
    font-family:Gotham;
    font-weight:700;
    text-transform:capitalize;
    display:inline-block;
    padding:12px
}
.sidebar-inner .widget ul li{
    background:url(../../img/front/list.png) 0 4px no-repeat
}
.widget ul li{
    float:left;
    width:100%;
    margin-bottom:15px;
    font-size:17px;
    padding-left:24px;
    font-family:'Gotham Book'
}
.content_area{
    width:100%;
    float:left;
    padding:40px 0
}
.widget ul li a:hover{
    color:#000
}
.page_header_section{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
    height:215px;
    overflow:hidden
}
.blog_header{
    width:100%;
    display:inline-block;
    z-index:999;
    position:relative;
    top:60px
}
.blog_header .title_blog{
    color:#fff;
    width:100%;
    box-shadow:initial;
    text-shadow:0 0 3px #fff;
    font-size:40px;
    font-weight:700
}
.title_blog_text{
    float:left;
    width:100%;
    position:absolute;
    z-index:9;
    bottom:-40px;
    color:#fff;
    font-size:18px;
    margin:auto;
    left:0;
    right:0
}
.page_header_section_img{
    margin:auto;
    text-align:center;
    overflow:hidden
}
.page_header_section_img img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%
}
.blog_detail_bgs_img{
    width:100%;
    float:left;
    margin:0 0 20px 0
}
.tags{
    margin:25px 0 0 0;
    display:inline-block;
    width:100%
}
.tags_title{
    font-weight:600;
    width:100%;
    display:inline-block;
    margin:0 0 14px 0
}
.tags span a{
    background:#a2a2a2;
    color:#fff;
    font-size:17px;
    border-radius:4px;
    padding:2px 12px;
    text-transform:lowercase;
    margin:0 0 10px 0;
    display:inline-block;
    font-family:'Gotham Book'
}
.comments-area{
    float:left;
    width:100%;
    border:1px solid #ddd;
    padding:25px;
    margin-bottom:0
}
.comments-area .comment-reply-title{
    font-family:'Gotham Book';
    font-weight:600;
    font-size:25px;
    padding:0 0 10px 0;
    margin-top:0!important
}
.comment-form p{
    margin-bottom:10px;
    position:relative;
    display:inline-block;
    width:100%;
    font-size:16px;
    font-family:'Gotham Book'
}
.comment-form p label.error{
    display:none!important
}
.comment-respond input.error,.comment-respond textarea.error{
    border:1px solid red!important
}
.comment-form label{
    float:left;
    width:25%;
    color:#444;
    padding-top:13px;
    font-family:'Gotham Book';
    font-size:16px
}
.comment-form textarea{
    float:left;
    width:75%;
    border:1px solid #ddd;
    font-size:15px;
    transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s;
    height:100px;
    padding:10px;
    resize:none
}
.comment-form input[type=email],.comment-form input[type=text],.comment-form input[type=url]{
    float:left;
    width:75%;
    padding:10px 40px 10px 10px;
    border:1px solid #ddd;
    font-size:15px;
    height:45px;
    transition:all .2s ease-in-out 0s;
    -webkit-transition:all .2s ease-in-out 0s
}
.comment-form p.form-submit{
    padding:20px 0 0 180px
}
.comment-form p.form-submit input[type=submit]{
    width:134px;
    height:40px;
    border:2px solid #eca917;
    text-align:center;
    background:linear-gradient(to bottom,#efba47 0,#ffae00 100%);
    line-height:36px;
    padding:0;
    border-radius:5px;
    text-align:center;
    color:#fff;
    font-size:16px;
    font-family:'Gotham Book'
}
.comment-form p.form-submit input[type=submit]:hover{
    background:linear-gradient(to bottom,#f1a500 0,#ffaf00 100%);
    color:#fff;
    border:2px #ffaf02 solid
}
.blog_detail_sectc_bl h2,.blog_detail_sectc_bl h3{
    padding:10px 0;
    width:100%;
    display:inline-block;
    font-weight:700
}
.company_info{
    width:100%;
    float:left;
    padding:0 0 25px
}
.con_le{
    width:48%;
    float:left
}
.con_left{
    width:100%;
    float:right
}
.inputs{
    display:inline-block;
    width:100%;
    float:left
}
.copmanys{
    color:#666;
    font-size:13px;
    text-shadow:none;
    margin:10px 0 0;
    display:inline-block;
    width:100%
}
.copmanys small{
    display:inline-block;
    vertical-align:top
}
.copmanys i{
    background:#0f1b25;
    color:#fff;
    font-size:15px;
    height:31px;
    line-height:32px;
    text-align:center;
    vertical-align:top;
    width:39px
}
.metios{
    display:inline-block;
    padding:0 0 0 5px;
    vertical-align:middle;
    width:87%
}
.copmanys .kidsworld_cf_icon_line{
    display:inline-block;
    vertical-align:top
}
.small,small{
    font-size:85%
}
.copmanys p{
    display:inline-block;
    padding:10px 10px
}
.con_left .fancy-title{
    padding:0 0 10px 0;
    font-size:18px;
    font-family:'Gotham Book'
}
.img_bdr_new_neww{
    width:100%;
    float:left
}
.img_org_new{
    width:100%;
    height:300px
}
.rig_con{
    width:60%;
    float:left;
    padding-right:40px;
    border-right:1px solid #ccc
}
.rig_con .fancy-title{
    padding:0 0 10px 0;
    font-size:18px;
    font-family:'Gotham Book'
}
.cgtr{
    width:100%;
    float:left
}
.oned{
    display:inline-block;
    width:100%;
    padding-bottom:10px
}
.input_box_register{
    display:inline-block;
    width:100%
}
.input_box_register input[type=text]{
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:0;
    color:#333;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    height:40px;
    line-height:30px;
    padding:10px;
    width:100%
}
.input_box_register input.error{
    border:1px solid red!important
}
.input_box_register textarea.error{
    border:1px solid red!important
}
.input_box_register label.error{
    display:none!important
}
.input_box_register label{
    width:100%;
    float:left;
    padding:0 0 10px 0;
    font-size:16px;
    display:none
}
.input_box_register textarea{
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:0;
    color:#333;
    font-family:'Open Sans',sans-serif;
    font-size:14px;
    height:70px;
    line-height:18px;
    padding:7px 10px;
    resize:none;
    max-width:100%;
    min-width:100%
}
.contact_wrap{
    width:100%;
    float:left;
    padding:0 14px
}
.input_box input[type=submit]{
    background:#0f1b25;
    color:#fff;
    width:auto;
    line-height:38px;
    cursor:pointer;
    border:none;
    font-size:15px;
    border-radius:4px;
    height:40px;
    text-transform:uppercase;
    padding:0 15px
}
.input_box input[type=submit]:hover{
    background:#50aebf
}
.input_box input[type=reset]{
    background:#50aebf;
    color:#fff;
    border-radius:4px;
    padding:0 17px;
    font-weight:400;
    text-transform:uppercase;
    height:40px;
    vertical-align:top;
    display:inline-block;
    border:none;
    font-size:15px;
    line-height:38px;
    cursor:pointer
}
.input_box input[type=reset]:hover{
    background:#0f1b25
}
.new_blog_row h1{
    font-size:23px;
    color:#323232;
    font-family:Gotham;
    font-weight:700;
    width:93%
}
.inner_headingtext{
    width:100%;
    display:inline-block;
    font-size:20px;
    font-weight:700;
    padding:10px 0 10px 0
}
.how-even how-section{
    width:100%;
    float:left;
    font-size:16px
}
.how-steps{
    width:100%;
    float:left;
    padding:15px 0
}
.how-steps li{
    width:100%;
    float:left;
    font-size:16px;
    padding:0 0 10px 0
}
.thank_msg{
    width:100%;
    display:inline-block
}
.thank_test{
    width:100%;
    display:inline-block;
    min-height:500px;
    padding:180px 0;
    box-shadow:0 0 10px #ccc;
    border:1px solid #ccc;
    margin:25px 0
}
.title_of_aside{
    font-size:30px;
    text-align:center
}
.how-controls{
    float:right;
    margin:0 0 10px 0
}
.not_foun_serc_cell{
    height:500px
}
.how-controls a.btn{
    background:#ffaf02;
    padding:10px 12px;
    line-height:0;
    color:#fff;
    vertical-align:top
}
.how-controls a.btn:hover{
    background:#2c920a
}
.how-controls span{
    background:#ffaf02;
    padding:12px 12px;
    line-height:0;
    color:#fff;
    display:inline-block;
    vertical-align:top;
    border-radius:4px;
    margin:0 0 0 5px
}
.how-controls em{
    display:inline-block;
    line-height:21px
}
.how-controls em b{
    line-height:25px
}
.height{
    width:100%;
    display:inline-block;
    min-height:400px
}
span.required{
    color:red!important;
    display:inline-block!important;
    font-size:17px!important;
    padding:0!important;
    line-height:20px
}
span.redirect_txt{
    float:left
}
.time_left{
    width:100%;
    text-align:left;
    float:left
}
.list-project_category p{
    line-height:21px;
    font-size:14px;
    color:#000
}
.maids.regiost{
    min-height:600px;
    display:inline-block;
    width:100%
}
.not_foun_serc img{
    padding:100px 0
}
.chkprj{
    width:100%;
    float:left;
    margin:0 0 10px 0;
    border-bottom:1px solid #f4f6f8;
    height:50px;
    font-size:14px;
    color:#30363c;
    line-height:46px;
    margin:0
}
.chkprj .prjttl{
    margin-left:15px;
    font-size:17px;
    width:50%;
    display:inline-block;
    vertical-align:top;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.chkprj .prjbgt{
    float:right;
    font-size:15px;
    font-weight:700;
    color:#2c3e50
}
.footer_bottom_left{
    display:none
}
.form-item{
    width:100%;
    float:left
}
.form-item label{
    font-weight:700;
    font-size:16px;
    width:100%;
    padding:0 0 10px 0;
    display:inline-block
}
.form-item .input textarea{
    resize:none;
    height:145px;
    width:70%;
    font-weight:400;
    padding:10px 15px;
    line-height:25px;
    font-size:14px;
    border:1px solid #d7d9da;
    border-radius:4px
}
.form-item .input label.error{
    display:none!important
}
.form-item .input textarea.error{
    border:1px solid red!important
}
.form-item .input input.error{
    border:1px solid red!important
}
.form-submit{
    width:100%;
    float:left;
    margin:10px 0 0 0
}
.form-submit input[type=submit]{
    background:#2c9209;
    border:none;
    border-radius:4px;
    background-clip:padding-box;
    color:#fff;
    font-size:14px;
    font-weight:400;
    box-shadow:none;
    border:none;
    padding:10px 35px
}
.form-submit input[type=submit]:hover{
    opacity:.8
}
.logged-in-as{
    color:#97e00a;
    padding:0 0 10px 0;
    display:inline-block;
    width:100%
}
.logged-in-as a{
    color:#97e00a;
    font-size:15px
}
.form-item label{
    display:inline-block;
    width:auto;
    color:#767676;
    font-size:14px;
    padding-top:6px;
    padding-bottom:0
}
.form-item .input{
    margin-top:5px
}
.form-item .input input[type=text]{
    border:1px solid #d7d9da;
    border-radius:4px;
    width:260px;
    padding:0 10px;
    height:40px
}
.head-search-box{
    width:100%;
    float:left
}
.head-search-box ._cntttv .close_nn{
    font-size:40px;
    color:#fff;
    float:left
}
ul.chosen-results{
    width:100%;
    float:left
}
._cntttv{
    width:100%;
    float:left;
    padding:0 20px
}
.search_freelancer_box,.search_project_box{
    float:left;
    width:100%
}
.headsrch .admin_no_record{
    color:#fff
}
.wrapper-input-search-top input[type=text]{
    width:auto;
    max-width:960px;
    background:0 0;
    border:none;
    padding:5px 0;
    color:#fff;
    font-size:48px;
    font-weight:200;
    outline:0;
    margin-left:20px;
    display:inline-block;
    vertical-align:middle;
    height:70px;
    font-family:'Gotham Book'
}
.search-text-press{
    display:inline-block;
    vertical-align:middle;
    color:#fff;
    font-size:14px;
    font-weight:200;
    padding:28px 20px;
    cursor:pointer
}
.search-result-number{
    padding:0 10px 0 20px;
    color:#fff;
    color:#fff;
    width:100%;
    float:left
}
.wrapper-input-search-top{
    margin-bottom:30px;
    float:left
}
.headsrch .title-tab-project span{
    color:#b9c5cd
}
.project-status-filter{
    float:left
}
.project-status-filter .chosen-container{
    position:relative
}
.project-status-filter .chosen-container:after{
    position:absolute;
    content:"\f0d7";
    top:0;
    right:0;
    color:#fff;
    font:normal normal normal 14px/1 FontAwesome;
    padding:6px 8px;
    pointer-events:none
}
.project-status-filter select{
    width:250px;
    background:0 0;
    border:1px solid transparent!important;
    height:25px;
    outline:0;
    color:#fff;
    font-size:15px;
    font-weight:400
}
.project-status-filter select option{
    color:#000;
    padding:0 5px;
    background:#fff;
    border:none
}
.fullbar ._cntttv{
    margin:0!important;
    float:none
}
.name_wrap .btn_wrap{
    margin:25px 0 0 0
}
.title.et-comments-title{
    margin:0 0 10px 0
}
.eror input.error{
    border:none!important
}
.job_page{
    width:100%;
    float:left
}
.top-bread>li{
    display:inline;
    list-style:outside none none;
    padding:0 10px 0 0
}
.job_page{
    background:#f0f0f0 none repeat scroll 0 0;
    color:#1f2836;
    display:block;
    font-size:14px;
    line-height:1.4;
    min-height:70vh;
    padding:50px 0
}
.top-bread{
    margin-bottom:15px
}
.top-page-header h2{
    font-size:2rem;
    line-height:1.37;
    margin-bottom:26px;
    font-weight:700
}
.top-page-header .form-group{
    position:relative
}
.top-page-header .form-control{
    border-radius:0;
    height:50px;
    padding:0 50px
}
.top-page-header .input-group{
    width:100%
}
.top-page-header .input-group-addon{
    color:#777;
    font-size:20px;
    left:5px;
    position:absolute;
    top:10px;
    border:none;
    background:0 0;
    z-index:9
}
.cat-box{
    float:left;
    padding:20px 0;
    width:calc(100% / 3)
}
.cat-img{
    float:left;
    margin-right:10px;
    width:50px
}
.cat-cont{
    float:left;
    min-height:96px;
    width:calc(100% - 60px)
}
.cat-cont h2{
    color:#000;
    font-size:18px;
    margin-bottom:5px
}
.category-type{
    float:left;
    padding:50px 0;
    width:100%
}
.all-cat-browse{
    float:left;
    padding:50px 0;
    width:100%
}
.all-cat-browse h2{
    font-size:1.8rem;
    line-height:1.37;
    margin-bottom:26px;
    font-weight:700
}
.cat-detail-main h3{
    border-bottom:1px solid #ccc;
    font-size:18px;
    margin-bottom:20px;
    padding-bottom:15px
}
.cat-detail-main li{
    float:left;
    list-style:outside none none;
    padding:10px 0 10px 22px;
    position:relative;
    width:calc(100% / 4)
}
.cat-detail-main li::before{
    border-bottom:4px solid transparent;
    border-left:4px solid #4698a6;
    border-top:4px solid transparent;
    content:"";
    height:0;
    left:0;
    position:absolute;
    top:13px;
    width:0
}
.cat-detail-main{
    float:left;
    margin-bottom:40px;
    width:100%
}
.cat-cont p{
    min-height:40px
}
.chosen-container-multi .chosen-results{
    width:100%
}
.list-skill-profile{
    text-align:left;
    margin:0 12px
}
.project-status-filter .chosen-container-single .chosen-single div{
    width:18px
}
.testipgagee{
    padding:0 20px
}
.testipgagee .testimonials_discription{
    min-height:150px
}
.single-profile-content .list-skill-profile{
    display:block;
    float:left;
    width:50%;
    margin:0;
    padding:0 0 0 30px
}
.project-status-filter .chosen-container{
    border:none
}
.head-search-box .project-status-filter .chosen-container:after{
    display:none
}
.head-search-box .project-status-filter .chosen-container:after{
    display:block
}
.head-search-box .project-status-filter .chosen-container{
    border:1px solid #fff
}
.head-search-box .list-profile .profile-content .top-profile .avatar-profile img{
    height:100%;
    width:100%
}
.not_foun_serc{
    border:1px solid #ccc;
    box-shadow:0 0 11px #ccc;
    margin:20px 0
}
.head-search-box .search-result-number{
    padding:0 10px 10px 20px
}
.fullbar ._cntttv{
    padding:10px 20px
}
.apptestimonials_section .msrItems{
    float:left;
    margin-top:50px;
    width:100%
}
.apptestimonials_section .msrItem .testi-item{
    background:#5dc26a;
    border-radius:3px;
    box-shadow:0 0 2px #000;
    color:#fff;
    font-size:20px;
    padding:30px 40px;
    text-align:center
}
.testi-item span{
    display:inline-block;
    font-size:30px;
    margin:10px 5px
}
.name-testi{
    font-size:15px;
    font-style:italic;
    font-weight:700;
    margin:15px 0
}
.text-top{
    float:left;
    text-align:center;
    width:100%
}
.text-top p{
    max-width:800px;
    margin:30px auto 0;
    font-size:20px
}
.list-profile .profile-content .top-profile .avatar-profile img{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto
}
.form-group-work-place .content-chat-wrapper label.error{
    display:none!important
}
.bidbtn a{
    padding:5px 13px;
    margin-right:5px
}
.center_logogo{
    width:100%;
    display:inline-block;
    text-align:center;
    margin:20px 0;
    display:none
}
.msrItem{
    text-align:center
}
.checck{
    width:100%;
    text-align:center;
    display:inline-block;
    margin:0 0 20px 0
}
.maids{
    width:100%;
    float:left;
    margin:15px 0 0 0
}
.right_wrap{
    float:right;
    width:35%
}
.contact_us{
    padding-top:10px
}
.right_wrap .fancy-title{
    padding:0 0 10px 14px;
    font-size:18px;
    font-family:'Gotham Book'
}
.foot_blok_menu ul li{
    padding:0 0 5px 0
}
.blog_detail_sectc_bl a{
    color:#0f1b25
}
.work_pro_wrap .profile-content ul.bottom-profile{
    height:130px
}
.PageTestimonial{
    width:100%;
    float:left;
    padding:25px 0
}
.PageTestimonial-title{
    color:#000;
    display:inline-block;
    font-size:31px;
    position:relative;
    font-family:'Gotham Book';
    width:100%;
    text-align:center;
    padding:0 0 25px 0
}
.PageTestimonial-title-accent{
    color:#0f1b25;
    text-transform:capitalize
}
.PageTestimonial-subTitle{
    font-size:20px;
    line-height:1.4;
    max-width:710px;
    margin:0 auto 48px;
    font-weight:400;
    text-align:center;
    color:#4d525b
}
.Container_box{
    width:100%;
    float:left
}
.left_box{
    -webkit-flex-basis:50%;
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%;
    padding:0 12px;
    float:left
}
.Testimonial{
    position:relative;
    margin-bottom:32px;
    padding:0;
    border-radius:3px;
    border:1px solid #c9c9c9;
    background:#f7f7f7
}
.Testimonial::after,.Testimonial::before{
    position:absolute;
    top:80%;
    bottom:15px;
    left:10px;
    width:50%;
    max-width:300px;
    background:rgba(0,0,0,.4);
    box-shadow:0 13px 10px rgba(0,0,0,.4);
    -webkit-transform:rotate(-3deg);
    transform:rotate(-3deg);
    content:""
}
.Testimonial::after{
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
    transform:rotate(3deg)
}
.Testimonial-header{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    height:75px;
    border-radius:3px 3px 0 0;
    border-bottom:1px solid #c9c9c9;
    text-align:center;
    background:#fff
}
.Testimonial-content{
    position:relative;
    z-index:1;
    background:#f7f7f7 url(../../img/front/shadow.png) top center no-repeat;
    float:left
}
.Testimonial-avatar{
    width:106px;
    height:106px;
    display:inline-block;
    border-radius:50px;
    overflow:hidden
}
.Testimonial-avatar img{
    height:100%;
    width:100%
}
.Testimonial-content-inner{
    padding:24px;
    width:100%;
    display:inline-block;
    text-align:center
}
.sider_text{
    position:absolute;
    top:0;
    font-size:60px;
    font-family:Oswald;
    font-weight:700;
    text-transform:uppercase;
    width:500px;
    text-align:left;
    left:100px;
    line-height:66px;
    top:16px;
    color:#22b1e1
}
.silent_name{
    width:100%;
    float:left;
    padding:10px 0 0 0
}
.namee_cilent{
    width:100%;
    display:inline-block
}
.location{
    width:100%;
    display:inline-block
}
.content-require-project ul li{
    list-style:disc;
    padding:0 0 5px 0;
    font-size:14px
}

.content-require-project ol li{
    list-style: decimal;
    padding:0 0 5px 0;
    font-size:14px
}

.single-projects .info-project-item-details.new_design{
    padding:10px 0
}
.new_design_small{
    box-shadow:0 0 3px rgba(0,0,0,.23);
    border-radius:3px;
    padding:0 0;
    float:left;
    width:100%
}
.bg_color{
    float:left;
    width:100%;
    box-shadow:0 0 3px rgba(0,0,0,.23);
    padding:0 0;
    margin:0 0 10px 0
}
.new_space{
    padding:0 0 0 15px
}
.full_resside .info-company-wrapper{
    margin:9px 0 0 0
}
.project_wrap{
    background:#0f1b25;
    padding:20px 0;
    width:100%;
    float:left
}
.inner_project_wrap{
    width:100%;
    float:left;
    padding:0 10px
}
.left_boxx{
    float:left;
    width:63%
}
.left_boxx a{
    font-size:30px;
    color:#fff
}
.right_boxx{
    float:right
}
.bid_box .budd{
    font-size:18px;
    color:#fff;
    padding-right:10px;
    font-weight:700;
    text-transform:uppercase;
    display:inline-block
}
.bid_box .budget-project-item{
    display:inline-block;
    font-size:30px;
    color:#fff
}
.bid_box{
    float:left
}
.btn_bid{
    float:right;
    margin-left:10px
}
.right_boxx{
    float:right
}
.new_space .content-require-skill-project{
    padding-top:0
}
.new_space .content-require-skill-project h3.title-content{
    padding:10px 10px;
    background:#eee;
    float:left;
    width:100%
}
.new_space .content-require-skill-project .list-require-skill-project{
    padding:0 10px
}
.new_design_small .content-require-project{
    padding:0!important
}
.new_design_small .content-require-project h4{
    padding:10px 10px;
    background:#eee;
    margin:0!important
}
.new_design_small .content-require-project{
    padding:0 10px
}
.new_design_small .content-require-project .botm_con{
    padding:15px 10px;
    min-height:180px
}
.project_new_page .plural{
    font-size:25px;
    padding:8px 25px 0;
    display:inline-block
}
.btnn{
    float:right
}
.project_new_page .right_div{
    width:65%;
    float:right
}
.list_cobn{
    display:inline-block;
    vertical-align:top;
    width:91%;
    text-align:left;
    word-wrap:anywhere;
    padding-top:15px
}
.list_cobn a{
    padding-left:0;
    vertical-align:top
}
.single_new{
    box-shadow:inherit
}
.single_new .info-project-item{
    box-shadow:0 0 3px rgba(0,0,0,.23)
}
.new_design .space_new{
    padding:0
}
.profile_page .breadcrumb{
    padding:10px 0 10px
}
.pgng_middle22{
    display:inline-block;
    width:100%;
    text-align:center;
    margin-top:20px
}
.pgng_new_{
    display:inline-block
}
.new_paging span.current{
    background:#c5c5c5;
    color:#333;
    width:21px;
    height:21px;
    border-radius:50%;
    border:none;
    line-height:21px
}
.pgng_new_ span{
    display:inline-block;
    float:left
}
.new_paging span a{
    color:#333;
    border:none;
    margin:0 5px;
    border-radius:50%;
    width:21px;
    height:21px;
    line-height:21px;
    display:inline-block
}
.new_paging span a:hover{
    background:#c5c5c5;
    color:#333
}
.new_paging span.next a:hover{
    background:0 0
}
.new_paging span.last a:hover{
    background:0 0
}
.blog_search_field{
    width:100%
}
.search_icon{
    position:relative;
    width:100%;
    float:left
}
.search_icon input[type=text]{
    float:left;
    width:100%;
    border-radius:4px;
    border-right:0;
    height:42px;
    font-family:'Gotham Book';
    font-size:15px;
    border:1px solid #adadad;
    padding:0 0 0 15px
}
.search_icon .srch_btn{
    background:0 0;
    border:0 none;
    color:#000;
    height:42px;
    width:45px;
    border-radius:0;
    text-align:center;
    margin-top:-1px;
    position:absolute;
    right:1px;
    top:1px;
    bottom:0;
    padding:10px 10px;
    font-size:17px
}
#blog_search{
    float:left;
    width:100%;
    margin:0 0 0;
    padding:10px;
    border-radius:10px;
    box-shadow:0 0 5px 0 #999
}
#blog_search h3{
    padding:0 0 10px
}
.subscribe_blog{
    width:100%;
    float:left;
    border:1px solid #eee;
    padding:22px;
    background:#eee;
    border-radius:4px;
    margin:30px 0 0;
    text-align:center
}
.subscribe_blog_title{
    font-size:20px;
    font-weight:700;
    border-bottom:1px solid #333;
    margin-bottom:15px;
    color:#333;
    font-family:Gotham;
    font-weight:700;
    text-transform:capitalize;
    padding:0 0 10px
}
.subss{
    font-size:13px;
    line-height:20px;
    padding:0 0 15px 0;
    font-family:Gotham
}
.email_field{
    width:100%;
    float:left
}
.email_field input[type=text]{
    float:left;
    width:100%;
    border-radius:4px;
    border-right:0;
    height:42px;
    font-family:'Gotham Book';
    font-size:15px;
    border:1px solid #adadad;
    padding:0 0 0 15px
}
.email_field input.error{
    border:1px solid red!important
}
.email_field label.error{
    display:none!important
}
.display_error_message{
    display:inline-block;
    width:100%;
    color:#f21f26;
    border:1px #e5444a dotted;
    font-size:14px;
    padding:5px 10px;
    border-radius:3px;
    margin-bottom:10px;
    background:#fceff0
}
.display_success_message{
    display:inline-block;
    width:100%;
    color:#275517;
    border:1px #61ae47 dotted;
    font-size:14px;
    padding:5px 10px;
    border-radius:3px;
    margin-bottom:10px;
    background:#9fd98c
}
.subs_btn{
    width:100%;
    float:left;
    margin:15px 0 0
}
.subs_btn input[type=submit]{
    display:inline-block;
    padding:10px 40px;
    background:#0f1b25;
    color:#fff;
    border:none;
    border-radius:4px;
    font-size:16px;
    width:100%;
    font-family:Gotham;
    background:#0f1b25;
    background:-moz-linear-gradient(top,#0f1b25 1%,#55b3c3 100%);
    background:-webkit-linear-gradient(top,#0f1b25 1%,#55b3c3 100%);
    background:linear-gradient(to bottom,#0f1b25 1%,#55b3c3 100%);
    border:2px solid #0f1b25
}
.subs_btn input[type=submit]:hover{
    background:#0f1b25;
    background:-moz-linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    background:-webkit-linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    background:linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    border:2px solid #0f1b25
}
.you_tube{
    height:400px;
    width:100%;
    overflow:auto;
    float:left;
    border:1px solid #eee;
    text-align:center
}
.you_tube img{
    width:100%
}
#twitter{
    width:100%;
    float:left;
    margin:0 0 20px 0;
    border-radius:10px;
    box-shadow:0 0 5px 0 #999;
    margin:30px 0
}
.wrap_shar{
    width:40px;
    height:40px;
    display:inline-block;
    border:1px solid #ccc;
    text-align:center;
    padding:5px 0;
    cursor:pointer
}
.social_share_holder{
    position:absolute;
    right:10px;
    top:10px
}
.wrap_shar>i{
    font-size:18px
}
.wrap_shar>i:hover{
    color:#0f1b25
}
.wrap_shar .shar:hover{
    color:#0f1b25
}
.wrap_shar:hover{
    color:#0f1b25
}
.wrap_shar{
    color:#ccc
}
.wrap_shar .shar{
    width:100%;
    text-align:center;
    display:inline-block
}
.social_share_dropdown{
    display:block;
    left:0;
    margin:0;
    padding:2px 0 0;
    position:absolute;
    top:100%;
    opacity:0;
    z-index:950;
    display:none
}
.social_share_dropdown ul{
    list-style:none;
    position:relative;
    display:block;
    width:170px;
    margin:0 0 0 -116px;
    z-index:990;
    background-color:#f7f7f7;
    padding:10px 0 0
}
.social_share_dropdown ul li{
    width:100%;
    display:inline-block;
    border-bottom:1px solid #eee;
    padding:4px 10px;
    text-align:left
}
.social_share_dropdown ul li a{
    font-size:15px
}
.social_share_dropdown ul li.special{
    font-size:16px;
    padding:0 0 10px 10px
}
.social_share_dropdown ul li a:hover{
    color:#ffaf02
}
.wrap_shar:hover .social_share_dropdown{
    opacity:9;
    display:inline-block
}
.sidebar-container{
    float:left;
    width:100%
}
#recent-posts-2{
    padding:10px;
    border-radius:10px;
    box-shadow:0 0 5px 0 #999;
    float:left;
    width:100%;
    margin:30px 0 0
}
.top_sectiom{
    background:#eee;
    padding:50px 0;
    float:left;
    width:100%
}
.left_xontent{
    width:60%;
    float:left
}
.right_xontent{
    width:30%;
    float:right
}
.SectionFeature-heading{
    color:#000;
    font-weight:700;
    display:inline-block;
    font-size:32px;
    position:relative;
    font-family:'Gotham Book';
    margin:0 0 20px 0
}
.SectionFeature-body{
    display:inline-block;
    font-size:16px;
    line-height:18px;
    width:100%;
    color:#000;
    margin:0 0 20px 0;
    font-family:'Gotham Book'
}
.PageHowItWorks li{
    list-style:disc;
    font-size:1rem;
    line-height:1.5
}
.bitnt{
    width:100%;
    float:left;
    margin:20px 0 0
}
.bitnt a{
    border-radius:4px;
    display:inline-block;
    font-size:20px;
    padding:10px 20px;
    text-align:center;
    font-family:'Gotham Book';
    background:#2c920a;
    color:#fff
}
.bitnt a:hover{
    background:#ffaf02;
    color:#fff
}
.PageHowItWorks{
    padding-left:20px
}
.steps{
    float:left;
    width:100%;
    padding:0 0 50px
}
.steps_inner{
    float:left;
    width:100%
}
.ste_row{
    width:100%;
    float:left;
    margin-bottom:30px
}
.left_row{
    width:50%;
    float:left;
    margin:30px 0
}
.right_row{
    float:right;
    width:50%;
    text-align:center
}
.title_step{
    color:#000;
    display:inline-block;
    font-size:20px;
    position:relative;
    text-transform:capitalize;
    font-family:'Gotham Book';
    font-weight:700
}
.left_row p{
    font-family:'Gotham Book';
    font-size:16px;
    color:#000;
    padding:15px 0;
    line-height:22px
}
.right_section .left_row{
    float:right
}
.right_section .right_row{
    float:left;
    width:50%;
    height:240px;
    position:relative
}
.right_section .right_row img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
.waiting_section{
    width:100%;
    float:left;
    text-align:center;
    padding:25px 0;
    background:#eee
}
.waiting_section_inner{
    width:100%;
    display:inline-block;
    text-align:center
}
.SectionFeature-heading .SectionFeature-tagline .center_btn{
    width:100%;
    text-align:center;
    display:inline-block
}
.center_btn a{
    border-radius:4px;
    display:inline-block;
    font-size:20px;
    padding:10px 20px;
    text-align:center;
    font-family:'Gotham Book';
    background:#2c920a;
    color:#fff
}
.center_btn a:hover{
    background:#ffaf02;
    color:#fff
}
.SectionFeature-tagline{
    width:100%;
    color:#000;
    margin:0 0 20px 0;
    font-family:'Gotham Book';
    font-size:20px
}
.loadloader{
    margin-right:100px;
    display:none;
    margin-top:4px;
    float:right
}
.captcha{
    width:100%;
    margin:15px 0 0;
    display:inline-block
}
#learn{
    width:100%;
    float:left;
    box-shadow:0 0 5px 0 #999;
    margin:30px 0 0;
    border-radius:5px
}
.more{
    width:100%;
    float:left;
    padding:15px
}
.lefttext{
    float:left;
    width:54%;
    font-size:25px;
    color:#323232;
    font-family:Gotham;
    line-height:27px
}
.lefttext .different{
    width:100%;
    float:left;
    font-size:16px;
    color:#0f1b25;
    padding:20px 0 0 0
}
.righttext{
    float:right;
    width:44%;
    text-align:center
}
.buttonss{
    width:100%;
    float:left;
    margin:15px 0
}
.buttonss a{
    display:inline-block;
    padding:10px 40px;
    background:#0f1b25;
    color:#fff;
    border:none;
    border-radius:4px;
    font-size:16px;
    font-family:Gotham;
    background:#0f1b25;
    background:-moz-linear-gradient(top,#0f1b25 1%,#55b3c3 100%);
    background:-webkit-linear-gradient(top,#0f1b25 1%,#55b3c3 100%);
    background:linear-gradient(to bottom,#0f1b25 1%,#55b3c3 100%);
    border:2px solid #0f1b25
}
.buttonss a:hover{
    background:#0f1b25;
    background:-moz-linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    background:-webkit-linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    background:linear-gradient(45deg,#0f1b25 1%,#6bbbc9 100%);
    border:2px solid #0f1b25
}
.news_latters .ancor_btn{
    display:none
}
.panel-thanks{
    background:#fff none repeat scroll 0 0;
    padding:50px 20px;
    text-align:center;
    border:1px solid #eee;
    margin:30px 0
}
.panel-thanks h1{
    color:#000;
    font-size:26px;
    margin-top:0;
    text-transform:capitalize
}
.panel-thanks h2{
    color:#656565;
    font-size:25px;
    margin:0 auto 40px;
    max-width:540px
}
.thn{
    display:inline-block;
    font-weight:700;
    padding:10px 40px;
    text-transform:capitalize;
    color:#ffaf02;
    font-size:68px
}
.title{
    color:#2c920a;
    display:inline-block;
    font-size:35px;
    position:relative;
    font-family:'Gotham Book';
    margin:0 0 20px 0;
    width:100%;
    text-align:center
}
.panel-thanks h1 span{
    color:#2e8e21;
    font-weight:700
}
.inner_bodyareathank{
    width:100%;
    float:left;
    position: relative
}
.title span{
    color:#333
}
.content_set{
    padding-left:80px
}
.ul-bullet{
    list-style:disc;
    padding-left:25px
}
.ul-bullet li{
    list-style:disc
}
.new_design_small .content-require-project .botm_con ul,
.new_design_small .content-require-project .botm_con ol {
    padding:0 0 15px 15px
}
.single-projects .info-project-item-details .content-require-project p br{
    display:none
}
.recent_section{
    background:#fff none repeat scroll 0 0;
    float:left;
    padding-top:52px;
    width:100%
}
.recent_project_section .project{
    width:100%;
    float:left;
    padding:5px 5px 0
}
.recent_project_section{
    width:48%;
    float:left;
    border:1px solid #eee
}
.recent_freelancer_section{
    width:48%;
    float:right;
    border:1px solid #eee
}
.recent_project_section .freelacer{
    width:100%;
    float:left
}
.project .top-profile .img-avatar{
    width:50px;
    float:left;
    height:50px;
    overflow:hidden;
    border-radius:50px
}
.project .top-profile .info-profile{
    width:70%;
    float:left;
    padding:0 0 10px 0
}
.left_wrapp{
    float:left;
    width:70%;
    padding:0 10px
}
.freelacer .top-profile .img-avatar{
    width:50px;
    float:left;
    height:50px;
    overflow:hidden;
    border-radius:50px;
    float:left
}
.freelacer .top-profile .info-profile{
    width:80%;
    float:left;
    padding:0 0 10px 0
}
.left_wrapp{
    float:left;
    width:90%;
    padding:0 10px
}
.freelacer .profile-content .wrap_right{
    width:87%;
    float:left;
    margin-left:2%
}
.freelacer .profile-content .top-profile{
    width:100%;
    float:left
}
.freelacer .profile-content{
    width:100%;
    float:left;
    padding:5px 5px
}
.freelacer{
    width:100%;
    float:left
}
.recent_section_new{
    padding-bottom:50px
}
.recent_project_section .project .profile-content{
    width:100%;
    float:left
}
.recent_project_section .project .profile-content .top-profile{
    width:100%;
    min-height:70px;
    float:left;
    border:1px solid #eee;
    padding:10px;
    border-radius:4px;
    margin:0 0 5px 0
}
.recent_freelancer_section .freelacer .profile-content .top-profile{
    width:100%;
    float:left;
    border:1px solid #eee;
    padding:10px;
    border-radius:4px;
    margin:0;
    min-height:70px
}
.freelacer .top-profile .img-avatar img{
    height:100%
}
.recent_project_section .project .profile-content .top-profile:hover{
    background:#f9f6f6
}
.ttilee{
    text-align:center;
    font-size:20px;
    padding:10px 10px;
    background:#0f1b25;
    color:#fff
}
.project .top-profile .info-profile a{
    float:left;
    width:100%;
    color:#0f1b25;
    font-size:18px
}
.left_wrapp .link-profile{
    float:right
}
.freelacer .top-profile .info-profile a{
    float:left;
    width:100%;
    color:#0f1b25;
    font-size:18px
}
.recent_freelancer_section .freelacer .profile-content .top-profile:hover{
    background:#f9f6f6
}
.gcpc.gcerror{
    color:red;
    margin-top:20px
}
.info-project-items .admin_no_record{
    width:96%;
    margin:2% 2%
}
._togglebox{
    width:100%;
    display:inline-block;
    text-align:center
}
.cs_ser_btn{
    display:inline-block;
    padding:4px 10px;
    border:1px solid #ccc;
    width:50%;
    float:left;
    position:relative
}
.cs_ser_btn:first-child{
    border-right:none
}
.cs_ser_btn span{
    vertical-align:top
}
.modal-content .close{
    top:12px
}
.new_pop_up{
    margin:1% auto;
    padding:10px 20px
}
#forgot_passwordmodel .new_pop_up{
    margin:5% auto
}
.user-login-logo{
    width:100%;
    float:left;
    border-bottom:1px solid #eee;
    padding:0 0 5px 0;
    text-align:center
}
.title_sign{
    float:left;
    width:100%;
    text-align:center;
    font-weight:700;
    font-size:15px;
    padding:10px 0 10px 0
}
.soc{
    width:100%;
    float:left
}
.soc{
    width:100%;
    display:inline-block;
    text-align:center;
    margin:0
}
.soc a{
    display:inline-block;
    padding:5px 10px 5px 20px;
    text-align:left;
    line-height:25px;
    border-radius:3px;
    font-size:16px;
    width:100%;
    margin:0 0 10px 0
}
.soc a i{
    margin-right:10px;
    color:#fff
}
.soc a span{
    color:#fff;
    font-weight:700;
    border-left:1px solid #fff;
    padding:0 0 0 10px
}
.soc a.facebookk{
    background:#133783;
    border-bottom:2px solid #344e86
}
.soc a.gmaill{
    background:#dd4b39;
    border-bottom:2px solid #d43f3a
}
.soc a:hover{
    opacity:.8
}
.orrrr{
    display:inline-block;
    margin:0 10px;
    margin-top:3px
}
.login_or{
    width:100%;
    display:inline-block;
    text-align:center;
    position:relative;
    margin:3px 0 0 0
}
.socila_login{
    float:left;
    width:100%
}
.login_or span{
    background:#fff;
    position:relative;
    z-index:9;
    padding:0 10px
}
.login_or:before{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    margin-top:-1px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#dedede;
    content:''
}
.new_rebs{
    width:100%;
    border-bottom:1px solid #eee;
    padding:0 0 10px 0
}
.new_rebs a{
    width:auto!important;
    float:none!important
}
.new_rebs span{
    width:100%;
    display:inline-block
}
.new_field{
    padding-bottom:0
}
.new_field #recaptcha1{
    margin:15px 0
}
.full_btn{
    width:100%;
    margin:10px 0 0 0
}
.full_btn input[type=submit]{
    width:100%;
    font-weight:700;
    font-size:18px
}
#radio-demo{
    max-width:400px;
    margin:94px auto 0 auto
}
.cs_ser_btn input[type=radio]{
    position:absolute;
    opacity:0;
    -moz-opacity:0;
    -webkit-opacity:0;
    -o-opacity:0;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99
}
.cs_ser_btn input[type=radio]+.rdo-lbl,.cs_ser_btn input[type=radio]+label+.rdo-lbl{
    position:relative;
    padding:7px 0 0 25px;
    font-size:16px;
    line-height:19px;
    margin:0 0 10px 0;
    vertical-align:bottom;
    display:inline-block;
    cursor:pointer
}
.cs_ser_btn input[type=radio]+.rdo-lbl:before,.cs_ser_btn input[type=radio]+label+.rdo-lbl:before{
    border-radius:50px;
    content:"";
    display:block;
    position:absolute;
    top:10px;
    height:14px;
    width:14px;
    background:#fff;
    border:1px solid gray;
    box-shadow:inset 0 0 0 2px #fff;
    -webkit-box-shadow:inset 0 0 0 2px #fff;
    -moz-box-shadow:inset 0 0 0 2px #fff;
    -o-box-shadow:inset 0 0 0 2px #fff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    left:0
}
.cs_ser_btn input[type=radio]:checked+.rdo-lbl:before,.cs_ser_btn input[type=radio]:checked+label+.rdo-lbl:before{
    background:#999
}
.four_coulm .col-md-15{
    width:25%
}
.four_coulm .content-search-form-top-wrapper .skills-wrap{
    width:100%
}
.four_coulm .content-search-form-top-wrapper .skills-wrap .twitter-typeahead{
    width:100%
}
.new_row{
    float:left;
    width:40%;
    text-align:center
}
.right_btn{
    float:right
}
.left_btn{
    float:left;
    width:auto!important
}
.four_coulm .content-search-form-top-wrapper{
    padding-left:0
}
.fullbar{
    overflow:auto!important
}
.rebrs span a:hover{
    color:#3e5163
}
#editproject{
    overflow:auto
}
.footer_block_inner{
    position:relative;
    float:left;
    width:100%
}
.footer_block_inner .loader{
    position:absolute;
    top:auto!important;
    left:0!important
}
.single-profile-wrapper_new .list-detail-info li .text-right .flag.flag-af{
    margin-right:5px
}
.pop_neww{
    padding:15px 4px 20px
}
.normal .btn{
    background:0 0;
    border:none;
    box-shadow:inherit;
    color:#333;
    font-weight:700;
    font-size:13px;
    padding:8px 5px;
    border:none!important;
    margin:0
}

.normal .btn:hover{
    color:#0f1b25;
    background-color:transparent;
    background:0 0;
    border:none !important; 
}
.normal .updatebidbtn:hover{
     color:#0f1b25;
    background-color:transparent;
    background:0 0;
    border:none !important; border-right: 1px solid #eee !important;
}
.biiddd{
    width:100%;
    text-align:center;
    display:inline-block;
    margin:20px 0 0 0
}
.biiddd .btn{
    text-align:center;
    margin:0 auto 0 10px;
    float:none
}
.normal .btn.bid-open-txt{
    cursor:default
}
.normal .btn.bid-open-txt:hover{
    color:#333
}
.biiddd .btn{
    box-shadow:inherit
}
.how_new_design>ul{
    width:48%;
    float:left;
    border:1px solid #ccc;
    background:#fff
}
.how_new_design ul:last-child{
    float:right
}
.how_new_design>ul li{
    width:46%;
    margin:10px 2% 10px 2%;
    padding:30px 15px;
    box-shadow:inherit;
    border:1px solid #ccc
}
.how_new_design .how_it_title>h3{
    font-size:15px
}
.titl_workk{
    color:#fff;
    display:inline-block;
    font-size:25px;
    position:relative;
    font-weight:700;
    font-family:'Gotham Book';
    background:#26c0f3;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #ccc
}
.how_new_design ul:last-child .titl_workk{
    background:#0f1b25;
    color:#fff
}
.how_new_design li:nth-child(4n+4){
    margin-right:2%
}
.bid_btn{
    display:inline-block;
    width:100%;
    margin:15px 0 24px
}
.bid_btn a{
    line-height:21px;
    border-radius:3px;
    display:inline-block;
    font-size:20px;
    padding:10px 20px;
    border:2px solid #cb2027;
    text-align:center;
    background:#cb2027;
    color:#fff;
    font-family:'Gotham Book'
}
.bid_btn a:hover{
    background:#0f1b25;
    color:#fff;
    border:2px #0f1b25 solid
}
.bid_btn_rights a{
    border:2px solid #0f1b25;
    background:#0f1b25
}
.bid_btn_rights a:hover{
    background:#cb2027;
    border:2px #cb2027 solid
}
.chamgge a{
    background:#cb2027;
    border:2px solid #cb2027
}
.chamgge a:hover{
    background:#0f1b25;
    border:2px solid #0f1b25
}
.left_slider{
    float:left;
    width:100%;
    text-align:center;
    position:relative
}
.slider_inner{
    width:100%;
    float:left;
    margin:140px 0
}
.HeroSlider-heading{
    color:#fff;
    float:left;
    font-size:35px;
    font-family:'Gotham Book';
    width:100%
}
.HeroSlider-desc{
    line-height:normal;
    font-family:'Gotham Book';
    color:#fff;
    font-size:22px;
    display:inline-block;
    width:100%;
    padding:20px 0 0 0
}
.slider_inner .hire_right{
    float:left;
    margin:30px 0 0 0;
    width:100%
}
.slider_inner .hire_right a:first-child{
    margin-left:0
}
.slider_wrap_inner{
    float:left;
    width:100%;
    background-color:#27c5f9;
    background:url(../../img/front/home-banner-new.jpg);
    background-size:cover;
    position:relative
}
.slidercontainer{
    height:630px;
    width:50%;
    overflow:hidden;
    position:relative;
    float:right;
    top:0
}
#cycler{
    position:relative
}
#cycler img{
    position:absolute;
    z-index:1;
    background-color:#27c5f9;
    right:0;
    left:0;
    margin:auto
}
#cycler img.active{
    z-index:3
}
.bid_pop{
    background-color:rgba(63,78,96,.59);
    overflow:auto
}
.btn-apply-project-item:hover,.btn-excecute-project:hover,.btn-refund-project:hover,.btn-view-profile:hover{
    background:#26c0f3;
    color:#fff;
    border:2px #26c0f3 solid!important
}
.btn-submit-login-form{
    border:2px solid #eca917;
    text-align:center;
    background:linear-gradient(to bottom,#efba47 0,#ffae00 100%);
    padding:5px 18px
}
.form-group-control input[type=checkbox]{
    vertical-align:top
}
.new_search_responsive .btn-view-profile{
    background-color:#ffaf02
}
.freelane_project_respon{
    padding:0 10px
}
.freelane_project_respon .info-item li{
    margin-right:10px
}
.freelane_project_respon .info-item li:last-child{
    border-right:none
}
.slidediv ul{
    margin-bottom:0
}
.single-projects .info-project-item .job_datinng{
    padding-left:0
}
.profile-history_new .info-history .post-views{
    margin-left:5px
}
.normal .updatebidbtn{
    border: none !important;
    border-right:1px solid #eee!important;
    border-radius:0;
    padding:7px 6px 7px 0;
    margin-right:6px
}
.biiddd .updatebidbtn{
    margin-left:5px
}
.new_search_responsive .wrapper-input-search-top input[type=text]{
    width:100%;
    margin-right:15px
}
.new_search_responsive .project-status-filter{
    margin:10px 0 0 0
}
.new_search_responsive .position-profile{
    width:96%;
    float:left
}
.navigation{
    float:left;
    width:100%;
    margin-bottom:0
}
.frlnc_srch{
    margin-bottom:20px
}
.full_div{
    width:100%
}
.inpfil{
    padding:5px 10px;
    float:left;
    width:100%;
    margin:10px 0
}
.tagg{
    float:left;
    padding:0!important
}
.tagg ul{
    float:left
}
.tagg ul li{
    width:100%;
    background:0 0;
    margin:0;
    padding:8px 10px;
    border-bottom:1px solid #eee;
    border-radius:0
}
.tagg ul li label{
    color:#ffaf02;
    font-size:14px;
    width:130px;
    display:inline-block
}
.tagg ul li span{
    color:#000;
    font-size:13px;
    width:206px;
    display:inline-block;
    vertical-align:top
}
.space_cumheading{
    margin-bottom:0!important
}
.work_space a{
    background-color:#5d9468;
    border-radius:4px;
    box-shadow:0 2px 0 #497552;
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:600;
    margin-bottom:25px;
    padding:6px 4px;
    margin-top:6px
}
.work_space{
    text-align:center
}
.btn_div{
    text-align:center;
    width:100%;
    display:inline-block
}
.link_wrap{
    width:100%;
    display:inline-block;
    margin:0 0 10px 0
}
.SupportRoleCard-content{
    width:100%;
    float:left;
    padding:0 30px
}
.left_div{
    width:70%;
    float:left;
    -webkit-transition:color .1s ease-out;
    transition:color .1s ease-out;
    padding:46px 0;
    color:#333
}
.left_div .SupportRoleCard-title{
    font-size:24px
}
.left_div .SupportRoleCard-desc{
    font-size:20px;
    padding:30px 0 0 0;
    max-width:520px;
    line-height:normal
}
.SupportRoleCard-figure{
    float:right;
    width:30%;
    position:initial;
    min-height:auto;
    border:none;
    box-shadow:none;
    padding:0;
    border-radius:0
}
.SupportRoleCard-content:hover{
    background:-moz-linear-gradient(left,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(left,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%);
    background:linear-gradient(to right,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%)
}
.SupportRoleCard-content:hover .left_div{
    color:#fff
}
.SupportRoleCard-content:hover .SupportRoleCard-figure{
    opacity:0
}
.differnt:hover .left_div{
    color:#fff
}
.differnt:hover .SupportRoleCard-figure{
    opacity:0
}
.differnt:hover{
    background:-moz-linear-gradient(left,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%);
    background:-webkit-linear-gradient(left,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%);
    background:linear-gradient(to right,rgba(140,140,140,.65) 0,rgba(0,0,0,0) 100%)
}
.botmn_wrap{
    width:100%;
    float:left;
    background:#ffff;
    padding:40px 0
}
.tab_wrapper{
    width:100%;
    display:inline-block
}
.dea_tabs{
    border-bottom:1px solid #e0e0e0;
    max-width:540px;
    margin:0 auto
}
.dea_tabs li{
    display:inline-block;
    text-align:center;
    text-transform:capitalize;
    margin-right:30px;
    float:left;
    padding:20px 0;
    font-size:19px;
    cursor:pointer
}
.dea_tabs li.active,.dea_tabs li:hover{
    border-bottom:4px solid #0f1b25;
    color:#0f1b25
}
.tab_content{
    width:100%;
    margin:0 auto
}
.tab_content_inner{
    width:100%;
    display:inline-block
}
.rj{
    width:100%;
    display:inline-block;
    padding:20px 0
}
.rj h2{
    font-size:24px;
    padding:10px 0 10px 0;
    color:#333
}
.rj ul li{
    font-size:16px;
    line-height:24px;
    float:left;
    width:100%
}
.rj p{
    font-size:16px;
    line-height:24px;
    padding:10px 0 0 25px
}
.rj ul{
    padding:10px 0 10px 0
}
.rj ul li i{
    margin-right:10px;
    font-weight:700;
    font-size:18px;
    color:#42463a
}
.rj ul li span{
    width:95%;
    float:left
}
.rj ul li b{
    width:20px;
    float:left
}
.porgram{
    width:100%;
    text-align:center;
    display:inline-block;
    padding:0 0 40px 0
}
.porgram h2{
    font-size:36px;
    font-weight:400;
    padding:0 0 20px 0
}
.porgram p{
    font-size:20px;
    max-width:900px;
    margin:0 auto
}
.box_div{
    width:100%;
    display:inline-block
}
.boxx{
    float:left;
    width:33.333%;
    text-align:center;
    padding:40px 0
}
.boxx span{
    font-size:21px;
    width:100%;
    display:inline-block;
    padding:20px 0 0 0
}
.boxx .cont_down p{
    font-size:15px;
    line-height:20px;
    color:#000;
    padding:20px 20px
}
.boxx .ratee{
    width:100%;
    font-size:20px;
    padding:20px 0 0;
    font-weight:700;
    color:#0f1b25
}
.box_div .boxx{
    border:1px solid #eee
}
.box_div .boxx:hover{
    box-shadow:0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 5px rgba(0,0,0,.3);
    -webkit-box-shadow:0 0 5px rgba(0,0,0,.3)
}
.box_div .boxx:nth-child(2n+2){
    border-left:none;
    border-right:none
}
.porgram p a{
    color:#0f1b25
}
.stat_pic p a{
    color:#0f1b25;
    font-weight:700
}
.rate2{
    font-size:17px;
    color:#ffaf00
}
.left_row a{
    color:#0f1b25;
    font-weight:700
}
.form_cenre{
    max-width:500px;
    margin:0 auto
}
.form_cenrewrap{
    width:100%;
    display:inline-block;
    border:1px solid #eee;
    padding:20px;
    border-radius:5px;
    box-shadow:0 0 10px rgba(204,204,204,.4);
    background:#fff
}
.fieldd_div{
    width:90%;
    float:left;
    margin-bottom:15px;
    position:relative;
    margin-left:10%
}
.fieldd_div label{
    float:left;
    font-size:20px;
    left:-40px;
    padding:7px 10px;
    position:absolute;
    background:#5bbc2e;
    height:40px;
    color:#fff;
    width:40px
}
.fieldd_div label.error{
    display:none!important
}
.fieldd_div input.error,.fieldd_div textarea.error{
    border:1px solid red!important
}
.fieldd_div span{
    width:100%;
    float:left
}
.fieldd_div span input[type=text],.fieldd_div span textarea{
    width:100%;
    height:40px;
    border-radius:0 5px 5px 0;
    border:1px solid #ccc;
    padding:0 10px 0 10px;
    font-size:15px;
    font-family:'Gotham Book';
    color:#000
}
.fieldd_div span textarea{
    height:200px;
    resize:none;
    padding:10px 10px 0 10px;
    font-family:'Gotham Book'
}
.sub_btnn{
    width:100%;
    display:inline-block;
    text-align:right
}
.sub_btnn input[type=submit]{
    border:1px solid #fdaf07;
    border-radius:3px;
    display:inline-block;
    font-size:18px;
    padding:12px 20px 8px;
    text-align:center;
    text-transform:uppercase;
    background:linear-gradient(to bottom,#efba47 0,#ffae00 100%);
    color:#fff
}
.sub_btnn input[type=submit]:hover{
    background:linear-gradient(to bottom,#f1a500 0,#ffaf00 100%);
    color:#fff;
    border:1px #ffaf02 solid
}
.bg_img{
    background:url(../../img/front/co_bg.png);
    background-color:#fff
}
.snd_msg{
    right:0!important;
    bottom:20px!important;
    margin:0 0;
    text-align:right
}
.snd_msg span.submit-icon-msg:after{
    display:none
}
.new_design .form-submit-notify input[type=submit],.snd_msg .submit-icon-msg input[type=submit]{
    opacity:9;
    border:1px solid #fdaf07;
    border-radius:3px;
    display:inline-block;
    font-size:17px;
    padding:5px 10px 6px;
    text-align:center;
    text-transform:uppercase;
    background:linear-gradient(to bottom,#efba47 0,#ffae00 100%);
    color:#fff;
    box-shadow:none;
    width:auto
}
.snd_msg .submit-icon-msg input[type=submit]:hover{
    background:linear-gradient(to bottom,#f1a500 0,#ffaf00 100%);
    color:#fff;
    border:1px #ffaf02 solid
}
.new-list-message-item{
    max-height:280px;
    overflow-y:auto;
    overflow-x:hidden
}
.list-chat-work-place-dispute{
    height:280px;
    overflow:auto
}
.hover_conat{
    float:left;
    width:300px;
    background:rgba(0,0,0,.7019607843137254);
    color:#fff;
    padding:5px;
    border-radius:5px;
    position:absolute;
    opacity:0;
    top:49px;
    z-index:9;
    display:none;
    max-height:120px;
    overflow-y:auto
}
.name{
    font-size:15px;
    color:#fff
}
.namecon{
    font-size:13px;
    color:#fff;
    display:inline-block;
    padding:2px 0
}
.hover_conat ul li{
    display:inline-block;
    padding:0 0 0 8px;
    color:#fff;
    font-size:12px;
    position:relative
}
.hover_conat ul li:after{
    position:absolute;
    width:5px;
    height:5px;
    background:#0f1b25;
    border-radius:50px;
    content:"";
    left:0;
    top:6px
}
.hover_conat:before{
    position:absolute;
    content:'';
    border-bottom:5px solid rgba(0,0,0,.48);
    border-right:5px solid transparent;
    border-left:5px solid transparent;
    top:-4px;
    left:17px
}
.hover_show:hover .hover_conat{
    opacity:9;
    display:block
}
.hover_show.hover_show_relative {
    position: relative !important;
}
.hover_conat.hover_conat_li_ {
    top: 28px;
    left: calc(50% - 170px);
}
.hover_conat.small {
    font-size: 12px;
    width: initial !important;
    padding: 5px 15px !important;
    background: rgba(0, 0, 0, 1) !important;
}
.hover_conat.hover_position_center {
    left: 45px;
    top: 28px;
}
.hover_show_ul_wrapper {
    font-size: 12px;
}
.hover_show_ul_wrapper:hover .hover_show_li:hover + .hover_conat {
    opacity: 1; 
    display: block;
}
.hover_conat.small {
    width: initial !important;
    padding: 5px 15px !important;
    background: rgba(0, 0, 0, 1) !important;
}
.hover_conat.small.gig-hover-price {
    top: 20px !important;;
    right: -12px !important;;
}
.hover_conat.small.gig-hover-price-2 {
    top: 20px !important;
    right: -122px !important;
    color: #fff;
}
.hover_conat.small.gig-hover-price-3 {
    top: -70px !important;
    right: initial !important;
    color: #fff;
}
.hover_conat_w_md {
    min-width: 70px;
}
.hover_conat_w_md p {
    font-size: 14px !important;
    height: 25px;
    width: 100% !important;
}
.hover_conat.small.gig-2 {
    top: -65px !important;
    left: 30% !important;
}
.hover_conat-t-low {
    top: 20px !important;
}
.hover_conat-r-low {
    right: -40px !important;
}
.sitemap_bx1{
    float:left;
    padding-right:10px;
    width:20%;
    word-break:initial
}
.mianpp{
    width:20%;
    word-break:initial
}
.ster_ti{
    border-bottom:1px solid;
    color:#000;
    float:left;
    font-size:18px;
    margin-bottom:20px;
    padding-bottom:10px;
    text-align:left;
    width:92%
}
.sitemap_bx1 ul{
    float:left;
    width:100%
}
.sitemap_bx1 ul li{
    float:left;
    padding-bottom:10px;
    text-align:left;
    width:100%
}
.mainccc{
    width:20%;
    word-break:initial
}
.sitemap_bx1 ul li a{
    font-size:14px;
    color:#000
}
.sitemap_bx1 ul li a:hover{
    color:#e7aa27
}
.mainccc>ul{
    width:100%
}
.mainccc>ul>li>a{
    font-weight:700;
    line-height:20px;
    padding-bottom:10px;
    display:inline-block
}
.mainccc ul li ul li{
    width:100%
}
.new_design .list-chat-work-place-dispute .form-group-work-place,.new_design .new-list-message-item .form-group-work-place{
    width:100%
}
.new_design .form-group-work-place{
    width:10%
}
.new_design .content-report-wrapper{
    margin-top:0
}
.new_design .content-report-wrapper .info-report{
    width:100%
}
.new_design .content-report-wrapper .date-chat-report{
    display:inline-block;
    float:right
}
.new_design .file-container,.new_design .work-place-dispute{
    width:100%
}
.new_design .work-place-dispute{
    background:#f5f8fa;
    padding:25px
}
.new_design .work-place-dispute .content-report-wrapper{
    width:100%;
    background:0 0
}
.new_design .work-place-dispute .content-report-wrapper .field-style-textarea textarea{
    padding:6px 12px;
    background:#fff;
    border:1px solid #e9ebed;
    border-radius:4px
}
.logod{
    margin:20px 0 0 0
}
.inpfil ul,.inpfil ul li{
    list-style-type:disc
}
.inpfil ul{
    padding-left:20px
}
.inpfil a{
    color:#ffaf02;
    font-weight:700
}
.footer_bottom{
    width:100%;
    float:left;
    text-align:center;
    padding:10px 0;
    color:#fff;
    background:#141b27
}
.footer_bottom .footer_logicl a{
    color:#fff
}
.footer_bottom .footer_logicl a:hover{
    color:#0f1b25
}
.top_tab{
    display:inline-block;
    width:100%
}
.top_tab li{
    display:inline-block;
    padding:14px 0
}
.top_tab li a{
    display:inline-block;
    position:relative;
    color:#999;
    font-size:15px;
    color:#333;
    padding:0 18px 0 15px
}
.top_tab li a span{
    display:inline-block;
    width:22px;
    height:22px;
    background:#0f1b25;
    border-radius:50px;
    color:#fff;
    font-size:15px;
    line-height:22px;
    text-align:center;
    margin-right:5px
}
.step_page{
    float:left;
    width:100%
}
.top_bar{
    width:100%;
    float:left;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee
}
.top_tab li a:after{
    position:absolute;
    content:"\f054";
    right:0;
    font:normal normal normal 14px/1 FontAwesome;
    bottom:3px
}
.bottom_step_section{
    width:100%;
    float:left;
    padding:10px 0;
    background:#f5f5f5;
    min-height:500px
}
.step_form{
    float:left;
    width:100%;
    position:relative
}
.textareatooltip{
    opacity:0
}
.right_filed:hover .textareatooltip{
    opacity:8
}
.half_field:hover .selecttooltip{
    opacity:8
}
.selecttooltip{
    opacity:0
}
.step_form_inner{
    width:70%;
    float:left;
    -webkit-transition:height 2s ease-in-out;
    transition:height 2s ease-in-out;
    height:auto;
    margin-bottom:20px;
    padding:10px 20px;
    background:#fff;
    border-radius:5px 5px 0 0;
    border:1px #ddd solid
}
.gig_attach_box{
    float:left;
    width:100%;
    padding:10px 0
}
.answer_div label.error,.right_filed label.error{
    width:100%;
    color:red;
    text-align:left
}
.form_field label{
    width:17%;
    float:left;
    padding:10px 0 0 0;
    margin-right:5%;
    text-align:right
}
.form_field{
    width:100%;
    float:left;
    margin:25px 0 0
}
.right_filed{
    float:right;
    width:78%
}
.text_area{
    width:100%;
    position:relative;
    display:inline-block
}
.text_area .first_txt{
    position:absolute;
    display:none;
    top:10px;
    left:12px;
    font-size:32px;
    color:#ccc
}
.right_filed textarea{
    width:100%;
    float:left;
    height:110px;
    font-size:32px;
    padding:10px 10px;
    line-height:35px;
    font-family:'Gotham Book';
    color:#666
}
.form_field label a{
    width:100%;
    display:inline-block;
    color:#0f1b25;
    font-size:14px;
    padding-top:5px
}
.right_filed.half_field{
    width:38%;
    margin:0 .5% 10px;
    float:left
}
.right_filed.half_field .drop_down_arow{
    position:relative;
    width:100%;
    display:inline-block;
    position:relative
}
.right_filed.half_field .drop_down_arow:after{
    position:absolute;
    content:"\f0d7";
    right:0;
    font:normal normal normal 14px/1 FontAwesome;
    top:13px;
    right:15px
}
.right_filed.half_field .drop_down_arow .sel_field{
    width:100%;
    border:1px solid #ccc;
    height:40px;
    padding:0 10px;
    border-radius:5px
}
.right_filed.half_field .drop_down_arow .sel_field option{
    padding:10px;
    font-size:16px
}
figure{
    position:absolute;
    right:80px;
    top:50px;
    width:235px;
    min-height:285px;
    padding:15px;
    float:right;
    background:#fff;
    border-radius:5px;
    box-shadow:2px 1px 1px #ddd;
    box-sizing:border-box;
    border:1px #ddd solid
}
figcaption{
    padding:0 0 10px
}
figure figcaption h3{
    font-size:18px;
    line-height:23px;
    font-family:'Gotham Book';
    padding-bottom:10px;
    font-weight:700
}
p{
    font-size:12px
}
.gig-tooltip-img{
    background:url(../../img/front/tool_tip.png) no-repeat center top;
    width:232px;
    height:231px;
    margin-left:-14px
}
.selecttooltip .gig-tooltip-img{
    background-position:11px -1188px
}
.right_filed figure:before{
    content:'';
    background:url(../../img/front/arrowleft.png) no-repeat center top;
    width:16px;
    height:44px;
    position:absolute;
    z-index:1;
    display:block;
    top:47px;
    left:-16px
}
.page_title{
    font-size:18px;
    display:inline-block;
    width:100%;
    padding-bottom:15px
}
.page_inline{
    display:inline-block;
    width:100%
}
.page_inline ul{
    display:inline-block;
    width:100%
}
.page_inline ul li{
    display:inline-block;
    padding-right:10px;
    font-size:13px;
    padding-bottom:24px
}
.page_inline ul li a{
    color:#000;
    font-weight:700
}
table{
    background:#fff;
    text-align:left;
    font-size:14px;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    border-collapse:separate
}
table thead th:first-child{
    background:#fafafa;
    border-bottom:0;
    border-right:1px solid #ddd;
    width:184px
}
table thead th{
    color:#c6c6c6;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    padding:20px 15px;
    height:55px
}
table thead th.shown{
    background-color:#f7f7f7;
    color:#555
}
table tbody tr td textarea{
    height:70px;
    padding:8px;
    font-family:'Gotham Book';
    width:100%;
    font-size:14px;
    resize:none;
    color:#585858;
    border-right:none;
    border-color:transparent
}
table tbody tr td{
    width:182px;
    position:relative;
    border:1px solid #ccc;
    border-bottom:none;
    border-right:none
}
.third_rate .fake-hint.blue::before{
    bottom:55px;
    top:auto
}
.table-container table tbody tr td i.fa.fa-pencil{
    position:absolute;
    right:8px;
    top:10px;
    color:#777
}
table tbody tr td span.drop_arow select{
    width:100%;
    height:50px;
    padding:0 10px;
    border-radius:0;
    border-bottom:none;
    border-right:none;
    border-color:transparent
}
table tbody tr td span.drop_arow{
    width:100%;
    display:inline-block;
    position:relative
}
.deliverytool label.error,.description_tool label.error,.package_tool label.error,.price_tooltip label.error{
    color:red
}
table tbody tr td span.drop_arow:after{
    position:absolute;
    content:"\f0d7";
    right:0;
    font:normal normal normal 14px/1 FontAwesome;
    top:19px;
    right:15px
}
.table-container{
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    position:relative
}
.step_form_inner table tbody tr th{
    border-top:1px solid #ddd;
    padding-left:20px
}
.step_form_inner table{
    width:100%
}
.package_tooltip{
    position:absolute;
    right:-425px;
    display:none;
    top:0
}
.tool_sec .package_tooltip{
    right:-230px
}
.tool_third .package_tooltip{
    right:-35px
}
.desc_sec:hover .delivery_tooltip{
    right:-230px
}
.desc_thir:hover .delivery_tooltip{
    right:-35px
}
.deli_sec:hover .delivery_tooltip{
    right:-230px
}
.deli_thiir:hover .delivery_tooltip{
    right:-35px
}
.deli_sec:hover .delivery_tooltip{
    right:-230px
}
.deli_thiir:hover .delivery_tooltip{
    right:-35px
}
.second_rate:hover .price_first{
    right:-230px;
    bottom:370px;
    position:absolute
}
.third_rate:hover .price_first{
    right:-35px;
    bottom:370px;
    position:absolute
}
.first_rate:hover .price_first{
    position:absolute;
    right:-420px;
    bottom:370px
}
.desc_sec:hover .delivery_tooltip{
    right:-230px
}
.desc_thir:hover .delivery_tooltip{
    right:-35px
}
.description_tool:hover .delivery_tooltip{
    display:inline-block
}
.fake-hint.blue{
    background-color:#deeff0;
    width:250px;
    position:absolute;
    z-index:2;
    right:-265px;
    color:#0e0e0f;
    border:0;
    padding:20px
}
.fake-hint.blue:before{
    content:'';
    display:block;
    position:absolute;
    top:20px;
    left:-10px;
    z-index:16;
    border-bottom:10px transparent solid;
    border-top:10px transparent solid;
    border-right:10px #deeff0 solid
}
.fake-hint.blue .icn{
    background-color:#78cdd2;
    height:37px;
    width:37px;
    display:block;
    text-align:center;
    margin:-39px auto 5px;
    border-radius:50%
}
.fake-hint.blue .icn .fa-lightbulb-o{
    font-size:24px;
    margin-top:6px;
    color:#fff
}
.fake-hint.blue .fake-hint-title{
    font-size:18px;
    display:inline-block;
    margin-bottom:10px
}
.fake-hint ul li{
    list-style-type:disc;
    padding-bottom:15px
}
.fake-hint ul{
    padding-left:20px
}
.delivery_tooltip{
    position:absolute;
    right:-420px;
    top:0;
    display:none
}
.descriptio_tooltip{
    display:none
}
.rate_tooltip{
    position:absolute;
    right:-420px;
    top:0;
    display:none
}
.package_tool:hover .package_tooltip{
    display:inline-block
}
.deliverytool:hover .delivery_tooltip{
    display:inline-block
}
.price_tooltip:hover .price_tool{
    display:inline-block
}
.price_tool{
    display:none
}
.descriptiomn{
    float:left;
    width:100%;
    border-bottom:1px solid #ccc
}
.descriptiomn h3{
    font-size:27px;
    padding-bottom:20px
}
.descrp_text{
    width:100%;
    float:left;
    position:relative;
    margin-bottom:20px
}
.descrp_text label{
    width:100%;
    display:inline-block;
    font-size:16px;
    padding:20px 0 10px
}
.descrp_text textarea{
    width:100%;
    height:150px;
    border:1px solid #ddd;
    padding:20px;
    transition:all .2s ease-in-out 0s;
    font-family:'Gotham Book'
}
.descrp_text textarea:focus{
    height:250px;
    transition:all .2s ease-in-out 0s
}
.notee{
    width:100%;
    display:inline-block;
    padding:5px 0 0
}
.notee .right{
    float:right
}
.form_fieldd{
    width:100%;
    float:left;
    position:relative
}
.form_fieldd input[type=password],.form_fieldd input[type=text],.form_fieldd textarea{
    width:100%;
    display:inline-block;
    padding:15px;
    border-radius:5px;
    border:1px solid #ccc;
    font-family:'Gotham Book'
}
.form_fieldd textarea{
    margin-top:15px
}
.form_fieldd label.error{
    color:red;
    display:inline-block;
    padding:5px 0;
    width:100%
}
.input_border b{
    font-size:18px;
    font-weight:400;
    border-top:1px solid #ccc;
    padding:15px 0;
    margin-top:5px;
    width:100%;
    display:inline-block
}
.input_border{
    border-bottom:none
}
.descriptiomn.input_border h3 a{
    float:right;
    font-size:14px;
    padding-top:10px;
    text-transform:capitalize;
    color:#2ec14a
}
.descriptiomn.input_border a{
    float:left;
    font-size:14px;
    padding-top:10px;
    text-transform:capitalize;
    color:#2ec14a;
    padding-bottom:20px
}
.text_btn .btn-standard{
    width:90px;
    border:none;
    padding:10px 0;
    border-radius:2px;
    margin-left:10px
}
.text_btn{
    width:100%;
    display:inline-block;
    text-align:right;
    margin-top:20px;
    border-bottom:1px solid #ccc;
    padding-bottom:25px
}
.btn-white-grad{
    background:#0f1b25;
    color:#fff
}
.btn-green-grad{
    background:0 0;
    border:1px solid #ccc!important;
    color:#000
}
.tooltip-examples-component{
    border-radius:5px;
    border:1px solid #41b4bb;
    padding:8px;
    margin:8px 0
}
.tooltip-examples-component .sub-title{
    font-weight:700;
    font-size:14px;
    display:inline-block;
    padding-bottom:5px;
    color:#41b4bb
}
.textarea_tooltip{
    display:none;
    position:absolute;
    right:0;
    top:-70px
}
.form_fieldd:hover .textarea_tooltip{
    display:inline-block
}
.desicri_tooltip{
    display:none;
    position:absolute;
    right:-40px;
    top:0
}
.descrp_text:hover .desicri_tooltip{
    display:inline-block
}
.description{
    float:left;
    width:100%
}
.description h4{
    display:inline-block;
    font-size:23px
}
.description small{
    width:100%;
    display:inline-block;
    padding-left:20px;
    font-size:15px
}
.description i{
    font-size:20px;
    color:#0f1b25
}
.text_fileld_wrap{
    background:#fdf7f7;
    float:left;
    width:100%;
    border:1px solid #ccc;
    margin:25px 0;
    padding:15px
}
.question_box{
    float:left;
    width:100%;
    border:1px solid transparent;
    border-radius:5px;
    padding:15px
}
.question_box:hover{
    border:1px solid #ccc
}
.button_hover{
    float:right;
    display:none
}
.question_box:hover .button_hover{
    display:inline-block
}
.tag_line{
    display:inline-block;
    font-size:17px;
    padding-bottom:10px
}
.button_hover a{
    font-size:20px;
    padding:0 4px
}
.input_filedd{
    width:100%;
    float:left;
    position:relative
}
.input_filedd input[type=text]{
    width:100%;
    height:39px;
    padding:0 10px;
    border-radius:5px;
    border:1px solid #ccc
}
.input_filedd i{
    position:absolute;
    right:40px;
    top:24px
}
.another{
    float:left;
    width:100%;
    padding:10px 0
}
.another a{
    color:#00b22d;
    font-size:16px
}
.text_fileld_wrap label{
    width:100%;
    float:left;
    font-size:13px
}
.text_fileld_wrap textArea{
    width:100%;
    float:left;
    height:120px;
    padding:15px;
    margin:10px 0;
    font-family:'Gotham Book'
}
.textarea_active{
    float:left;
    width:100%
}
.textarea_active .input-wrap{
    display:inline-block
}
.textarea_active .input-wrap span{
    display:inline-block;
    font-size:16px;
    text-transform:capitalize
}
.textarea_active .input-wrap span select{
    width:100px;
    height:35px;
    padding:0 4px;
    border:1px solid #ccc;
    border-radius:5px;
    color:#888;
    font-size:15px
}
.textarea_active .input-wrap .type-dropdown{
    display:inline-block;
    margin-left:11px
}
.textarea_active .input-wrap .type-dropdown .arrow_drop{
    width:100%;
    display:inline-block;
    position:relative
}
.textarea_active .input-wrap .type-dropdown .arrow_drop:after{
    position:absolute;
    color:#777;
    content:"\f0d7";
    right:0;
    font:normal normal normal 14px/1 FontAwesome;
    top:13px;
    right:15px
}
.answer{
    display:inline-block;
    padding-left:15px;
    font-size:15px
}
.answer input[type=checkbox]{
    position:relative;
    top:2px
}
.answer label{
    width:auto;
    float:none;
    margin-left:10px
}
.gig_video .form_fieldd input[type=text]{
    width:100%;
    padding:5px 5px;
    margin:10px 0;
    border:1px solid #eee
}
.textarea_active .text_btn{
    border-bottom:none;
    padding-bottom:0;
    padding-bottom:10px
}
.form_fieldd input[type=text]{
    width:100%;
    padding:10px 10px;
    border:1px solid #ccc
}
.text_area label.error{
    width:100%;
    text-align:left;
    color:red
}
.box_title{
    width:100%;
    float:left;
    border-bottom:1px solid #ccc;
    margin-bottom:20px
}
.box_title h3{
    display:inline-block;
    font-size:23px
}
.box_title p{
    font-size:16px;
    padding:5px 0 20px
}
.gig_video{
    width:100%;
    float:left;
    border-bottom:1px solid #ccc;
    margin-bottom:20px;
    position:relative
}
.gigtag_line{
    font-size:12px;
    font-weight:400;
    color:#333;
    margin-left:10px;
    padding-bottom:10px
}
.gigtag_line span{
    font-size:16px;
    color:#000;
    padding-right:10px
}
.gig_attach_box #add_logo{
    padding:0;
    border:none;
    box-shadow:inherit
}
.gig_email {
    position: relative;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.gig_email_tooltip { 
    position: absolute;
    right: 0px;
    top: 0px;
    display: none;
}
.gig_email:hover .gig_email_tooltip { 
    display: inline-block;
}
.gig_email .form_fieldd input[type="text"] {
    width: 100%;
    padding: 5px 5px;
    margin: 10px 0px;
    border: 1px solid #eee;
}
.dropzone{
    background-color:#fff;
    height:99%;
    border:1px dashed #ddd;
    width:32%;
    display:inline-block;
    vertical-align:top;
    margin:20px 0
}
.dropzone-body{
    text-align:center;
    font-size:14px;
    line-height:20px;
    color:#999;
    font-weight:500;
    padding-top:30px
}
.dropzone-body.video:before{
    background-position:-166px 0;
    height:38px;
    width:50px
}
.dropzone-body:before{
    content:'';
    background:transparent url(../../img/front/icons.svg) no-repeat 0 0;
    display:inline-block;
    background-size:300px 100px;
    margin-bottom:12px;
    display:block;
    margin:0 auto;
    padding-bottom:10px
}
.dropzone-body.video input[type=file]{
    visibility:hidden
}
.video_con{
    display:inline-block;
    width:55%;
    font-size:15px;
    padding:20px 0 0 20px
}
.dropzone.empty_box{
    height:141px
}
.gigtag_line span:last-child{
    float:right;
    font-size:13px;
    padding-top:3px;
    color:#ccc
}
.gig_video:hover .gig_video_tooltip{
    display:inline-block
}
.gig_video_tooltip{
    position:absolute;
    right:0;
    top:0;
    display:none
}
.gig_photo:hover .gig_photo_tooltip{
    display:inline-block
}
.gig_photo_tooltip{
    display:none
}
.gig_pdf:hover .gig_pdf_tooltip{
    display:inline-block
}
.gig_pdf_tooltip{
    display:none
}
.congratulation_content{
    float:left;
    width:100%
}
.congratulation_content h2{
    font-size:27px;
    font-weight:700;
    padding-bottom:10px
}
.congratulation_content h3{
    font-size:17px;
    padding-bottom:10px
}
.congratulation_content h4{
    font-size:16px
}
.simple_txt{
    font-size:16px;
    color:#aba9a9;
    padding:10px 0
}
.simple_txt a{
    color:#0f1b25
}
.page_btn{
    float:left;
    width:100%;
    margin-top:10px
}
.cancel_btn{
    padding:8px 10px;
    background:#eee;
    border:1px solid #ccc;
    text-transform:capitalize;
    font-size:14px;
    border-radius:5px;
    float:left
}
.btn-lrg-standard{
    background:linear-gradient(#35c350,#03b525);
    font:700 16px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#fff;
    border:1px solid #00b22d;
    padding:10px 20px;
    float:right
}
.deatail_page{
    float:left;
    width:100%;
    margin-bottom:40px
}
.top_menu{
    float:left;
    width:100%;
    border-bottom:1px solid #ccc
}
.top_menu ul{
    display:inline-block;
    width:100%
}
.top_menu ul li{
    display:inline-block
}
.top_menu ul li a{
    font-size:17px;
    padding:10px 10px;
    display:inline-block
}

.top_menu ul li a .fa-video-camera {
    color: #337ab7;
}

.bottom_container{
    float:left;
    width:100%;
    margin:15px 0
}
.left_wrap_div{
    width:70%;
    float:left
}
.same_box{
    float:left;
    width:100%;
    border:1px solid #ccc;
    margin:15px 0
}
.top_title{
    font-size:26px;
    padding:10px 10px;
    border-bottom:1px solid #ccc;
    width:96%;
    margin:0 2%;
    word-wrap:break-word
}
.main_div{
    display:inline-block;
    width:100%
}
.table_th{
    display:table-row
}
.tr_div{
    display:table-cell;
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
    padding:15px;
    text-align:center
}
.td_div{
    display:table-row
}
.th_div{
    display:table-cell;
    font-size:15px;
    padding:10px 15px;
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
    text-align:center
}
.table{
    float:left;
    width:100%;
    margin:0
}
.table h4.gig-fancy-header{
    background:#eee;
    font-size:20px;
    padding:7px 10px;
    margin:0
}
.table_th .tr_div:first-child{
    width:150px
}
.tr_div span{
    font-size:20px;
    display:inline-block;
    width:100%
}
.tr_div b{
    font-size:18px;
    padding:5px 0;
    display:inline-block
}
.th_div p{
    font-size:16px;
    word-break:break-all
}
.th_div p.simple_txt{
    font-size:14px;
    max-width:230px
}
.center_text{
    text-align:center
}
.th_div i{
    color:#0f1b25
}
.td_div:last-child .th_div{
    border-bottom:none
}
.table_btn{
    background:linear-gradient(#35c350,#03b525);
    font:700 15px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#fff;
    border:1px solid #00b22d;
    padding:10px 10px;
    display:inline-block;
    border-radius:5px
}
.left_divsmall{
    float:left;
    width:70%;
    padding:20px;
    margin:10px 0
}
.top_menu.top_menu_fixed{
    position:fixed;
    top:70px;
    left:0;
    max-width:1170px;
    margin:0 auto;
    right:0;
    background:#eee;
    z-index:9;
    border:1px solid #ccc;
    border-top:none
}
.left_divsmall b{
    font-size:16px;
    padding-bottom:15px;
    display:inline-block
}
.left_divsmall p{
    font-size:15px;
    padding-bottom:10px;
    line-height:none;
   word-wrap: normal;
}
.left_divsmall ul li{
    list-style-type:disc;
    padding-bottom:5px;
    font-size:14px
}
.left_divsmall ul{
    padding-left:20px;
    padding-bottom:20px
}
.right_div{
    width:29%;
    float:right
}
.gig-metadata{
    width:100%;
    padding:10px;
    display:inline-block
}
.gig-metadata h5{
    font-size:16px
}
.gig-metadata ul{
    display:inline-block;
    width:100%
}
.gig-metadata ul li{
    display:inline-block;
    width:100%;
    font-size:15px;
    padding:5px 0
}
.accordion,.accordion *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.accordion{
    overflow:hidden;
    border-radius:3px;
    background:0 0;
    width:96%;
    margin:8px 2%
}
.accordion-section-title{
    width:100%;
    padding:15px;
    display:inline-block;
    text-decoration:none;
    background:#fff;
    transition:all linear .15s;
    font-size:1.2em;
    text-shadow:inherit;
    color:#000
}
.accordion-section-title.active,.accordion-section-title:hover{
    background:0 0;
    text-decoration:none
}
.accordion-section:last-child .accordion-section-title{
    border-bottom:none
}
.question_accordion{
    float:left;
    width:100%;
    margin-bottom:20px
}
.question_accordion a.accordion-section-title{
    border:1px solid #ccc!important;
    background:#fff
}
.question_accordion .accordion-section{
    background:#f7f7f7;
    float:left;
    width:100%
}
.trash_left{
    float:left;
    background:#e02828;
    color:#fff;
    padding:5px;
    border-radius:5px;
    font-size:13px
}
.question_accordion .accordion-section .accordion-section-content{
    border:1px solid #ccc;
    border-top:none
}
.text_fileld_wrap_req a{
    float:right;
    background:#e02828;
    color:#fff;
    padding:4px 5px;
    border-radius:5px
}
.text_fileld_wrap_req label.req_lbl{
    float:left;
    width:auto;
    font-size:14px
}
.answer_div{
    width:100%;
    float:left;
    margin:10px 0
}
.accordion-section-content{
    padding:15px;
    display:none
}
.accordion-section-title.active,.accordion-section-title.active:focus{
    border-bottom:1px solid;
    border-color:#ccc!important
}
.accordion-section-title:before{
    content:"\f078";
    color:#000;
    font-size:19px;
    font-weight:700;
    padding-right:15px;
    font:normal normal normal 14px/1 FontAwesome;
    line-height:18px;
    float:right
}
.accordion-section-title.active:before{
    content:"\f077";
    color:#000;
    float:right;
    font-size:19px;
    font-weight:700;
    font:normal normal normal 14px/1 FontAwesome;
    padding-right:15px
}
.question_accordion .text_btn{
    border-bottom:none;
    padding-bottom:0
}
.right_side_bar{
    width:28%;
    margin:15px 0 10px;
    float:right;
    border:1px solid #ccc;
    padding-bottom:20px
}
.tab_div h3{
    width:100%;
    display:inline-block;
    padding:10px 5px 0;
    word-wrap:break-word
}
.tab_div h3 .left_titke{
    font-size:16px;
    font-weight:700;
    width:62%;
    display:inline-block;
    word-wrap:break-word
}
.tab_div h3 .riht_rate{
    float:right;
    font-size:16px
}
.tab_div p{
    font-size:16px;
    padding:0 60px 15px 8px;
    line-height:20px;
    width:100%;
    display:inline-block;
    word-wrap:break-word
}
.deliver_date{
    padding:0 10px;
    display:inline-block;
    width:100%;
    font-size:16px
}
.ul_right{
    width:100%;
    float:left;
    padding:5px 10px 10px 10px
}
.ul_right li{
    font-size:15px;
    padding-bottom:5px
}
.ul_right li i{
    margin-right:5px;
    color:#12b932
}
.btn_con{
    width:100%;
    text-align:center;
    display:inline-block
}
.btn_con a{
    background:linear-gradient(#35c350,#03b525);
    font:700 16px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
    width:94%;
    color:#fff;
    border:1px solid #00b22d;
    padding:10px 20px;
    display:inline-block;
    border-radius:4px
}
.edt_gig_btn{
    padding:10px 0
}
.same_box .demo .item .lSSlideWrapper.usingCss{
    padding:10px 0
}
.same_box .demo .clearfix{
    width:100%;
    text-align:center;
    margin:0 auto
}
.compare_pack{
    width:100%;
    display:inline-block;
    text-align:center;
    padding:10px 0 0
}
.compare_pack a{
    border:2px solid #b7b7b7;
    background:#b7b7b7;
    display:inline-block;
    font-size:17px;
    padding:0;
    text-align:center;
    width:94%;
    line-height:35px;
    color:#000;
    border-radius:7px
}
.dea_tabstab{
    display:inline-block;
    width:100%
}
.dea_tabstab li{
    width:33.33333%;
    cursor:pointer;
    float:left;
    text-align:center;
    padding:10px 0;
    font-size:18px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.dea_tabstab li.active{
    box-shadow:1px 0 4px 0 rgba(0,0,0,.2);
    border-bottom:0;
    background-color:#fff
}
.dea_tabstab li:last-child{
    border-right:none
}
.profile_top{
    float:left;
    width:96%;
    text-align:center;
    margin:0 2%;
    border-bottom:1px solid #ccc;
    padding:10px 0
}
.profile_img{
    width:90px;
    display:inline-block;
    text-align:center;
    border-radius:50%;
    overflow:hidden;
    height:90px
}
.profile_img a{
    width:100%;
    display:inline-block
}
.profile_img img{
    height:100%;
    object-fit:cover;
    width:100%
}
.profile_img img{
    height:100%;
    object-fit:cover
}
.username{
    width:100%;
    text-align:center;
    display:inline-block;
    font-size:19px;
    font-weight:700;
    padding:10px 0
}
.contactbtn{
    display:inline-block;
    margin:0 auto;
    border:1px solid #ccc;
    padding:10px;
    font-size:16px;
    margin:10px 0
}
.profile_detail{
    float:left;
    padding:14px 10px
}
.profile_detail li{
    float:left;
    width:100%;
    padding-bottom:10px
}
.profile_detail li span.left_deta{
    float:left;
    font-size:13px
}
.profile_detail li span.right_deta{
    float:right;
    font-size:13px;
    font-weight:700
}
.profile_desc{
    padding:10px 10px;
    float:left;
    width:100%;
    font-size:15px;
    word-wrap:break-word
}
.same_box .demo{
    text-align:center;
    width:100%;
    display:inline-block;
    padding:0 0 13px
}
.same_box .demo .clearfix{
    width:100%;
    text-align:center;
    margin:0 auto;
    max-width:600px!important
}
.wiz_cols_nw{
    width:100%;
    display:inline-block
}
.form_row_fhr_cols{
    float:left;
    width:20%;
    padding:0 5px;
    margin-bottom:10px;
    position:relative
}
.shoe_imagrd_rgijt_img{
    float:left;
    width:100%;
    border:solid 1px #d6d6d6;
    padding:6px;
    overflow:hidden;
    height:120px;
    position:relative
}
.shoe_imagrd_rgijt_img_minimg{
    height:100%;
    float:left;
    width:100%
}
.shoe_imagrd_rgijt_img_minimg img{
    min-width:100%;
    min-height:100%
}
.shoe_imagrd_rgijt_img:after{
    content:" ";
    position:absolute;
    z-index:1;
    height:6px;
    bottom:0;
    left:0;
    right:0;
    background:#fff
}
.shoe_imagrd_rgijt{
    position:absolute;
    left:12px;
    bottom:7px;
    z-index:2
}
.inline-gsj input{
    opacity:0;
    width:0;
    height:0;
    font-size:0!important;
    border:0;
    visibility:hidden
}
.inline-gsj label{
    width:30px;
    height:30px;
    background:rgba(255,255,255,.8) url(../../img/front/plus_att_img.png) center no-repeat;
    float:left;
    cursor:pointer;
    transition:all .1s ease-in-out 0s
}
.gig_attach_box #attachfiles .portfolio-cc{
    float:left;
    margin:6px 5px;
    border:1px solid #ccc;
    background:#eee;
    padding:5px
}
.gig_attach_box #attachfiles .portfolio-cc a.delete{
    background:red;
    display:inline-block;
    color:#fff;
    padding:2px 5px;
    border-radius:3px;
    margin-left:5px
}
.top_tab li a.current span{
    background:#ef5923
}
.head_pop{
    background:#28b7d1!important;
    color:#fff!important;
    -webkit-border-radius:5px 5px 0 0;
    border-bottom:none;
    padding:15px 20px;
    margin-bottom:0;
    font-weight:400;
    width:100%;
    font-size:21px
}
.faq_div{
    display:inline-block;
    color:#000;
    font-size:14px
}
.admin_pop{
    display:inline-block;
    width:100%;
    border-bottom:1px solid #ddd;
    padding:5px 0
}
.admin_pop br{
    display:none
}
.admin_pop span{
    font-size:16px;
    font-weight:700;
    padding-right:10px;
    color:#404040;
    display:inline-block;
    vertical-align:top;
    width:30%
}
.admin_pop label{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    width:57%
}
.admin_pop label img{
    width:150px;
    height:150px
}
.admin_pop:last-child{
    border-bottom:none
}
.drt h4{
    background:#eee;
    margin:3px 0;
    padding:10px 10px
}
.admin_pop label a{
    color:#337ab7
}
.admin_pop label a{
    color:#337ab7;
    font-size:12px
}
.faq_ques_ans{
    width:100%;
    display:inline-block;
    border-bottom:1px solid #eee;
    padding:10px 0
}
.ques_no{
    font-size:14px;
    display:inline-block;
    padding-bottom:5px;
    color:#000;
    font-weight:600
}
.faq_div_ques{
    display:inline-block;
    width:100%;
    font-size:14px;
    padding-bottom:5px
}
.ans_no{
    display:inline-block;
    min-width:97px;
    font-size:17px;
    color:#737171;
    font-weight:600
}
.new_listing{
    width:20%;
    float:left
}
.product_img{
    width:100%;
    display:inline-block;
    position:relative;
    min-height:150px;
    height:150px;
    overflow:hidden;
    float:left;
    background:#eee;
    border:1px solid #ddd;
    border-bottom:none
}
.product_img a{
    display:inline-block;
    width:100%;
    word-wrap:break-word
}
.product_img a img{
    position:absolute;
    left:0;
    bottom:0;
    width:185px;
    top:0;
    margin:auto;
    right:0;
    border:1px solid #ccc;
    height:145px;
    object-fit:cover
}
.product_title{
    width:100%;
    display:inline-block;
    padding:0 0 0
}
.product_date{
    width:100%;
    float:left;
    padding:5px 0 0 0
}
.product_rate{
    width:100%;
    float:left;
    padding:5px 10px;
    text-align:right
}
.product_btn{
    width:100%;
    text-align:center;
    display:inline-block;
    margin:20px 0 10px
}
.product_btn .wrapper-btn{
    text-align:center
}
.bottom_box{
    float:left;
    width:100%;
    border:1px solid #ddd;
    background:#fff
}
.bottom_box b{
    padding-right:4px;
    display:inline-block;
    font-size:11px;
    vertical-align:top;
    padding-top:2px
}
.product_title .user_img{
    width:25px;
    height:25px;
    display:inline-block;
    overflow:hidden;
    vertical-align:top;
    border-radius:50px
}
.product_title span{
    padding:5px 0 0 10px;
    display:inline-block;
    width:80%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.gig_detail{
    float:left;
    width:100%;
    padding:5px 0;
    font-size:13px;
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.top_wrap{
    width:100%;
    float:left;
    padding:7px 10px;
    min-height:80px;
    border-bottom:1px solid #eee
}
.product_rate span{
    font-size:13px
}
.product_title a{
    font-size:13px
}
.user_img img{
    height:100%
}
.gig_desc{
    width:100%;
    word-wrap: break-word;
    white-space: normal;
}
.gig_desc p{
    word-wrap: break-word !important;
    white-space: normal !important;
    width: 100% !important;
}
.wallet_balance_box{
    display:inline-block;
    width:100%;
    background:#f97d81;
    padding:15px 25px;
    margin-bottom:20px;
    border-radius:5px
}
.wallet_balance_box .wallet-balances label{
    color:#fff;
    font-size:20px;
    font-family:'Gotham Medium'
}
.desk_txt.space_field{
    color:#fff;
    font-size:30px;
    font-family:'Gotham Medium'
}
.add-money{
    float:right;
    margin-top:25px;
    background:#fff;
    border:1px #fff solid;
    padding:9px 11px;
    border-radius:30px;
    font-size:14px;
    color:#333;
    cursor:pointer;
    font-family:'Gotham Medium'
}
.add-money span{
    margin-right:5px
}
.ad-money-wallet{
    padding:20px;
    border:1px #f97d81 solid;
    border-radius:5px;
    background:#ffbec0;
    float:left;
    width:100%
}
.ad-money-wallet .dashbord_bodytextleft{
    width:100%
}
.ad-money-wallet .dashbord_bodytextleft label{
    color:#333;
    margin-bottom:5px
}
.ad-money-wallet .desk_txt input{
    float:left;
    border:1px #7d7d7d solid
}
.ad-money-wallet .desk_txt textarea{
    height:100px;
    border:1px #7d7d7d solid;
    max-width:100%;
    min-width:100%
}
.ad-money-wallet .btn-primary{
    background:0 0;
    border:1px #0f1b25 solid;
    padding:9px 19px;
    border-radius:30px;
    font-size:15px;
    color:#0f1b25;
    cursor:pointer;
    font-family:'Gotham Medium';
    margin-right:10px
}
.ad-money-wallet .btn-primary:hover{
    background:#0f1b25;
    border:1px #0f1b25 solid;
    color:#fff
}
.wallet-balances{
    background:url(../../img/front/wallet.png) no-repeat left center;
    padding-left:92px;
    width:46%;
    vertical-align:top
}
.withdraw-money{
    display:inline-block;
    margin-top:25px;
    background:#fff;
    border:1px #fff solid;
    padding:9px 11px;
    border-radius:30px;
    font-size:14px;
    color:#333;
    cursor:pointer;
    font-family:'Gotham Medium'
}
.profile-history .work-history-heading .mnggigordr{
    width:auto
}
.mnggigordr .table_btn i{
    margin-left:5px;
    font-size:15px;
    vertical-align:middle
}
.inputt input.error{
    border:1px solid red!important
}
.login_fieldarea .inputt label.error{
    display:none!important
}
.bid_pop .login_fieldarea .inputt label.error{
    display:inline-block!important
}
.mol-show{
    display:none
}
.support-freelance{
    display:inline-block;
    width:100%;
    padding:30px 0
}
.support-freelance h1{
    font-family:Gotham Medium;
    font-size:24px;
    display:inline-block;
    width:100%
}
.support-freelance h2{
    font-family:Gotham Medium;
    font-size:19px;
    display:inline-block;
    width:100%;
    padding:10px 0 18px
}
.support-freelance p{
    font-size:18px;
    display:inline-block;
    width:100%;
    padding:5px 0 10px
}
.support-freelance h3{
    font-family:Gotham Medium;
    font-size:19px;
    display:inline-block;
    padding:20px 0 10px
}
.support-example{
    float:left;
    width:100%;
    list-style-type:disc;
    padding-left:14px;
    padding-bottom:20px
}
.support-example li{
    float:left;
    width:100%;
    list-style-type:disc;
    padding:5px 0;
    font-size:15px
}
.support-respond{
    float:left;
    width:100%;
    padding-left:1px;
    padding-top:20px;
    padding-bottom:20px
}
.support-respond li{
    float:left;
    width:100%;
    padding:5px 0 5px 32px;
    font-size:15px;
    background:url(../../img/front/freelance_pic2.png) no-repeat left center;
    background-size:18px
}
.project-button{
    display:inline-block;
    padding:10px 10px 20px
}
.project-button a{
    border:2px solid #26c0f3;
    background:#26c0f3;
    display:inline-block;
    font-size:17px;
    padding:8px 15px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    border-radius:5px
}
.support-freelance p strong{
    display:block;
    padding-bottom:6px
}
.project-button a:hover{
    border:2px solid #0f1b25;
    background:#0f1b25;
    color:#fff
}
.hire-buttons{
    text-align:center;
    padding-top:16px!important
}
.country-img img{
    margin-right:6px
}
.admin_pop label{
    word-wrap:break-word
}
.slider_wrap_inner::before{
    position:absolute;
    left:0;
    top:0;
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7)
}
.langauge{
    float:right;
    width:50px;
    margin-right:9px;
    margin-top:6px;
    margin-left:7px;
    padding: 5px 0;
}
.langauge .btn-group{
    margin:0!important
}
.langauge .btn-default:hover{
    color:#333;
    background-color:transparent;
    border-color:none
}
.langauge .btn-default.active.focus,.langauge .btn-default.active:focus,.langauge .btn-default.active:hover,.langauge .btn-default:active.focus,.langauge .btn-default:active:focus,.langauge .btn-default:active:hover,.langauge .open>.dropdown-toggle.btn-default.focus,.langauge .open>.dropdown-toggle.btn-default:focus,.langauge .open>.dropdown-toggle.btn-default:hover{
    color:#333;
    background-color:transparent;
    border-color:none
}
.langauge .bootstrap-select.btn-group.fit-width .btn .caret{
    margin-top:3px
}
.langauge .btn{
    background:0 0!important;
    color:#000!important;
    border:none;
    padding:0;
    border-radius:0;
    box-shadow:none!important;
    outline:0!important
}
.flag-icon{
    width:21px;
    height:19px;
}
.langauge .btn.focus,.langauge .btn:focus{
    outline:0!important;
    box-shadow:none!important
}
.full_ressidenew .title-tab-project span{
    margin-top:0
}
.col-list-prj-cat{
    padding:10px 0
}
.langauge.logged-lang{
    margin-top:-5px;
    text-align:left;
    margin-left:5px;
    margin-right: 0px;
}
.logged-lang .btn-group.open .dropdown-menu{
    left:0!important;
    width:74px!important;
    height:74px!important;
    padding:0!important
}
.logged-lang .btn-group.open .dropdown-menu .dropdown-menu{
    left:0!important;
    width:130px!important;
    height:74px!important;
    padding:0!important;
    top:0!important
}
.logged-lang .btn-group.open .dropdown-menu li{
    width:100%;
    height:34px!important;
    background:0 0!important
}
.logged-lang .btn-group.open .dropdown-menu li a{
    padding:9px!important;
    width:100%!important;
    line-height: 19px !important;
}
.langauge.logged-lang-mobile{
    display:none
}
.static_page .service_title.static_pagess h5{
    color:#fff
}
.comparebox .main_div{
    display:table;
    width:100%;
    float:none
}
.table_inner_gigs .row.title-tab-project{
    padding:0
}
.table_inner_gigs .col-md-3.col-xs-3{
    width:25%
}
.table_inner_gigs .info-bidding-wrapper .info-bidding .rate-exp-wrapper{
    margin-left:0
}
.table_inner_gigs .title-tab-project span{
    font-size:13px
}
.block-bid-lasts{
    text-align:center
}
.table_inner_gigs .info-bidding-wrapper .info-profile-freelancer-bidding .name-profile{
    font-size:14px
}
.bid_pop .inputt .half{
    width:50%
}
.bid_pop .inputt .half.down{
    width:44%
}
.upgrade_btn{
    display:inline-block;
    width:100%;
    text-align:center
}
.title-budgets{
    margin-top:13px
}
.payment-option{
    display:inline-block;
    margin-top:10px;
    width:68%
}
.title-budgets{
    margin-top:13px
}
.payduny-logo{
    background:url(../../img/front/paydunygrey.png) no-repeat center top
}
.wari-logo{
    background:url(../../img/front/warigrey.png) no-repeat center top
}
.orangemoney-logo{
    background:url(../../img/front/orangemoneygrey.png) no-repeat center top
}
.jonijoni-logo{
    background:url(../../img/front/jonijonigrey.png) no-repeat center top
}
.paypal-logo{
    background:url(../../img/front/paypalgrey.png) no-repeat center top
}
.visa-logo{
    background:url(../../img/front/visagrey.png) no-repeat center top
}
.mastercard-logo{
    background:url(../../img/front/mastercardgrey.png) no-repeat center top
}
.mtn-logo{
    background:url(../../img/front/mtngrey.png) no-repeat center center;
    background-size:100%
}
.payduny-logo:hover{
    background:url(../../img/front/paydunyred.png) no-repeat center top
}
.wari-logo:hover{
    background:url(../../img/front/warired.png) no-repeat center top
}
.orangemoney-logo:hover{
    background:url(../../img/front/orangemoneyred.png) no-repeat center top
}
.jonijoni-logo:hover{
    background:url(../../img/front/jonijonired.png) no-repeat center top
}
.paypal-logo:hover{
    background:url(../../img/front/paypalred.png) no-repeat center top
}
.visa-logo:hover{
    background:url(../../img/front/visared.png) no-repeat center top
}
.mastercard-logo:hover{
    background:url(../../img/front/mastercardred.png) no-repeat center top
}
.mtn-logo:hover{
    background:url(../../img/front/mtnred.png) no-repeat center center;
    background-size:100%
}
.payment-logo.payduny-logo,.payment-logo.payduny-logo:hover{
    width:100px
}
.user-login-logo img{
    max-width:150px
}
.info-bidding-wrapper .info-bidding .block-bid .number-price-project span.number-price{
    font-size:15px
}
.iosBugFixCaret{
    overflow:hidden
}
.gigorders .admin_pop span{
    font-size:16px;
    font-weight:700;
    padding-right:10px;
    color:#404040;
    display:inline-block;
    vertical-align:top;
    width:51%
}
.gigorders .admin_pop label{
    display:inline-block;
    font-size:16px;
    font-weight:400;
    width:45%
}
.market-select{
    padding-bottom:0
}
.langauge-select span{
    display:inline-block;
    float:left;
    overflow:hidden;
    width:100%;
    padding:0;
    text-transform:none;
    position:relative
}
.langauge-select span:after{
    background-color:transparent;
    color:#333;
    height:21px;
    padding:5px 9px;
    position:absolute;
    right:1px;
    top:1px;
    border-radius:0;
    content:"\f0d7";
    font-family:FontAwesome
}
.langauge-select span:after{
    z-index:0;
    bottom:0;
    pointer-events:none
}
.langauge-select select option{
    padding:0 5px;
    color:#333;
    background:#fff
}
.langauge-select select{
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    -o-appearance:none
}
.langauge-select .selectpicker{
    height:24px;
    font-size:14px;
    color:#000;
    background-color:#fff;
    border:none;
    border-radius:0;
    box-shadow:none;
    width:100%
}
.ok_term_btn a{
    background:#55b3c3;
    color:#fff;
    padding:5px 10px;
    border-radius:3px
}
.cancel_term_btn a{
    background:#333;
    padding:5px 10px;
    border-radius:3px;
    color:#fff
}
.login_terms_sec{
    text-align:center;
    display:inline-block;
    width:100%;
    padding:20px;
    font-size:18px
}
.termbox .new_pop_up{
    max-width:700px
}
.profile-overview p{
    font-size:14px;
    margin-top:20px
}
.work_pro_wrap .profile-content::before{
    position:absolute;
    left:0;
    bottom:0;
    content:"";
    width:100%;
    height:36px;
    z-index:9;
    background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 27%,#fff 97%);
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 27%,#fff 97%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 27%,#fff 97%);
    display:none
}
.cs_ser_btn label.error{
    position:absolute;
    left:85px;
    bottom:-18px;
    width:100%;
    color:#fff;
    background:#f74c4c;
    padding:5px;
    border-radius:5px;
    z-index:9
}
.has-error .form-control,.has-error input{
    border-color:red!important
}
.tokens-container input{
    border:none!important
}
.author-portfolio{
    display:inline-block;
    width:100%;
    padding:20px
}
.author-portfolio h2{
    color:#2c3e50;
    font-size:22px;
    font-weight:400;
    font-family:'Gotham Medium';
    margin-bottom:10px
}
.author-portfolio ul{
    display:inline-block;
    width:100%
}
.author-portfolio ul li{
    display:inline-block;
    width:100%;
    padding:8px 10px
}
.author-portfolio ul li a{
    display:inline-block;
    color:#28cafd;
    font-size:16px
}
.author-portfolio ul li a:hover{
    color:#333
}
.no-author-portfolio{
    display:inline-block;
    width:100%;
    padding:50px 0;
    text-align:center;
    font-size:22px;
    font-family:'Gotham Medium'
}
.btn .btn-view-profile{
    margin-top:-18px!important
}
.o-video{
    display:inline-block;
    width:100%;
    border:3px #ddd solid;
    border-radius:3px;
    margin-top:50px
}
.o-video video{
    max-width:100%;
    display:block
}
.payment-city-pay{
    display:inline-block;
    width:67%
}
.payment-city-pay2{
    display:inline-block;
    vertical-align:top;
    width:222px;
}
.payment-city-pay2 table{
    background:0 0;
    border-top:none;
    border-right:none
}
.payment-city-pay2 table tbody tr td{
    width:auto;
    position:relative;
    border:none;
    border-bottom:none;
    border-right:none
}
.paydunya-icon.paydunya-icon2{
    width:244px;
    display:inline-block;
    vertical-align:middle;
    margin-top:12px
}
.projectpublish-modal .modal-content{
    border-radius:0;
    border:none
}
.modal.projectpublish-modal{
    height:100%;
    overflow-y:scroll;
}
.modal.projectpublish-modal::-webkit-scrollbar{
    display:none
}
.modal.projectpublish-modal{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.projectpublish-modal .user-login-logo{
    width:auto;
    border-bottom:none;
    padding:0;
    text-align:left
}
.projectpublish-modal .modal-content .close{
    top:4px;
    display:none
}
.user-login-conti{
    float:right;
    margin-top:12px;
    color:#2bc6f9;
    font-size:22px;
    font-family:Gotham Light
}
.projectpublish-modal .fieldd input[type=number],.projectpublish-modal .fieldd input[type=password],.projectpublish-modal .fieldd input[type=text],.projectpublish-modal .form-control{
    border-radius:0
}
.help-question{
    float:left;
    margin-right:10px;
    margin-top:3px
}
.help-question a{
    width:25px;
    height:25px;
    border:2px #333 solid;
    color:#333;
    font-size:17px;
    text-align:center;
    border-radius:50%;
    line-height:21px
}
.quitter_btn{
    background:#1a222f;
    color:#fff;
    border:1px #1a222f solid;
    height:32px;
    padding:0 30px;
    font-family:'Gotham Book';
    font-size:17px
}
.suivant_btn{
    background:#27c5f9;
    color:#fff;
    border:1px #2bc6f9 solid;
    height:32px;
    padding:0 30px;
    font-family:'Gotham Book';
    font-size:17px
}
.projectpublish-modal .fieldd{
    margin-bottom:12px
}
.projectpublish-modal .tokenize>.tokens-container>.token{
    margin-top:5px
}
.projectpublish-modal .tokens-container.form-control li.token span{
    padding:1px 0
}
.projectpublish-modal .tokenize>.tokens-container>.token>.dismiss::after{
    color:#9d9d9d
}
.projectpublish-modal .tokenize>.tokens-container>.token>.dismiss{
    line-height:19px
}
.projectpublish-modal .chosen-container-multi .chosen-choices{
    padding:3px 5px;
    border:1px solid #d7d9da;
    background-image:none
}
.projectpublish-modal .chosen-container{
    border:none;
    border-radius:0
}
.projectpublish-modal .tokenize>.tokens-container>.placeholder,.projectpublish-modal .tokenize>.tokens-container>.token,.projectpublish-modal .tokenize>.tokens-container>.token-search{
    margin-top:5px
}
.projectpublish-modal .tokenize>.tokens-container{
    box-shadow:none
}
.purch-bx{
    text-align:center;
    margin-bottom:20px
}
.purch-bx h4{
    font-family:'Gotham Medium';
    font-size:19px;
    margin:0 0 30px
}
.purch-bx a{
    color:#111;
    border:1px #27c2f5 solid;
    border-radius:5px;
    width:23%;
    min-height:80px;
    padding:10px 0;
    font-family:'Gotham Medium';
    font-size:17px;
    margin:0 .5%;
    background:#e5f4f9;
    display:inline-block;
    vertical-align:top
}
.projectpublish-modal .modal-content{
    max-width:520px
}
#registermodel{
    overflow-y:auto
}
.modal.termbox.newclass{
    overflow-y:auto
}
.curr-rate{
    display:inline-block;
    width:100%;
    padding:0 30px 20px
}
.curr-rate li{
    display:inline-block;
    width:100%;
    padding:6px 0
}
.new-box{
    display:inline-block;
    width:65%;
    vertical-align:middle
}
.title-budgets-new {
	vertical-align: top;
	width: 25%;
	display: inline-block;
	padding-top: 10px;
}
.fcfa-text {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
.help-tet{
    font-weight:400;
    font-size:13px;
    color:#666
}
.topcourses-bx{
    display:inline-block;
    width:100%;
    text-align:center
}
.topcourses-section{
    display:inline-block;
    width:100%;
    background:#ededed;
    padding:50px 0
}
.topstudy-main{
    display:inline-block;
    width:96%;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
    text-align:left;
    box-shadow:0 0 6px 0 #8e8e8e;
    margin:10px 0
}
.topstudy{
    display:inline-block;
    width:100%;
    padding:15px;
    overflow:hidden;
    border-bottom:1px #e8e8e8 solid;
    height:170px;
    text-align:center;
    position:relative
}
.topstudy img{
    position:absolute;
    left:0;
    bottom:0;
    width:185px;
    top:0;
    margin:auto;
    right:0;
    border:1px solid #ccc;
    height:145px
}
.gigs-details{
    display:inline-block;
    width:100%;
    padding:15px
}
.gigs-details-user{
    float:left;
    width:35px;
    height:35px;
    overflow:hidden;
    border-radius:50%
}
.gigs-details h3{
    display:inline-block;
    padding-left:12px;
    vertical-align:top;
    line-height:25px;
    margin:0
}
.gigs-details h3 a{
    color:#222;
    font-size:17px
}
.gigs-details p{
    display:inline-block;
    width:100%;
    font-size:13px;
    padding-top:5px;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.gig_product_rate{
    float:left;
    width:100%;
    border-top:1px #e8e8e8 solid;
    padding:10px;
    text-align:right
}
.gig_product_rate b{
    padding-right:4px;
    display:inline-block;
    font-size:11px;
    vertical-align:top;
    padding-top:2px
}
.gig_product_rate span{
    font-size:13px
}
.topcourses-section .howtoworl_titel{
    margin-bottom:30px
}
.change_referfriendmodel .change_pass_txt{
    margin-bottom:0;
    padding-bottom:20px
}
.change_referfriendmodel .space_field{
    margin-bottom:10px;
    text-align:center
}
.change_referfriendmodel .space_field textarea{
    height:50px;
    padding:10px;
    width:100%;
    resize:none;
    border:1px #939393 solid;
    font-size:13px;
    font-weight:400;
    font-family:ralewayregular
}
.change_referfriendmodel .pace_field textarea{
    height:130px;
    padding:10px;
    width:100%;
    resize:none;
    border:1px #939393 solid;
    text-align:left
}
.change_referfriendmodel .pace_field{
    margin-bottom:20px
}
.change_referfriendmodel .pace_field textarea{
    height:130px;
    padding:10px;
    width:100%;
    resize:none;
    border:1px #939393 solid;
    font-size:13px;
    font-weight:400;
    font-family:ralewayregular;
    text-align:left
}
.change_referfriendmodel .upgrade_btn{
    display:inline-block;
    width:auto;
    text-align:center;
    vertical-align:top
}
.change_referfriendmodel .upgrade_btn .quitter_btn{
    border-radius:5px;
    padding:5px 17px;
    height:38px
}
.change_referfriendmodel .upgrade_btn input[type=submit]{
    border-radius:5px;
    padding:5px 17px;
    height:38px;
    border:none
}
.new-client-slide{
    float:left;
    width:100%;
    padding:40px 0
}
.client-slider-img{
    display:inline-block;
    width:100%;
    height:110px;
    overflow:hidden;
    text-align:center;
    position:relative
}
.client-slider-img img{
    max-width:100%;
    width:130px;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    border-radius:0
}

.representatives-slider-img{
    display:inline-block;
    width:100%;
    height:110px;
    overflow:hidden;
    text-align:center;
    position:relative
}

.representatives-slider-img .representatives-flag-div {
    display: block;
    width: 88px;
    height: 88px;
    max-width: 100%;
    border-radius: 50%;
    overflow:hidden;
    margin: 0 auto 2px auto;
}

.representatives-slider-img .representatives-country-div {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}

.representatives-slider-img img{
    max-width:100%;
    width:130px;
}

#representatives-carousel .owl-nav{
    right:0;
    position:absolute;
    width:100%;
    top:50%;
    transform:translate(0,-50%);
    height:60px
}

#representatives-carousel .owl-next{
    position:absolute;
    left:-40px;
    top:0;
    background:0 0;
    border:none;
    width:36px;
    height:36px
}

#representatives-carousel .owl-next::before {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #26c0f3;
    font-size: 25px;
    width: 100%;
    text-align: center;
    border: 1px #26c0f3 solid;
    height: 100%;
    border-radius: 50%;
    line-height: 32px;
}

#representatives-carousel .owl-prev{
    position:absolute;
    right:-40px;
    top:0;
    background:0 0;
    border:none;
    width:36px;
    height:36px
}

#representatives-carousel .owl-prev:before{
    content:"\f105";
    font-family:FontAwesome;
    position:absolute;
    left:0;
    top:0;
    color:#26c0f3;
    font-size:25px;
    width:100%;
    text-align:center;
    border: 1px #26c0f3 solid;
    height: 100%;
    border-radius: 50%;
    line-height: 32px;
}

@media only screen and (max-width:992px){
    #representatives-carousel .owl-next{
        left:-22px
    }
    #representatives-carousel .owl-prev{
        right:-22px
    }
}

@media only screen and (max-width:767px){
    #representatives-carousel .owl-nav{
        display:none
    }
    #representatives-carousel .owl-dots{
        display:block!important;
        margin-top:10px
    }
}


.slider_wrap_refernces{
    background-color:#27c5f9;
    background:url(../../img/front/home-banner-image.jpg);
    background-size:cover
}
.slider_wrap_refernces .HeroSlider-heading{
    font-family:'Gotham Bold'
}
.submit-icon-msg{
    font-size:12px
}
.employer-popup,.freelancer-popup{
    opacity:0;
    z-index:99;
    color:#333;
    width:357px;
    display:block;
    font-size:14px;
    padding:15px;
    border-radius:0;
    text-align:left;
    background:rgba(255,255,255,.99);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    position:absolute;
    top:44px;
    line-height:24px;
    box-shadow:0 7px 12px 0 rgba(0,0,0,.8)
}
.employer-popup{
    right:-1px;
    border-radius:9px 0 9px 9px
}
.freelancer-popup{
    left:-1px;
    border-radius:0 9px 9px 9px
}
.employer-popup::before{
    content:'';
    border-left:17px solid transparent;
    border-right:1px solid transparent;
    border-bottom:13px solid #ddd;
    position:absolute;
    top:-13px;
    right:130px
}
.employer-popup::after{
    content:'';
    border-left:17px solid transparent;
    border-right:0 solid transparent;
    border-bottom:13px solid #fff;
    position:absolute;
    top:-9px;
    right:132px
}
.freelancer-popup::before{
    content:'';
    border-left:0 solid transparent;
    border-right:17px solid transparent;
    border-bottom:13px solid #ddd;
    position:absolute;
    top:-13px;
    left:44px
}
.freelancer-popup::after{
    content:'';
    border-left:0 solid transparent;
    border-right:17px solid transparent;
    border-bottom:13px solid #fff;
    position:absolute;
    top:-9px;
    left:46px
}
.cs_ser_btn:hover .employer-popup,.cs_ser_btn:hover .freelancer-popup{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.gig_desc i{
    color:orange
}
.sponsorship-video{
    display:inline-block;
    width:100%;
    text-align:center
}
.sponsorship-video .o-video{
    width:50%;
    margin-top:50px
}
.newcertification-bx h3{
    margin:0;
    text-align:center;
    padding:16px 10px;
    font-size:18px
}
.newcertification-bx .list-detail-info{
    max-height:290px;
    overflow-y:auto
}
.certification-help{
    display:inline-block;
    margin:10px 29px
}
.obtain_certificationmodel .modal-content,.resultmodel .modal-content{
    border:1px solid #7300ff;
    max-width:630px;
    border-radius:0
}
.fourthstepmodel .modal-content h3,.obtain_certificationmodel .modal-content h3,.resultmodel .modal-content h3{
    color:#7300ff;
    text-align:center
}
.obtain_certificationmodel .user_detailbox.full_field{
    color:#7300ff
}
.fifthstepmodel .fieldd-cerd,.fourthstepmodel .fieldd-cerd,.obtain_certificationmodel .fieldd,.sixstepmodel .fieldd-cerd,.suivant-secondstepmodel .fieldd-cerd,.thirdstepmodel .fieldd-cerd{
    text-align:center;
    padding-bottom:20px
}
.fifthstepmodel .quitter_btn,.fifthstepmodel .suivant_btn,.fourthstepmodel .quitter_btn,.fourthstepmodel .suivant_btn,.obtain_certificationmodel .quitter_btn,.obtain_certificationmodel .suivant_btn,.sixstepmodel .quitter_btn,.sixstepmodel .suivant_btn,.suivant-secondstepmodel .quitter_btn,.suivant-secondstepmodel .suivant_btn,.thirdstepmodel .quitter_btn,.thirdstepmodel .suivant_btn{
    background:#1b132d;
    border:1px #1b132d solid
}
.obtain_certificationmodel .help-question{
    position:absolute;
    right:0;
    top:12px;
    color:#7300ff
}
.obtain_certificationmodel .modal-content .close{
    top:12px;
    display:none
}
.suivant-secondstepmodel .modal-content,.thirdstepmodel .modal-content{
    border:1px solid #7300ff;
    border-radius:0;
    max-width:550px
}
.fifthstepmodel .modal-content h3,.sixstepmodel .modal-content h3,.suivant-secondstepmodel .modal-content h3,.thirdstepmodel .modal-content h3{
    color:#7300ff;
    text-align:center;
    margin:0;
    padding:12px
}
.suivant-secondstepmodel .user_detailbox.full_field,.thirdstepmodel .user_detailbox.full_field{
    border:1px #7300ff solid;
    padding:16px;
    color:#7300ff
}
.suivant-secondstepmodel .fieldd-cerd{
    padding-top:20px
}
.thirdstepmodel .user_detailbox.full_field a{
    color:#7300ff
}
.suivant-secondstepmodel .fieldd-cerd,.thirdstepmodel .fieldd-cerd{
    padding-top:20px
}
.fifthstepmodel .modal-content,.fourthstepmodel .modal-content,.sixstepmodel .modal-content{
    border:1px solid #7300ff;
    max-width:850px;
    border-radius:0
}
.fourthstepmodel .modal-content h3{
    padding-bottom:0
}
.fourthstepmodel .modal-content h4{
    color:#7300ff;
    text-align:center;
    padding-bottom:0
}
.fifthstepmodel .checkbox input[type=checkbox],.fourthstepmodel .checkbox input[type=checkbox],.sixstepmodel .checkbox input[type=checkbox]{
    margin-left:0
}
.fifthstepmodel .fieldd,.fourthstepmodel .fieldd,.sixstepmodel .fieldd{
    max-height:300px;
    overflow-y:auto
}
.resultmodel .modal-content h3{
    font-size:20px
}
.result-bxa{
    border:1px solid #7300ff;
    padding:20px;
    text-align:left;
    margin-bottom:20px
}
.resultmodel .result-bxa h4{
    color:#7300ff;
    text-align:left;
    font-family:'Gotham Book';
    padding:10px 0
}
.resultmodel .fieldd{
    text-align:center
}
.resultmodel .change_pass_txt{
    padding-bottom:10px
}
.result-bxa h3{
    margin:0
}
.listing-chat-view{
    display:inline-block;
    width:100%;
    float:left
}
.chat-reply-bx{
    float:left;
    width:100%
}
.chat-reply-bx .content-chat-wrapper{
    margin-right:0
}
.whatsapp-logo{
    float:right;
    padding-left:10px;
    padding-top:5px
}
.whatsapp-logo a{
    font-size:19px;
    color:#24a810;
    background-color: initial;
}
.project_table .list-project li .row{
    margin:0
}
.new_design .new-list-message-item .mesages-work-place{
    width:10%
}
.form-group-work-place .snd_msg_view{
    right:25px!important
}
.snd_msg_view .submit-icon-msg{
    font-size:10.5px
}
.snd_msg_view .submit-icon-msg input[type=submit]{
    float:right;
    margin-left:5px
}
.snd_msg_view i{
    font-style:normal;
    padding-top:10px;
    display:inline-block
}
.dashbord_rightbodytextarea{
    padding-top:30px
}
.file-attachment-wrapper-new p{
    margin-top:-30px
}
.work-place-dispute .file-attachment-wrapper-new{
    width:70%
}
.file-attachment-wrapper-new .apply_docs_file_list{
    margin-top:-10px
}
.sitemap_bx1 ul li b{
    padding-bottom:10px;
    display:inline-block;
    width:100%
}
.solution-bx{
    display:inline-block;
    width:100%;
    border:2px #ddd solid;
    border-radius:15px;
    overflow:hidden;
    margin-bottom:30px
}
.ssolution-main-bx{
    display:inline-block;
    width:100%;
    padding:30px 0 0
}
.list-skill-profile.new_peson{
    max-height:82px;
    overflow-y:auto
}
.sitemap_bx1>ul{
    max-height:800px;
    overflow-y:auto
}
.freelance-bx{
    display:inline-block;
    width:100%;
    background:#fff;
    border-radius:10px;
    overflow:hidden
}
.freelance-bx-img{
    display:inline-block;
    width:100%;
    overflow:hidden
}
.freelance-bx h4{
    padding:20px 20px;
    margin:0
}
.freelance-bx h4 a{
    font-size:19px;
    color:#27c5f9
}
.archive-left-buttom{
    float:left;
    margin-top:-36px
}
.archive-left-buttom a{
    display:inline-block;
    background:#0f1b25;
    color:#fff;
    padding:6px 13px;
    border-radius:4px;
    font-size:14px
}
.badge-icons{
    position:absolute;
    right:10px;
    top:25px;
    border-radius:50%
}
.info-company-notification{
    padding:15px;
    font-size:15px
}
.profile-overview u{
    text-decoration:underline
}
.profile-overview ul{
    padding-left:12px
}
.profile-overview ul li{
    list-style-type:disc
}

.gig_desc ol li,
.profile-overview ol li {
    list-style-position: inside;
    list-style-type: decimal;
}
.emplore_page_banner{
    display:inline-block;
    width:100%;
    text-align:center;
    background:url(../../img/front/emplore_banner.jpg) no-repeat left top;
    background-size:cover;
    position:relative
}
.emplore_page_banner::before{
    position:absolute;
    left:0;
    top:0;
    content:"";
    width:100%;
    height:100%;
    background: rgba(0,0,0,.7);
}
.emplore_page_txt{
    display:inline-block;
    width:100%;
    position:relative;
    z-index:99;
    color:#fff;
    padding:160px 0
}
.emplore_logo{
    position:relative;
    padding-top:60px
}
.emplore_page_txt h1{
    font-size:35px;
    color:#fff;
    font-family:'Gotham Medium';
    font-weight:400;
    margin:0
}
.emplore_page_txt p{
    font-family:ralewayregular;
    font-size:14px;
    max-width:600px;
    margin:0 auto;
    padding:20px 0
}
.emplore_page_txt .btn-primary{
    background:#fff;
    border-color:#fff;
    border-radius:30px;
    color:#000;
    font-size:15px;
    padding:7px 20px;
    font-family:ralewayregular
}
.comment-mxs{
    float:left;
    width:100%;
    padding:35px 0
}
.comment-txts{
    display:inline-block;
    width:100%
}
.comment-txts p{
    font-family:ralewayregular;
    font-size:14px;
    margin:0
}
.emplore_page_section{
    float:left;
    width:100%;
    padding:70px 0 0
}
.emplore_bx{
    display:inline-block;
    width:100%;
    padding-bottom:90px
}
.emplore-bax-left{
    display:inline-block;
    width:80%;
    padding-top:20px
}
.emplore-bax-left i{
    display:inline-block;
    background:#e1e1e1;
    font-style:normal;
    width:50px;
    height:50px;
    text-align:center;
    border-radius:50%;
    font-family:'Gotham Medium';
    font-size:26px;
    color:#161e2b;
    line-height:47px
}
.emplore-bax-left h2{
    color:#161e2b;
    font-size:24px;
    font-family:'Gotham Medium';
    margin:0;
    padding:15px 0
}
.emplore-bax-left p{
    color:#787777;
    font-size:16px;
    padding-bottom:15px;
    margin:0
}
.emplore-bax-left .btn-primary{
    background:#161e2b;
    border-color:#161e2b;
    border-radius:30px;
    color:#fff;
    font-size:14px;
    padding:7px 26px;
    font-family:ralewayregular
}
.emplore-img-right{
    display:inline-block;
    width:100%;
    border:1px #cecece solid;
    border-radius:10px;
    overflow:hidden
}
.emplore-bax-right{
    float:right
}
.avantages-section{
    display:inline-block;
    width:100%;
    padding-bottom:60px;
    background:#f0f0f0;
    padding-top:50px
}
.avantages-top-hadding{
    display:inline-block;
    width:100%;
    text-align:center;
    padding-bottom:40px
}
.avantages-top-hadding h5{
    color:#27c5f9;
    font-size:18px;
    text-transform:uppercase;
    font-family:ralewayregular;
    margin:0
}
.avantages-top-hadding h2{
    color:#161e2b;
    font-size:32px;
    padding:20px 0;
    font-family:ralewayregular;
    margin:0
}
.avantages-top-hadding h2 span{
    font-family:'Gotham Medium'
}
.avantages-top-hadding p{
    color:#161e2b;
    font-size:16px;
    max-width:700px;
    margin:0 auto
}
.avantages-bx{
    display:inline-block;
    width:100%;
    padding-top:40px
}
.avantages-detail{
    text-align:center;
    display:inline-block;
    background:#fff;
    width:100%;
    border-radius:10px;
    padding:30px 10px 20px;
    min-height:190px
}
.avantages-detail i{
    display:inline-block;
    width:72px;
    height:72px
}
.avantages-detail p{
    color:#161e2b;
    font-size:15px;
    font-family:'Gotham Medium';
    padding-top:10px;
    margin:0
}
.emplore-contact-section{
    display:inline-block;
    width:100%;
    position:relative;
    padding:50px 0
}
.emplore-contact-section::before {
    position:absolute;
    left:0;
    top:0;
    content:"";
    background-color: #161e2b;
    background-image: url(../../img/front/registration-bg.jpeg) !important;
    background-position: bottom;
    background-repeat: no-repeat;
    width:100%;
    height: 40%
}
.emplore-contact-section.not-selection::before {
    height:100% !important;
}
.emplore-contact-main{
    display:inline-block;
    width:100%;
    position:relative;
    padding:1px;
    border-radius:1px;
    background:#797e86;
    text-align: left;
    background:-moz-linear-gradient(top,#797e86 0,#fff 57%);
    background:-webkit-linear-gradient(top,#797e86 0,#fff 57%);
    background:linear-gradient(to bottom,#797e86 0,#fff 57%)
}
.emplore-contact-middel{
    display:inline-block;
    width:100%;
    background:#fff;
    padding:50px 100px;
    border-radius:14px;
    min-height:300px
}
.emplore-contact-section .avantages-top-hadding{
    position:relative
}
.emplore-contact-section .avantages-top-hadding h2,.emplore-contact-section .avantages-top-hadding p{
    color:#fff
}
.gmail-bx{
    display:inline-block;
    width:100%
}
.gmail-bx .btn-primary{
    width:46%;
    border-radius:50px;
    font-size:16px;
    height:46px;
    padding:8px 20px
}
.gmail-bx .gmaill,.gmail-bx .gmaill:hover{
    background:#d12525;
    border-color:#d12525;
    float:right
}
.gmail-bx .facebookk,.gmail-bx .facebookk:hover{
    background:#0d54c9;
    border-color:#0d54c9
}
.gmail-bx .btn-primary i{
    font-size:20px;
    padding-right:20px;
    vertical-align:middle
}
.gmail-bx span{
    display:inline-block;
    vertical-align:middle
}
.facebook-bx{
    width:95%;
    float:right
}
.facebook-bx .btn-primary{
    background:#0d54c9;
    border-color:#0d54c9;
    width:100%;
    border-radius:50px;
    font-size:16px;
    height:46px;
    padding:8px 20px
}
.facebook-bx .btn-primary i{
    font-size:20px;
    padding-right:20px;
    vertical-align:middle
}
.facebook-bx span{
    display:inline-block;
    vertical-align:middle
}
.emplore-contact-form{
    display:inline-block;
    width:100%;
    margin-top:50px
}
.emplore-contact-left{
    float:left;
    width:95%;
    margin-bottom:20px
}
.emplore-contact-right{
    float:right
}
.emplore-contact-left .form-control{
    border-radius:40px;
    height:45px;
    padding:5px 30px;
    font-size:15px
}
.emplore-contact-left .btn-primary{
    background:#161e2b;
    border-color:#161e2b;
    border-radius:30px;
    color:#fff;
    font-size:15px;
    padding:9px 20px;
    font-family:ralewayregular;
    float:right;
    width:50%;
    outline:0!important
}
.emplore-contact-left label.error{
    color:red;
    font-weight:400;
    font-size:13px
}
.freelanceurs_banner{
    text-align:center;
    background:url(../../img/front/freelanceurs-banner.jpg) no-repeat left top;
    background-size:cover;
    position:relative
}
.freelanceurs_bx .emplore-bax-left i{
    background:#d8f5fe;
    color:#27c5f9
}
.freelanceurs_bx .emplore-bax-left .btn-primary{
    background:#27c5f9;
    border-color:#27c5f9;
    color:#161e2b;
    font-family:'Gotham Medium'
}
.freelanceurs-contact-section::before{
    background:#27c5f9
}
.freelanceurs-contact-section .emplore-contact-left .btn-primary{
    background:#27c5f9;
    border-color:#27c5f9
}
.freelanceurs-contact-section .emplore-contact-left span{
    color:#acabab;
    font-size:14px
}
.freelanceurs-contact-section .emplore-contact-left span a{
    color:#27c5f9
}
.freelanceurs-contact-section .emplore-contact-main{
    background:#83e7f8;
    background:-moz-linear-gradient(top,#83e7f8 0,#fff 75%);
    background:-webkit-linear-gradient(top,#83e7f8 0,#fff 75%);
    background:linear-gradient(to bottom,#83e7f8 0,#fff 75%)
}
.newclass{
    overflow-y:auto!important
}
.freelanceurs-contact-section .emplore-contact-left .btn-primary:hover{
    background:#13a8d9;
    border-color:#13a8d9
}
.new_table .new_listing .row{
    margin:0
}
.dispayformat-img img{
    border-radius:3px;
    margin-left:10px
}
.info-bidding-wrapper.project-publish{
    padding:0 15px
}
 .obtain_certificationmodel {
     overflow-y: auto;
}
 .right-form_cntr {
     display: inline-block;
     width: 40%;
     padding: 20px 40px;
}
 .user-transform-account {
     display: inline-block;
     width: 100%;
     padding-bottom: 15px;
}
 .user-nems {
     float: left;
     width: 40%;
     font-size: 15px;
     font-weight: 600;
     color: #333;
     font-family: 'Open Sans',sans-serif;
}
 .user-details {
     float: left;
     width: 60%;
     font-size: 15px;
     font-weight: normal;
     color: #333;
     font-family: 'Open Sans',sans-serif;
}
 .logged-lang .btn-group.open .dropdown-menu li a .flag-icon{
    vertical-align: top
}
.mobile-lang {
	display: none;
}



.home_emplore_page_section {
	padding-top: 10px;
}
.emplore-bax-enterprises {
	display: inline-block;
	width: 100%;
}
.emplore-bax-enterprises li {
	display: inline-block;
	width: 100%;
	padding-left: 30px;
	position: relative;
	font-size: 16px;
	margin: 10px 0;
}
.emplore-bax-enterprises li:before{ position: absolute; left: 0; top: 1px; content: "";width: 20px;height: 20px; 
        background:url(../../img/front/blue-arrow-icon.png) no-repeat left top;background-size: 100%; }
.home_emplore_page_section .emplore-bax-left {
	width: 100%;padding-top: 60px;
	
}
.home_emplore_page_section .home-emplore-bax-left{padding-left: 30px;}

.home_emplore_page_txt .btn-primary {
	background: #27c5f9;
	border-color: #27c5f9;
	border-radius: 30px;
	color: #000;
	font-size: 15px;
	padding: 10px 24px;
	font-family: Gotham Medium;
}
.home_emplore_page_txt .btn-primary.hero-btn-primary-alt {
    background : transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    margin-right: 10px;
}
@media (max-width: 424px){
    .home_emplore_page_txt .btn-primary,
    .home_emplore_page_txt .btn-primary.hero-btn-primary-alt {
        padding: 10px 10px;
        font-size: 14px;
    }
}
.home_emplore_page_txt .btn-link {
	font-size: 15px;
	padding: 10px 24px;
	font-family: Gotham Medium;
	color: #27c5f9;
}
.home_emplore_page_txt .btn-link i {
	font-size: 24px;
	margin-right: 8px;
	vertical-align: middle;
}
.freelance-employeur-bx {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.nav-freelance-employeur-tabs li {
	display: inline-block;
	width: 48%;
}
.nav-freelance-employeur-tabs li a {
	font-size: 26px;
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
	text-decoration: none;outline: none;
}
.nav-freelance-employeur-tabs li.active a:focus,
.nav-freelance-employeur-tabs li a:hover,
.nav-freelance-employeur-tabs li a:focus{ text-decoration: none; background: transparent;outline: none;}
.nav-freelance-employeur-tabs li a::before {
	position: absolute;
	left: 50%;
	bottom: -6px;
	content: "";
	background: transparent;
	width: 60px;
	height: 5px;
	border-radius: 20px;
	transform: translate(-50%,0);
}
.nav-freelance-employeur-tabs li.active a::before {
	background: #27c5f9;
}
.home-avantages-detail {
	display: inline-block;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 50px 15px 30px;
	min-height: 330px;
	border-radius: 8px;
}
.home-avantages-detail i {
	display: inline-block;
	width: 100%;
	min-height: 85px;
}
.home-avantages-detail h3 {
	font-size: 16px;
	color: #000;
	font-family: 'Open Sans',sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
}
.home-avantages-detail i img {
	border-radius: 0;
	width: 70px;
}
.home-avantages-detail p {
	font-size: 15px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
}
.freelance_employeur_hire_bx {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding-top: 50px;
}
.freelance_employeur_hire_but {
	background: #27c5f9;
	border-color: #27c5f9;
	border-radius: 30px;
	color: #000;
	font-size: 15px;
	padding: 10px 24px;
	font-family: Gotham Medium;
	display: inline-block;
}
.partenaires-avantages-section {
	padding: 70px 0;
}
.partenaires-avantages-section .avantages-top-hadding {
	text-align: left;
}
.partenaires-avantages-section .avantages-top-hadding p{ margin: 0}
.home-emplore-contact-center {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 20px 20px;
	font-size: 16px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
}
.emplore-contact-buttons {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.emplore-contact-buttons label {
	margin-right: 30px;
	font-size: 15px;
	font-weight: normal;
	font-family: 'Open Sans',sans-serif;
	color: #666;
	padding-left: 5px;
}
.home_cs_ser_btn .freelancer-popup,
.home_cs_ser_btn .employer-popup {
	display: none;
}
.home_cs_ser_btn {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

.home-register-active-freelancers {
    /* padding: 20px 0 20px 0; */
    padding: 0;
    font-size: 16px;
    color: #666;
    font-family: 'Open Sans',sans-serif;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    left: 8%;
}
@media (max-width: 767px){
    .home-register-active-freelancers {
        display: flex;
        left: 0;
        justify-content: center;
    }
}
@media (min-width: 766px){
    .home-register-active-freelancers {
        display: flex;
        justify-content: flex-end;
        left: 2%;
    }
}
.home-register-active-freelancers-cnt {
    padding-right: 20px;
    padding-bottom: 5px;
}
.home-register-active-freelancers-cnt strong {
    color: #27c5f9;
}
.home-register-active-freelancers-list .active-freelancer-item {
    width: 80px;
    height: 80px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border-radius: 50px;
    border: 3px solid #fff;
    margin-left: -30px;
}
.home-register-active-freelancers-list .active-freelancer-item:nth-of-type(1)
{
    margin-left: 0;
}
@media (max-width: 778px)
{
    .home-register-active-freelancers-list .active-freelancer-item {
        margin-left: 0;
    }
}
.home-user-type-block {
    border: #f6f6f6 1px solid;
    background: #f6f6f6;
    border-radius: 30px;
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0 15px 0;
    position: relative;
    margin-bottom: 4px;
}
.home-user-type-block.active {
    border: #27c5f9 1px solid;
    background: #f2fcff;
}
.home-user-type-block input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: 99;
}
.home-user-type-block label {
    font-size: 19px;
    line-height: 27px;
    color: #666;
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
    display: inline-block;
    position: relative;
    padding-left: 25px;
}
.home-user-type-block input[type="radio"]:checked + label {
    color: #27c5f9;
}
.home-user-type-block label::before {
    border-radius: 50px;
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 1px solid gray;
    box-shadow: inset 0 0 0 2px #fff;
    left: 0px;
}
.home-user-type-block input[type="radio"]:checked + label::before {
    background: #27c5f9;
    border-color: #27c5f9;
}
.home-user-type-block .employer-popup {
    right: 25%;
}
.home-user-type-block .freelancer-popup {
    left: 25%;
}
.home-user-type-block:hover .employer-popup,
.home-user-type-block:hover .freelancer-popup {
    top:60px;
    opacity: 1;
    transform: scale(1);
}
.home-user-type-block .btn-download {
    background: #26c0f3;
    border-color: #26c0f3;
    font-family: 'Open Sans',sans-serif;
    border-radius: 30px;
    color: #000;
    font-size: 15px;
    padding: 9px 20px;
    width: 90%;
    margin-top: 15px;
}
.hr-line {
   padding-top: 40px;
   padding-bottom: 40px;
   display: flex;
    justify-content: space-between;
    line-height: 1;
    vertical-align: center;
    color:#999;
}
.hr-line .hr {
    width: 48%;
}
.hr-line .hr hr{
    margin-top: 5px;
    margin-bottom: 5px;
}
@media (max-width: 778px)
{
    .hr-line {
        padding-bottom: 0px;
    }
    .hr-line > div {
        display: none;
    }
}
#registerFormm .emplore-contact-form {
    margin-top: 0;
}


.home_cs_ser_btn .employer-popup {
	right: -21px;
}
.home_cs_ser_btn .freelancer-popup {
	left: -21px;
}
.home_cs_ser_btn.ser_provid {
	float: right;
}
.emplore-contact-middel ._togglebox {
	width: 100%;
	text-align: left;
	padding: 0 70px;
	margin: 0 auto;
	float: none;
	max-width: 742px;
	display: block;
}
.home_cs_ser_btn:first-child {
	border-right: none;
	padding-left: 0;
}
.home_cs_ser_btn input[type="radio"] + .rdo-lbl::before, .home_cs_ser_btn input[type="radio"] + label + .rdo-lbl::before {
	height: 20px;
	width: 20px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-o-border-radius: 80px;
	left: 0;
}
.home_cs_ser_btn input[type="radio"]:checked + .rdo-lbl::before, .home_cs_ser_btn input[type="radio"]:checked + label + .rdo-lbl::before {
	background: #27c5f9;
	border: 1px solid #27c5f9;
}

.home_cs_ser_btn input[type="radio"] + .rdo-lbl, .home_cs_ser_btn input[type="radio"] + label + .rdo-lbl {
	font-size: 19px;
	line-height: 27px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
}
.home_cs_ser_btn input[type="radio"]:checked + .rdo-lbl{ color:#27c5f9 }
.home-emplore-contact-main{box-shadow: 0 0 15px 0 rgba(0,0,0,0.04);}
.home-emplore-contact-main .emplore-contact-middel{box-shadow:0 0 15px 0 rgba(0,0,0,0.08);}
.emplore-contact-left span {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #666;
	font-family: 'Open Sans',sans-serif;
}
.emplore-contact-left span a  {
	font-size: 15px;
	color: #26c0f3;
	font-family: 'Open Sans',sans-serif; font-weight: 600
}
.home-emplore-contact-main .emplore-contact-left .btn-primary {
	background: #26c0f3;
	border-color: #26c0f3;
	font-family: 'Open Sans',sans-serif;
	font-weight: 600;
}


.home-video-section {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0;
	background: #f0f0f0;
}
.home-video {
	display: inline-block;
	width: 100%;
}
.home-video video {
	max-width: 80%;
}

.home_video{position: absolute; top:0; right: 0; bottom: 0; left: -2px; text-align: center; overflow: hidden;}
.home_video:after{content:""; display: block; position: absolute; top:0; right: 0; bottom:0; left:0; background: transparent; z-index: 4; }
.home_video video{position: absolute; top:0; right: 0; bottom: 0; left: 0;  
 transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);
 background: url(../../img/front/poster.jpg) no-repeat;background-size: cover;transition: 1s opacity;    
 min-width: 100%;min-height: 100%;top: 50%;left: 50%; width: 100%}

.home_emplore_page_banner{
 /*   background:#161E2B url('../../img/front/home-banner-dark.jpg') top center no-repeat;*/
    background: transparent;
}

.video-modal .modal-dialog {
	width: 800px;
}
.video-modal .modal-content {
	max-width: 700px;border: none;
}
.video-modal .home-video video {
	max-width: 100%;
}

.gigs-page-banner {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #ffffff;
}

.gigs-page-banner::before{
    position:absolute;
    left:0;
    top:0;
    content:"";
    width:100%;
    height:100%;
    background: rgba(0,0,0,.7);
}

.gigs-page-banner-category::before {
    background: linear-gradient(90deg, #27C5F9 40.99%, rgba(39, 197, 249, 0.32) 75.68%);
}

.gigs-page-banner .banner-content {
    display:flex;
    width:100%;
    position:relative;
    z-index:99;
    color:#fff;
    background: url("/img/front/gigs/gigs.png") bottom right no-repeat;
    background-size:contain;
    min-height: 400px;
    align-items: center;
    font-size: 20px;
}

.gigs-page-banner .banner-content h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.gigs-page-banner .banner-content p {
    font-size: 14px;
}

@media only screen and (max-width: 600px) {
    .gigs-page-banner .banner-content {
        align-items: flex-start;
        padding-top: 50px;
        text-align: center;
    }
}

.gigs-top-hadding {
    padding: 10px 0 20px;
}

.gigs-categories {
    padding: 35px 5px;
}

.gigs-categories-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gigs-categories-list .gig-category {
    flex-grow: 1;
    width: calc(100% * (1/4) - 10px - 1px);
    flex-shrink: 1;
    box-shadow: 1px 2px 14px 0px #56565617;
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .gigs-categories-list .gig-category {
        width: calc(100% * (1/2) - 10px - 1px);
    }
}

.gigs-categories-list .gig-category .gig-category-image {
    display: block;
    position: relative;
    min-height: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin: 0px 5px;
    background: #eee center center no-repeat;
    background-size: cover;
}

.gigs-categories-list .gig-category .gig-category-image img {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
    max-height: 100%;
    max-width: 100%;
}

.gigs-categories-list .gig-category .gig-category-details {
    padding: 20px 15px;
    font-size: 14px;
}

.gigs-categories-list .gig-category .gig-category-title{
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
}

.gigs-list .gig-item .gig-description {
    margin-bottom: 20px;
}


.gigs-categories-list .gig-category .gig-category-image-popular {
    display: flex;
    position: relative;
    min-height: 350px;
    height: 350px;
    overflow: hidden;
    text-align: center;
    margin: 0px 5px;
    background: #eee center center no-repeat;
    background-size: cover;
    align-items: flex-end;
    border-radius: 10px;
}


.gigs-categories-list .gig-category .gig-category-image-popular .gig-category-details {
    color:#fff;
    text-align: left;
    background: rgb(0,0,0, 0.5);
}
.gigs-categories-list .gig-category .gig-category-image-popular .gig-category-title a {
    color:#fff;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

/*------Login--------**/
.new-login-modal .modal-content {
	background-color: #fefefe;
	max-width: 600px;
	padding: 30px 50px;
	border-radius: 10px;
	border: none;
	box-shadow: 0 0 0px 11px rgba(255,255,255,0.5);
	margin: 50px auto;
}
.new-login-modal .soc a {
	line-height: 30px;
	border-radius: 63px;
	text-align: center;
}
.new-login-modal .soc a.facebookk {
    background: #0d54c9;
    border-bottom: 2px solid #0d54c9;
}
.new-login-modal .soc a span {
	font-weight: 400;
	border-left:none;
	font-size: 15px;
}
.new-login-modal .soc a.gmaill {
	background: #d12525;
	border-bottom: 2px solid #d12525;
}
.new-login-modal .login_or {
	margin: 11px 0 2px 0;
}
.new-login-modal .fieldd input[type="password"], 
.new-login-modal .fieldd input[type="text"] {
	border: 1px solid #b7babb;
	border-radius: 44px;
	color: #63676a;
	height: 43px;
}

.login-top-hadding {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 20px 0 10px;
}
.login-top-hadding h2 {
	color: #161e2b;
	font-size: 32px;
	font-family: 'Gotham Medium';
	padding-bottom: 15px;
}
.login-top-hadding p {
	font-size: 16px;
	color: #161e2b;
}
.new-login-modal .login_section_full {
	padding: 17px 40px 0;
}
.new-login-modal .full_btn input[type="submit"] {
	width: 100%;
	font-weight: 600;
	font-size: 15px;
	margin-top: 20px;
	background: #161e2b;
	border-color: #161e2b;
	border-radius: 34px;
}

.new-login-modal .new_rebs {
	padding: 13px 0 10px 0; text-align: center
}
.new-login-modal .rebrs span a {
	color: #161d2a;
	font-size: 13px;
}
.new-login-modal .sign_center {
	margin: 7px 0 0;color: #161d2a;
	font-size: 13px;
}
.new-login-modal .always_btn a {
	color: #257a88;
}
.popup-txt {
	font-size: 14px;
	padding-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.comenfirsts {
	margin-bottom: 10px;
}
.comenfirsts label {
	padding-left: 6px;
	font-weight: normal;
	color: #333;
	margin: 0;
	vertical-align: top;
	line-height: 21px;
    max-width: 95%;
}

.home-gigs {
}

.home-gigs .home-gigs-top-hadding {
    padding: 35px 5px;
}

.home-gigs .home-gigs-top-hadding h5 {
    color: #27c5f9;
    font-size: 18px;
    text-transform: uppercase;
}

.home-gigs .home-gigs-top-hadding h2 {
    color: #161e2b;
    font-size: 32px;
    padding: 20px 0;
    font-family: ralewayregular;
    margin: 0;
    display: inline-block;
}

.home-gigs .home-gigs-top-hadding p {
    color: #161e2b;
    font-size: 16px;
    max-width: 700px;
}

.home-gigs .home-gigs-top-hadding .btn-primary {
    background: #27c5f9;
    border-color: #27c5f9;
    border-radius: 30px;
    color: #000;
    font-size: 15px;
    padding: 10px 24px;
    font-family: Gotham Medium;
    margin-top: 15px;
}

.gigs-list {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 5px;
}

.gigs-list .gig-item {
    width: calc(100% * (1/4) - 10px - 1px);
    flex-shrink: 1;
    box-shadow: 1px 2px 14px 0px #56565617;
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .gigs-list .gig-item {
        width: calc(100% * (1/2) - 10px - 1px);
    }
}

.gigs-list .gig-item .gig-image {
    position: relative;
    min-height: 150px;
    height: 150px;
    overflow: hidden;
    text-align: center;
    margin: 0px 5px;
    background-color: #eee;
}

.gigs-list .gig-item .gig-image img {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
    max-height: 100%;
    max-width: 100%;
}

.gigs-list .gig-item .gig-details {
    padding: 20px 15px;
    font-size: 14px;
}

.gigs-list .gig-item .gig-user {
    height: 50px;
    overflow: hidden;
    margin-bottom: 20px;
    display: block;
}

.gigs-list .gig-item .gig-user-image {
    width:50px;
    height: 50px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
}

.gigs-list .gig-item .gig-user-image img {
    height: 100%;
}

.gigs-list .gig-item .gig-user a {
    font-weight: bold;
}

.gigs-list .gig-item .gig-description {
    margin-bottom: 20px;
    height: 80px;
    overflow: hidden;
}

.gigs-list .gig-item .btn-primary {
    background: #000;
    border-color: #000;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    padding: 10px 24px;
    font-family: Gotham Medium;
    margin-top: 15px;
    width: 100%
}

.gigs-list .gig-item .gig-rating {
    font-size: 22px;
    margin-bottom: 20px;
}

.gigs-list .gig-item .gig-rating .fa {
    margin-right:2px;
}

.gigs-list .gig-item .gig-rating .fa {
    color: #fec600;
}

.gigs-list .gig-item .gig-rating .fa.off {
    color: #ccc;
}

.gigs-list .gig-item .gig-price {
    color: #27c5f9;
    font-size: 14px;
    font-weight: bold;
}


.sales-funnel-div {
    text-align: center;
}

.sales-funnel-div img {
    border-radius: 10px;
}

.sales-funnel-div h3 {
    color: #161e2b;
    font-size: 24px;
    padding: 10px 0 20px;
    margin: 0;
    font-weight: bold;
}

.sales-funnel-div p {
    color: #161e2b;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}

.sales-funnel-div input {
    width: 300px;
    max-width: 99%;
}

.sales-funnel-div input[type=text]{
    font-weight: 300;
    padding: 0 15px;
    border: 1px solid #b7babb;
    border-radius: 44px;
    color: #63676a;
    height: 43px;
    font-size: 14px;
    margin-bottom: 10px;
}

.sales-funnel-div .btn-primary {
    background: #27c5f9;
    border-color: #27c5f9;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    padding: 10px 24px;
    font-family: Gotham Medium;
    margin-top: 15px;
}

.sales-funnel-div .row {
    align-items: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 778px)
{
    .sales-funnel-div .row {
        display: block;
    }
}

.sales-funnel-div .col-form {
    align-items: center;
    display: flex;
    justify-content: center;
}

.notifyjs-corner {
    top: 140px !important;
    max-width: 98%;
}

.notifyjs-bootstrap-base {
    white-space: normal !important;
}

#cssmenu.cssmenu-mobile {
    display: none;
}

.header-wallet {
    display: none;
    margin-right: 0;
    margin-top: 0;
    max-height: 22px;
    overflow: hidden;
}

.header-wallet img {
    height: 22px;
    display: block;
}

#cssmenu .header-wallet {
    display: inline-block;
    margin-right: 0;
    margin-top: -2px;
    max-height: 22px;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .header-wallet {
        display: inline-block;
    }

    #cssmenu.cssmenu-mobile {
        display: initial;
    }

    #cssmenu {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    #cssmenu .header-wallet {
        display: none;
    }
}


.cke_panel, .cke_combopanel {
    z-index: 1100000 !important;
}


.select-profile-custom {
    height: 72.62px;
}

.select-profile label {
    font-size: 18px;
    font-weight: bold;
    /* color: #ffffff; */
}

.select-profile select {
    background-color: transparent;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 40px;
    border: 1px solid #fff;
    width: 100%;
    text-align: left;
    height: 65px;
}

.select-profile select:focus {
    outline: none;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    background: #000;
}

.profile-guides .btn-download {
    background-color: #00bfff;
    color: #ffffff;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 30px;
    text-decoration: none;
}

.profile-guides .hidden {
    display: none;
}

#EmployerGuide,
#WorkerGuide {
    display: flex;
    justify-content: center;
}

/* Styling for the select container */
.select-container {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}

.select-profile-custom {
    width: 100%;
    appearance: none;
    padding: 10px 30px 10px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #2c2c36; 
    color: #fff;
}

.select-container i.fa.fa-chevron-down {
    position: absolute;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff;
    font-size: 16px;
}

.select-profile {
    position: relative;
}
.mt-sm {
    margin-top: 5px;
}
.flex {
    display: flex;
    justify-content: space-between;
}

/* barometre */
.barometer-container {
    background-color: #fff;
    border: 2px solid transparent;
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 90px;
}

.barometer-container .barometer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.barometer-container .barometer-title {
    color: red;
    font-weight: bold;
    font-size: 14px;
}

.barometer-container .info-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #ddd;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
}

.barometer-container .progress-bar {
    width: 100%;
    position: relative;
    height: 25px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}

.barometer-container .progress {
    height: 100%;
    border-radius: 10px 0 0 10px;
    transition: width 0.3s ease;
}

.barometer-container .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #333;
}
/* barometre */

/* what's new */
#whats_new_model .modal-content{
    background-color: #fff !important;
    border: 1px solid #888 !important;
    margin: 0 !important;
    max-width: 575px !important;
    height: 100vh !important;
    float: right !important;
    opacity: 1 !important;
    padding: 30px !important;
    position: relative !important;
    overflow: auto !important;
    z-index: 1 !important;
    border-radius: 0 !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    min-width: 500px !important;
}

#whats_new_model .modal-content .modal_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#whats_new_model .modal-content .modal_header h3 {
    font-size: 18px !important; 
    font-weight: bold !important;   
}

#whats_new_model .modal-content .modal_header .modal_header_right {
   display: flex;
   align-items: center;
   justify-content: right; 
}

@media screen and (max-width: 600px) {
    #whats_new_model .modal-content{
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100vh !important;
        padding: 15px !important;
    }

    #whats_new_model .modal-content .modal_header h3 {
        font-size: 16px !important;
    }
}

.new_search_form_container {
    display: none;
    margin-right: 5px;
}

.new_card {
    background-color: #fff;
    border: 2px solid transparent;
    width: 100%;
    /* padding: 15px; */
    padding: 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    /* min-height: 90px; */
}

.new_card .new_card_badge {
    position: relative;
    /* top: 0; */
    /* right: 0; */
    background-color: #43D430;
    border-radius: 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    margin-right: 10px;
}

.new_card .new_card_date {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}

.new_card .new_card_title {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 10px;
}

.new_card .new_card_title h4 {
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.modal_header_right .close {
    color: black;
    font-weight: bold;
    font-size: 18px;
    position: relative !important;
    line-height: 70px;
    top: 0 !important;
}

.modal_header_right .validate_search_btn {
    line-height: 30px;
    margin: 0 5px;
}

.modal_header_right .form-groupx {
    margin: 0 0;
}

.new_card .new_card_title .like-icon {
    color: red;
    font-size: 14px;
    margin-left: 5px;
}

.new_card .new_card_text {
    font-size: 12px;
    color: #333;
    text-align: justify;
}

.new_card .new_media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.whatsnew_btn {
    /* border: 2px solid #55b3c3; */
    /* background: #5dc9dc; */
    display: inline-block;
    font-size: 15px;
    padding:0;
    text-align: center;
    text-transform: uppercase;
    /* width: 80px; */
    line-height: 30px; color: #fff;

    position: relative;
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .whatsnew_btn{
        display: none !important;
    }

    .whatsnew_btn.mobile-whatsnew_btn {
        display: inline-block !important;
        vertical-align: top;
        margin-left: 10px;
        top: initial;
    }
}

.whatsnew_btn.mobile-whatsnew_btn {
    display: none;
}

.whatsnew_btn a {
    border: 2px solid #26c0f3;
    background: #26c0f3;
    display: inline-block;
    font-size: 13px;
    padding: 0 14px;
    text-align: center;
    line-height: 30px;
    color: #000;
    border-radius: 33px;
    font-family: Gotham Medium;
}

.whatsnew_btn a:hover{
    background:#26c0f3;
    border:2px solid #26c0f3
}
/* what's new */

/*  */

.compliance-btn-wrapper {
    display: flex;
    justify-content: start;
    width: 100%;
}

.profile-btn-area {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    flex-direction: column; 
}

.btn-edit-compliance.btn-view-profile {
    width: 120px;
    margin: 10px 0 auto;
    white-space: normal;
    word-wrap: break-word;
}

.btn-edit-compliance.btn-view-profile.compliance-employer {
    float: left;
}

.select-tva-enable {
    padding: 0 30px;
    border: 1px solid transparent;
 }