/*!
 * Main CSS
 */

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Open Sans',sans-serif;
    font-weight: normal;
    color: #666;
}
.clear{
    clear: both;
}

.alpha{
    padding-left: 0;
}

@media (max-width: 768px) {
    .col-xs-no-alpha {
        padding-left: 15px;
    }
    .col-xs-no-omega {
        padding-left: 15px;
    }
    .col-xs-margin-bottom{
        margin-bottom: 15px;
    }
}

.omega{
    padding-right: 0;
}

a {
    color: #00aeef;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #00aeef;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans',sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

h1{
    font-size: 18px;
}

h1.page-title{
    line-height: 28px;
    margin-top: 10px;
    font-size: 16px !important;
}


h2{
    font-size: 16px;
}

h3{
    font-size: 14px;
}

h4{
    font-size: 13px;
}

h5{
    font-size: 12px;
}

h6{
    font-size: 11px;
}

h2.form_title{
    margin: 0 0 25px;
}

.section-heading-small{
    color: #FFF;
}

hr{
    border-top: 1px solid #dedede;
}

p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 26px;
}


section {
    padding: 20px 0 0;
}

.professional-description ul {
    list-style: disc outside;
    padding-left: 20px;
}
.ullistshow ul {
    list-style: disc outside;
    padding-left: 20px;
}

ul {
    list-style: none inside;
    margin: 0px;
    padding: 0px;
}

ol{
    line-height: 24px;
}

aside {
    padding: 50px 0;
}

.white-color{
    color: #FFF !important;
}

.no-padding {
    padding: 0;
}

.no-top-padding {
    padding-top: 0px !important;
}
.no-bot-padding {
    padding-bottom: 0px !important;
}

.alignright{
    float: right;
}
.alignleft{
    float: left;
}

.text-align-left{
    text-align: left;
}

.text-align-right{
    text-align: right;
}

.text-align-center{
    text-align: center;
}

.bold-text{
    font-weight:bold;
}

.fa-send:before, .fa-paper-plane:before{
    margin-right: 10px;
}

.text-italic{
    font-style: italic;
}

.margin-left-10{
    margin-left: 10px;
}

.margin-left-15{
    margin-left: 15px;
}

.margin-right-15{
    margin-left: 15px;
}

.tool-lightblue-line{
    background: #59C6EA;
    height: 1px;
    border: 0 none;
    margin: 20px 10px;
    padding: 0;
}
.tool-ligtgreen-line{
    background: #339a63;
    height: 1px;
    border: 0 none;
    margin: 20px 10px;
    padding: 0;
}

.handy-tools .fa_header{
    line-height: 30px;
    display: table;
}

.handy-tools a{
    display: table-cell;
    padding-left: 10px;
}

.filters-header i{
    padding-right: 10px;
	 /* padding-left: 10px; */
}

.special i{
    display:none;

}
.filters-header a, .filters-header a:hover, .filters-header a:focus{
    color: #FFF;
}

.image_resize_company{
    max-width: 100px;
    max-height: 60px;
}

.image_resize_profile{
    /*max-width: 135px;
    max-height: 90px;*/
    margin-bottom: 15px;
    border-radius: 50%;
    min-width: 100px;
    max-height: 100px;
}

.payment_images{
    padding: 0 14px 0 0;
}

.payment_images .payment_methods input{
    margin: 10px 20px;
}

/**
Menu mouse over
 */



@media (min-width: 1200px) {
    .sidebar-nav {
        padding: 9px 0;
    }

    .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px;
    }

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
        margin-top: 0;
    }

    .navbar .sub-menu:before {
        border-bottom: 7px solid transparent;
        border-left: none;
        border-right: 7px solid rgba(0, 0, 0, 0.2);
        border-top: 7px solid transparent;
        left: -7px;
        top: 10px;
    }

    .navbar .sub-menu:after {
        border-top: 6px solid transparent;
        border-left: none;
        border-right: 6px solid #fff;
        border-bottom: 6px solid transparent;
        top: 11px;
        left: -6px;
    }
}



    /*
       Header Top
    */
.header-top ul li{
    float: left;
}
.header-top ul{
    float: right;
}

.header-top ul li a{
    color: #FFF;
    display: block;
    padding: 0 8px;
}
.header-top ul li a:hover, .header-top ul li a:focus{
    background-color: #00aeef;
    color: #f2f2f2;
    text-decoration: none;
}

.header-top i{
    font-size: 15px;
    position: relative;
    font-weight: 200;
    padding: 0 2px;
}

.header-top{
    min-height: 40px;
    line-height: 40px;
}


header {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
}

header .header-content {
    position: relative;
    width: 100%;
    padding: 100px 15px;
    text-align: center;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,.7);
}

.affix .top{
    display: none;
}

/*
    Navigation Menu
*/

.navbar-default {
    border-color: rgba(61,108,164,.3);
    background-color: rgba(61,108,164,0.85);
    min-height: 65px;
    box-shadow: 0 1px 2px #444;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.navbar-default .navbar-header .navbar-brand{
    color: #00aeef;
    height: 60px;
    padding: 12px 0 0;
    margin: 0;
    position: relative;
}

.navbar-brand i.text-primary{
    color: #00aeef;
}

.navbar-brand img{
    width: 210px;
}

.navbar-brand span{
    font-size: 10px;
    color: #FFF;
    position: absolute;
    left: 51px;
    top: 36px;
    display: inline-table;
    text-transform: uppercase;
    width: 100%;
}

@media (max-width: 460px) {
    .navbar-brand span{
        font-size: 10px;
    }
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #004179;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus,
.navbar-default .navbar-right-nav > li>a,
.navbar-default .navbar-right-nav>li>a:focus{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}

.navbar-default .navbar-right-nav > li>a.help:hover,
.navbar-default .navbar-right-nav > li>a.help:focus{
    background: #d43f3a;
    color: #FFF;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #f05f40;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #00aeef!important;
    background-color: transparent;
    border-bottom: 3px solid #ffcb06;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.navbar-right-nav{
    float: right;
    position: relative;
}

.navbar-right-nav>li{
    float: left;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-right-nav>li>a{
    color: #FFF;
    display: block;
    line-height: 30px;
    cursor: pointer;
}

.navbar-right-nav>li>a {
    padding: 15px 10px;
}

/*.navbar-right-nav li a.selected{
    border: 1px solid #FFF;
    padding: 6px 9px;
    margin: 13px 0 0;
    line-height: 20px;
}*/

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-right-nav>li>a:focus,
.navbar-default .navbar-right-nav>li>a:hover{
    color: #00aeef;
    text-decoration: none;
}

.nav>li>a:hover, .nav>li>a:focus{
    background-color: #3d6ca4;
}

.navbar-default .navbar-toggle{
    border-color: #00aeef;
    background-color: #00aeef;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #FFF;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
    background-color: #3d6ca4;
}

.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar{
    background-color: #FFF;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    /*max-height: none;*/
    width: 100%;
}



/*
    Submenu
*/
.dropdown-menu>li>a{
    cursor: pointer;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
    background-color: #3d6ca4;
    color: #FFF;
}
.dropdown-menu,
.navbar-nav>li>.dropdown-menu{
    background-color: rgba(61,108,164,0.85);
}
.dropdown-menu>li>a{
    color: #FFF;
    padding: 6px 9px;
    font-size: 12px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
    background-color: rgba(61,108,164,0.85);
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
    background-color: transparent;
    color: #00aeef;
}

.nav a{
    outline: none;
}

/*
    Slider
*/

.text-faded {
    color: #000;
    font-size: 14px;
    padding: 10px 0 30px;
}

.caption-text {
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 9;
}

.caption-text-m{
    text-align: center;
    width: 100%;
    z-index: 9;
}

.caption-text .text-faded, .caption-text-m .text-faded{
    background: rgba(61,108,164,.7);
    margin-bottom: 20px;
    display: inline-block;
    padding: 20px;
    border-radius: 6px;
    line-height: 26px;
}

.no-margins{
    margin: 0!important;
}

.caption-block{
    margin-bottom: 160px;
}

.social-follow-main{
    margin-top: 20px;
}

.social-follow{
    margin-bottom:20px;
}

.social-follow i{
    color:#FFF;
}

.fav-btn{
    position: relative;
    margin-bottom: 20px;
}

.fav-btn span{
    position: absolute;
    left: 11px;
}

.caption-block-sm{
    margin-bottom: 60px;
}

.va-main{
    border-bottom: 2px solid #3d6ca4;
}

.va-container-h {
    width: 100%;
}

.va-container-v {
    height: 100%;
}

.va-container{
    display: table;
    position: relative;
}

.va-middle{
    display: table-cell;
    vertical-align: middle;
}

.flexslider .slides img{
    height: auto !important;
    min-width: 100%;
    width: auto;
}

@media (min-width: 768px) and (max-width: 1199px){
    .flexslider .slides img{
        height: 100%;
        width: auto;
        margin-left: -20%;
    }
}

@media (min-width: 640px) and (max-width: 768px){
    .flexslider .slides img{
        margin-left: -50%;
    }
}

@media (min-width: 320px) and (max-width: 640px){
    .flexslider .slides img{
        margin-left: -100%;
    }
}

@media (min-width: 320px) and (max-width: 400px){
    .flexslider .slides img{
        margin-left: -140%;
    }
}

.caption-text hr, .caption-text-m hr{
    margin: 15px auto;
}

.flexslider{
    margin: 0;
    border: 0 none;
}

.slider{
    position: relative;
    overflow: hidden;
    top: 0;
    margin-bottom: 0;
}

.flexslider .slides li{
    width: 100%;
}

.search-block{
    min-height: 72px;
    background-color: rgba(61,108,164,0.85);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.search-block-sm{
    min-height: 60px;
    background-color: rgba(61,108,164,0.85);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.header-action-buttons{
    padding: 10px 0;
}

.search_item{
    margin: 15px 0 0;
}

.search-block .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    font-weight: 200;
}

.search-block .ms-drop ul > li label{
    /* overflow: hidden; */
}


/**
 Multiple Select
*/

.ms-drop ul > li label{
    white-space: normal;
    display: table;
}

.ms-drop ul > li input[type="checkbox"]{
    display: table-cell;
    float: left;
    margin: 0 7px 0 10px;
    position: relative;
    top: 2px;
}

.ms-drop ul > li input[data-name="selectAll"]{
    top: 5px;
}

.ms-drop ul > li span{
    display: table-cell;
}


.search-block .ms-choice > span.placeholder{
    font-weight: 200;
}


.ms-search input{
    background: #fff url(multiple-select.png) no-repeat 100% -18px;
    background: url(multiple-select.png) no-repeat 100% -18px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(multiple-select.png) no-repeat 100% -18px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(multiple-select.png) no-repeat 100% -18px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(multiple-select.png) no-repeat 100% -18px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url(multiple-select.png) no-repeat 100% -18px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(multiple-select.png) no-repeat 100% -18px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}


/*
    Footer
*/
#footer{
    border-top: 1px solid #dcdcdc;
    background: #666;
    padding: 40px 0;
    margin-top: 40px;
}

#footer ul li{
    position: relative;
    display: table;
    line-height: 20px;
}

#footer ul li a{
    color: #fff;
    font-size: 12px;
}

#footer ul li span{
    display: table-cell;
}

#footer ul li a:hover,  #footer ul li a:focus{
    color: #FFF;
}

#footer ul li i{
    color: #FFF;
    padding-right: 10px;
    display: table-cell;
    line-height: 26px;
    font-size: 16px;
}

/*
#footer ul li:before{
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #00aeef;
    font-size: 18px;
    padding-right: 10px;
    margin-left: 3px;
    position: relative;
    top: 2px;
    display: table-cell;
} */



.social [class*="fa fa-"] {
    background-color: #666;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.social a:hover{
    text-decoration: none;
}
.social a.fa-facebook:hover{
    background-color: #405d9a;
}
.social a.fa-google:hover{
    background-color: #dd4b39;
}
.social a.fa-twitter:hover{
    background-color: #4099ff;
}
.social a.fa-linkedin:hover{
    background-color: #0d7cb7;
}
.social a.fa-instagram:hover {
    background-color: #DD2A7B;
}

/** **/

.social-inv [class*="fa fa-"] {
    background-color: #666;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

.social-inv a:hover{
    text-decoration: none;
}

.social-inv a.fa-facebook,
.social-inv a.fa-facebook:hover{
    background-color: #405d9a;
}
.social-inv a.fa-google:hover{
    background-color: #dd4b39;
}
.social-inv a.fa-twitter,
.social-inv a.fa-twitter:hover{
    background-color: #4099ff;
}
.social-inv a.fa-linkedin,
.social-inv a.fa-linkedin:hover{
    background-color: #0d7cb7;
}

.social-inv a.fa-instagram,
.social-inv a.fa-instagram:hover {
    background-color: #DD2A7B;
}



.footer-logo{
    margin: 10px 0;
}

/*
    Job Blocks
*/
.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto 30px auto;
    max-width: 650px;
}

.portfolio-box h2{
    color: #FFF;
    margin: 15px 0;
    line-height: 26px;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    min-height: 60px;
}

.portfolio-box .view{
    border: 1px solid #f0eded;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: pointer;
    /* background: #fff url(../images/bgimg.jpg) no-repeat center center; */
}

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view img {
    display: block;
    position: relative;
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 1;
    background-color: rgba(42,173,222, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    width: 100%;
}

.view-first:hover img {
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view img {
    display: block;
    position: relative;
}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background-color: rgba(42,173,222, 1);
}
.view-first:hover h2{
    font-weight: 400;
}

section#blocks_2{
    display: none;
    padding-top: 0;
}

/* blocks go to button */
.show_more{
    text-align: center;
    color: #000;
}

.show_more:hover{
    color: #00aeef;
    cursor: pointer;
}

.show_more i.fa-angle-down{
    font-size: 55px;
    margin: 20px 0;
    cursor: pointer;
}


/*
    Button Styles
*/

.reset_paddingUpload{
    padding: 3px 15px!important;
}

.btn-padding-reset-sides {
    padding: 10px 0 !important;
}

.btn-padding20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.btn:hover, .btn:focus, .btn.focus{
    color: #FFF;
}

.btn-xsmall{
    color: #333;
}

.btn-default {
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background: rgba(42,173,222,.7);
    margin-right: 20px;
    font-size: 14px;
}

.btn-red {
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background: rgba(224,0,7,.7);
}

.red{
    color: rgba(224,0,7,1);
}
.red:hover, .red:focus{
    color: rgba(224,0,7,0.8);
}

.btn-grey{
     color: #FFF;
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     transition: all .35s;
     border: 0;
     background: rgba(170,168,168,1);
 }
.btn-grey:hover, .btn-grey:focus{
    color: #FFF;
    background-color: #bebdbd;
}

.btn-cancel, .btn-back{
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background: rgba(170,168,168,1) !important;
}
.btn-cancel:hover, .btn-back:hover, .btn-cancel:focus, .btn-back:focus{
    color: #FFF;
    background-color: #bebdbd !important;
}

.btn-contact{
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background: #339a63 !important;
}
.btn-contact:hover, .btn-contact:focus{
    color: #FFF;
    background-color: #11a254 !important;
}

.btn-orange{
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background:  #fd7d05;
}
.btn-orange:hover, .btn-orange:focus{
    color: #FFF;
    background-color:#fa9d46;
}

.hourly-rate{
    color: #666;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    font-weight: 600;
   text-align: right;
}

.hourly-rate i{
    font-size: 18px;
    margin-right: 5px;
}
.hourly-rate span{
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 767px){
    .hourly-rate{
           text-align: center;
    }
}


.btn-blue {
    color: #FFF;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    background: #00aeef;
}
    .btn-blue:hover, .btn-blue:focus {
        color: #FFF;
        background-color: #07BAFF;
    }

.green{
    color: #339a63;
}

.orange{
    color: #fa9d46;
}

.red{
    color: #e00007;
}

.status{
    text-transform: uppercase;
}


.btn-green {
    background-color: #339a63;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    border: 0;
    color: #FFF;
}
.btn-green:hover{
    background-color: #11a254;
    color: #FFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.open>.dropdown-toggle.btn-default.focus
{
    border-color: #ededed;
    color: #FFF;
    background-color: #00aeef;
}

.btn-red:hover,
.btn-red:focus,
.btn-red.focus,
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red
{
    border-color: #ededed;
    color: #FFF;
    background-color: #e00007;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #004179;
    color: #fff;
    background-color:#004179;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #004179;
    color: #fff;
    background-color: #004179;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #004179;
    background-color: #004179;
}

.btn-primary .badge {
    color: #004179;
    background-color: #fff;
}

.btn {
    text-transform: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    white-space: normal;
    padding: 10px 20px;
}

.btn-xl {
    padding: 15px 40px;
    font-size: 18px;
}

.btn-normal{
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    padding: 10px 32px;
    line-height: 20px;
}

.btn-normal-less-padding{
    font-size: 12px;
    width: 100%;
    font-weight: 500;
    padding: 10px 5px;
}

.btn-less-padding{
    padding: 6px;
}

.btn-mobile-width{
    max-width: 250px;
}

.btn-big{
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    padding:10px 55px;
}

.btn-big-60{
    min-height: 60px;
    padding: 10px 20px;
    max-height: 60px;
    line-height: 40px;
}

@media (min-width: 767px) and (max-width: 880px){
    .btn-big{
        padding: 10px 41px;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    .container {
        width: 100%;
    }
}


.btn-uppercase{
    text-transform: uppercase;
    font-weight: 500;
}

.btn-sm-txt{
    font-size: 12px;
}

/*
    General Selection Styles
*/
.page-heading{
    font-size: 14px !important; 
    margin: 0;
    padding: 0;
    line-height: 22px;
	/*margin-left: -10px; */
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #677782;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #677782;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.overflow-hidden{
    overflow: hidden;
}


/* #bottom */
section#bottom{
    padding: 0;
    background-color: #5b81b1;
    min-height: 48px;
    line-height: 48px;
    color: #FFF;
    font-size: 12px;
}

#bottom .navbar-right a{
    color: #FFF;
}

/*
    Breadcrumb
*/
.breadcrumb{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cecece+0,dadbdb+52,ffffff+100 */
    background: #cecece; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2RhZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cecece 0%, #dadbdb 52%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(52%,#dadbdb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cecece 0%,#dadbdb 52%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cecece 0%,#dadbdb 52%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cecece 0%,#dadbdb 52%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cecece 0%,#dadbdb 52%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    min-height: 50px;
    margin-bottom: 0px;
    width: 100%;
    border-radius: 0;
    padding: 0;
}

.breadcrumb-inner{
    font-size: 12px;
    color: #727272;
    padding: 0 30px;
    text-transform: uppercase;
}

.breadcrumb a{
    text-decoration: none;
    color: #727272;
    text-transform: uppercase;
    line-height: 50px;
}
.breadcrumb .current{
    font-weight: 600;
}

.breadcrumb a:hover, .breadcrumb a:focus{
    color: #333;
}

/*
    Search Content
*/
.form-group{
    margin-bottom: 30px;
}

.filters-header, .jobs-header{
    background-color: #2aadde;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 700;
    position: relative;
}

.jobs-header{
    padding: 10px 20px;
}

.filters-header h1, .filters-header h2, .filters-header h3, .filters-header h4{
    display: table;
}

.filters-header i{
    display: table-cell;
}

.header-green{
    background-color: #339a63;
}

.title-orange{
    color: rgba(252,162,83,1);
}

.title-blue{
    color: #00aeef;
}
.title-green{
    color: #339a63;
}

.fa_header h2{
    margin-top: 14px;
}

.search-filters-block{
    padding: 30px 15px 0;
    background: none;
}

.search-filters-block input[type=text]{
    width: 100%;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
}

.search-filters-block input[type=text]:focus{
    outline: none;
}

.search-filters-block input[type=button]{
    color: #FFF;
    width: 100%;
    border: 0 none;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.search-filters-block input[type=button].clear-filters{
    background-color: #cd0c0c;
}

.search-filters-block input[type=button].search{
    background-color: #2aadde;
}

.search-filters-block input[type=button].clear-filters:hover{
    background-color: #ed1c24;
}

.search-filters-block input[type=button].search:hover{
    background-color: #00aeef;
}

.search-filters-block input[type=button].grey-button{
    background-color: #a5a4a4;
}

.search-filters-block input[type=button].grey-button:hover{
    background-color: #bebdbd;
}

.form-group select{
    width: 100%;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
}

/*
    Search Results
*/
.search-results .results-wrapper{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}
.search-results .results-wrapper h1{
    font-size: 14px;
    color: #cd0c0c;
    /*text-transform: capitalize;*/
    margin: 0;
    padding: 15px 0;
}
.search-results .results{
    text-align: right;
    font-weight: 600;
    color: #666;
    padding: 15px 0;
    display: block;
}

/*
    Job Listing
*/
.job-list{
    padding: 15px 20px;
    border-top: 1px solid #eee;
}
.job-list:hover{
    background-color: #f5f5f5;
}
.planet-job{
    box-shadow: inset 2px 0 0 #2aadde;
}

.job-title a{
    text-transform: uppercase;
    color: #CD0C0C;
    font-weight: 700;
}

.job-title-interim a{
    text-transform: none;
    color: #CD0C0C;
    font-weight: 700;
}

.job-sector, .job-region, .job-rate{
    font-size: 12px;
    font-weight: 600;
}

.interim-detail{
    margin: 15px 0;
    font-size: 12px;
}

.job-summary{
    margin-top: 5px;
    font-size: 12px;
}

.job-listings .grey{
    background-color: #f5f5f5;
}

.search-pagination{
    text-align: center;
}

.pagination > li > a, .pagination > li > span{
    margin: 0 3px 10px;
    border: 0;
    background-color: #f9f9f9;
}
/*.pagination > li:first-child > a, .pagination > li:first-child > span{
    background-color: #00aeef;
    color: #FFF;
}*/
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
    color: #FFF;
    background-color: #00aeef;
}

/*
    Find Interim Professional
*/
.job-profile-img img{
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 50%;
    min-width: 100px;
    max-height: 100px;
}

.review-score{
     margin: 10px 0 0;
    max-height: 40px;
}

.review-score i{
    color: #00aeef;
    padding: 0 0 0 5px;
}

.interim-extra{
    font-size: 12px;
}

/*
    Interim Detail Page
*/
.interim-content-block{
    background-color: #f5f5f5;
    padding: 30px 0;
}

.content-block-bgr{
    background-color: #f5f5f5;
    padding: 30px;
}

.title-red-important {
    color: #d12f2f!important;
}
.title-red{
    color: #d12f2f;
}

.interim-content-block .info-block{
    font-size: 12px;
}
.interim-content-block .info-block .title{
    font-weight: 600;
    float: left;
    width: 50%;
}
.interim-content-block .info-block .text-align-right{
    text-align: right;
    float: right;
    width: 50%;
}
.interim-content-block .info-block li{
    line-height: 24px;
}

.big-blue-button{
    background-color: #00aeef;
    color: #FFF;
    font-size: 14px;
    padding-top: 23px;
    padding-bottom: 23px;
    margin-top: 15px;
}
.big-blue-button .title{
    float: left;
}
.big-blue-button .text-align-right{
    float: right;
    text-align: right;
}

.button{
    display: inline-block;
    color: #FFF;
    padding: 10px 50px;
    border-radius: 4px;
}

.back-button{
    background-color: #a5a4a4;
}
a.back-button:hover, a.back-button:focus{
    background-color: #bebdbd;
}

.apply-button{
    background-color: #2aadde;
}
a.apply-button:hover, a.apply-button:focus{
    background-color: #00aeef;
}

a.button:hover, a.button:focus{
    color: #FFF;
    text-decoration: none;
}

hr.blue-line{
    background: #2aadde;
    height: 1px;
    border: 0 none;
    margin: 19px 0 10px;
}

hr.grey-line{
    background: #bbb;
    height: 1px;
    border: 0 none;
    margin: 20px 0 20px;
    padding: 0;
}

hr.lightblue-line{
    background: #59C6EA;
    height: 1px;
    border: 0 none;
    margin: 20px 0 10px;
    padding: 0;
}

hr.lightgreen-line{
    background: #63BF7E;
    height: 1px;
    border: 0 none;
    margin: 20px 0 10px;
    padding: 0;
}
hr.lightorange-line{
    background: #fca253;
    height: 1px;
    border: 0 none;
    margin: 20px 0 10px;
    padding: 0;
}

.in-the-media hr{
    margin: 5px 0;
}

.in-the-media{
    padding: 20px;
}


.interim-content-block .page-content h3{
    margin: 0 0 15px;
}
.interim-content-block .page-content,
.interim-content-block .page-content p{
    font-size: 12px;
    line-height: 22px;
}

.share-buttons{
    min-height: 54px;
    border-bottom: 8px solid #F5F5F5;
}

.share-buttons .share-icon,
.share-buttons a{
    color: #666;
    text-transform: uppercase;
    line-height: 50px;
}
.share-buttons .share-icon{
    margin-right: 15px;
}
.share-buttons i{
    color: #00aeef;
    margin-right: 6px;
}

.share-buttons .share-icon{
    display: block;
    float: left;
}
.share-buttons a.share{
    font-size: 30px;
    margin-right: 6px;
}
.share-buttons a.share:hover{
    text-decoration: none;
}
.share-buttons a.fa-facebook-square{
    color: #3b579d;
}
.share-buttons a.fa-facebook-square:hover{
    color: #4c71cb;
}

.share-buttons a.fa-twitter-square{
    color: #00aced;
}
.share-buttons a.fa-twitter-square:hover{
    color: #5ecef9;
}

.share-buttons a.fa-linkedin-square{
    color: #007bb6;
}
.share-buttons a.fa-linkedin-square:hover{
    color: #2fa5dd;
}

.share-buttons a.fa-whatsapp-square {
    color: #3b579d;
}

.share-buttons a.fa-whatsapp-square:hover {
    color: #4c71cb;
}



.share-buttons a.fa-google-plus-square {
    color: #d94733;
}
.share-buttons a.fa-google-plus-square:hover{
    color: #fc5f49;
}

.share-buttons a.fa-instagram-square {
    color: #DD2A7B;
}

.share-buttons a.fa-instagram-square:hover {
    color: #DD2A7B;
}

.related-interests a{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    color: #d12f2f;
    line-height: 27px;
    padding: 14px 0;
    display: block;
}

.white{
    background-color: #FFF;
}

.grey{
    background-color: #f5f5f5;
}

/*
    Interim Professional Detail
*/
.contact-block{
    background-color: #E9E9E9;
    box-shadow: 0 1px 2px 2px #CCC;
    display: none;
    position: relative;
}
.close-btn{
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}
.close-btn:hover,.close-btn:focus{
    font-weight: bold;
}

.profile-detail-img{
    border: 1px solid #eee;
}

.profile-btn{
    padding: 6px;
    margin: 20px 0 0;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
}

.btn-disabled{
    /*padding: 6px;*/
}

.professional-header{
    margin: 10px 0 15px;
}

.fa_header i,
.education-block i,
.show-reviews-title i,
.professional-header i{
    font-size: 24px;
    top: 4px;
    position: relative;
    color: #00aeef;
}

.professional-header span{
    text-transform: uppercase;
    font-size: 14px;
    color: #00aeef;
}

.professional-description{
    line-height: 24px;
    margin-bottom: 15px;
	font-size:13px;
}

.professional-detail-content h2.page-title{
    color: #d12f2f;
    margin-top: 0;
    font-size: 16px;
}

.red-title{
    color: rgba(224,0,7,1);
}

.blue-title{
    color: #00aeef;
}

.professional-detail-content h2{
    color: #00aeef;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
}

.professional-detail-content h2 span{
    color: #00aeef;
    text-transform: none;
}
.show-reviews-title{
    float: left;
}
.show-reviews-title h2{
    margin-top: 0;
}
.show-reviews-button{
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    padding: 6px 15px;
   
}
.review-score-title{
    float: left;
}

.review-score-container i{
    font-size: 16px;
    padding-right: 5px;
    color: #00aced;
}

.review-score-container{
    margin-bottom: 10px;
}

.reviews-header{
    background-color: #bebebe;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    font-weight: 400;
}
.reviews-header .page-heading{
    color: #FFF;
}
.review-inner{
    background-color: #e9e9e9;
    /*border-bottom: 1px solid #00aced;
    margin-bottom: 10px;*/
}

.review-date{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600;
}

.review-item{
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-top: 15px;
}
.review-item h2{
    margin-top: 10px;

}
.review-item h4{
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0 0;
}
.review-item-text{
    margin: 4px 0;
}

.cta-buttons{
    margin: 30px 0 0;
}

.experience-block ul{
    list-style:outside disc;
}
.margin-zero{
    margin: 0 !important;
}

.top-space{
    margin-top: 62px;
}

.avarage-rating{
    line-height: 40px;
}

@media (max-width: 500px) {
    .request-review {
        float: left;
    }
    .breadcrumb a{
    text-decoration: none;
    color: #727272;
    text-transform: uppercase;
    line-height: 20px;
}
     .breadcrumb {
         margin-bottom: 0px;
         padding-top: 10px;
     }
}

/*
    Professional Upgrade Premium
*/
.pricing-table{
    background: #f8f8f8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.2);
}

.pricing-table-top{
    padding: 5px 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #666;
}

.pricing-table-top h2{
    font-size: 16px;
    text-align: center;
    color: #FFF;
}

.pricing-table-header {
    padding: 20px 0 20px 0;
    background: #00aeef;
    /*background: -moz-linear-gradient(top, rgba(125,220,255,1) 0%, rgba(0,175,239,1) 19%, rgba(0,175,239,1) 84%, rgba(125,220,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(125,220,255,1) 0%, rgba(0,175,239,1) 19%, rgba(0,175,239,1) 84%, rgba(125,220,255,1) 100%);
    background: -o-linear-gradient(top, rgba(125,220,255,1) 0%, rgba(0,175,239,1) 19%, rgba(0,175,239,1) 84%, rgba(125,220,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(125,220,255,1) 0%, rgba(0,175,239,1) 19%, rgba(0,175,239,1) 84%, rgba(125,220,255,1) 100%);
    background: linear-gradient(to bottom, rgba(125,220,255,1) 0%, rgba(0,175,239,1) 19%, rgba(0,175,239,1) 84%, rgba(125,220,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ddcff', endColorstr='#7ddcff', GradientType=0 );*/
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.pricing-table-header-green {
    padding: 20px 0 20px 0;
    background: #339a63;
    /*background: -moz-linear-gradient(top, rgba(126,222,169,1) 0%, rgba(51,154,99,1) 19%, rgba(51,154,99,1) 84%, rgba(126,222,169,1) 100%);
    background: -webkit-linear-gradient(top, rgba(126,222,169,1) 0%, rgba(51,154,99,1) 19%, rgba(51,154,99,1) 84%, rgba(126,222,169,1) 100%);
    background: -o-linear-gradient(top, rgba(126,222,169,1) 0%, rgba(51,154,99,1) 19%, rgba(51,154,99,1) 84%, rgba(126,222,169,1) 100%);
    background: -ms-linear-gradient(top, rgba(126,222,169,1) 0%, rgba(51,154,99,1) 19%, rgba(51,154,99,1) 84%, rgba(126,222,169,1) 100%);
    background: linear-gradient(to bottom, rgba(126,222,169,1) 0%, rgba(51,154,99,1) 19%, rgba(51,154,99,1) 84%, rgba(126,222,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7edea9', endColorstr='#7edea9', GradientType=0 );*/
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.pricing-table-header-orange {
    padding: 20px 0 20px 0;
    background: #fd7d05;
    /*background: -moz-linear-gradient(top, rgba(252,162,83,1) 0%, rgba(253,125,5,1) 19%, rgba(253,125,5,1) 84%, rgba(252,162,83,1) 100%);
    background: -webkit-linear-gradient(top, rgba(252,162,83,1) 0%, rgba(253,125,5,1) 19%, rgba(253,125,5,1) 84%, rgba(252,162,83,1) 100%);
    background: -o-linear-gradient(top, rgba(252,162,83,1) 0%, rgba(253,125,5,1) 19%, rgba(253,125,5,1) 84%, rgba(252,162,83,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,162,83,1) 0%, rgba(253,125,5,1) 19%, rgba(253,125,5,1) 84%, rgba(252,162,83,1) 100%);
    background: linear-gradient(to bottom, rgba(252,162,83,1) 0%, rgba(253,125,5,1) 19%, rgba(253,125,5,1) 84%, rgba(252,162,83,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca253', endColorstr='#fca253', GradientType=0 );*/
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.pricing-table-header h2, .pricing-table-header-green h2, .pricing-table-header-orange h2{
    color: #FFF;
    text-align: center;
    font-size: 44px;
    font-weight: 700;
    text-shadow: 0 -2px 0 rgba(0,0,0,.25);
}

.pricing-table-header h3, .pricing-table-header-green h3, .pricing-table-header-orange h3{
    text-align: center;
    font-size: 14px;
    color: #FFF;
}

.pricing-table-header h5, .pricing-table-header-green h5, .pricing-table-header-orange h5{
    color: #FFF;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0 -2px 0 rgba(0,0,0,.25);
}

.pricing-table-space {
    height: 10px;
}

.pricing-table-features {
    
    display: inline-table;
    margin: 15px;
    padding: 15px 2px 15px 0; 
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    text-align: left;

}

    .pricing-table-features li svg{
        margin-right: 10px;
    }

.pricing-table-features li{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
.pricing-table-sign-up {


    padding: 20px;
}


.ribbon{
    position: absolute;
    left: -17px;
    top: -28px;
    z-index: 999;
    line-height: 50px;
    padding-left: 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

.ribbon.selected{
    border: 0 none !important;
}

.green-ribbon {
    background: url(/images/payments/ribbon_green.png) no-repeat 0 0;
    width: 229px;
    height: 66px;
    margin-top: 15px;
}

.blue-ribbon {
    background: url(/images/payments/ribbon_blue.png) no-repeat 0 0;
    width: 229px;
    height: 66px;
    margin-top: 15px;
}

.orange-ribbon {
    background: url(/images/payments/ribbon_orange.png) no-repeat 0 0;
    width: 229px;
    height: 66px;
    margin-top: 15px;
}



#one-month, #six-month, #live-time {
    margin: 15px 0;
}

    #live-time .selected,
    #live-time:hover .pricing-table,
    #olive-time:focus .pricing-table {
        border: 2px solid #339a63;
    }


       #one-month .selected,
    #one-month:hover .pricing-table,
    #one-month:focus .pricing-table {
        border: 2px solid #00aeef;
    }

    #six-month .selected,
    #six-month:hover .pricing-table,
    #six-month:focus .pricing-table {
        border: 2px solid #fa9d46;
    }

.select-month:hover,
.select-month:focus,
.select-month:active
{
    text-decoration: none;
}

#div1MonthText,
#div6MonthText,
#div00MonthText
{

    padding: 15px;
    border: 1px solid #CCC;
    border-radius: 6px;
}

.pricing-table{
    border: 2px solid #ddd;
}

#greyContent{
    margin: 30px 0 0;
}
/*
    Company Account
*/
.content-block-bgr .page-title{
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 22px;
}

.bordered-image{
    border: 1px solid #eee;
}

.member-section{
    font-size: 12px;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.left-col{
    margin-bottom: 30px;
}
.action-buttons{
    margin: 30px 0 0;
}

.setting-buttons i{
    font-size: 16px;
    color: #2aadde;
}

.manage-jobs-block{
    margin-bottom: 30px;
}

.setting-buttons ul li{
    margin: 0 0 15px;
}

.setting-buttons hr{
    margin-bottom: 15px;
}

.setting-buttons, .setting-buttons p{
    font-size: 14px;
}

.my-profile{
    margin-bottom: 30px;
}

.my-profile li{
    color: #00aced;
}

.my-profile .social-buttons-info button{
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 5px;
    margin-bottom: 15px;
}

.my-profile .social-buttons-info button i{
    color: #FFF;
    font-size: 16px;
}

.btn.linkedin{
    background-color: #1381b9;
}

.btn.specialLI {
    font-size: 14px;
    margin-bottom: 0px !important;
}

.btn.facebook{
    background-color: #43609b;
}

.btn.twitter {
    background-color: #1da1f2;
}
.btn.google{
    background-color: #dd4d40;
}

.btn.instagram {
    background-color: #DD2A7B;
}

.tab-content{
    margin: 20px 0;
}

.content-block-bgr .nav > li > a:hover{
    background-color: #2AADDE;
    color: #FFF;
}

.content-block-bgr .nav > li > a:focus{
    background-color: #FFF;
    color: #666;
}

button.btn a{
    color: #FFF;
}

.btn-share{
    border-radius: 30px;

}

.btn-share i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
}
/*
    Professional Account
*/
.account-bgr{
    background-color: #f2fafd;
}

.account-premium-bgr{
    background-color: #fefbf8;
}

.bgr-orange{
    background-color: #fa9d46;
}

.bgr-blue{
    background-color: #2aadde;
    color: #FFF !important;
}

.bgr-grey{
    background-color: #CCC;
}

.bgr-light-grey{
    background-color: #f2f2f2;
}

.pro-member-section{
    margin: 20px 0;
}

.pro-member-section span{
    display: block;
}

.pro-member-section, .pro-member-section a, .pro-member-section i{
    color: #666;
    font-size: 14px;
}
.pro-member-section i{
    font-size: 16px;
}

.get-more-account{
    margin: 0 0 20px;
}

.get-more-account li{
    position: relative;
    display: table;
    margin: 0 0 10px;
}

.get-more-account li i{
    color: #00aced;
    font-size: 16px;
    display: table-cell;
    padding-right: 4px;
    position: relative;
    top: 2px;
}

.get-more-account li a{
    color: #606060;
}

#statusbar {
    width: 80%;
    height: 14px;
    margin-top: 3px;
    margin-bottom: 20px;
    float: left;
    -webkit-border-radius: 7px 7px;
    border-radius: 7px 7px;
    border: 3px solid #e1e1e1;
    background-color: #f5f5f5;
    position: relative;
   /* behavior: url(../pie/PIE.php); */
}

#bar {
    width: 50%;
    padding: 4px;
    margin: 0;
    -webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
    background-color: #339a63;
    position: relative;
    /* behavior: url(../pie/PIE.php);*/
}

.edit_password_block{
    display: none;
}

button[disabled], html input[disabled] {
    cursor: default;
    line-height: 26px;
    padding: 5px;
}

/*
    Profile Maintenance
*/
.profile-maintenance h3.page-title{
    margin-bottom: 5px;
}

.profile-maintenance .selected{
    font-weight: 700;
}

.improving-profile li{
    line-height: 28px;
}

.improving-profile li a{
    color: #666;
}

.improving-profile li i{
    font-size: 16px;
}

.improving-profile li i.fa-check{
    color: #339a63;
}
.improving-profile li i.fa-close{
    color: #d12f2f;
}

.import-cv{
    margin-top: 22px;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-top-10{
    margin-top: 10px !important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.margin-top-20 {
    margin-top: 20px !important;
}
.margin-top-25 {
    margin-top: 25px !important;
}
.margin-top-30 {
    margin-top: 30px !important;
}
.margin-top-bottom-15 {
    margin: 15px 0 !important;
}


.margin-bottom-10 {
    margin-bottom: 10px !important;
}
.margin-bottom-15 {
    margin-bottom: 15px !important;
}
.margin-bottom-20 {
    margin-bottom: 20px !important;
}
.margin-bottom-25 {
    margin-bottom: 25px !important;
}
.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}
.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}


.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}
.padding-right-15 {
    padding-right: 15px !important;
}


.relevant-jobs li{
    position: relative;
    display: table;
    margin: 0 0 10px;
}

.relevant-jobs li a{
    padding-left: 15px;
    display: table;
    color: #666;
}
.relevant-jobs li a:hover{
    text-decoration: none;
    color: #339a63;
}

.relevant-jobs li a:before{
    content: "\f111";
    font-family: 'FontAwesome', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #339a63;
    font-size: 9px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: 0;
}

/*
    Login/Registration
*/
.register-login-forms input[type=text],
.register-login-forms input[type=email],
.register-login-forms input[type=password]{
    width: 100%;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    height: 40px;
}

.register-login-forms input:focus{
   /*border-color: #66afe9;*/
    border-color: #fd7d05;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.register-login-forms .form-group{
    margin-bottom: 20px;
}

.register-login-forms label{
    /*text-transform: uppercase;*/
    font-weight: 400;
    line-height: 18px;
    /*margin-top: 10px;*/
}



.register-login-forms .file {
    height: 40px;
}

/*.register-login-forms .file input {
    margin: 0;
    opacity: 0;
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 40px;
}*/

.register-login-forms .file-custom{
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    z-index: 5;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #FFF;
    border-radius: 4px;
    border: 1px solid #C6DADE;
    box-shadow: 0 1px 3px 0 rgba(167, 214, 227, 0.3);
    -moz-user-select: none;
    height: 40px;
}

.register-login-forms .control-description{
    margin-top:22px;
    margin-bottom:  10px;
}

.register-login-forms .file-custom::before {
    position: absolute;
    top: -1px;
    bottom: 0;
    z-index: 6;
    display: block;
    padding: 6px 20px;
    line-height: 27px;
    color: #FFF;
    content: "Browse";
    background-color: #2aadde;
    border: 1px solid #DDD;
    border-radius: 0 4px 4px 0;
    right: -1px;
    height: 40px;
}

.register-login-forms .file-custom::after {
    content: "Choose file...";
    line-height: 26px;
}

.register-login-forms input[type=file]{
    width: 100%;
    /*color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    height: 40px;*/
}

/*The code below modified how the default check boxes will look for most browsers from now.*/
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0.25rem;
}

    input[type="checkbox"]:checked {
        height: 13px;
        width: 13px;
        border-radius: 0.25rem;

        color: #fd7d05;
        border: #fd7d05;
        background-color: #fd7d05;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
    }

    input[type="checkbox"]:before {
        border-radius: 0.25rem;
        /*transition-timing-function: cubic-bezier(.075, .820, .165, 1);*/
        border: 1px solid;
        box-sizing: border-box;
        content: close-quote;
        display: table;
        height: 13px;
        width: 13px;
        vertical-align: middle;
    }

.ms-drop ul > li input[type="checkbox"]:checked {
    color: #fd7d05;
    border: #fd7d05;
    background-color: #fd7d05;
    outline: 0px solid transparent;
}

input[type="checkbox"]:focus {
    outline: none;
}
/*End of default check box styling*/

input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 8px;
    padding: 0;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    background-color: #fd7d05;
}

    input[type="range"]::-webkit-slider-runnable-track {
        background: #fd7d05;
        height: 8px;
        border-radius: 6px;
    }


    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: 16px;
        width: 16px;
        border-radius: 8px;
        background: #fd7d05;
        margin-top: -4px; 
    }

.register-login-forms .c-input > input:checked ~ .c-indicator {
    color: #FFF;
    background-color: #2aadde;
}
.register-login-forms .c-radio input:checked ~ .c-indicator {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==");
}

.register-login-forms .c-radio .c-indicator {
    border-radius: 50%;
    left: -10px;
}

.register-login-forms .c-indicator {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    font-size: 65%;
    line-height: 18px;
    color: #EEE;
    text-align: center;
    -moz-user-select: none;
    background: #fff no-repeat center center;
    border: 1px solid #2aadde;
    background-size: 50% 50%;
}

.checkbox-group .c-indicator,
.checkbox-group .c-text{
    display: table-cell;
}
.checkbox-group .c-text{
    line-height: 26px;
    font-size: 13px;
    text-transform: none;
}

.checkbox-group .c-main-text{
    font-size: 14px;
}

.left-space{
    margin: 10px 30px;
}
.register-login-forms .c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.register-login-forms .c-input {
    position: relative;
    display: inline !important;
    padding-left: 1.5rem;
    cursor: pointer;
    color: #555;
}

.register-login-forms .c-inputs-stacked{
    margin-left: 15px;
}

.register-login-forms .c-inputs-stacked .c-input {
    display: inline-block;
    margin-right: 20px;
}


.register-login-forms .btn-default{
    width: 100%;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    height: 40px;
    font-size: 14px;
    overflow: hidden;
    line-height: 24px;
}

.register-login-forms .btn-default:hover,
.register-login-forms .btn-default:focus,
.register-login-forms .btn-default.focus,
.register-login-forms .btn-default:active,
.register-login-forms .btn-default.active,
.register-login-forms .open > .dropdown-toggle.btn-default{
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    background-color: #FFF;
    color: #666;
}

.register-login-forms .dropdown-menu,
.register-login-forms .navbar-nav > li > .dropdown-menu{
    background-color: #FFF;
}

.register-login-forms .dropdown-menu > li > a{
    padding: 5px 22px;
}

.register-login-forms .bootstrap-select.btn-group .dropdown-menu.inner{
    padding: 6px 0;
}

.register-login-forms .dropdown-menu > li > a{
    color: #666;
    font-size: 12px;
    font-weight: 400;
    outline: none;
}
.register-login-forms .dropdown-menu > li > a:hover{
    color: #2aadde;
}

.register-login-forms .dropdown-menu{
    margin: 0;
    padding: 0;
}

.register-login-forms .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus{
    outline: none !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    /*font-weight: 600;*/
}

.register-login-forms .c-checkbox input:checked ~ .c-indicator {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=");
}

.register-login-forms .c-input > input:checked ~ .c-indicator {
    color: #FFF;
    background-color: #2AADDE;
}

.register-login-forms .c-checkbox .c-indicator {
    border-radius: 0.25rem;
}

.register-login-forms label.c-checkbox{
    /*text-transform: capitalize;*/
    padding-left: 25px;
     display: inline-block!important;
}

.register-login-forms .captcha{
    border: 1px solid #c6dade;
}

.register-login-forms .captcha{
    margin-top: 15px;
}

.register-login-forms .has-error .form-control{
    border-color: #A94442;
}

.has-error{
    font-size: 12px;
}

.help-block{
    margin: 0;
}

.divNotifications{
    display: none;
}

.form-group .caret{
    border-top: 8px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    color: #668c98;
}
.form-group .dropup .caret,
.form-group .dropdown .caret{
    border-top: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 8px dashed;
}

.ms-drop label{
    font-size: 12px;
    text-transform: capitalize;
}

.ms-drop ul > li label.optgroup{
    text-transform: uppercase;
    font-size: 12px;
}


.ms-drop ul{
    padding: 2px;
}

.ms-choice > span.placeholder{
  /*  font-weight: 600;*/
}

/* Login */
.login-caption-block .text-faded{
    max-width: 605px;
    padding: 25px 40px;
    font-size: 14px;
}

.login-caption-block h1{
    margin: 10px 0;
}

.login-caption-block .btn{
    min-width: 290px;
    margin: 0 15px 15px;
    padding: 10px 20px;
    font-weight: 500;
}

.login-caption-block .top_text_block{
    line-height: 30px;
}

.login-caption-block .registration_buttons{
    text-align: center;
    margin: 30px 0 0;
}

.login-social-buttons{
    margin-bottom: 25px;
}

.login-social-buttons .btn-social{
    color: #FFF;
    margin-bottom: 15px;
    padding: 10px 2px !important;
    font-size: 14px !important;
}

.forgot-pass{
    cursor: pointer;
    color: #00aced;
}

.forgot-block{
    display: none;
}

.logged-in a{
    background-color: #fd7d05;
    margin-left: 15px;
    color: #FFF;
}

.logged-in a:hover, .logged-in a:focus{
    background-color: #fe922d !important;
    margin-left: 15px;
    color: #FFF !important;
}

.logged-in-new a {
    background-color: #00aeef;
    margin-left: 15px;
    color: #FFF;
}

.logged-in-new a:hover, .logged-in-new a:focus {
    background-color: #00aeef !important;
    margin-left: 15px;
    color: #FFF !important;
}

/* Edit Job Description Page */
.job-description h4.form_title{
    margin-top:10px;
    color: #2AADDE;
}


/*
    Interim Professional Advantages
*/
ul.advantages{
    margin-left: 20px;
}

ul.advantages li span, ul.advantages li i{
    display: table-cell;
}

ul.advantages li i{
    padding-right: 10px;
    font-size: 14px;
    color: #339A63;
}

ul.advantages li{
    line-height: 22px;
    display: table;
    margin-bottom: 10px;
}
/*
ul.advantages li:before{
    font-family: 'FontAwesome', sans-serif;
    font-size: 14px;
    color: #339A63;
    content: "\f00c";
    display: table-cell;
    padding-right: 15px;
}*/

/* User agreement */
ul.agreements{
    margin-left: 20px;
}
ul.agreements li{
    line-height: 22px;
    display: table;
    margin-bottom: 10px;
}

ul.agreements li span, ul.agreements li i{
    display: table-cell;
}

ul.agreements li i{
    padding-right: 10px;
    font-size: 14px;
    color: #339A63;
}

#giftModal ul.gift-advantages{
    margin-left: 0;
}

ul.gift-advantages{
    margin-left: 20px;
}

ul.gift-advantages li span{
    width: 20%;
    text-align: right;
}

ul.gift-advantages li span,
ul.gift-advantages li i{
    display: table-cell;
}

ul.gift-advantages li i{
    padding-right: 10px;
    font-size: 14px;
    color: #339A63;
    width: 7%;
}

ul.gift-advantages li{
    line-height: 22px;
    display: table;
    margin-bottom: 10px;
    width: 90%;
}
/*
ul.agreements li:before{
    font-family: 'FontAwesome', sans-serif;
    font-size: 14px;
    color: #339A63;
    content: "\f10c";
    display: table-cell;
    padding-right: 15px;
}
*/

/*
    Employerse Advantages
*/
.advantages-content h2{
    margin: 0 0 20px 10px;
}
.agreement-content h2, .agreement-content h3, .agreement-content h4{
    margin: 20px 0;
}

@media (min-width: 768px){
    .agreement-content{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px){
    ol{
        padding-left: 15px;
    }
    ul.agreements{
        margin: 10px;
    }
}

.agreement-table{
    margin-bottom: 20px;
}

.agreement-table h4{
    margin: 0;
    font-weight: bold;
}

.agreement-table td{
    padding: 10px;
    border-color: #00aced;
}

.agreement-table>thead>tr>th,
.agreement-table>tbody>tr>th,
.agreement-table>tfoot>tr>th,
.agreement-table>thead>tr>td,
.agreement-table>tbody>tr>td,
.agreement-table>tfoot>tr>td{
    border-color: #00aced;
}

/*
    Professional Pages
*/
.overrite_data{
    background-color: #FFF;
    padding: 20px;
    display: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

/* Pop Up Styles */
/* Style you custom popupbox according to your requirement */
.popupbox {
    background-repeat:no-repeat;
    display: none; /* Hidden as default */
    float: left;
    position: fixed;
    top: 50%; left: 50%;
    background-color: #FFF;
    padding: 30px;
}

#fade {
    display: none; /* Hidden as default */
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
}

/* File Upload */

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    text-transform: uppercase;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.popup-contact-form label{
    margin-top:15px;
}

#import_cv{
    display: none;
}

.resignation-form label.c-radio{
    text-transform: none;
}
.resignation-form label.c-checkbox{
    line-height: 26px;
}

.resignation-form .c-checkbox .c-indicator{
    top: 4px;
}

.ul-listing li i {
    color: #339a63;
    font-size: 16px;
    display: table-cell;
    padding-right: 4px;
    position: relative;
    top: 0;
}

.ul-listing li {
    position: relative;
    display: table;
    margin: 0 0 10px;
}

.profile-icon span{
    display: table;
}

.profile-icon span i{
    display: table-cell;
    padding-right: 5px;
}

/* Modal popup vertical position*/
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

@media (min-width: 768px) {
    #applyModal .modal-dialog {
        width: 760px;
        margin: 30px auto;
    }
    .apply-table{
        width: 360px;
    }
    .modal760 .modal-dialog{
        width: 760px;
        margin: 30px auto;
    }

    .modal780 .modal-dialog{
        width: 780px;
        margin: 30px auto;
    }
}

.modal760 label{
    font-weight: 400;
}

.modal-body{
    padding: 15px 25px;
}

.reset_padding{
    padding: 0;
}

.uploadProfileimg{
    margin: 15px 0;
    float: left;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.uploadProfileCompanyImg {
    margin: 15px 0;
    float: left;
   
    width: 100px;
  
}

.col_upload_img{
    width: 120px;
    float: left;
}

.col_remove_logo{
    margin: 40px 0 0;
    width: 50%;
    float: left;
}
.col_remove_logo_company {
    margin: 0;
    width: 50%;
    float: left;
}

@media (max-width: 500px) {
    .col_upload_img{
        width: 120px;
        float: left;
    }

    .col_remove_logo{
        margin: 10px 0;
        width: 100%;
        float: left;
    }
    .col_remove_logo_company {
        margin: 10px 0;
        width: 100%;
        float: left;
    }
}

.btn_remove_logo{
    height: 100px;
}

.upload-btn{
    border: 0 none;
    border-image: none;
    height: 40px;
    box-shadow: none;
}

/* apply modal */
#spanTime{
    font-weight:bold;
    font-size: 22px;
    color: #2aadde;
}

#tijd, .apply-table{
    font-size: 12px;
}

.apply-table{
    line-height: 24px;
}

.apply-right-block h2{
    margin-top: 0;
}
.apply-right-block{
    padding: 20px;

    background: #eee;
    border-radius: 6px;
    color: #344a5e;
}

.apply-right-block h3{
    font-size: 14px;
    margin-top: 0;
}

.apply-right-block ul.advantages li{
    font-size: 12px;
}

.apply-right-block ul{
    margin-left: 0 !important;
}

.width-60-percent{
    width: 60%;
}

.modal_content{
    z-index: 99999;
    position: fixed;
    top: 80px;
    padding: 20px;
}

.modal_content_home{
    z-index: 99999;
    position: absolute;
    top: 80px;
    padding: 20px;
}

.modal_content_home .filters-header,
.modal_content .filters-header{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;


    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal_content_home .content-block-bgr,
.modal_content .content-block-bgr{
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal_bgr{
    background: #000;
    opacity: 0.5;
    z-index: 99998;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal_bgr_home{
    background: url(/images/home.jpg) no-repeat 0 0 transparent;
    z-index: 99998;
    width: 100%;
    height: 2040px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*
.apply-right-block ul.advantages li:before{
    color: #FFF;
}*/

.apply-right-block ul.advantages li i{
    color: #339A63;
}

@media (max-width: 768px){
    .apply-table{
        width: 100%;
    }
    .apply-right-block{
        margin-top: 15px;
    }
}

/* interim cv accept */
.tTip_b{
    display: table;
}
.tTip_b i{
    display: table-cell;
}

/* Accordion css */
#accordion .ui-state-active{
    background: #2aadde;
    color: #FFF;
}

#accordion .ui-widget-content{
    color: #666;
    border: 0 none;
}

#accordion .ui-accordion-header{
    font-size: 14px;
    margin-top: 15px;
    line-height: 24px;
}

#accordion .ui-widget-content a{
    color: #00aced;
}

#accordion .ui-widget-content a.btn{
    color: #FFF;
}

#accordion .ui-state-focus{
    outline: none;
}

@media (max-width: 660px){
    .caption-text .text-faded, .caption-text-m .text-faded{
        font-size: 11px;
    }
    .login-caption-block{
        bottom: -27px;
        margin:5px;
    }
}

@media (max-width: 640px){
    .job-results .job-sector,
    .job-results .job-title,
    .job-results .job-region{
        width: 100%;
        margin: 15px 0 0;
    }

    .review-score-container{
        display: block;
        margin: 0;
        padding: 0 0 0 10px;
        float: left;
    }

    .sector-icon{
        padding: 2px 10px 0 0 !important;
    }

    .job-sector span{
        font-weight: normal !important;
    }
}

@media (max-width: 500px) {
    .interim-professional .job-title-interim{
        width: 100%;
    }
    .interim-professional .job-rate,
    .interim-professional .review-score,
    .interim-professional .job-sector,
    .interim-professional .job-region{
        width: 50%;
    }
    .interim-professional .job-summary{
        display: none;
    }
}



@media (min-width:768px) {
    .mobile_button{
        padding-left: 0;
    }
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 77px;
        padding: 0;
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
        text-shadow: 0 1px 2px #444;
    }

    .navbar-toggle{
        margin-top: 12px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color: #557cac;
        float: left;
        margin-left: 0;
    }

    .navbar-icon{
        float: right;
        margin: 15px 20px 10px;
    }
    .navbar-fixed-top{
        border-width: 0;
    }
    .navbar{
        border-bottom: 0 none;
        margin-bottom: 0;
    }
    .navbar-default {
        border-color: rgba(61,108,164,.3);
        background-color: rgba(61,108,164,0.85);
        min-height: 60px;
        box-shadow: 0 1px 2px #444;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: #00aeef;
        height: 60px;
        padding: 8px 0 0;
        margin: 0;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #63bfe3;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #FFF;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #63bfe3;
        background: none;
    }
    .navbar-brand i.text-primary{
        visibility: visible !important;
    }

    .navbar-brand i.text-primary:before{
        margin-right: 6px;
    }
    /* affix - when scroll down */
    .navbar-default.affix {
        border-color: rgba(61,108,164,.3);
        background-color: rgba(61,108,164,0.85);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        /*font-size: 22px;*/
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #004179;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #FFF;
        /*font-weight: 500;*/
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #00aeef;
    }
}



@media (min-width: 320px) and (max-width: 640px){
    .caption-text .text-faded, .text-faded p, .caption-text-m .text-faded{
        font-size: 14px !important;
        line-height: 20px;
        margin: 0 0 10px;
        padding: 6px;
    }
    .login-caption-block .btn{
        min-width: 90%;
    }

    h1.page-title {
        line-height: 22px;
        font-size: 14px !important;
    }
    .caption-text .text-faded, .text-faded p, .caption-text-m .text-faded{
        font-size: 12px !important;
    }

    .homepage .slider {
        max-height: 400px;
    }
}


/* Mobile Small */
@media (max-width:320px){
    .navbar-brand{
        padding: 15px 0;
    }
}

/* Mobile */
@media (max-width:767px){
    .no_alpha_onmobile{
        padding-left: 15px !important;
    }
    .no_omega_onmobile{
        padding-right: 15px !important;
    }
    .no-bot-margin-on-mobile{
        margin-bottom: 0;
    }

    .header_text_block{
        top: 0;
    }
    .caption-block{
        margin-bottom: 20px;
    }
    .slider{
        max-height: 510px;
    }
    .flex-nav-prev,
    .flex-nav-next{
        display: none;
    }
    .mobile_input{
        margin-top: 20px;
    }
    .job-description .rwd-table tr td:first-child{
        padding-left: 0;
    }
    .job-description .rwd-table tr td:last-child:before{
        display: inline;
    }

    .mobile_button{
        margin-top: 25px;
        padding-left: 0;
        padding-right: 0;
    }
    .mobile_button_sm{
        margin-top: 15px;
    }
    .register-login-forms .form-group{
        margin-bottom: 10px;
    }
    .navbar-brand{
        height: 60px;
    }
    .navbar{
        min-height: 60px;
        margin-bottom: 0;
    }
    .navbar-default {
        box-shadow: 0 1px 2px #444;
    }
    .slider{
        top: 0;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus{

    }
    .navbar-toggle{
        margin-top: 13px;
    }

    .flexslider .slides h2{
        font-size: 20px;
    }

    .btn-xl{
        font-size: 12px;
        line-height: 12px;
        padding: 12px 16px;
    }

    .caption-text, .caption-text-m{
        background: none;
    }

    .caption-block-sm{
        margin-bottom: 10px;
    }

    .navbar-default .navbar-collapse{
        border-color: #557cac;
    }

    .search-results .results{
        text-align: left;
    }
    .job-rate{
        text-align: left;
        margin-top: 15px;
    }
    .review-score{
        font-size: 12px;
    }
    .interim-professional .job-sector, .interim-professional .job-region{
        margin: 15px 0 0;
    }
    .interim-professional .review-score i.fa{
        display: table-cell;
        padding: 5px 5px 0 0;
    }
    .back-button, .apply-button{
        text-align: center;
        width: 100%;
        margin: 15px 0 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .professional-detail-content h2.page-title{
        text-align: center;
        margin-bottom: 15px;
    }
    .professional-header .profile-icon{
        padding-left: 0;
        text-align: left;
        margin-bottom: 15px;
    }
    .professional-header{
        margin-bottom: 5px;
        padding: 0;
    }
    .professional-description{
        padding: 0;
    }

    .content-block-bgr{
        padding: 15px;
    }

    .professional-favorite-jobs .rwd-table td:first-child{
        padding-left: 0;
    }

}

@media (min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
    .header_text_block{
        top: 150px;
    }
}

/*
    SM
*/
@media (max-width: 991px){
    /* job listing header*/
    .filters-header{
        font-size: 12px;
    }
    .professional-header .profile-icon{
        padding-left: 0;
        text-align: left;
        margin-bottom: 15px;
    }
    .professional-header{
        margin: 0;
    }
    .no-bot-margin-up991{
        margin-bottom: 0;
    }
    .mobile_button_sm{
        margin-top: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .container {
        width: 100%;
    }
    .header_text_block{
        top: 150px;
    }
}


@media (max-width: 1199px){
    .mobile_input{
        margin-top: 20px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color: #FFF;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
        color: #00aeef;
    }
    .navbar-default.affix .nav > li>a:hover, .navbar-default.affix .nav>li>a:focus:hover{
        color: #00aeef!important;
        background-color: transparent;
        border: 0 none;
    }
    .navbar-collapse{
        float: none !important;
    }
    .navbar-collapse .nav > li>a:hover,
    .navbar-collapse .nav>li>a:focus:hover,
    .navbar-collapse ul li a{
        color: #00aeef;
    }
    .navbar-collapse .navbar-nav{
        margin: 0;
    }

    .navbar-default .nav li a{
        line-height: 22px;
        padding: 10px;
    }

    .navbar-default .nav li a:hover{
        background-color: transparent;
    }

    .navbar-default .nav{
        float: none;
    }

    .navbar-default .nav > li{
        float: none;
    }

    .navbar-default .nav > li a{
        display: block;
    }

    .nav li a.selected{
        color: #00aeef;
        margin: 0;
        border: 0 none;
    }

    .no-bot-margin-up1199{
        margin-bottom: 0;
    }
    .mobile_button_sm{
        margin-top: 15px;
    }
}

@media (min-width: 1200px){
    .job-profile-img{
        width: 13.66666667%;
    }
    .job-title-interim{
        width: 36.333333%;
    }
}



/* Responsive Table */
.rwd-table {
   width: 100%;
}
.rwd-table tr {
    border-bottom: 10px solid #f5f5f5;
    color: #666;
    font-size: 12px;
}
.rwd-table th {
    display: none;
    font-size: 14px;
    color: #2aadde;
    font-weight: 600;
    text-transform: uppercase;
}
.rwd-table td a{
    color: #666;
}
.reviews-table td a{
    color: #ffffff;
}



.rwd-table td {
    display: block;
    line-height: 38px;
}

.rwd-multi-line{
    margin: 20px 0;
}
.rwd-multi-line td{
    line-height: 26px;
    vertical-align: top;
}
.rwd-multi-line h2{
    margin: 0;
}

.rwd-table td:before {
    content: attr(data-th) ": ";
    font-weight: bold;
    width: auto;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 10px;
    color: #2aadde;
}

.rwd-table th, .rwd-table td {
    text-align: left;
    margin: 10px;
    padding-left: 5px;
}

/* Rate Table */
.rwd-table td.title-label{
    width: 61%;
}
.rwd-table td.input-field{
    width: 18%;
}

.rwd-table input.euros {
    background-image: url("/images/euro-sign.png");
    background-repeat: no-repeat;
    background-position: 5px 14px;
    text-align: right;
    padding: 5px 20px !important;
}
.rwd-table input.noeuros {
    text-align: right;
}



@media (max-width: 1200px){
    .rwd-table td.title-label{
        width: 100%;
    }
    .rwd-table td.input-field{
        width: 100%;
    }
    .rwd-table .bgr-blue{
        display: none;
    }
}


/* Professional Favorite Jobs Table */
.professional-favorite-jobs .rwd-table td:first-child{
    padding: 0 5px 0 10px;
    font-size: 12px;
}

.professional-favorite-jobs .rwd-table td:first-child:before {
    display: none;
}

.professional-favorite-jobs .rwd-table input[type=checkbox]{
    margin-right: 6px;
}

.rwd-table-languages input[type=text]{
    padding: 5px;
    margin: 0;
    max-width: 80%;
}


/* Rate tables */
.uurtarief-number {
    font-weight: bold;
    color: #00aeef;
    font-size: 28px;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 15px;
    float: right;
    text-align: right;
}

@media (min-width: 767px) {
    .rwd-table td:before {
        display: none;
    }
    .rwd-table th, .rwd-table td {
        display: table-cell;
    }

    .rwd-table-languages .rwd-table th, .rwd-table-languages .rwd-table td{
        display: block;
    }

    /*.rwd-table th:first-child, .rwd-table td:first-child {
        padding-left: 0;
    }
    .rwd-table th:last-child, .rwd-table td:last-child {
        padding-right: 0;
    }*/
}

@media (max-width:767px){
    .professional-favorite-jobs .rwd-table td:last-child:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: auto;
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        padding-right: 10px;
        color: #2aadde;
    }

    .rwd-table-languages .rwd-table td:before{
        display: none;
    }
}


@media (min-width: 1200px) {
    .rwd-table-languages .rwd-table th, .rwd-table-languages .rwd-table td{
        display: table-cell;
    }
}

#divRepeatEmail {
    display: none;
}

.sector-icon{
    font-size: 28px;
    color: rgb(42, 173, 222);
    display: table-cell;
    padding: 2px 0 0;
    width: 42px;
}

.job-sector span{
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 18px;
    color: rgb(42, 173, 222);
    font-weight: 600;
    padding-top: 0;
    letter-spacing: -0.4px;
}

.job-sector span.big-title{
    font-size: 20px;
    line-height: 22px;
}

.job-sector span.read-more{
    font-size: 10px;
    text-align: left;
}

.job-sector span.read-more a{
    color: rgb(42, 173, 222);
    text-transform: uppercase;
}

.job-sector span.read-more a:hover, .job-sector span.read-more a:focus{
    color: #333;
}

.read-more-btn a{
    color: #FFF;
    background: #00aeef;
    padding: 2px 15px;
    margin-left: 42px;
    text-transform: uppercase;
    font-size: 10px;
}

.read-more-btn a:hover{
    background: #666;
    text-decoration: none;
}

.read_more_wrap{
    margin: 0;
}

.no-uppercase:first-letter{
    text-transform: capitalize !important;
}
.no-uppercase label:first-letter {
      text-transform: capitalize !important;
}
.no-uppercase, .no-uppercase label{
    text-transform: lowercase !important;
    margin-top: 5px !important;
}
.formHolder .control-label {
    /* padding-left: 0px; */
    font-weight: normal;
    padding-top: 6px;
    padding-bottom: 6px;
}

.multiselect span {
   /* text-transform: capitalize;*/
}


.notVisible {
    visibility: hidden;
    height: 0 !important;
}

.notVisible label {
    margin: 0;
}

.visible {
    visibility: visible;
    height: auto !important;
}

.visible label {
    margin: 0 0 5px;
}

/** Crop it **/
.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    margin-top: 15px;
    width: 102px;
    height: 102px;
    border-radius: 50%;
}

.cropit-preview-company {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    margin-top: 15px;
    width: 204px;
    height: 102px;
}

.cropit-preview-image-container {
    border-radius: 50%;
}

.cropit-preview-image-container {
    cursor: move;
}

.image-size-label {
    margin-top: 10px;
}

.export{
    display: inline-block;
    margin: 10px 0 0;
}

.rotate-ccw i, .rotate-cw i{
    font-size: 22px;
    display: inline-block;
    cursor: pointer;
	color: #fd7d05;
}

.toggle-search{
    display: none;
}

.search-filters-block{
    display: block;
}

@media (max-width:768px){
    .search-filters-block{
        display: none;
        padding: 15px !important;
    }
    .toggle-search{
        display: block;
        position: absolute;
        bottom: 10px;
        right: 14px;
        cursor: pointer;
    }
    .toggle-search i{
        font-size: 22px;
    }
    .filter_header_btn{
        cursor: pointer;
    }
    .results-wrapper{
        padding:0 15px 5px 15px !important;
    }


    .results-text{
        font-size: 12px;
    }
    .search-results .results{
        padding: 0 !important;
    }
    .search-results .results-wrapper h1{
        font-size:14px !important;
        padding: 7px 0 !important;
    }

    .form-group{
        margin-bottom: 10px !important;
    }

    .job-list{
        padding: 5px 20px !important;
    }
    .job-title a{
        font-size: 12px !important;
    }

    .job-results .job-sector,
    .job-results .job-title,
    .job-results .job-region{
        margin: 5px 0 0 !important;
    }
}

.top_space_without_breadcrumb{
    margin-top: 38px;
}

.search-results{
    padding-top: 0!important;
}
/* Loader Search filters*/


#parentHome #popup {
    display: none;
    position: absolute;
    top: -50px;
    font-size: 12px;
    background-color: white;
    padding: 5px;
    font-style: italic;
    color: black;
}

#parent #popup {
    display: none;
    position: absolute;
    font-size: 12px;
    padding: 5px;
}

@media (max-width: 768px) {
    #parent #popup {
        position: relative;
    }
    #parentHome #popup {
        display: none;
        position: absolute;
        top: -40px;
        font-size: 12px;
        background-color: white;
        padding: 5px;
        font-style: italic;
        color: black;
    }
}
.loader {
    width: 104px;
    height: 104px;
    -webkit-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
    background: url(/images/load.png) no-repeat 0 0 transparent;
    margin: 0 auto;

}

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

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

/* Account Interim colapse filters*/
/* Collapse/expand */
.minus:before{
    content:"\f146";
    font-family: FontAwesome;
    font-size: 16px;
    color:white;
    float: right;
    text-decoration: none;
    cursor:pointer;
}

.minus, .plus{
    cursor: pointer;
}

.plus:before{
    content:"\f0fe";
    font-family: FontAwesome;
    font-size: 16px;
    color:white;
    float: right;
    text-decoration: none;
    cursor:pointer;
}

.header{
    height: 30px;
    background-color: #049F51;
    color: white;
    padding-left: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    letter-spacing: 1px;
}
.expand{display:inline-block;}


/*** Btns ****/

body .btn-bg.Ocean {
    background: none;
    margin-top: 2px;
}
body .btn-bg.Ocean .btn-group .Debris a.link {
    color: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    border: 1px solid #fff;
    background: transparent;
    transition: all 2s ease;
    display: block;
}
body .btn-bg.Ocean .btn-group .Debris a.link span {
    position: absolute;
    content: '';
    top: 1.5em;
    left: 50%;
    width: 20em;
    height: 20em;
    opacity: 0.5;
    background: #fff;
    margin-left: -10em;
    border-radius: 42.5%;
    transform-origin: 50% 50%;
    animation: wave 20s infinite linear;
    transition: all 2s ease, top 1.5s ease;
}

@media (max-width: 768px){
    body .btn-bg.Ocean .btn-group .Debris a.link span{
        margin-left: -15em;
        width: 30em;
        height: 30em;
    }

    body .btn-bg.Ocean .btn-group .Debris a.link{
        width: 198px;
    }
}

body .btn-bg.Ocean .btn-group .Debris a.link:hover {
    color: #FFF;
    border-color: #00aeef;
    transition: all 2s ease;
}
body .btn-bg.Ocean .btn-group .Debris a.link:hover span {
    opacity: 0.7;
    top: 0.5em;
    background-color: #00aeef;
    transition: all 2s ease, top 1.5s ease;
}
body .btn-bg.Ocean .btn-group .Coral a.link {
    color: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    border: 5px solid #fff;
    background: transparent;
    transition: all 1s ease;
}
body .btn-bg.Ocean .btn-group .Coral a.link span {
    position: absolute;
    content: '';
    top: 1.75em;
    left: 50%;
    width: 20em;
    height: 20em;
    margin-left: -10em;
    border-radius: 42.5%;
    transform-origin: 50% 50%;
    transition: all 1s ease, top 1.5s ease;
}
body .btn-bg.Ocean .btn-group .Coral a.link .Coralwave1 {
    background: #ffb733;
    animation: smallwave 3s infinite linear;
}
body .btn-bg.Ocean .btn-group .Coral a.link .Coralwave2 {
    background: #f97890;
    animation: smallwave 4s infinite linear;
}
body .btn-bg.Ocean .btn-group .Coral a.link .Coralwave3 {
    background: #4ab3e1;
    animation: smallwave 5s infinite linear;
}
body .btn-bg.Ocean .btn-group .Coral a.link:hover {
    transition: all 1s ease;
}
body .btn-bg.Ocean .btn-group .Coral a.link:hover span {
    top: 0.5em;
    transition: all 1s ease, top 1.5s ease;
}

body .btn-bg.link {
    background: #f99734;
}
.btn-group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: left;
    max-width: 1200px;
}
@media screen and (max-width: 480px) {
    .btn-group {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: left;
    }
}

.btn-info {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
    font-size: 3.5em;
    color: #fff;
}
.btn-mention {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 1.1em;
    color: #fff;
}
.btn-mention span {
    font-size: 1.2em;
    font-weight: 600;
}
a.link {
    cursor: pointer;
    overflow: visible;
    outline: none;
    color: #fff;
    position: relative;
    letter-spacing: 0.1em;
    font-weight: 400;
    padding: 7px 9px 8px;
    text-transform: uppercase;
}
a.link {
    text-decoration: none;
}
@-moz-keyframes wave {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.975);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}
@-webkit-keyframes wave {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.975);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}
@-o-keyframes wave {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.975);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}
@keyframes wave {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.975);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}
@-moz-keyframes smallwave {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: rotate(180deg) scale(0.95);
        opacity: 0.25;
    }
    100% {
        transform: rotate(360deg) scale(1);
        opacity: 0.8;
    }
}
@-webkit-keyframes smallwave {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: rotate(180deg) scale(0.95);
        opacity: 0.25;
    }
    100% {
        transform: rotate(360deg) scale(1);
        opacity: 0.8;
    }
}
@-o-keyframes smallwave {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: rotate(180deg) scale(0.95);
        opacity: 0.25;
    }
    100% {
        transform: rotate(360deg) scale(1);
        opacity: 0.8;
    }
}
@keyframes smallwave {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 0.8;
    }
    50% {
        transform: rotate(180deg) scale(0.95);
        opacity: 0.25;
    }
    100% {
        transform: rotate(360deg) scale(1);
        opacity: 0.8;
    }
}


/** Video Container **/
.video-container {
    /*position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;*/
}

.video-bgr-layer{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 60px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.video-bgr-layer-home{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 60px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(87, 125, 174, 0.2);
}
.main-search-container-wrap,
.main-search-container {
    position: relative;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 9;
    background-size: cover;
}



@media (orientation: portrait){
    .main-search-container-wrap > video,
    .main-search-container > video{
        width: auto;
        height: calc(100% + 1px);
    }
}


.main-search-container video {
    position: relative;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -10;
    top: 60px !important;
    vertical-align: top;
}

.main-search-container-wrap video{
    position: relative;
    margin: 0 auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -10;
    top: 60px !important;
    vertical-align: top;
    max-height: 600px;
    background: rgba(161, 169,193, 0.75);
}

@media (max-width: 768px){
    .main-search-container-wrap video,
    .main-search-container video {
        -webkit-transform: translate(-30%,0%);
        transform: translate(-30%,0%);
        max-height: 600px;
        width: auto;
    }

}

/*** Center Buttons ***/
.center-buttons{
    position: relative;
    width: 100%;
}

@media (max-width: 768px){
    .center-buttons{
        left: -8px;
    }
}

.three-buttons{
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 9999999;
}

/*** Home-slogan  ***/
.home-slogan{
    background: #f2f2f2;
    text-align: center;
}

.slogan-text-wrapper,
.home-slogan-text{
    font-size: 16px;
    line-height: 28px;
    padding: 0 20px;
}

.slogan-text-wrapper h2{
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
}

/** Block Items **/
.icons-wrapper li div.icon-item-wr{
    position: relative;
    display: block;
    text-align: center;
    min-height: 170px;
    border: 1px solid #dedede;
    text-decoration: none;
    color: #444;
}

.icons-wrapper li div.icon-item-wr:hover{
    background: #00aced;
    color: #FFF;
}

.icons-wrapper li div.icon-item-wr:hover .icon-caption{
    color: #FFF;
}

.icons-wrapper li div.icon-item-wr:hover .pi_item{
    background-image: url(/images/icons/sprite_w.png);
    min-height: 120px;
    max-width: 240px;
    overflow: hidden;
}

.icons-wrapper li div.icon-item-wr:hover .cat-buttons a{
    color: #FFF;
    opacity: 1;
}

.icons-wrapper li .icon-item-wr .pi_item{
    background-image: url(/images/icons/sprite.png);
    min-height: 120px;
    max-width: 260px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-position-x: center;
}

.icons-wrapper li .cat-buttons a{
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
    opacity: 0;
    font-size: 12px;
}

.icons-wrapper li .cat-buttons a:first-child{
    border-right: 1px solid #FFF;
}

.icons-wrapper li .cat-buttons{
    border-top: 1px solid #FFF;
}

.icons-wrapper li .cat-buttons a:hover{
    color: #FFF;
    text-decoration: none;
    background-color: #2b669a;
}



.icon-block{
    margin-bottom: 30px;
}

.icon-caption{
    text-align: center;
    color: #333;
    height: 36px;
    line-height: 36px;
    font-size:12px;
    text-transform: uppercase;
}

.it-icon{
    background-position: 10px -10px;
}

.finance-icon{
    background-position: 10px -190px;
}

.marketing-icon{
    background-position: 10px -370px;
}

.hr-icon{
    background-position: 10px -550px;
}

.construction-icon{
    background-position: 10px -730px;
}

.logistic-icon{
    background-position: 10px -900px;
}

.medical-icon{
    background-position: 10px -1080px;
}

.legal-icon{
    background-position: 10px -1260px;
}

.facility-icon{
    background-position: 10px -1440px;
}

.education-icon{
    background-position: 10px -1600px;
}

/** Search block home **/
.search-filters-home{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 15px;
    background: none;
}

@media (max-width: 768px){
    .search-filters-home{
        bottom: 10%;
        padding: 0;
    }
}

@media (max-width: 468px){
    .search-filters-home{
        bottom: 20%;
        padding: 0;
    }
}

.search-filters-home input[type=text]{
    width: 100%;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c6dade;
    -webkit-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
    box-shadow: 0 1px 3px 0 rgba(167,214,227,0.3);
}

.search-filters-home input[type=text]:focus{
    outline: none;
}

.search-filters-home input[type=button]{
    color: #FFF;
    width: 100%;
    border: 0 none;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.search-filters-home input[type=button].clear-filters{
    background-color: #cd0c0c;
}

.search-filters-home input[type=button].search{
    background-color: #2aadde;
}

.search-filters-home input[type=button].clear-filters:hover{
    background-color: #ed1c24;
}

.search-filters-home input[type=button].search:hover{
    background-color: #00aeef;
}

.search-filters-home input[type=button].grey-button{
    background-color: #a5a4a4;
}

.search-filters-home input[type=button].grey-button:hover{
    background-color: #bebdbd;
}


.search-filters-home .btn-default{
    padding: 0 10px;
    line-height: 20px;
    border: 0;
    background: #FFF;
    margin-right: 20px;
    color: #333;
}
.search-filters-home .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
}

.search-filters-home .dropdown-toggle.btn-default{
    border-color: #ededed !important;
    color: #333 !important;
    background-color: #fff !important;
}
.search-filters-home .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    top: 10px;
    position: relative;
}

.search-filters-home .ms-choice > span.placeholder{
    color: #333;
    font-size: 12px;
}
.search-filters-home .dropdown-menu,
.search-filters-home .navbar-nav>li>.dropdown-menu{
    background: #FFF !important;
}

.search-filters-home .dropdown-menu>li>a:hover,
.search-filters-home .dropdown-menu>li>a:focus,
.search-filters-home .dropdown-menu>li>a{
    color: #333;
    font-size: 12px;
}

.search-filters-home input[type=text]{
    font-size: 12px;
    color: #333;
    padding: 10px 20px;
    line-height: 18px;
}

.btn-transparent{
    background-color: rgba(0,0,0,0.5);
}

.btn-mid-bold{
    font-weight: 600;
}

.search-filters-home .btn-orange:hover,
.search-filters-home .btn-orange:focus{
    background-color: #fd7d05;
    opacity: 1;
}


.search-filters-home .btn-green:hover,
.search-filters-home .btn-green:focus{
    background-color: #52b173;
    opacity: 1;
}

.search-filters-home .search_button{
    padding: 8px;
    background: rgba(42, 173, 222, 0.75);
}

.search-filters-home .search_button:hover,
.search-filters-home .search_button:focus{
    background: rgba(42, 173, 222, 1);
}

.search-filters-home .search_button i{
    font-size: 18px;
    line-height: 24px;
}

.main-h1-container{
    width: 100%;
    text-align: center;
    margin: 10px 0 30px;
}

.main-h1-container h1.custom{
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.75);
    text-align: center;
    font-weight: bold;
    font-size: 42px !important;
    line-height: 1.33;
    margin: 0 0 30px;
    text-transform: none;
}

@media (max-width: 990px){
    .main-h1-container{
        margin: 10px 0;
    }

    .main-h1-container h1.custom{
        font-size: 32px !important;
        margin: 0 0 10px;
    }
}

@media (max-width: 768px){
    .main-h1-container h1.custom{
        font-size: 22px !important;
        line-height: 1.33;
    }
}

@media (max-width: 460px){
    .main-h1-container h1.custom{
        font-size: 16px !important;
        line-height: 1.5;
    }
}
/** Togle **/
.toggle-cat-middle {
    text-align: center;
    margin: 0 auto;
    padding: 2rem;
    cursor: pointer;
}

.toggle-cat-middle .active {
    color: green;
}


/** Home Services **/
.home-services h2{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #666;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: inherit;
    text-align: center;
}

@media (max-width: 768px){
    .home-services h2{
        font-size: 18px;
        line-height: 1.5;
    }
}

.portfolio-box .view{
    min-height: 309px;
}

.portfolio-box h2{
    padding: 0 10px;
}

.view-first .mask{
    min-height: 134px;
}

@media (max-width: 1200px){
    .view-first .mask{
        background: #00aeef;
        min-height: 90px;
    }
}

/** Service Boxes **/
section.blocks{
    background: #f2f2f2;
    padding: 20px 0 30px;
}

.service-box{
    display: block;
    position: relative;
    margin: 0 auto 30px auto;
    max-width: 650px;
    background-color: #2aadde;
    min-height: 290px;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #ccc;
}

.service-box:hover{
    background-color: #3d6ca4;
}

.service-box:hover .service-icon{
    animation: pulse 1s infinite;
}

.service-box .service-text{
    padding: 0 10px;
    position: absolute;
    bottom: 15px;
    min-height: 140px;
    text-align: center;
    width: 100%;
    color: #FFF;
}
.service-box .service-text h2{
    line-height: 1.5;
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 600;
}

.service-box .service-text span{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
}

@media (max-width: 768px){
    .service-box{
        min-height: 270px;
    }
    .service-box .service-text{
        min-height: 100px;
    }
    .service-box .service-text h2{
        font-size: 14px;
    }
    .service-box .service-text span{
        font-size: 14px;
    }
}

.service-icon{
    text-align: center;
    padding: 30px 0 10px;
}

.service-icon img{
    max-width: 80px;
}

.uniforce-icon{
    padding: 20px 0;
    text-align: center;
}

.uniforce-icon img{
    max-width: 180px;
}


.uniforce{
    position: relative;
    top: -15px;
}

.uniforce_logo{
    width: 100px;
}

.tulpenfonds-icon {
    padding: 20px 0;
    text-align: center;
}

.tulpenfonds-icon img {
        max-width: 180px;
        filter: brightness(0) invert(1);
}

.klap-icon {
    padding: 20px 0;
    text-align: center;
}

.klap-icon img {
    margin-top: 22px;
    max-width: 140px;
    filter: brightness(0) invert(1);
}
/** Job & Interim Homepages blocks **/
.homepages_header{
    background: #3d6ca4;
    padding: 5px 0;
    display: block;
}

.homepages_header h2.txt{
    float: left;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
    font-weight: 300;
    line-height: 44px;
    margin: 0;
}

.homepages_content{
    position: relative;
    height: 400px;
    padding: 38px 0;
    width: 100%;
}

.homepages_content.employers{
    background: url(/images/company_home_new.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.homepages_content.professionals{
    background: url(/images/interim_home_new.jpg) 50% 50% no-repeat;
    background-size: cover;
}

.gllp_1{
    margin: 60px 0 0;
}

.gllp_1 .txtbox p{
    font-weight: 400;
}

.gllp_1 .txtbox a{
    color: #FFF;
    text-decoration: underline;
}

.gllp_1 h1{
    position: absolute;
    bottom: 30px;
}

.homepages_content.gllp_1{
    background: url(/images/gllp_page_11.jpg) 50% 50% no-repeat;
    background-size: cover;
}
@media (max-width: 990px){
    .homepages_content.employers{
        background: url(/images/company_home_new.jpg) 30% 50% no-repeat;
        background-size: cover;
    }

    .homepages_content.professionals{
        background: url(/images/interim_home_new.jpg) 80% 50% no-repeat;
        background-size: cover;
    }
	
	.homepages_content.gllp_1{
        background: url(/images/gllp_page_1.jpg) 80% 50% no-repeat;
        background-size: cover;
    }
}

@media (max-width: 768px){
    .homepages_content.employers{
        background: url(/images/company_home_new.jpg) 45% 50% no-repeat;
        background-size: cover;
    }

    .homepages_content.professionals{
        background: url(/images/interim_home_new.jpg) 65% 50% no-repeat;
        background-size: cover;
    }
	
	.homepages_content.gllp_1{
        background: url(/images/gllp_page_1.jpg)65% 50% no-repeat;
        background-size: cover;
    }
}

.homepages_content .txtbox{
    width: 420px;
    background-color: rgba(77, 161, 210, 0.8);
    color: #FFF;
    padding: 30px 20px;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

@media (max-width: 990px){
    .homepages_content{
        background-size: contain;
        max-height: 250px;
    }
}

.homepages_content p{
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
}

.btn-white-border{
    width: 200px;
    background: transparent;
    border: 1px solid #FFF;
    font-size: 14px;
}

.btn-white-border:hover{
    background-color: #FFF;
    color: #00aced;
}

.btn-blue-240 {
    width: 240px;
    background: #00aeef;
    font-size: 12px;
}

    .btn-blue-240:hover {
        background-color: #07BAFF;
        color: #FFF;
    }
.btn-240{
    width: 240px;
}
section.advantages{
   margin: 30px 0 0;
    padding-bottom: 0;
}

section.textbox{
	 margin: 0;
    margin: 10px 0 10px;
}
section.advantages ul.advantages{
    font-size: 16px;
    line-height: 1.5;
    padding: 0;
    margin: 0 0 30px;
}

section.advantages ul.advantages li i{
    color: #4da1d2;
}

section.advantages p{
    margin-bottom: 0;
}
h3.adv{
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #3d6ba4;
    margin-bottom: 15px;
    line-height: 1.5;
}

@media (max-width: 768px){
    .slogan-text-wrapper h2,
    h3.adv{
        font-size: 18px;
    }
}

.adv-right-part svg{
    max-height: 300px;
    fill: #2aadde;
    margin-left: 100px;
}

@media (max-width: 990px){
    .adv-right-part svg{
        fill: #2aadde;
        margin-left: 0;
        max-height: 200px;
    }
}

.professionals-text, .employers-text, .gllp-text{
    background-color: #eee;
    padding: 20px 0;
}

.gllp-text .txtbox h2{
    margin-top: 5px;
}
/** Home Company **/
h2.bigger{
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #666;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: inherit;
    text-align: center;
}

.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
    margin: 30px 0;
}

    .svg-container span.account {
        left: 5px;
    }

    .svg-container img {
        margin: 0 auto;
        max-width: 200px;
    }

    .svg-container a {
        line-height: 34px;
    }

        .svg-container a:hover {
            text-decoration: none;
        }

    .svg-container span {
        border: 1px solid #00a0e4;
        padding: 0;
        border-radius: 6px;
        text-decoration: none;
        width: 171px;
        display: block;
        margin: 0 auto;
        position: relative;
        left: -14px;
        top: 10px;
    }

        .svg-container a:hover span,
        .svg-container span:hover {
            text-decoration: none;
            background-color: #00a0e4;
            color: #FFF;
        }

@media (max-width: 768px) {
    .svg-container img {
        max-width: 120px;
    }

    .svg-container span {
        width: 107px;
        display: block;
        margin: 0 auto;
        position: relative;
        left: -9px;
        top: 10px;
        font-size: 11px;
    }
}

section.buttons {
    background-color: #FFF;
    margin: 30px 0;
    padding: 0;
}
.pricing-table.selected{
    border: 2px solid #5cb85c;
}
.how-do-you-earn{
    margin: 10px 0;
}

.how-do-you-earn li{
    line-height: 26px;
}

.how-do-you-earn i{
    color: #00aced;
    font-size: 20px;
}

.how-do-you-earn li span{
    margin-left: 10px;
    font-size: 12px;
}


ul.listing-items{
    margin-left: 0;
}

ul.listing-items li span, ul.listing-items li i{
    display: table-cell;
}

ul.listing-items li i{
    padding-right: 10px;
    font-size: 14px;
    color: #339A63;
}

ul.listing-items li{
    line-height: 22px;
    display: table;
    margin-bottom: 10px;
}

ul.listing-items li:before{
    font-family: 'FontAwesome', sans-serif;
    font-size: 14px;
    color: #339A63;
    content: "\f00c";
    display: table-cell;
    padding-right: 15px;
}

.modal-body-invitation{
    padding: 15px;
}

@media (min-width: 990px){
    #invitation .modal-dialog{
        width: 800px;
    }
}

.line-right{
    border-right: 1px solid #eee;
}

.invitation-input{
    width: 75%;
    float: left;
}

.invbtn{
    float: left;
    width: 23%;
    padding: 8px !important;
    margin: 0 0 0 2px;
}

.invbtn i{
    font-size: 14px;
}

.clicktoopen{
    color: #00aced;
    text-decoration: underline;
    cursor: pointer;
}

.invitation_codes_table td i{
    font-size: 22px;
}

.invitation_codes_table td i.fa-check-circle{
    color: #339a63;
}
.invitation_codes_table td i.fa-times{
    color: #e00007;
}

.referral-code-adv{
    background-color: #FFF;
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px 1px #353535;
    box-shadow: 1px 1px 5px 1px #353535;
}

.referral-code-adv .how-do-you-earn li span{
    font-size: 14px;
    margin-left: 15px;
}

.referral-code-adv .how-do-you-earn i{
    color: #339a63;
}

.clock-icon i{
    font-size: 26px;
    color: #2badde;
    top: 3px;
    position: relative;
}

.black-color{
    color: #000;
}


.invitation_header{
    background: #2badde;
    padding: 5px 0;
    display: block;
}

.invitation_header h2.txt{
    float: left;
    font-size: 18px;
    color: #fff;
    text-transform: inherit;
    font-weight: 300;
    line-height: 44px;
    margin: 0;
}

.border-top-10{
    border-top:10px solid #f5f5f5;
}


/** How it works **/

.how-it-works-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: inherit;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: unset;
    height: auto;
}

.how-it-works i{
    font-size: 36px;
    color: #00aced;
}

.how-it-works-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.how-it-works-column .item{
    width: 50px;
    margin-left: 15px;
}

.how-it-works-text {
    margin-left: 10px;
    margin-top: 8px;
    font-size: 14px;
    width: 100%;
}
section.share-wrapper{
    margin: 10px 0 0px;
    padding: 0;
    padding-top: 0px;
}

@media (max-width: 990px){
    .how-it-works-text {
        margin-left: 0;
        font-size: 14px;
        width: 90%;
        line-height: 36px;
        margin-top: 0;
    }
}

.start-sharing h3{
    margin: 10px 0 20px;
}

@media (max-width: 768px){
    .how-it-works-text {
        line-height: 22px;
    }

    .how-it-works i{
        font-size: 26px;
    }

    .how-it-works-column .item{
        width: 50px;
    }

    .how-it-works h3{
        line-height: 20px;
    }

    section.share-wrapper{
        margin: 10px 0 10px;
        padding: 0;
        padding-top: 0px;
    }

    .start-sharing h3{
        margin: 10px 0 10px;
    }
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

h1.premium{
    font-size: 24px !important;
    font-weight: 400;
    margin: 0;
    color: #3d6ba4;
    margin-bottom: 15px;
    line-height: 1.5;
}


.how-it-works h3.txt{
    font-size: 18px;
    text-transform: inherit;
    font-weight: 400;
    line-height: 44px;
    color: #3d6ba4;
}

section.slider-with-text{
    margin: 40px 0 0;
    position: relative;
}

.slider-with-text .txtbox {
    position: absolute;
    bottom: 10%;
    z-index: 999;
    width: 450px;
    background-color: rgba(77, 161, 210, 0.8);
    color: #FFF;
    padding: 30px 20px;
    border-radius: 4px;
    text-align: center;
}

/** premium h1 over img **/
h1.premium-over-img{
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.75);
    text-align: center;
    font-weight: bold;
    font-size: 32px !important;
    line-height: 1.33;
    margin: 0 0 30px;
    position: absolute;
    z-index: 1024;
    bottom: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    width: 100%;
}


@media (max-width: 990px){
    h1.premium-over-img{
        font-size: 32px !important;
    }
}

@media (max-width: 768px){
    .slider-with-text .txtbox{
        display: none !important;
    }
    .owl-carousel .owl-item img{
        -webkit-transform: translate(-25%,0%);
        transform: translate(-25%,0%);
        max-height: 320px;
        width: auto !important;
    }

    h1.premium-xs{
        color: #fff;
        text-shadow: 0 0 6px rgba(0,0,0,0.75);
        text-align: center;
        font-weight: bold;
        font-size: 26px !important;
        line-height: 1.33;
        margin: 0 0 30px;
        position: absolute;
        z-index: 1024;
        bottom: 0;
        padding: 0 20px;
        text-transform: uppercase;
    }

    h1.premium-over-img{
        font-size: 30px !important;
    }

    .black-color{
        line-height: 24px;
        font-size: 14px;
    }
}

@media (max-width: 480px){
    .owl-carousel .owl-item img {
        -webkit-transform: translate(-50%,0%);
        transform: translate(-50%,0%);
    }

    h1.premium-over-img{
        font-size: 24px !important;
    }
    .gllp-text{
        padding: 20px 0;
    }
}


/** **/

.buttons-back-apply{
    position: fixed;
    left: 0;
    top: 83px;
    z-index: 1044;
}

.button-fixed a.btn-apply,
.button-fixed a.btn-back,
.button-fixed a.share-code-now,
.button-fixed a.btn-backToAccount {
    padding: 11px 3px 11px 16px;
    border-radius: 0;
    margin: 0 0 0 -10px;
    width: inherit;
    line-height: inherit;
}

.button-fixed a.btn-apply:hover,
.button-fixed a.btn-back:hover{
    padding: 11px 3px 11px 16px;
    margin: 0 0 0 -2px;

}

.logos_bgr{
    background: url(/images/logos_bgr.png) no-repeat 50% 94% transparent;
    width: 100%;
    height: 400px;
    color: #000;
}

.btn-240 {
    width: 240px;
    font-size: 12px;
}
button[disabled]{
    line-height: inherit;
    padding: 6px;
}

tr.withbutton td{
    vertical-align: middle !important;
}

.aspNetDisabled{

    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.buttons-back-apply .button-fixed .btn {
    height: 42px !important;
}

/** Badge **/

a.pi-badge {
    position: absolute;
    right: -20px;
    top: -15px;
    z-index: 1000;
    background: url(/images/badge.png) no-repeat 0 0 transparent;
    width: 150px;
    height: 150px;
    display: block !important;
	transform: scale(1);
	animation: pulse 0.8s infinite;
}

.pi-badge:hover,
.pi-badge:focus {
    box-shadow: none;
    border: 0 none;
    transform: scale(1);
    animation: pulse 0.8s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        border-radius: 50%;
    }

    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
        border-radius: 50%;
    }
}

.live-time-wrapper .pi-badge.selected {
    border-radius: 50%;
    border: 0 none;
}

@media (max-width: 1200px) and (min-width: 1026px) {
    a.pi-badge {
        right: -50px;
    }
}

@media (max-width: 1026px) and (min-width: 991px) {
    a.pi-badge {
        right: -30px;
    }
    .pricing-table-header-green h3 {
        text-align: left;
        padding-left: 50px;
    }
}
@media (max-width: 991px) and (min-width: 880px) {
    .pricing-table-header-green h3 {
        text-align: left;
        padding-left: 30px;
    }
}

@media (max-width: 880px) and (min-width: 768px) {
    .pricing-table-header-green h3 {
        text-align: left;
        padding-left: 0px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    a.pi-badge {
        right: -30px;
    }
}
@media (max-width: 768px) and (min-width: 400px) {
    a.pi-badge {
        right: -15px;
    }
}
 
    @media (max-width: 400px) {
        .pricing-table-header-green h3 {
            text-align: left;
            padding-left: 100px;
        }

        a.pi-badge {
            right: -15px;
        }
    }


a.pi-badge1 {
    position: absolute;
    right: -70px;
    top: -15px;
    z-index: 1000;
    background: url(/images/badge.png) no-repeat 0 0 transparent;
    width: 150px;
    height: 150px;
    display: block !important;
	transform: scale(1);
	animation: pulse 0.8s infinite;
}

.pi-badge1:hover,
.pi-badge1:focus {
    box-shadow: none;
    border: 0 none;
    transform: scale(1);
    animation: pulse 0.8s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
        border-radius: 50%;
    }

    70% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        border-radius: 50%;
    }

    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
        border-radius: 50%;
    }
}

.live-time-wrapper1 .pi-badge1.selected {
    border-radius: 50%;
    border: 0 none;
}

@media (max-width: 880px) and (min-width: 768px) {
    .live-time-wrapper1 .pricing-table-header-green h3 {
        text-align: left;
        padding-left: 17px;
    }
}

@media (max-width: 1200px) and (min-width: 991px) {
    a.pi-badge1 {
        right: -80px;
    }
}

@media (max-width: 768px) {
    a.pi-badge1 {
        right: -10px;
    }
}

@media (max-width: 400px) {
    .live-time-wrapper1 .pricing-table-header-green h3 {
        text-align: left;
        padding-left: 40px;
    }

    .pi-badge1 {
        right: -30px;
    }
}

.autoPage img{
	width:100%;
}