@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
    color: #036a5f;
    font-family: Lato;
    font-size: 14px;
    background: #faf8e9;
    /*background: url(../img/bg-total.jpg) center top no-repeat #faf8e9;
    background-position-y:120px;
    background-attachment:fixed;*/

}

.scrolled {
    background-attachment: inherit;
    transition: all 0.4s;
}

body.zawody, body.search, body.content_view, body.employer-hub, body.logon, body.profile, body.edit, body.password, body.reset,
body.forgot-password, body.profile-edit, body.profile-avatar, body.profile-photo,
body.courses, body.achievements, body.rank, body.profile-experience, body.profile-education, body.applications,
body.help, body.cv-list, body.cv, body.cvs, body.device, body.apps {
    background: url(../img/bg-login.jpg) center top fixed #faf8e9;
    background-size: cover;
}

body.offer-list, body.offer, body.offer-create, body.employer-registration, body.employer-offer-list, body.offer-edit {
    background: url('../img/offer-background.jpg') center top fixed #fff;
    background-size: cover;
    background-color: #fff;
    background-blend-mode: multiply;
}

body.modal-open {
    padding-right: 0 !important;
}

body.modal {
    overflow-y: hidden;
}

.logo-ue-top {
    width: 100%;
    text-align: center;
    background-color: #fff;
    height: 84px;
}

.project-logo {

}

#content {
    width: 100%;
    margin-bottom: 100px;
}

#nav ul {
    margin: 0 auto;
    /*margin-top: 14px;*/
}

h1 {
    font-size: 72px;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
    text-shadow: #000000 5px 5px 5px;
    color: #fff;
    padding-top: 10px;
}

h2 {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
    text-shadow: #000000 5px 5px 5px;
    color: #fff;
    padding-top: 10px;
}

h3 {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
    text-shadow: #000000 3px 4px 5px;
    color: #fff;
    padding-top: 10px;
}

.front h1,
.archive h1,
.offer-list h1,
.offer h1 {
    color: #005234;
    text-shadow: #808080 5px 5px 5px;
}

a {
    font-weight: 700;
    color: #7ec0bb;
    text-decoration: none;
}

a:hover {
    font-weight: 700;
    color: #dd552b;
    text-decoration: underline;
}

#top {
    width: 100%;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.6);
}

.scrolled #top {
    top: 0px;
    transition: top 0.4s;
}

#menu-button {
    display: none;
    position: fixed;
    top: 50px;
    left: 50px;
    background: #dd552b;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    z-index: 1001;
}

#menu-button a {
    color: #fff;
    font-size: 32px;
}

#nav {
    background: url(../img/bg-nav.png) no-repeat top left #005234;
    height: 67px;
}

.menu-wrapper {
    margin: 0px auto;
    /*max-width: 600px;*/
    height: 80px;
    text-align: center;
    margin-left: 200px;
}

#footer-menu {
    background-color: #036a5f;
    width: 100%;
    text-align: left;
    padding-bottom: 50px;
    clear: both;
    display: block;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.footer-menu-wrapper {
    /*max-width: 1300px;*/
    margin: 10px auto;
}

.footer-menu-column {
    float: left;
    text-align: left;
    width: 100%;
}

#footer-menu ul, #main-menu ul, #avatar-menu {
    -webkit-padding-start: 0px;
    float: left;
}

#footer-menu ul {
    margin-left: -30px;
}

.footer-menu-name {
    color: #fff;
    text-transform: uppercase;
    margin: 60px 20px 0px 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}

.rank .footer-menu-name {
    padding-left: 0px;
}

.menu-wrapper li, .menu-avatar li {
    display: inline-block;
    list-style: none;
    /*padding-top: 10px;*/
}

#footer-menu li.menu-item-footer {
    list-style: none;
    display: block;
}

#footer-menu li.menu-item-footer a {
    text-align: left;
    display: block;
    padding-top: 1px;
    padding-bottom: 15px;
}

#footer-menu li.menu-item-footer i.fa {
    margin-right: 5px;
}

#footer-menu li a, .menu-wrapper li a {
    color: #fff;
    text-decoration: none;
    padding-top: 60px;
    padding-left: 50px;
    padding-right: 50px;
}

.menu-wrapper li a {
    color: #fff;
    text-decoration: none;
    padding-top: 60px;
    padding-left: 8px;
    padding-right: 0px;
    font-weight: 700;
}

.menu-avatar li a:hover {
    text-decoration: underline;
}

.menu-avatar li a {
    color: #036a5f;
    text-decoration: none;
    padding-top: 40px;
    padding-rght: 50px;
    text-align: right;
    font-weight: 700;
}

ul.menu-avatar > li > a:after, ul.menu-avatar > li > a:last-child:after {
    content: " |"
}

.menu-wrapper li a {
    color: #fff;
    text-decoration: none;
    padding-top: 60px;
    font-weight: 700;
}

#avatar {
    background: url(../img/bg-avatar.png) no-repeat;
    position: fixed;
    right: 0;
    top: 80px;
    text-align: right;
    padding-left: 100px;
    line-height: 66px;
}

.scrolled #avatar {
    top: 0px;
    transition: top 0.4s;
}

#avatar-img {
    float: right;
    background: url(../img/bg-avatar-img.png) no-repeat top right;
    padding: 10px 40px 40px 40px;

}

#avatar-img img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-top: 0px;
}

.article-info #avatar-img {
    float: none;
    background: url(../img/bg-avatar-img.png) no-repeat top right;
    margin: 0 auto;
    border: solid 1px #005234;
    margin-top: 30px;

}


#content-wrapper {
    width: 100%;
    padding-top: 50px;
}

.news-wrapper {
    width: 100%;
}

.news-item, .pager-item, .game-item {
    width: 350px;
    margin: 0 auto;
    margin-bottom: 50px;
    border: solid 1px #dd552b;
}

.game-item {
    width: 100%;
    height: 350px;
}

.pager-item {
    border: solid 1px #989494;
}

.pager-fixed .pager-item {
    border: none;
}

.pager-fixed .pager-section-title {
    padding: 0px;
    margin: 0px;
}

.news-title {
    background: #fff;
}

.game-description {
    display: block;
    height: 250px;
    padding: 15px;
    width: 100%;
    text-align: justify;
    background: rgba(255, 255, 255, 0.8);
    color: #000;
}

.game-title {
    display: block;
    height: 98px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    color: #000;
    text-shadow: #808080 2px 2px 5px;
    text-transform: uppercase;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
}

.game-title:hover {
    text-decoration: none;
    color: #036a5f;
    font-weight: 900;
}

.news-item-archive {

}

.news-item-archive .news-title {
    background-color: #ccc;
    padding-left: 20px;
    color: #666;
}

.news-item-archive .news-content {
    background-color: #ccc;
    color: #666;
}

.news-item-archive .news-readmore a {
    background-color: #666;
}

.news-item-1 {

}

.news-item {
    cursor: pointer;
}

.news-item-1 .news-title {
    background-color: #dd552b;
    padding-left: 20px
}

.news-item-1 .news-title h3 {
    color: #faf8e9;
    text-shadow: #000 2px 2px 5px;
}

.news-content {
    background-color: #036a5f;
    color: #faf8e9;
    padding: 20px 20px 50px 20px;
    overflow: hidden;
}


.courses-reminder {
    background-color: #036a5f;
    color: #faf8e9;
    padding: 20px 20px 20px 20px;
}

.news-item-1 .news-content {
    background-color: #dd552b;
}

.news-readmore, .game-play {
    margin-top: -80px;
}

.news-readmore a,
.game-play a,
.pager-item .menu-link,
.data-block .main-link a,
.offer-readmore a {
    margin: 0px auto;
    text-transform: uppercase;
    display: block;
    color: #faf8e9;
    text-decoration: none;
    padding-top: 22px;
    text-align: center;
    width: 80px;
    height: 80px;
    background-color: #dd552b;
    border-radius: 50%;
    position: relative;
    top: 40px;
}

.lesson-link {

}

.lesson-link:hover, .lesson-link:active, .lesson-link:focus {

}

.news-item-1 .news-readmore a {
    background-color: #036a5f;
}

.news-readmore a:hover,
.game-play a:hover,
.pager-item a:hover,
.data-block a:hover {
    font-weight: 900;
    transition-duration: 0.5;

}

.external-source-link,
.external-source-link:hover {
    margin: 0 auto;
    color: #000;
    background: #7ec0bb;
    padding: 10px 15px;
    text-decoration: none;
    display: inline-block;
}

.article-source-link {
    overflow: hidden;
    margin-top: 10px;
}

.pager-container {

}

.pager-fixed {
    width: 100%;
    background: #faf8e9;
    position: fixed;
    bottom: 0;
    height: 220px;
    z-index: 999;
    display: none;
    border-top: solid 1px #dd552b;
}

#news-pager a.hide-pager {
    display: none;
}

.pager-fixed #news-pager h2 {
    font-size: 12px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 33.33333%;
    text-align: left;
    padding-left: 15px;
    float: left;
    margin: 0px;
}

.pager-fixed #news-pager a.hide-pager {
    font-size: 12px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 66.666666%;
    text-align: right;
    padding-right: 15px;
    display: block;
    float: right;
    margin: 0px;
}

.pager-fixed .pager-item-img {
    height: 75px;
}

.news-title h3,
.pager-item-title h3,
.offer-item h3 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 22px;
    height: 100px;
    font-weight: 900;
    text-align: center;
    color: #036a5f;
    text-shadow: #808080 2px 2px 5px;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.offer-item h3 {
    color: #fff;
}

.pager-fixed .pager-item-title h3 {
    font-size: 12px;
    text-align: left;
    height: 50px;
    padding-bottom: 5px;
}

.news-img,
.game-img,
.pager-item-img {
    background-image: url(../img/news-img.jpg);
    background-size: cover;

    height: 200px;
}

.game-img {
    height: 100%;
    position: relative;
}

#article-body {
    line-height: 1.5;
}

.content-header {
    /*margin-top: 50px;*/
    color: #fff;
    text-shadow: #000000 5px 5px 5px;
    width: 100%;
    font-weight: 900 !important;
    background: none;
    padding-top: 75px;
    text-align: center;
    padding-bottom: 50px;
}

.error-403 .content-header,
.error-404 .content-header,
.error-500 .content-header,
.article .content-header {
    padding-top: 300px;
    background: url(../img/bg-content-header.jpg) center middle no-repeat;
    background-color: #036a5f;
    background-blend-mode: multiply;
    background-size: cover;
    padding-bottom: 0px;
}

.error-500 .content-header {
    background-color: #c0392b;
    padding-top: 100px;
}

.error-500
.content-header h1 {
    display: block;
    max-width: 1350px;
    margin: 0px auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(0, 0, 0, 0.50)
}

.content-header .content-intro {
    font-size: 24px;
    display: block;
    max-width: 1350px;
    padding: 20px;
    margin: 0px auto;
    background-color: rgba(0, 0, 0, 0.5)
}

.content_static_page_view .content-header .content-intro {
    font-size: 24px;
    display: block;
    max-width: 1350px;
    padding: 20px;
    margin: 0px auto;
    background: none;
    color: #036a5f !important;
}

.article-content {
    max-width: 1170px;
    margin: 0px auto;
    padding: 50px 30px;
    border-bottom: solid 1px rgba(168, 189, 162, 1.00);
}

.article-info {
    display: table-cell;
    width: 180px;
    text-align: left;
    border-right: solid 1px #dd552b;
    background: #fff;
}

.profession-info {
    display: table-cell;
    width: 180px;
    text-align: left;
    border-right: solid 1px #dd552b;
    background: #fff;
}

.profession

.profession-info .image {
    width: 160px;
    height: 150px;
    text-align: left;
    background: url(../img/bg-avatar-img.png) no-repeat top left !important;
    padding: 10px 40px 40px 30px !important;
}


.author {
    width: 100px;
    height: 100px;
    text-align: left;
    background: url(../img/bg-avatar-img.png) no-repeat top left !important;
    padding: 10px 40px 40px 30px !important;
}

.article-text {
    display: block;
    /*padding-left: 50px;*/
    /*word-break: break-word;*/
    text-align: left;
}

.article-text img:hover {
    outline: 2px solid green;
}

.item-date {
    font-weight: 900;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.author-name {
    font-style: italic;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 900;
    text-shadow: #808080 2px 2px 2px;
}

#footer {
    width: 100%;
    clear: both;
}

.logo-ue {
    height: 84px;
    text-align: center;
    background: #fff;
    width: 100%;
    clear: both;
}

.copyright {
    padding-top: 20px;
    color: #faf8e9;
    height: 60px;
    text-align: center;
    background: #faf8e9 url(../img/bg-copyright.jpg) no-repeat top right !important;
}

#simple-form {

}

.form-wrapper {
    margin-bottom: 50px;
}

.form-body {
    background-color: rgba(0, 0, 0, 0.5);
    border: solid 1px #fff;
    padding: 20px 40px 60px 40px;
}

.form-body-emoployer-hub {

    padding: 20px 40px 30px 40px;
}

.form-body .label,
.offer-search-form .label {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 0px;
}

.offer-search-form .label {
    color: #000;
}

.input-holder {
    display: block;
    width: 100%;

    text-align: center;
}

.input-tip {
    margin: 15px 0px;
}

.input-tip-body {
    background: #fff;
    padding: 15px;
    color: #000;
    border-radius: 5px;
}

.input-tip .input-tip-arrow {
    background: url(../img/arrow_up_white.png) no-repeat bottom right 200px;
    height: 10px;
}

.form-body input {
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.20);
    border: solid 1px #fff;
    padding-left: 10px;
    font-size: 14px;
    color: #fff;
}

#simple-form button {
    margin: -50px auto;
    text-transform: uppercase;
    display: block;
    color: #faf8e9;
    text-decoration: none;
    text-align: center;
    width: 80px;
    font-size: 24px;
    height: 80px;
    font-weight: 700;
    background-color: #dd552b;
    border-radius: 100%;
    border: none;
    padding: 0px;
}

.date-range-form-group span {
    display: inline-block;
    width: 100%;
}

.date-range-form-group select {
    width: 49%;
    float: left;
}

.date-range-form-group select:nth-child(even) {
    margin-left: 1%;
}

.date-range-form-group select:nth-child(odd) {
    margin-right: 1%;
}

.profile-page-header {
    margin-top: 60px;
    text-align: left;
    margin-bottom: 10px;
    overflow: hidden;
}

.profile-page-header h1 {
    text-align: left;
    font-size: 54px;
    color: #faf8e9;
    line-height: 1;
    margin: 0;
    padding-bottom: 20px;
}

.super-container .profile-page-header h1 {
    color: #dd552b;
    text-shadow: #808080 5px 5px 5px;
}

.profile-page-header .user-avatar {
    float: left;
    margin: 0px;
}

.page-header-tip,
.employer-registration-success {
    font-size: 16px;
    font-weight: 700;
    color: #edde34;
    text-shadow: #000 2px 2px 5px;
    padding-bottom: 15px;
}

.super-container .page-header-tip {
    color: #dd552b;
    text-shadow: #808080 2px 2px 5px;
}

.employer-registration-success {
    text-align: center;
}

.profile-page-intro p {
    display: inline-block;
    color: #faf8e9;
    font-size: 20px;
    font-weight: 900;
    margin: 0px 10px;
    text-shadow: #000000 5px 5px 5px;

}

.data-block {
    height: auto;
    width: 350px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.profile .data-block,
.courses .data-block,
.applications .data-block,
.cvs .data-block,
.device .data-block {
    width: auto;
    margin-bottom: 0px;
}

.data-block .main-link {
    background: #faf8e9;
}

.profile .data-block .main-link,
.cvs .data-block .main-link,
.device .data-block .main-link {
    background: #fff;
    border-bottom: solid 1px #dd552b;
}

.data-block-head {
    background: #faf8e9;
    display: block;

    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.profile .data-block-head,
.courses .data-block-head,
.applications .data-block-head,
.cvs .data-block-head,
.device .data-block-head {
    background: #fff;
}

.data-block-head span {
    display: block;
    border-bottom: solid 1px #036a5f;
    padding: 20px 5px;
    margin: 0px 10px;
}

.panel-data-container .data-block-head {
    background: #fff;
}

.data-block-head span i.fa {
    margin-right: 10px;
    font-size: 32px;
    margin-left: -15px;
}

.data-block .main-link a {
    padding-top: 30px;
}

.data-block-info {
    background: #faf8e9;
    display: block;
    padding: 10px 20px 10px 20px;
}

.experience-block .data-block-info,
.education-block .data-block-info,
.courses .data-block-info,
.cv-block .data-block-info,
.application-block .data-block-info,
.devices-block .data-block-info {
    display: inline-block;
}

.profile .data-block-info,
.courses .data-block-info,
.applications .data-block-info,
.cvs .data-block-info,
.device .data-block-info {
    background: #fff;
}

.profile .entire-row-link .data-block-info,
.courses .entire-row-link .data-block-info,
.applications .entire-row-link .data-block-info,
.cvs .entire-row-link .data-block-info,
.device .entire-row-link .data-block-info {
    background: none;
}

.data-block-info .big {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
}

.data-block-info span {
    display: block;
    font-weight: 600;
}

.data-block-info .data-block-label {
    color: rgba(124, 124, 124, 1.00);
    font-size: 12px;
}

.data-block-icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 20px;
    background: #fff;
    border: solid 1px;
    font-size: 32px;
    line-height: 50px;
    color: #dd552b;
    font-weight: 100;
    border-radius: 50%;
    text-align: center;
}

.entire-row-link .data-block-icon {
    bakckground: none;
}

.data-block-action {
    background: #faf8e9;
    padding: 10px 20px 10px 40px;
    text-align: right;
    display: inline-block;
}

.profile .data-block-action {
    background: #fff;
}

.data-block-action a {
    background: #dd552b;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: 100;
    text-decoration: none;
    color: #fff;
}

.data-block-action a:hover {
    font-weight: 100;
}

.data-sub-block {
    border-bottom: solid 1px #f1f1f1;
}

.data-sub-block-hidden {
    display: none;
}

.profile .data-sub-block {
    background: #fff;
}

.profile .entire-row-link .data-sub-block {
    background: none;
}

.article-text-content {
    font-size: 18px;
    text-align: justify;
    color: #333;
}

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

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

.social-button {
    position: relative;
    height: 20px;
    padding: 1px 8px 1px 6px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Arial, sans-serif;
}

.button-facebook {
    background-color: #4267b2;
    border-color: #4267b2
}

.button-twitter {
    background-color: #1b95e0;
}

.button-twitter span,
.button-facebook span {
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin-left: 3px;
    margin-top: 3px;
}

.social-buttons a:hover {
    color: #fff;
}

.logo-link {
    display: inline-block;
    position: fixed;
    width: 452px;
    height: 310px;
    background: url(../img/zawodowcy-w-gorzowie-logo.png) no-repeat top left;
    z-index: 999;
}

.scrolled .logo-link,
body.logon .logo-link,
body.profile .logo-link,
body.edit .logo-link,
body.password .logo-link,
body.reset .logo-link,
body.forgot-password .logo-link,
body.profile-edit .logo-link,
body.profile-avatar .logo-link,
body.courses .logo-link,
body.achievements .logo-link,
body.rank .logo-link,
body.profile-experience .logo-link,
body.profile-education .logo-link,
body.offer-list .logo-link,
body.offer .logo-link,
body.offer-create .logo-link,
body.employer-registration .logo-link,
body.employer-offer-list .logo-link,
body.offer-edit .logo-link,
body.applications .logo-link,
body.help .logo-link,
body.cv-list .logo-link,
body.cv .logo-link,
body.cvs .logo-link,
body.device .logo-link,
body.apps .logo-link {
    left: 75px;
    width: 174px;
    height: 100px;
    background: url(../img/zawodowcy-w-gorzowie-logo-min.png) no-repeat top left;
}

.user-email-link {
    font-weight: 600;
    display: block;
    /*margin-top: 25px;*/
    text-decoration: none;
    color: #036a5f;
    float: left;
    height: 42px;
}

.widget-body li {
    line-height: 26px;
}

.user-profile-widget, .employer-profile-widget {
    z-index: 999;
    position: absolute;
    width: 200px;
    display: none;
    top: 41px;
}

.user-profile-widget .widget-arrow, .employer-profile-widget .widget-arrow {
    background: url(../img/arrow_up_orange.png) no-repeat;
    background-position: bottom left 5px;
    height: 10px;
}

.user-profile-widget .widget-body, .employer-profile-widget .widget-body {
    background: #fefefe;
    border: solid 1px #dd552b;
    border-radius: 3px;
}

.user-avatar, .user-photo {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.user-photo-big {
    border-radius: 30%;
    width: 256px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.avatar-generic {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.employer-profile-widget li {
    display: list-item;
}

.user-profile-widget .widget-body ul {
    margin: 0px;
    padding: 15px 0px 15px 15px;
    list-style: none;
    text-align: left;
}

.employer-profile-widget .widget-body ul {
    margin: 0px;
    padding: 0px 0px 15px 15px;
    list-style: none;
    text-align: left;
}

.employer-profile-widget .widget-body ul li a {
    padding: 0px;
}

.user-profile-widget .widget-body ul li, .employer-profile-widget .widget-body ul li {
    margin: 2px 0px;
}

.user-profile-widget .widget-body a, .employer-profile-widget .widget-body a {
    text-decoration: none;
    color: #000;
}

.user-profile-widget .widget-body ul li span, .employer-profile-widget .widget-body ul li span {
    display: inline-block;
}

.user-profile-widget .widget-body a.logoff-link, .employer-profile-widget .widget-body a.logoff-link {
    display: block;
    background: #036a5f;
    color: #fff;
    padding: 3px 0px;
    margin: 0 auto;
    /* width: 70px; */
    text-align: center;
    /* margin-bottom: 10px; */
    border-radius: 2px;
    height: auto;
}

.switch-user-profile-widget:hover .user-profile-widget {
    display: block;
}

.switch-employer-widget:hover .employer-profile-widget {
    display: block;
}


.cookies-info {
    display: none;
    padding: 10px;
    text-align: center;
    position: fixed;
    width: 450px;
    bottom: 10px;
    left: 10px;
    background: #333;
}

.cookies-info-body {
    color: #fff;
    margin-bottom: 15px;
}

.cookies-info-body a {
    color: #fff;
}

.cookies-info-footer {
    text-align: center;
}

.cookies-info-footer a {
    background-color: #dd552b;
    padding: 3px 6px;
    color: #fff;
    text-decoration: none;
}

.form-control {
    border-radius: 0px;
    padding: 2px 8px;
}

label {
    color: #fff;
}

.c-form label {
    color: #6e6256;
}

.modal-header {
    background: #dd552b;
    color: #fff;
    font-size: 18px;
}

.loading-widget {
    position: fixed;
    bottom: 50px;
    left: 50px;
    width: 80px;
    height: 80px;
}

.main-container {
    min-height: 600px;
    margin-top: 30px;
    padding-bottom: 30px;
}

.error-403 .main-container,
.error-404 .main-container,
.error-500 .main-container {
    min-height: 0px;
}

.error-500 .error-500-details {
    font-size: 12px;
    text-shadow: none;
    font-weight: 400;
}

.article .main-container {
    background: #FFF;
}

/*
.front .main-container,
.archive .main-container  {
	margin-top: 410px;
}
*/

.main-container .main-row {
    /*margin-top: 50px;*/
}

.top-menu-link-parent {

}

.fixed-menu {
    position: fixed;
    width: 75%;
    background: #dd552b;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 1001;
}

.fixed-menu a {
    display: block;
    width: 98%;
    margin: 0px 1%;
    padding: 10px;
    font-size: 18px;
    color: #fff;

    border-bottom: solid 1px #fff;
    text-transform: uppercase;
}

.fixed-menu a:hover {
    text-decoration: none;
    border-bottom: solid 1px #e1e1e1;
}

.fixed-menu li {
    list-style-type: none;
}

/* oferty pracy **********************/

.offer .title {
    font-size: 25px;
}

.note-editing-area ul,
.offer-description ul {
    list-style: square;
    margin-left: 30px;
}

.note-editing-area ol,
.offer-description ol {
    list-style: decimal;
    margin-left: 25px;
}

.job-sector-wrapper {

}

.job-sector-wrapper h4 {
    font-size: 20px;
    font-weight: 900;
    padding: 20px;
    color: #FFF;
    text-shadow: #000 4px 4px 4px;
    width: 100%;
    text-align: right;
}

.job-sector-column {

}

.job-sector-column-wrapper, .game-sector-column-wrapper {
    background: #fff;
    overflow: hidden;
    height: 350px;
    margin-bottom: 20px;
}

.game-sector-column-wrapper {
    background: none;
}

.job-sector-column-wrapper.first-sector-column,
.game-sector-column-wrapper.first-sector-column {
    background-image: url('../img/gorzow_kasety_mural.jpg');
    background-size: cover;
    border: solid 1px #036a5f;
}

.offer-sector {
    padding: 10px 0px 0px 20px;
}

.offer-sector a {
    font-size: 16px;
    width: 100%;
    float: left;
    display: block;
    color: #000;
    text-shadow: #808080 4px 4px 4px;
}

.job-offer-wrapper {
    width: 100%;
    padding: 20px 0;
    margin-bottom: 20px;
    float: left;
    text-align: center;
}

.offer-item {
    background: #036a5f;
    padding: 20px 10px;
    color: #fff;
}

.offer-title {
    height: 150px;
}

.all-offer-list {
    width: 100%;
    display: block;
    float: right;
    text-align: right;
    padding: 10px 15px 0px 15px;
    font-weight: 700;
    text-decoration: none;
}

.offer-list-item {
    width: 100%;
    border-bottom: solid 1px #dd552b;
    background: #fff;
    float: left;
}

.employer-offer-list .offer-list-item {
    padding: 10px;
}

.offer-box .offer-list-item {
    padding: 0px;
}

.offer-list-item-title h3 {
    font-size: 22px;
    padding-top: 4px;
    color: #036a5f;
    text-shadow: none;
    margin: 0;
    text-align: left;
}

.offer-list-item-type {

}

.offer-list-item-footer {

}

.offer-list-item-date {
    font-size: 12px;
    color: #000;
    font-weight: 900;
}

.offer-list-item-status {
    font-size: 12px;
    font-weight: 900;
}

.offer-list-item-status-inactive {
    color: red;
}

.offer-list-item-readmore {
    text-align: right;
    float: right;
}

.offer-list-item-readmore a {
    color: #dd552b;
    font-weight: 700;

    text-decoration: none;
}

.offer-list-item-applications {
    display: none;
    width: 100%;
    margin: 20px 0;
    float: left;
}

.offer-list-item-applications-visible {
    display: block;
}

.offer-list-item-application-name {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

.offer-list-item-application-created {
    font-size: 12px;
    font-weight: 700;
}

.offer-list-item-application-info {

}

.offer-list-item-application-info span {
    color: #000;
}

.offer-list-item-application-buttons {
    text-align: right;
    margin-top: 10px;
}

.offer-box {
    background: #fff;
    padding: 0 10px;
    margin-bottom: 15px;
    overflow: hidden;
    border-left: solid 1px #faf8e9;
}

.offer-box-title {
    font-size: 22px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 22px;
}

.offer-box-body {
    padding: 5px 0;
    text-align: justify;
    color: #000;
}

.offer-box-foot {

}

.offer-type-avatar {
    border: solid 1px #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.offer-list .offer-type-avatar {
    border: solid 1px #dd552b;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.employer-offer-list .offer-type-avatar {
    float: right;
    border: solid 1px #dd552b;
}

.offer-list-item-simple-data {
    color: #000;
}

.offer-list-item-simple-data span {
    color: #036a5f
}

.offer-simple-data {
    color: #000;
    padding: 3px 0;
    background: #fff;
}

.offer-simple-data span {
    color: #dd552b;
    font-weight: 700;
}

.offer-type {
    float: left;
    width: 100%;

}

.offer .offer-type {
    background: #fff;
    padding: 5px;
}

.offer-list-item-title {
    float: left;
    width: 100%;
    text-align: left;
    margin: 5px 0;
}

.content-offer-view .simple-offer-list {

}

.content-offer-view h2 {
    float: left;
    text-align: left;
    font-size: 48px;
    color: #dd552b;
    text-shadow: #808080 4px 4px 4px;
}

.simple-offer-list a {
    display: block;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.offer-item-container {

}

.offer-item-container .offer-type-avatar {
    border: solid 1px #dd552b;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    height: 60px;
    width: 60px;
}

.offer-date {
    font-size: 12px;
    color: #FFF;
}

.offer-content {
    float: left;
    width: 100%;
}

.offer-description {
    padding: 50px 10px;
    border-top: solid 1px #dd552b;
    color: #000;
    font-size: 18px;
    background: #fff;
}

.offer-details {
    border: solid 1px #dd552b;
    padding: 10px;
    color: #000;
    font-weight: 700;
}

.offer-details a, .offer-details a:hover {

}

.offer-action {
    margin: 20px 0;
    text-align: right;
}

/* osiągnięcia ***********************/

.achievements-course-block {
    width: 100%;
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    color: #faf8e9;
    font-size: 26px;
    font-weight: 900;
    text-shadow: #000000 5px 5px 5px;
}

.achievements-points {
    float: left;
    width: 80px;
    height: 80px;
    background: #7ec0bb;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 15px;
}

.my-rank-lesson {
    font-size: 14px;
    margin: 25px 0px;
    margin-left: 95px;
}

.achievements-lesson-item .lesson-grade {
    color: #dd552b
}

.my-achievement-container {
    width: 100%;
    float: left;
}

.my-achievement-container .my-courses {
    width: 50%;
    float: left;
}

.my-achievement-container .achievements-my-rank {
    width: 50%;
    float: left;
    text-align: right;
}

.achievements-my-rank div {
    position: relative;
    background: #7ec0bb;
    height: 240px;
    width: 240px;
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    font-weight: 900;
    text-shadow: #000000 5px 5px 5px;
}

.achievements-my-rank div span:nth-child(1) {
    font-size: 12px;
    position: absolute;
    top: 65px;
    left: 15px;
}

.achievements-my-rank div span:nth-child(2) {
    font-size: 74px;
    position: absolute;
    top: 65px;
    left: 15px;
}

.achievements-my-rank div span:nth-child(3) {
    position: absolute;
    top: 160px;
    left: 15px;
    color: #faf8e9;
}

.achievements-rank-block-footer {
    text-align: center;
    border-top: solid 1px;
    font-weight: 900;
    background: #7ec0bb;
    padding: 20px;
    color: #fff;
    background: #036a5f;
    font-size: 14px;
    color: #faf8e9;
}

.achievements-rank-block {
    text-align: center;
    margin: 30px 0px;
    color: #000;
}

.achievements-rank-block-data {
    padding: 20px;
    background: #fff;
    overflow: hidden;
}

.achievements-rank-row {
    height: 30px;
    margin-bottom: 10px;
    width: 100%;
}

.achievements-rank-row-place {
    color: #000;
    text-align: right;
    float: right;
    /* padding-right: 10px; */
    line-height: 30px;
    background: #7ec0bb;
    width: 30px;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    text-align: center;
    box-shadow: #808080 2px 3px 5px;
}

.achievements-rank-row-score {
    float: left;
    text-align: right;
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    color: #dd552b;
    text-shadow: #808080 2px 3px 5px;
}

.achievements-rank-row-score span {
    background: #dd552b;
    display: inline-block;
    width: 200px;
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    border-radius: 4px;
    box-shadow: #808080 2px 3px 5px;
}

.achievements-rank-row-data {
    width: 320px;

    color: #000;
    text-align: right;
    float: left;
    padding-right: 10px;
    line-height: 30px;
    font-weight: 700;
    text-shadow: #808080 2px 3px 5px;
}

.achievements-lesson {
    /*color: #036a5f;*/
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    width: 96%;
    margin: 0 2%;
    padding: 10px;
    margin-bottom: 5px;
}

.achievements-lesson span {
    float: right;

}

.achievements-icon {
    height: 100px;
    background: #036a5f;
    text-align: center;
}

.icon-star {
    background: url(/view/img/star-gold.png) top center no-repeat;
    height: 100px;
    margin-top: 10px;
    width: 40px;
    display: inline-block;
}

.icon-prize {
    background: url(/view/img/prize-gold.png) top center no-repeat;
    width: 100px;
    height: 100px;
    display: inline-block;
    margin-top: 20px;
}

.icon-grey {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.achievements-progress {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    background: #dd552b;
    height: 60px;
    padding: 10px;
    width: 100%;
    color: #FFF;
}

.achievement-lesson-block {
    width: 350px;
    display: inline-block;
}

.achievements .data-block-wrapper {
    text-align: center;
}

.achievement-lesson-block .data-block-info {
    min-height: 100px;
}

.achievement-lesson-block .data-block-info .big {
    font-size: 18px;
}

/* bootstrap ***************/

.row, .container-fluid {
    margin: 0;
    padding: 0;
}

.btn, .panel, .alert, .panel-heading {
    border-radius: 0px;
    border: none;
}

.btn-primary, .alert-primary, .panel-primary .panel-heading {
    background: #dd552b;
}

.panel-buttons {
    text-align: right;
    background: none;
}

.panel-buttons .panel-body {
    padding: 15px 0;
}

.panel-data-container {
    border-bottom: solid 1px #dd552b;
    background: #fff;
    margin-bottom: 30px;
}

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


.btn, .btn:hover {
    font-weight: 500 !important;
    text-shadow: none !important;
}

/* *************************/

.note-editor.note-frame {
    float: left;
    width: 100%;
}

.note-toolbar.panel-heading {
    background: #fff;
    border-bottom: solid 1px #e1e1e1;
    height: 36px;
    position: relative;
}

.note-toolbar .note-btn-group:nth-child(1) {
    position: absolute;
    left: 4px;
}

.note-toolbar .note-btn-group:nth-child(2) {
    position: absolute;
    right: 0px;
}

.super-container {
    background: #fff;
}

.main-page-section-title, .pager-section-title {
    text-align: right;
    padding: 0px 15px;
    margin: 20px 0px;
}


.main-page-section-title h1, .main-page-section-title h2, .pager-section-title h2 {
    width: 100%;
    font-size: 32px;
    text-align: right;
    color: #ffffff;
    text-shadow: #808080 2px 2px 5px;
    font-weight: 900;
    margin: 0px;
    text-transform: uppercase;
}

.login-employer-info {
    text-align: center;
    margin-top: 20px;
}

.login-employer-info span {
    background: #fff;
    border-bottom: solid 1px #dd552b;
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.entire-row-link {
    color: #036a5f;
    text-decoration: none;
    background: #fff;
    display: block;
}

.entire-row-link:hover {
    color: #000;
    text-decoration: none;
    background: #f3f3f3;
}

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

h3.show-hide-section {
    text-align: left;
    position: relative;
    padding-left: 40px;
    margin: 0;
    margin-top: 0px;
    cursor: pointer;
}


.show-hide-section span {
    width: 28px;
    height: 28px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 0px;
    font-weight: 300;
    font-size: 18px;
    text-align: center;
    padding-top: 4px;
}

.section-container {
    display: none;
}

.section-container.application-block, .section-container.cv-block {
    display: block;
}

.section-visible {
    display: block;
}

.block-section-container {
    padding: 15px;
    padding-left: 27px;
    border-left: solid 1px #fff;
    margin-left: 13px;
}

/* pomoc ********************/

.help {
    color: #fff;
    font-size: 16px;
}

.help h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
}

.help a {
    color: #dd552b;
    font-weight: 700;
}

/* aplikacja *******************/

.application-form {
    text-align: left;
    display: none;
}

/* cv ***********************/

.cv-editor-container {
    background: #fff;
    border-bottom: solid 1px #dd552b;
    overflow: hidden;
    padding: 20px;
    color: #333;
}

.cv-editor-container .cv-header {
    width: 100%;
    overflow: hidden;
}

.cv-editor-container h4 {
    font-size: 32px;
}

.cv-editor-container h5 {
    font-size: 22px;
    line-height: 22px;
    margin: 5px 0px;
    padding: 0px;
    float: left;
}

.cv-editor-container h6 {
    font-size: 18px;
    line-height: 18px;
    margin: 5px 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.cv-editor-container i.fa {
    margin-right: 5px;
    border: solid 1px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
}

.cv-editor-container span.tip {
    font-size: 12px;
    color: #808080;
    line-height: 16px;
    display: block;
    width: 100%;
    float: left;
    padding: 5px 0;
}

.cv-editor-container .personal-block {

}

.cv-editor-container .personal-block .user-avatar {
    width: 120px;
    height: 120px;
}

.cv-editor-container .cv-data-block {

}

.cv-editor-container label {
    color: #000;
    width: 100%;
}

.cv-editor-container .checkbox {
    margin: 10px 0px;
    float: left;
    width: 100%;
}

.cv-editor-container .cv-block {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #808080;
    overflow: hidden;
}

.cv-editor-container .cv-section {
    overflow: hidden;
    margin-bottom: 5px;
    width: 100%;
}

.cv-editor-container .add-block-section,
.cv-editor-container .remove-this-section {
    float: right;
}

body.cv-preview, body.application-cv-preview {
    background: #fff;
}

.cv-preview .logo-ue-top,
.application-cv-preview .logo-ue-top {
    display: none;
}

.cv-preview #top,
.application-cv-preview #top {
    display: none;
}

.cv-preview #footer,
.application-cv-preview #footer {
    display: none;
}

.cv-preview-container {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    color: #333;
}

.cv-preview-container h1 {
    color: #036a5f;
    font-size: 24px;
    margin: 0;
    text-shadow: none;
}

.cv-preview-container h2 {
    font-size: 20px;
    font-weight: 300;
    color: #dd552b;
    text-shadow: none;
    text-align: left;
    margin: 10px 0;
}

.cv-preview-container h3 {
    font-size: 16px;
    font-weight: 700;
    text-shadow: none;
    margin: 0;
    text-align: left;
    color: #000;
}

.cv-preview-element-tip {
    color: #036a5f;
    font-size: 14px;
}

.cv-preview-element-description {

}

.cv-preview-container-footer {
    margin: 20px 0px;
    font-size: 10px;
    color: #000;
    text-align: center;
}

/* mobile ********************/


@media (max-width: 768px) {

    .article-info {
        display: block;
        width: 100%;
        float: left;
        border-right: none;
        border-bottom: solid 1px #dd552b;
        margin-bottom: 10px;
    }

    .article-info #avatar-img {
        float: left;
        margin: 30px;
    }

    .article-info-summary {
        float: left;
    }

    .article-info .author-name,
    .article-info .item-date {
        margin-bottom: 0px;
        margin-top: 30px;
        text-align: left;
    }

    #main-menu {
        display: none;
    }

    #avatar-menu {
        display: none;
    }

    #menu-button {
        display: block;
    }

    h1 {
        font-size: 36px;
    }

    #avatar-img {
        display: none;
    }

    .article-info #avatar-img {
        display: block;
    }

    .user-email-link {
        margin-right: 30px;
    }

    .user-profile-widget, .employer-profile-widget {
        right: 5px;
    }

    .employer-profile-widget .widget-arrow {
        background-position: bottom right 35px;
    }


    .user-profile-widget .widget-arrow, .employer-profile-widget .widget-arrow {
        background-position: bottom right 35px;
    }

    .news-item, .pager-item {
        width: 90%;
        margin: 0 5%;
        margin-bottom: 50px;
    }

    .news-img, .pager-item-img {
        width: auto;

    }

    .news-title h3, .pager-item-title h3, .offer-item h3 {
        width: auto;
    }

    .project-logo {
        width: 100%;
        height: auto;
    }

    .profile-page-header h1 {
        font-size: 24px;
    }

    .logo-link,
    .scrolled .logo-link,
    body.logon .logo-link,
    body.profile .logo-link,
    body.edit .logo-link,
    body.password .logo-link,
    body.reset .logo-link,
    body.forgot-password .logo-link,
    body.profile-edit .logo-link,
    body.profile-avatar .logo-link,
    body.courses .logo-link,
    body.achievements .logo-link,
    body.rank .logo-link,
    body.profile-experience .logo-link,
    body.profile-education .logo-link,
    body.offer-list .logo-link,
    body.offer .logo-link,
    body.offer-create .logo-link,
    body.employer-registration .logo-link,
    body.employer-offer-list .logo-link,
    body.offer-edit .logo-link,
    body.applications .logo-link,
    body.help .logo-link,
    body.cv-list .logo-link,
    body.cv .logo-link,
    body.cvs .logo-link,
    body.device .logo-link,
    body.apps .logo-link {
        left: 0px;
        width: 174px;
        height: 100px;
        background: url(../img/zawodowcy-w-gorzowie-logo-min.png) no-repeat top left;
    }

    .my-achievement-container .my-courses {
        width: 100%;
    }

    .my-achievement-container .achievements-my-rank {
        width: 100%;
        text-align: center;
        margin: 25px 0;
    }

    .achievements-rank-row-data {
        text-align: left;
    }
}

/********** dostępność ***********/

.accessibility-bar {
    position: fixed;
    top: 300px;
    left: -2px;
    width: 30px;
    background-color: #fff;
    padding: 3px;
    border-radius: 2px;
    z-index: 9999;
}

.accessibility-bar img {
    width: 22px;
    height: 22px;
    margin-left: 2px;
    margin-bottom: 2px;
}

body.high-contrast-mode,
.high-contrast-mode .super-container,
.high-contrast-mode .offer-list-item {
    background: #000;
}

body.high-contrast-mode *,
.high-contrast-mode .news-item-1 .news-title h3 {
    text-shadow: none;
}

body.high-contrast-mode a,
body.high-contrast-mode .news-readmore a,
body.high-contrast-mode .game-play a,
body.high-contrast-mode .pager-item .menu-link,
body.high-contrast-mode .data-block .main-link a,
body.high-contrast-mode .offer-readmore a {
    text-decoration: underline;
    color: #ffff00;
}

body.high-contrast-mode a.btn {
    color: #fff;
    text-decoration: none;
}

.high-contrast-mode .menu-avatar li a,
.high-contrast-mode .offer-sector a,
.high-contrast-mode .news-content {
    color: #000;
}

.high-contrast-mode .news-readmore a {
    background-color: #000;
}

.high-contrast-mode .main-page-section-title h1,
.high-contrast-mode .main-page-section-title h2,
.high-contrast-mode .pager-section-title h2 {
    color: #FFFF00;
}

.high-contrast-mode .news-title h3,
.high-contrast-mode .offer-item h3 {
    color: #000;
}

.high-contrast-mode .pager-item-title h3 {
    color: #ffff00;
}

.high-contrast-mode .news-item-1 .news-title,
.high-contrast-mode .news-item-1 .news-content {
    background: #ffff00;
}

.high-contrast-mode .news-content {
    background: #fff;
}

.high-contrast-mode .job-sector-wrapper h4 {
    color: #000;
}

.high-contrast-mode .news-item,
.high-contrast-mode .pager-item,
.high-contrast-mode .game-item {
    border: solid 1px #ffff00;
}

.high-contrast-mode .login-employer-info span,
.high-contrast-mode .login-employer-info a,
.high-contrast-mode .input-tip,
.high-contrast-mode .input-tip a {
    color: #000;
}

.high-contrast-mode .main-container {
    background: #000;
}

.high-contrast-mode .article-text-content {
    color: #ffff00;
}

.high-contrast-mode #simple-form button {
    background: #ffff00;
    color: #000;
}

.high-contrast-mode #footer-menu {
    background: #000;
    text-shadow: none;
}

.high-contrast-mode .copyright {
    color: #000;
    font-weight: 700;
}

.high-contrast-mode .social-button {
    color: #fff !important;
    font-weight: 700;
}

.high-contrast-mode .offer-list-item-simple-data,
.high-contrast-mode .offer-list-item-simple-data span,
.high-contrast-mode .offer-list-item-title h3,
.high-contrast-mode .offer-list-item-date {
    font-weight: 700;
    color: #fff;
}

.high-contrast-mode .offer-list-item {
    border-bottom: solid 1px #ffff00;
}

.high-contrast-mode .offer-box {
    background: #ffff00;
    border-left: solid 1px #ffff00;
    padding: 10px;
}

.high-contrast-mode .offer-box-title {
    color: #000;
}

.high-contrast-mode .simple-offer-list .offer-list-item {
    background: #ffff00;
    color: #000;
}

.high-contrast-mode .simple-offer-list .offer-list-item a,
.high-contrast-mode .offer-details a {
    color: #000;
}

.high-contrast-mode .offer-details {
    border: none;
    background: #ffff00;
}

.high-contrast-mode .content-offer-view h2 {
    color: #ffff00;
}

.high-contrast-mode .panel-data-container,
.high-contrast-mode .panel-data-container a {
    color: #000;
}

.high-contrast-mode .section-container {
    color: #000;
}

.high-contrast-mode .data-block .main-link a {
    background: #000;
}

.high-contrast-mode .entire-row-link {
    color: #000;
}

.high-contrast-mode .data-block-info {
    background: #fff;
}

.high-contrast-mode .achievements-points,
.high-contrast-mode .achievements-my-rank div,
.high-contrast-mode .achievements-rank-block-footer {
    background: #ffff00;
    color: #000;
}

.high-contrast-mode .achievements-lesson-item .lesson-grade {
    color: #ffff00;
}

.high-contrast-mode .game-title,
.high-contrast-mode .game-title:hover {
    color: #000;
}

.high-contrast-mode .external-source-link {
    color: #000;
    background: #ffff00;
}

.high-contrast-mode .pager-fixed {
    background: #fff;
}

.high-contrast-mode .pager-fixed .pager-section-title h2,
.high-contrast-mode .pager-fixed .pager-item-title h3,
.high-contrast-mode .pager-fixed a {
    color: #000;
}

.high-contrast-mode .pager-fixed .pager-item {
    border: none;
}

/* różne *********/

.page-content-lead {
    padding: 20px;
    background: #fff;
}

.mobile-app-provider {
    width: 50%;
    text-align: center;
    float: right;
}

.mobile-app-screenshot {
    width: 50%;
    text-align: center;
    float: left;
}

.mobile-app-provider a {
    display: block;
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.mobile-app-provider img {
    height: 75px;
}

.mobile-app-screenshot img {
    height: 350px;
    display: block;
    margin: 0 auto;
}

.mobile-code {
    margin: 15px 0;
    font-size: 22px;
    text-align: center;
    color: #dd552b;
    font-weight: 700;
}


.konkursy-przypomnienie {
    height: 52px;
    color: white !important;
    background-color: #005234;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.konkursy-przypomnienie-box .button {

    margin: 0px auto;
    text-transform: uppercase;
    display: block;
    color: #faf8e9;
    text-decoration: none;
    padding-top: 22px;
    text-align: center;
    width: 260px;
    height: 63px;
    background-color: #dd552b;
    /* border-radius: 10%; */
    /*position: relative;*/
    top: -36px;
    border-radius: 9px;
}

.konkursy-przypomnienie-box .button a {
    color: white;
}


.service-icon {
    color: gold !important;
}

.cursor-pointer {
    cursor: pointer;
}

.shadow-1 {
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.44);
}

.padding-xs {
    padding: .25em;
}

.padding-sm {
    padding: .5em;
}

.padding-md {
    padding: 1em;
}

.padding-lg {
    padding: 1.5em;
}

.padding-xl {
    padding: 3em;
}

.padding-x-xs {
    padding: .25em 0;
}

.padding-x-sm {
    padding: .5em 0;
}

.padding-x-md {
    padding: 1em 0;
}

.padding-x-lg {
    padding: 1.5em 0;
}

.padding-x-xl {
    padding: 3em 0;
}

.padding-y-xs {
    padding: 0 .25em;
}

.padding-y-sm {
    padding: 0 .5em;
}

.padding-y-md {
    padding: 0 1em;
}

.padding-y-lg {
    padding: 0 1.5em;
}

.padding-y-xl {
    padding: 0 3em;
}

.padding-top-xs {
    padding-top: .25em;
}

.padding-top-sm {
    padding-top: .5em;
}

.padding-top-md {
    padding-top: 1em;
}

.padding-top-lg {
    padding-top: 1.5em;
}

.padding-top-xl {
    padding-top: 3em;
}

.padding-right-xs {
    padding-right: .25em;
}

.padding-right-sm {
    padding-right: .5em;
}

.padding-right-md {
    padding-right: 1em;
}

.padding-right-lg {
    padding-right: 1.5em;
}

.padding-right-xl {
    padding-right: 3em;
}

.padding-bottom-xs {
    padding-bottom: .25em;
}

.padding-bottom-sm {
    padding-bottom: .5em;
}

.padding-bottom-md {
    padding-bottom: 1em;
}

.padding-bottom-lg {
    padding-bottom: 1.5em;
}

.padding-bottom-xl {
    padding-bottom: 3em;
}

.padding-left-xs {
    padding-left: .25em;
}

.padding-left-sm {
    padding-left: .5em;
}

.padding-left-md {
    padding-left: 1em;
}

.padding-left-lg {
    padding-left: 1.5em;
}

.padding-left-xl {
    padding-left: 3em;
}

.margin-xs {
    margin: .25em;
}

.margin-sm {
    margin: .5em;
}

.margin-md {
    margin: 1em;
}

.margin-lg {
    margin: 1.5em;
}

.margin-xl {
    margin: 3em;
}

.margin-x-xs {
    margin: .25em 0;
}

.margin-x-sm {
    margin: .5em 0;
}

.margin-x-md {
    margin: 1em 0;
}

.margin-x-lg {
    margin: 1.5em 0;
}

.margin-x-xl {
    margin: 3em 0;
}

.margin-y-xs {
    margin: 0 .25em;
}

.margin-y-sm {
    margin: 0 .5em;
}

.margin-y-md {
    margin: 0 1em;
}

.margin-y-lg {
    margin: 0 1.5em;
}

.margin-y-xl {
    margin: 0 3em;
}

.margin-top-xs {
    margin-top: .25em;
}

.margin-top-sm {
    margin-top: .5em;
}

.margin-top-md {
    margin-top: 1em;
}

.margin-top-lg {
    margin-top: 1.5em;
}

.margin-top-xl {
    margin-top: 3em;
}

.margin-right-xs {
    margin-right: .25em;
}

.margin-right-sm {
    margin-right: .5em;
}

.margin-right-md {
    margin-right: 1em;
}

.margin-right-lg {
    margin-right: 1.5em;
}

.margin-right-xl {
    margin-right: 3em;
}

.margin-bottom-xs {
    margin-bottom: .25em;
}

.margin-bottom-sm {
    margin-bottom: .5em;
}

.margin-bottom-md {
    margin-bottom: 1em;
}

.margin-bottom-lg {
    margin-bottom: 1.5em;
}

.margin-bottom-xl {
    margin-bottom: 3em;
}

.margin-left-xs {
    margin-left: .25em;
}

.margin-left-sm {
    margin-left: .5em;
}

.margin-left-md {
    margin-left: 1em;
}

.margin-left-lg {
    margin-left: 1.5em;
}

.margin-left-xl {
    margin-left: 3em;
}

.div-container {
    border-top: 3px solid #428BCA;
    border-right: 3px solid #D9534F;
    border-bottom: 3px solid #5CB85C;
    border-left: 3px solid #F0AD4E;
    margin: 30px;
    border-radius: 20px 20px 0px 0px
}

.div-heading {
    border-bottom: 1px dashed #5BC0DE;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
    background-color: #F5F5F5;
    border-radius: 19px 19px 0px 0px
}

.heading {
    color: #5FC9E5
}

.div-content {
    padding: 30px
}

.btn-lg {
    padding: 10px 16px;
    font-size: 25px;
    line-height: 1.33;
}

.btn-xl {
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
}

.btn {
    transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    border-radius: 0px;
    margin-top: 10px
}

.btn-rounded {
    border-radius: 50px
}

.btn-round-tosquare:hover {
    border-radius: 0px
}

.btn-square-toround:hover {
    border-radius: 50px
}

.btn-bordered-primary {
    color: #ffffff;
    background: #dd542c;
    border: 2px solid #dd542c;
}

.btn-bordered-primary:hover {

    color: #FFFFFF;
    background: #015234;
    border: 2px solid #FFFFFF;

}

.btn-bordered-success {
    color: #5CB85C;
    background: #FFFFFF;
    border: 2px solid #5CB85C
}

.btn-bordered-success:hover {
    color: #FFFFFF;
    background: #5CB85C;
    border: 2px solid #FFFFFF
}

.btn-bordered-info {
    color: #5BC0DE;
    background: #FFFFFF;
    border: 2px solid #5BC0DE
}

.btn-bordered-info:hover {
    color: #FFFFFF;
    background: #5BC0DE;
    border: 2px solid #FFFFFF
}

.btn-bordered-warning {
    color: #F0AD4E;
    background: #FFFFFF;
    border: 2px solid #F0AD4E
}

.btn-bordered-warning:hover {
    color: #FFFFFF;
    background: #F0AD4E;
    border: 2px solid #FFFFFF
}

.btn-bordered-danger {
    color: #D9534F;
    background: #FFFFFF;
    border: 2px solid #D9534F
}

.btn-bordered-danger:hover {
    color: #FFFFFF;
    background: #D9534F;
    border: 2px solid #FFFFFF
}

#employer-registration-form label {
    color: white;
}

.employer-registration-failed {
    text-align: center;
    color: red;
    font-size: 22px;
}

#employer-registration-form .field-error {
    color: yellow;
}

#employer-registration-form input[type=button], #employer-registration-form input[type=submit] {
    width: auto;
}

.white {
    color: white;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #ff6565;
}

.hidden {
    display: none;
}

.fb-like {
    position: absolute !important;
    top: 22px !important;
    right: 17% !important;
    z-index: 99999 !important;
}

.rodo input[type=checkbox] {
    float: left;
    width: 28px;
    margin: 0px 10px 0px 0px;
}

.rodo span {
    color: wheat;
}

.rodo .klauzula {
    width: 100%;
}

.rodo ol {
    background-color: #00000066;
    padding: 10px 5px 10px 30px;
    list-style: decimal;
    color: #ecd3ab;
}

.rodo ol ol {
    background-color: #00000000;
    padding: 10px 5px 10px 30px;
    list-style: decimal;
    color: #ecd3abfc;
}

.rodo ol li {
    padding: 0px 0px 8px;
}


.inline-block {
    display: inline-block;
}


.success-dialog .modal-header {

    background-color: #5e8f08;
}


.ladowanie-komponentu {
    min-height: 412px;
    background: url('/view/img/ladowanie_komponentu.png');
    display: inline-block;
    margin-bottom: 20px;
}

/*menu dropdown*/

.menu-wrapper li a {
    padding-top: 0px !important;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-nav li a {
    color: #fff !important;
    text-decoration: none;
    padding-top: 60px;
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-weight: 700;
}

.dropdown-menu li {
    display: block;

}

.dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
}

.nav {
    margin-left: 90px !important;
    height: 66px;

}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #544646;
    /* color: black; */
    display: block;
    padding-top: 1px;
}

.navbar-default .navbar-nav > li > a {

    line-height: 66px;
}


.nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #609171;
}

.a {
    color: inherit;
    text-decoration: none;
}

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

.block {
    display: block;
}

/*VIVA*/

.viva-news {
    color: white;
}

.viva-news-item {
    margin: 0 auto;
    margin-bottom: 50px;
    border: solid 1px #dd552b;
}

.viva-news-title {

}

.viva-news-text {

}

.viva-news img {
    border: 3px solid #64773f;
}

.viva-news-time {
    position: absolute;
    /* border: 2px solid black; */
    top: -13px;
    right: 26px;
    background: #64773f;
    padding: 4px;
}

.viva-news h1 {
    margin: 60px 0px 0px 0px !important;
}

.viva-news .menu-link {
    padding: 10px;
    background-color: #64773f;
    color: white;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.mt-5 {
    margin-top: 5px;
}

.text-summary {
    font-size: 12px;
}

#navbar {
    padding-left: 115px;
}

.float-right {
    float: right;
}

.praca_badge {
    background-color: #1a2a96;
}

.staz_badge {
    background-color: #2a9c67;
}

.viva-news-description {
    line-height: 32px;
    text-align: justify;
}

.zawod_n_dane {
    color: #0061a8    !important;
}

.zawod_n_rzeczy {
    color: #c15327 !important;
}

.zawod_n_ludzie {
    color: #989494 !important;
}

.zawod_n_bg_dane{
	background-color: #0061a8    !important;
}
.zawod_n_bg_rzeczy{
	background-color: #c15327 !important;
}
.zawod_n_bg_ludzie{
	background-color: #989494 !important;
}


.highlighted_word{
    color:red;
    font-weight: bold;
}

.jobs_options li{
    font-size: 16px;
}

.jobs_options{
    list-style: square;
    margin-left: 34px;
}

ul.nav-pills{
    display: inline-block;
}


.click-url{
    cursor: pointer;
}

.top-menu-link li {
    border-bottom: 1px solid #e2c2c2;
    /* line-height: 46px; */
    font-weight: bold !important;
    font-size: 14px;
    height: 38px;
    /* line-height: 136px; */
    padding: 11px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu li:hover {
    background-color: #005234 !important;
    color: white;
}

.dropdown-menu li:hover > a {
    color: white !important;
}

.article-text-content img{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin:10px;
}


.img-bigger{
    width: 80% !important;
}