@charset "UTF-8";

*,
.cc-window,
.pagination ul li {
    box-sizing: border-box
}
.filter-close-icon{
  color: white;
    font-size: 30px;
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}
.job-type-arrow{
  right: calc(20px - (100vw - 360px)/2 );
    position: absolute;
    top: 50%;
    display: flex;
    transform: translate(0, -50%);
    color: #20acea;
    font-size: 20px;
}
.active .job-type-arrow{
  color: white;
}


.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}


@media (min-width: 768px)  {
  .hr-banner{
    background-image: url(../img/banner_hr_ruky.png);
  }
}
@media (max-width: 767px)  {
  .hr-banner{
    background-image: url(../img/banner_hr_ruky_mobile-min-2.png);
  }
}
.hr-banner{
  /*background-image: url(../img/banner_hr_ruky.png);*/
  background-color: #00ade9;
  height: 100px;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 30px;
}
.hr-banner p{
  width: 236px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  line-height: 25px
}
.hr-banner img{
  margin-right: 40px;
  width: 70px;
}
.hr-banner a{
display: inline-block;
background-color: #004477;
font-size: 16px;
height: 45px;
width: 140px;
text-align: center;
line-height: 47.5px;
color: white;
margin-left: 45px;
transition: .2s;
}
.hr-banner a:visited,.hr-banner a:focus{
  color: white;
}
.hr-banner a:hover{
  color: #004477;
  background-color: white;
}

.ubytko-top-ico {
    margin-left: 1px;
    position: absolute;
    left: 3px;
    display: block;
    height: 18px;
    width: 17px;
    background-size: 15px 17px;
    background-repeat: no-repeat;
    top: -2px;
}

.ubytko-w-1 {
    width: 85%;
    display: inline-block !important;
}

.ubytko-w-2 {
    width: 95%;
    display: inline-block !important;
}

.ubytko {
    color: #1e983e;
    width: 7vw;
    font-family: Muller;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 2%;
    text-align: right;
    margin-top: 2.5px
}

.ubytko-ico {
    position: absolute;
    width: 27.3px;
    right: 2%;
    margin-top: 28.5px;
}
.ubytko-wrap{
  float:left;
  max-width:82%;
}
#ubytko-detail {
    width: 7vw;
    position: absolute;
    right: 29.5%;
}
@media screen and (max-width: 1199px){
  #top-detail {
    right: 2%;
  }
  .ubytko-wrap{
    max-width: 80%;
  }
}
#daktela-web {
    padding-top: 0 !important;
}

#top {
    color: #1e983e;
    float: right;
    font-size: 50%;
    font-weight: bold;
    font-family: Muller;
    position: absolute;
    right: 2%;
    width: 2.5%;
}

#top-detail {
    color: #1e983e;
    font-size: 45%;
    font-weight: bold;
    font-family: Muller;
    position: absolute;
    top: 10px;
    width: 2.8%;
    display: block;
    position: absolute;
    right: 29.5%;
}
@media screen and (max-width: 1199px){
  #top-detail {
    right: 2%;
  }
}
.detail-job #top-detail{
  font-size: 52.5%;
}
.top-span {
    position: absolute;
    margin-top: 37.5%;
    text-align: center;
    width: 100%
}

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

    #top,
    #top-detail {
        width: 7.5% !important;
    }
}

.nopadding {
    padding: 0
}

.nocolpadding {
    padding-left: 0;
    padding-right: 0
}

.noleftpadding {
    padding-left: 0
}

#clanokDesc a:hover,
#clanokHead h1,
#contactIn a:hover,
#firstFooter .footCol a:hover,
#loginBannerIn #loginSubmit a:hover,
#photoSec a:hover,
#regSocLeft:hover,
#regSocRight:hover,
#shareText,
.category-employer span.open-category a:hover,
.cc-deny:hover,
.cc-link,
.clanokArrows:hover,
.column ul li a:hover,/*
.detail-job .results .title-result,
.detail-job .results .title-result:hover,*/
.detail-job-opened .right-side .banner-image a:hover,
.footItem a:hover,
.gm-style-iw .g_take_more a,
.newestText,
.podmienky a,
.regBlock a:hover,
.socButs span {
    text-decoration: underline
}

#react-login-form .agree-checkbox,
#react-login-form .upload-cv,
.cc-btn {
    text-align: center
}

#firstFooter .footHeadline,
#mainInfos h1,
#pribehBottomIn h3,
#pribehIn p,
#pribehRight p,
#priebehMain h2,
#priebehMain h3,
#secondFooter a span,
.cookies-banner .buttons a,
.dopytResponse,
.gm-style-iw .g_title,
.sliderText h3,
.status-react span,
.switch-wrap .label-value {
    text-transform: uppercase
}

.secondStep>.form-group {
    margin-bottom: 0 !important
}

.thirdStep>.form-group {
    margin-bottom: 0 !important
}

#homeRightBanner label {
    display: initial !important;
    margin-bottom: 0 !important
}

.cc-window {
    position: fixed;
    overflow: hidden;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: nowrap;
    z-index: 9999;
    padding: 2em;
    max-width: 24em;
    top: 7em;
    right: 1em;
    flex-direction: column;
    color: #fff;
    background-color: #243141
}

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    white-space: nowrap;
    flex: 1;
    border: 0;
    color: #fff !important;
    cursor: pointer
}

.font15 {
    font-size: 15px !important
}

.documents {
    color: #20acea !important;
    font-weight: 700;
    text-decoration: underline !important
}

.documentsli {
    margin: 5px auto 5px 0!important;
    list-style-type: none
}

.fontBig {
    font-size: 25px
}

.documents:hover {
    text-decoration: none !important
}

.agree1,
.agree1:hover {
    color: #009cd2 !important
}

.agree1 {
    padding-left: 12px
}

.agree1:hover,
.alert a,
.cc-link:hover,
.podmienky a:hover,
.shifts-container .col-4:hover label,
a,
a:focus,
a:hover,
a:visited {
    text-decoration: none
}

.agree1 label {
    padding-left: 4px;
    position: relative;
    top: 1px
}

.agree-checkbox {
    padding-bottom: 25px;
    text-align: center !important
}

.reg-agree {
    width: 600px !important;
    text-align: left;
    padding-top: 25px !important
}

.reg-agree .g-recaptcha {
    margin: auto;
    position: relative;
    left: 22px
}

.margin-top {
    margin-top: 25px
}

.contact-form-agree {
    width: 330px !important;
    margin: 10px auto
}

.cc-compliance {
    display: flex;
    align-items: center;
    align-content: space-between;
    flex: 1
}

.cc-dismiss {
    color: #fff;
    border-color: transparent;
    background-color: #20acea;
    margin-left: .5em
}

.cc-deny:hover,
.cc-dismiss:hover,
.cc-link {
    color: #fff !important
}

.cc-dismiss:hover {
    background-color: #047
}

.cc-message {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1em;
    display: block
}

.cc-link {
    display: inline-block;
    padding: .2em;
    cursor: pointer
}

.cc-link:hover {
    color: #fff
}

@media screen and (max-width:1199px) {
    .cc-window {
        top: 5em
    }
}

@media screen and (max-width:767px) {
    .display-margin {
        display: block !important;
    }

    .ubytko-top-ico {
        margin-left: 3px;
    }
    /*
    .detail-job .ubytko-top-ico {
        margin-left: 0;
    }*/

    .ubytko-w-1 {
        width: 75%;
    }

    .ubytko-w-2 {
        width: 90%;
    }

    .ubytko {
        width: 25%;
        margin-top: 4.25px;
    }

    .ubytko-ico {
        width: 26.25px;
        margin-top: 30px;
    }

    #ubytko-detail {
        position: static
    }

    .cc-window {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%
    }
}

#react-login-form #agree {
    padding: 0;
    margin: 20px 0;
    display: inline-block;
    width: auto
}

#react-login-form .upload-cv small {
    display: none;
    margin-top: 10px
}

#react-login-form .upload-cv.error small {
    display: block;
    color: #ff496b
}

#registration.dopytovyForm .chosen-container {
    margin: 0
}

#registration.dopytovyForm small {
    text-align: left !important
}

#registration.dopytovyForm input:not(.chosen-search-input),
#registration.dopytovyForm textarea {
    margin-bottom: 12px;
    margin-top: 12px;
    width: 100%;
    padding: 14px 11px 11px 34px;
    font-size: 16px;
    color: #000
}

#registration.dopytovyForm #submitBut {
    max-width: 500px;
    margin: 25px auto 13px;
    transition: .2s
}

#registration.dopytovyForm #submitBut:hover {
    background: #047
}

#registration.dopytovyForm .registrationBlock.captcha .g-recaptcha {
    transform: none;
    margin: auto
}

#registration.dopytovyForm .registrationBlock.captcha small {
    text-align: center !important;
    margin-top: 10px
}

#registration.dopytovyForm .registrationBlock.captcha {
    margin: 22px auto auto !important
}

#registration.dopytovyForm .dopyt {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 7px 10px
}

#registration.dopytovyForm .chosen-container-single .chosen-single span {
    margin-right: 0;
    background-position: 5px 10px;
    text-align: left;
    background-size: 20px;
    background-repeat: no-repeat
}

#registration.dopytovyForm .registrationBlock {
    overflow: inherit
}

#registration.dopytovyForm .chosen-container:not(.chosen-container-multi) {
    z-index: 1;
    width: 100% !important
}

#registration.dopytovyForm .chosen-container-single .chosen-drop {
    margin-top: -5px
}

#registration.dopytovyForm #tel {
    background-size: 12px;
    background-position: 11px 10px
}

#registration.dopytovyForm #mail {
    background-position: 7px 11px
}

#registration.dopytovyForm textarea {
    width: 100%;
    padding: 14px 11px 11px 34px;
    font-size: 16px;
    background-color: #f6f6f6;
    margin-bottom: 12px;
    margin-top: 12px;
    border: 0;
    box-shadow: none;
    height: 70px
}

.podmienky a {
    color: #20acea !important
}

#registration.dopytovyForm .error .chosen-container-single .chosen-single {
    border-color: Red
}

body,
html {
    overflow-x: hidden
}

#thirdFooter .social-icons a:hover img,
.socButs a:hover img {
    opacity: .8
}

#zivotopis-upload-register {
    display: none
}

#zivotopis-upload-register+label {
    border: 1px solid #c8c8c8;
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin: 20px 0 0
}

.box-map .title,
.box-map .tooltips {
    pointer-events: none
}

@font-face {
    font-family: Muller;
    src: url(../fonts/muller/Muller-Regular.otf);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Muller;
    src: url(../fonts/muller/Muller-Light.otf);
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Muller;
    src: url(../fonts/muller/Muller-Bold.otf);
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Muller;
    src: url(../fonts/muller/Muller-Medium.otf);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.width {
    width: 100% !important
}

.podmienky {
    color: #666666;
    text-align: left;
    font-size: 15px;
}
.podmienky > span {
    font-size: 15px;
}
.podmienky_2 {
    color: #8E8E8E;
    text-align: left;
    font-size: 15px;
    padding-bottom: 4.37vh;
}
.podmienky_2 > span > a {
    color: #00ADE9 !important;
    text-decoration: underline;
}

.podmienky-checkbox {
    padding-top: 0.74vh;
    text-align: left;
    padding-bottom: 2vh !important;
    display: flex;
    justify-content: start;
    align-items: center;
}

.podmienky-checkbox > label {
    color: #666666 !important;
    font-weight: bold;
    font-size: 15px;
}

canvas#myChart {
    display: block;
    margin: 0 auto 75px;
    width: 235px;
    height: 235px
}

.ponukah3 {
    padding: 0 14px
}

.opacity-box {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .61);
    z-index: 100;
    cursor: pointer
}

.cookies-banner {
    z-index: 9999;
    font-size: 14px;
    top: 0;
    width: 100%;
    background: #272727 !important;
    padding: 10px 0;
    color: #fff
}

.cookies-banner .buttons a {
    padding: 9px 9px 7px;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff
}

.btn,
input {
    border-radius: 0
}

.cookies-banner .buttons a#suhlasim_cookies,
.cookies-banner .buttons a:hover {
    background: #fff;
    color: #242424
}

.cookies-banner .buttons a#suhlasim_cookies:hover {
    background: #2e2e2e;
    color: #fff
}

.cookies-banner .container {
    display: table;
    width: 100%;
    padding: 0 105px
}

.cookies-banner .container:after,
.cookies-banner .container:before {
    clear: both;
    display: block;
    content: ""
}

.cookies-banner .text-cookies {
    width: 75%;
    color: #fff !important;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle
}

.cookies-banner .buttons {
    text-align: right;
    display: table-cell;
    vertical-align: middle
}

#bannerRegBut,
#citat,
#nfound,
.cite-banner,
.fast-finder-work .form-find .links,
.headHeadline,
.wrap {
    text-align: center
}

.cookies-banner span {
    display: block
}

.cookies-banner a {
    display: inline-block
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.change-filter,
.hamburger-menu,
.langButton,
.mobile-menu,
.phoneButton {
    display: none
}

* {
    font-family: Muller, sans-serif;
    padding: 0;
    margin: 0
}

.headHeadline-img img {
    display: block;
    width: 150px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    background: rgba(255, 255, 255, .7);
    border-radius: 50%;
    padding: 5px
}

.nasPribeh .headHeadline {
    top: 60%
}

.headHeadline {
    position: absolute;
    font-size: 48px;
    width: 100%;
    color: #fff;
    text-shadow: #000 3px 3px 3px;
    top: 50%;
    padding: 0 20px;
    margin-top: 45px;
    font-weight: 400
}

#header,
#headerMenu,
.container {
    position: relative
}

body {
    width: 100%
}

body.grey {
    background-color: #f6f6f6
}

#headerInfo,
#headerLogo,
.second-header#headerMenu {
    background-color: #fff
}

body.grey main,
body.padding main {
    padding-top: 60px
}

#specialInput {
    left: 22%;
    margin-bottom: 45px
}

g {
    color: rgba(255, 255, 255, 0)
}

a,
a:focus,
a:hover,
a:visited {
    color: initial
}

#ctaphone {
    margin-top: 30px;
    margin-bottom: -20px;
    font-size: 19px;
    line-height: 24px
}

#ctaphone a {
    color: #20acea
}

.container {
    width: 1050px;
    padding: 0 25px;
    margin: 0 auto
}

#header {
    width: 100%;
    z-index: 50
}

#header .flag-icon {
    display: block !important
}

#header .flag-icon img {
    width: 20px;
    height: 12px
}

#headerMenu {
    z-index: 1;
    transition: .2s;
    list-style: none;
    padding: 0 105px;
    background-color: rgba(237, 241, 243, .8);
}

#headerMenu:after,
#headerMenu:before {
    content: '';
    clear: both;
    display: block
}

.second-header {
    position: fixed !important
}

.second-header #headerInfo {
    display: none;
    padding-left: 356px
}

.second-header #headerMenu {
    box-shadow: 0 4px 2px -2px gray;
    background-color: #fff;
    width: 100%
}

.second-header #headerMenu>a {
    float: left;
    width: 140px
}

.second-header #headerLogo {
    background-image: url(../img/proplusco-logo-small.svg);
    box-shadow: none;
    width: 140px;
    height: 55px;
    top: 0;
    position: relative;
    background-size: 140px 35px;
    background-repeat: no-repeat;
    background-position: center
}

#headerInfo .icon,
#headerLogo {
    background-repeat: no-repeat;
    position: absolute
}

.second-header #headerMenuIn {
    margin-left: 30px
}

#registration-logo {
    width: 143px;
    height: 110px;
    margin: 30px 0
}

#headerLogo {
    background-image: url(../img/logo-svg.svg);
    width: 150px;
    height: 120px;
    box-shadow: #3a3a3a 1px 1px 6px;
    /*top: -33px;*/
    top: 0;
    background-size: 116px 89px;
    background-position: center
}

#headerInfo {
    height: 35px;
    padding: 7px 105px 10px 295px;
    color: #00466f
}

.headerInfoItem,
.mobile-menu-addons .dropdown-opener {
    padding-left: 30px
}

#headerInfo:after,
#headerInfo:before {
    content: "";
    display: block;
    clear: both
}

#headerInfo .icon {
    display: block;
    background-position: left center;
    height: 24px;
    width: 24px;
    left: 0;
    top: -3px
}

.headerInfoItem,
.mobile-menu-addons,
.mobile-menu-addons .infoLanguage {
    position: relative
}

.headerInfoItem a {
    color: #047
}

.headerInfoItem {
    font-weight: 200;
    color: #047;
    float: left;
    margin-right: 40px;
    margin-bottom: -3px
}

.menuButton:last-child:hover a,
.menuItem {
    font-weight: 400
}

#infoMobile .icon {
    top: -6px;
    background-image: url(../img/home_desktop_phone.png)
}

#infoEmail .icon {
    top: -4px;
    background-image: url(../img/home_desktop_mail.png)
}

label.cursor-point {
    cursor: pointer !important
}

.mobile-menu-addons .dropdown-opener .icon {
    position: absolute !important;
    left: 0;
    top: -1px;
    bottom: 0;
    display: block !important;
    margin: auto
}

.mobile-menu-addons .dropdown-lang {
    left: -11px;
    right: -15px;
    width: auto
}

.dropdown-lang {
    display: none;
    position: absolute;
    left: -11px;
    right: 0;
    width: 120%;
    z-index: 500;
    background: #fff;
    box-sizing: content-box;
    padding: 11px 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.dropdown-lang li {
    margin-bottom: 5px;
    list-style: none;
    position: relative
}

.dropdown-lang li img {
    position: absolute;
    left: 11px;
    top: 0;
    bottom: 0;
    margin: auto
}

.dropdown-lang li a {
    padding-left: 41px;
    display: block;
    line-height: normal !important;
    padding-bottom: 2px;
    padding-top: 2px;
    transition: .2s
}

.menuButton,
.menuItem {
    line-height: 55px;
    transition: .2s;
    cursor: pointer;
    list-style: none
}

.dropdown-lang li a:hover {
    background: #e9e9e9
}

.dropdown-lang li:last-child {
    margin-bottom: 0
}

.infoLanguage {
    float: right;
    margin-right: 0;
    padding-left: 0
}

.infoLanguage .icon {
    height: 15px !important;
    width: 20px !important;
    top: -1px !important;
    background-size: 20px 15px;
    background-image: url(../img/svg-slovak.svg)
}

.infoLanguage a {
    color: #047;
    padding-left: 30px;
    position: relative
}

.menuItem a,
.menuItem:hover a {
    color: #00466f
}

.infoLanguage .alternative-text {
    display: none
}

#headerMenuIn {
    float: left;
    margin-left: 190px;
    height: 55px
}

.menuItem {
    display: inline-block;
    height: 55px;
    border-bottom-style: solid;
    border-width: 3px;
    border-color: rgba(0, 70, 111, 0);
    margin-right: 30px
}

.menuItem.active,
.menuItem:hover {
    border-color: #00466f
}

.menuItem a {
    font-size: 14px;
    display: block
}

.menuButton {
    height: 55px;
    float: right;
    padding: 0 13px;
    color: #047;
    position: relative
}

.menuButton a {
    color: #047;
    font-size: 13px
}

.menuButton:hover {
    background-color: #047
}

.menuButton:hover a {
    color: #fff
}

.menuButton:last-child {
    background-color: #00ade9
}

.menuButton:last-child:hover {
    background-color: #047
}

.menuButton:last-child a {
    display: block;
    color: #fff
}

#homeHeader {
    background: url(../img/main-img.jpg) center;
    width: 100%;
    height: 770px;
    margin-top: -70px;
    background-size: cover;
    position: relative
}

#homeHeader.zamestnavatel {
    height: 450px !important;
    background-image: url(../img/zamestnavatelnew.jpg)
}
#homeHeader.zamestnavatel.hr_rescue_services{
    height: 450px !important;
    background-image: url(../img/hrrescueservices.jpg)
}
#homeHeader.zamestnavatel.mzdovy-outsourcing{
  height: 450px !important;
  background-image: url(../img/mzdovy-outsourcing.jpg);
  background-position-y: 77.5%;
}
#homeHeader.zamestnavatel.outsourcing-kontroly-kvality{
  height: 450px !important;
  background-image: url(../img/outsourcing-kontroly-kvality.jpg)
}

#homeHeader.list-riaditelovi {
    background-image: url(../img/list-riaditelovi-2.png);
    height: 600px;
    display: block;
    max-height: 940px !important;
    min-height: 460px !important;
    background-position: left
}

#homeHeader.partner {
    background-image: url(../img/partners.jpg);
    display: block;
    height: 100%;
    min-height: 400px !important
}

#homeHeader.partner .headHeadline {
    margin-top: 0
}

#homeLeftBanner {
    position: absolute;
    width: 270px;
    top: 135px;
    background-color: #20acea;
    color: #fff;
    font-size: 16px;
    padding: 20px 23px
}

button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

#bannerRegBut {
    color: #fff;
    margin-top: 16px;
    border-style: solid;
    border-width: 1px;
    line-height: 36px;
    transition: .2s
}

#bannerRegBut:hover {
    background-color: #fff;
    color: #20acea
}

#homeRightBanner {
    display: block !important;
    line-height: 1 !important;
    position: absolute;
    top: 198px;/*165px;*/
    left: -318px;
    transition: left .5s;
    z-index: 50;
    transition-timing-function: ease
}

#homeRightBanner.sticky {
    position: fixed;
    top: 165px
}

@media screen and (max-width:767px) {
    #homeRightBanner.sticky {
        position: fixed;
        top: -20px !important
    }
}

#homeRightBanner.active {
    left: 0
}
#bannerBookmark {
    background-color: #1e983e;
    text-align: center;
    color: #fff;
    float: left;
    padding: 0 10px;
    line-height: 22px;
    cursor: pointer;
    position: absolute;
    top: 0;
    font-size: 13px;
    left: 317px;
    width: 123px;
    border-radius: 0 0 12px
}

#bannerBookmark .icon {
    background-image: url(../img/clipboard.png);
    width: 16px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 8px;
    right: -8px;
    transform: rotate(90deg)
}

#bannerBookmark .close-icon {
    display: none
}

#bannerBody {
    overflow-y: auto;
    height: auto;
    background-color: #fff;
    padding: 18px;
    width: 317px
}

.cite-banner {
    font-size: 17px;
    color: #000;
    margin-bottom: 20px;
    display: block;
    margin-top: -5px
}

#bannerForm input:not(.chosen-search-input),
#bannerForm textarea {
    outline: 0 !important;
    display: block;
    border-style: none;
    background-color: #f6f6f6;
    margin-bottom: 8px;
    width: 100%;
    padding: 12px 8px 8px 12px;
    background-repeat: no-repeat;
    background-size: 22px
}



#bannerForm {
    margin-bottom: 0
}

#bannerForm small {
    display: none
}

#bannerForm input:not(.chosen-search-input) {
    background-position: 11px center
}

#bannerForm textarea {
    height: 90px;
    resize: none;
    background-position: 11px 8px
}

#bannerForm #submitBut {
    width: 100%;
    padding: 0;
    line-height: 40px;
    color: #fff
}

.dopytResponse,
.stitok {
    line-height: 22px
}

#bannerForm img {
    width: 190px;
    margin-top: 35px;
    margin-bottom: 35px
}
.bottom-btn-right-icon {
    position: absolute;
    right: -30px;
    width: 22px !important;
    height: 19px;
    transition: ease-in-out 0.2s;
}
.bottom-btn-left-icon {
    position: absolute;
    width: 22px !important;
    height: 19px;
    left: 9px;
    top: 18px;
    transition: ease-in-out 0.2s;
}
.profSaveAll-span {
    position: absolute;
    left: 39px;
    top: 19px;
    transition: ease-in-out 0.2s;
}
#profSaveAll {
    width: 296px;
    background-color: #20acea;
    border-radius: 9px;
    padding: 10px 10px 10px;
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0 auto 60px;
    font-size: 20px;
    height: 59px;
    position: relative;
    box-shadow: inset 0 0 0 0 #20acea;
    transition: ease-in-out 0.2s;
}

#profSaveAll:hover {
    color: #fff;
    cursor: pointer;
    box-shadow: inset 296px 0 0 0 #2F3764;
}
#profSaveAll:hover .bottom-btn-right-icon {
    position: absolute;
    right: 11px;
}
#profSaveAll:hover .bottom-btn-left-icon {
    position: absolute;
    left: -20px;
}
#profSaveAll:hover .profSaveAll-span {
    position: absolute;
    left: 3%;
}

#kedy {
    background-image: url(../img/form_clock.png)
}

#map {
    width: 650px;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -325px
}

.fast-finder-work {
    position: absolute;
    z-index: 2;
    bottom: 85px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1080px
}

.fast-finder-work p {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    display: inline-block;
    line-height: 30px
}

.fast-finder-work a.btn {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    float: right;
    border-radius: 0;
    border: 2px solid #fff;
    padding: 0 30px;
    height: 48px;
    line-height: 48px;
    margin: 6px 0;
    transition: .2s
}

.fast-finder-work a.btn:hover {
    background-color: #fff;
    color: #20acea
}

.fast-finder-work .left,
.fast-finder-work .right {
    width: 50%;
    float: left;
    padding: 0 15px
}

.fast-finder-work .form-find {
    background-color: rgba(0, 0, 0, .4);
    padding: 35px 55px 15px
}

.fast-finder-work-form select {
    height: 45px;
    overflow: hidden
}

.fast-finder-work .form-find form:after,
.fast-finder-work .form-find form:before {
    content: "";
    clear: both;
    display: block
}

.fast-finder-work .form-find input {
    padding: 13px 15px 13px 45px;
    border: 0;
    display: block;
    width: 100%
}

.fast-finder-work .form-find label {
    z-index: 16
}

.fast-finder-work .form-find select+.chosen-container {
    font-size: 16px;
    display: block;
    width: 100% !important;
    background: #fff;
    border: 0
}

.fast-finder-work .form-find select+.chosen-container input {
    color: #6b6b6b !important;
    font-family: Muller !important;
    font-weight: 200;
    padding-top: 2px!important;
}

.fast-finder-work .form-find select+.chosen-container .chosen-choices {
    background-image: none;
    border: 0;
    padding: 7px 15px 7px 45px
}

.chosen-container .chosen-drop {
    border: none !important
}

.chosen-container .chosen-results li {
    padding: 7px 17px
}

.chosen-container .chosen-results li.highlighted {
    background-color: #ededed !important;
    background-image: none !important;
    color: #444 !important
}

.chosen-container-multi .chosen-choices li.search-field {
    display: block !important;
    width: 100% !important
}

.real-multiple+.chosen-container-multi .chosen-choices li.search-choice {
    top: 0 !important;
    left: 0 !important;
    background: #e6e6e6 !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    position: relative !important
}

.real-multiple+.chosen-container-multi .chosen-choices {
    font-size: 16px !important;
    background: #f6f6f6 !important;
    padding: 8px 8px 8px 34px !important
}

.real-multiple+.chosen-container-multi .chosen-choices li.search-field {
    width: auto !important;
    padding: 0 !important
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: absolute !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: #eaeaea !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 7px 2px 5px 20px !important;
    margin: 0 5px 0 0 !important
}

#clanok,
#clanokBottom,
#clanokHead,
#contactBlock,
#loginBanner,
#loginBannerIn,
#navArrows,
#pribehBottomIn,
#regSec,
#slider,
#topProfil .message,
.blogColumn figure,
.category-employer .img-box,
.category-employer .opened-content,
.clanokButs,
.colDesc,
.column,
.column>a,
.filter-results .filter section ul li,
.form.list-director.anonym .left,
.newArticle,
.registrationBlock,
.section,
.threeColumns {
    overflow: hidden
}

.chosen-container-multi .chosen-choices li.search-choice span {
    white-space: nowrap;
    border-right: none !important;
    border-left: 1px solid #969696 !important;
    padding-right: 5px !important;
    padding-left: 6px !important
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    right: auto !important;
    left: 5px !important;
    top: 7px !important
}

.fast-finder-work .form-find .form-group {
    position: relative
}

.fast-finder-work .form-find .form-group .icon {
    background-image: url(../img/list.png);
    display: block;
    width: 16px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 15px
}

.fast-finder-work .form-find .form-group .icon[for=place] {
  background-image: url(../img/form_pos_new.svg);
  width: 16px;
  height: 23px;
  background-size: 16px auto;
  z-index: 16;
}

.fast-finder-work .form-find .form-group .icon[for=time] {
    background-image: url(../img/form_clock.png);
    width: 18px;
    height: 17px;
    background-size: 18px 17px
}

.fast-finder-work .form-find .form-group #work-time {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-left: 30px;
    position: absolute;
    top: 12px
}

.fast-finder-work .form-find .form-group #work-time span {
    color: #20acea
}

.set-work-time .noUi-base,
.slider-noui-home .noUi-base {
    padding: 18px 0 !important;
    background-clip: content-box !important;
    top: -15px !important
}

.set-work-time .noUi-connect,
.slider-noui-home .noUi-connect {
    height: 4px;
    top: 15px
}

.set-work-time .noUi-handle,
.slider-noui-home .noUi-handle {
    top: -17px !important
}

.set-work-time .noUi-target {
    background: #c2bdbd
}

.fast-finder-work .form-find .form-group #slider-noui {
    margin-top: 50px
}

.fast-finder-work .form-find .form-group #slider-noui .noUi-base {
    background: #fff
}

.fast-finder-work .form-find .form-group:first-child {
    margin-bottom: 30px
}

.fast-finder-work .form-find .form-group .icon[for=find-article] {
    background-image: url(../img/search.png);
    width: 22px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat
}

.fast-finder-work .form-find .slider-submit .form-group {
    margin-bottom: 0
}

.fast-finder-work .form-find .slider-submit:after,
.fast-finder-work .form-find .slider-submit:before {
    clear: both;
    display: block;
    content: ''
}

.fast-finder-work .form-find .slider-submit .form-group:not(.submit-group) {
    width: 100%;
    float: left;
    top: -12px
}

.fast-finder-work .form-find .form-group.submit-group {
    margin-top: 3px;
    margin-bottom: 15px
}

.fast-finder-work .form-find .form-group.submit-group input {
    cursor: pointer;
    transition: .2s;
    background: #20acea;
    color: #fff;
    font-weight: 700;
    padding: 12px 15px 12px 45px
}

.fast-finder-work .form-find .form-group.submit-group input:hover {
    background-color: #047
}

.fast-finder-work .form-find .links a {
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    border-bottom: 1px solid transparent
}

.fast-finder-work .form-find .links a:hover {
    border-bottom: 1px solid #fff
}

#nfound {
    padding-top: 50px;
    padding-bottom: 50px
}

.home-citat img {
    width: 80px
}

.home-citat img,
.home-citat p {
    margin: 0 35px 0 0;
    vertical-align: middle;
    display: table-cell
}

.home-citat .container {
    display: table;
    width: auto
}

.home-citat .container:after,
.home-citat .container:before {
    display: block;
    clear: both;
    content: ""
}

#citat {
    background-color: #f6f6f6;
    padding: 42px 0;
    font-size: 30px;
    font-weight: 700;
    box-shadow: #9c9c9c 0 2px 12px
}

.img-20-rokov-div span {
    position: absolute;
    top: 50%;
    left: 66px;
    transform: translate(-50%, -50%);
    font-size: 40px;
    font-weight: 400;
    color: #161a45;
    z-index: 2
}

.img-20-rokov-div span.nas_pribeh_roky {
    top: 40%;
    left: 50.15% !important;
    font-size: 70px !important
}

@media screen and (max-width:490px) {
    .img-20-rokov-div span {
        top: 32%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.section h2,
.section h3 {
    font-weight: 400;
    text-align: center
}

.section {
    padding-top: 55px;
    padding-bottom: 55px
}

.section h2 {
    font-size: 35px
}

.profileSocInputs #linkedin_link {
    margin-left: 20px
}

.section h3 {
    font-size: 17px;
    margin-top: 13px
}

.threeColumns.type-jobs {
    max-width: 1100px
}

.threeColumns.type-jobs.doubleSpecial {
    width: 1050px
}

.type-jobs .column ul li {
    margin-bottom: 15px;
    list-style: none
}

.type-jobs .column ul li a,
.type-jobs .column ul li a span {
    font-size: 16px
}

.cut-text{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.type-jobs .column {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px
}

.type-jobs .column a {
    position: relative
}

.type-jobs .column a>img {
    transition: .2s;
    margin: auto;
    width: 100% !important;
    display: block;
    transform: scale(1.1)
}

.type-jobs .column>a:hover>img {
    transform: scale(1)
}

.threeColumns {
    width: 1050px;
    margin: 25px auto auto
}

.ponukaheading {
    text-align: center;
    margin: 25px 0 0 0;
    font-size: 32px;
    color: #20acea
}

@media screen and (max-width:768px) {
    .ponukaheading {
        text-align: center;
        margin: 15px;
        font-size: 26px;
        color: #20acea
    }
}

.threeColumns.blog.blogSite {
    margin-top: 0;
    margin-bottom: 50px
}

.threeColumns.blog.blogSite .column.blogColumn {
    margin-top: 50px
}

.threeColumns.blog.blogSite .column.blogColumn .blogImg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
    height: 100%
}

.desc {
    width: auto !important;
    color: #fff;
    float: left;
    margin-left: 27px;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 10px
}

.column {
    float: left;
    width: 31%;
    margin-left: 1.16%;
    margin-right: 1.16%;
    position: relative
}

.column>img {
    width: 100%
}

.column>a {
    height: 182px;
    margin-bottom: 23px;
    display: block;
    background-color: rgba(0, 0, 0, .4)
}

.column>a:hover .colHead {
    background-color: rgba(0, 97, 151, .4)
}

.column ul li {
    margin-bottom: 20px
}

.column ul li a {
    color: #1b5e9d;
    font-size: 18px;
    font-weight: 400;
    padding-left: 10px
}

.column ul li span {
    color: #231f20;
    font-size: 18px;
    display: inline-block;
    margin-left: 5px
}

.column .colHead {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 182px;
    background-color: rgba(0, 97, 151, .33);
    transition: .2s;
    padding-top: 82px;
    padding-left: 26px
}

.column .colHead img {
    width: 52px;
    float: left
}

#regHead,
#regSec img {
    width: 100%
}

.blogColumn .blogImg {
    margin-bottom: 0;
    transform: scale(1.1);
    transition: .2s;
    height: 100%
}

.blogColumn:hover .blogImg {
    transform: scale(1)
}

.blogColumn:hover figure {
    border-color: #047
}

.blogColumn:hover figure .zaclona {
    background-color: rgba(0, 0, 0, .4)
}

.blogColumn:hover .blogHeadline {
    color: #047
}

.blogColumn:hover .stvorcek {
    background-color: #047
}

.blogColumn figure {
    height: 300px;
    position: relative;
    border-bottom-style: solid;
    border-color: #20acea;
    border-width: 4px;
    transition: .2s
}

#regBut,
#showMoreBut {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    transition: .2s;
    cursor: pointer
}

.blogColumn figure .stvorcek {
    display: none
}

#calcMove .form-group {
    float: left;
    width: 50%
}

#showMoreBut {
    display: block;
    margin: 60px auto auto;
    width: 333px;
    line-height: 38px;
    height: 40px;
    border-color: #808285;
    color: #808285
}

.blogCols,
.month {
    margin-top: 0
}

#showMoreBut:hover {
    color: #fff;
    background-color: #808285
}

#regHead {
    font-size: 28px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
    position: absolute;
    top: 120px;
    text-align: center;
    color: #fff;
    text-shadow: #252525 3px 3px 5px
}

#regSec {
    max-height: 340px;
    position: relative
}

#regBut,
.uputavka,
.zaclona {
    position: absolute
}

#regBut {
    top: 210px;
    color: #fff;
    width: 350px;
    font-size: 18px;
    left: 50%;
    margin-left: -175px;
    border-color: #fff;
    padding: 11px 0
}

#regBut:hover {
    background-color: #fff;
    color: #000
}

.uputavka {
    bottom: 0;
    color: #fff;
    padding: 0 25px;
    margin-bottom: 25px;
    font-size: 22px;
    z-index: 5
}

.zaclona {
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .32);
    z-index: 0;
    transition: .2s
}

#napiste,
.colDesc {
    position: relative
}

#napiste,
.stvorcek {
    background-color: #20acea;
    text-align: center
}

.stvorcek {
    transition: .2s;
    padding: 10px 0 5px;
    width: 85px;
    color: #fff
}

.num {
    font-weight: 700;
    font-size: 25px
}

.month {
    font-size: 12px;
    padding-bottom: 5px
}

.blogHeadline {
    transition: .2s;
    color: #20acea;
    padding: 18px 10px;
    height: 84px
}

.blogDesc {
    padding: 0 10px
}

.partneri {
    margin-top: 50px;
    padding-top: 7px;
    padding-bottom: 7px
}

.partneri .partner {
    text-align: center;
    float: left;
    width: 23%;
    height: 160px;
    margin-left: 1%;
    margin-right: 1%
}

.partneri .partner:hover {
    box-shadow: #c5c5c5 3px 3px 13px
}

.partneri .partner:hover img {
    filter: none;
    -webkit-filter: none
}

.partneri .partner:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.partneri .partner img {
    max-height: 160px;
    vertical-align: middle;
    max-width: 100%;
    padding: 20px;
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .3s
}

#showMoreBut.paertnerBut {
    margin-top: -50px;
    float: right
}

#firstFooter {
    background-color: #242424;
    color: #858585;
    padding: 50px 0
}

#firstFooter .footCol {
    float: left;
    width: 25%
}

#firstFooter .footCol a {
    color: #858585;
    padding-bottom: 10px;
    display: block
}

#firstFooter .footCol a:hover {
    color: #fff
}

#firstFooter .footHeadline {
    line-height: 1.428571429;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 16px
}

#firstFooter.threeColumns {
    margin-top: 0
}

#secondFooter {
    padding: 35px 0;
    background-color: #282828
}

#secondFooter a {
    cursor: pointer;
    display: inline-block;
    margin-right: 40px
}

#secondFooter a:last-child {
    margin-right: 0
}

#secondFooter a span {
    font-size: 16px;
    color: #858585;
    font-weight: 700;
    display: block;
    margin-bottom: 25px
}

#thirdFooter {
    background-color: #2e2e2e;
    padding: 25px 0 43px
}

#thirdFooter .logo {
    margin-top: 10px;
    width: 228px;
    height: 55px
}

#thirdFooter .container:after,
#thirdFooter .container:before {
    content: "";
    display: block;
    clear: both
}

#thirdFooter .social-icons {
    float: right
}

#thirdFooter .social-icons img {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    transition: .2s
}

#thirdFooter .social-icons a {
    display: inline-block
}

#thirdFooter .copyright-text {
    font-size: 16px;
    font-weight: 200;
    color: #858585;
    text-align: center;
    margin-top: 30px
}

#contactBlock {
    float: right;
    width: 50%;
    margin-top: 75px
}

.contactCols {
    float: left;
    width: 50%
}

.footItem {
    padding-bottom: 10px
}

.footItem a {
    color: #858585
}

#napiste,
.footItem a:hover {
    color: #fff
}

#napiste {
    line-height: 36px;
    width: 187px;
    margin-top: 15px;
    cursor: pointer;
    transition: .2s
}

#napiste:hover {
    background-color: #047
}

.top-label .container {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #fff
}

.top-label h2 {
    color: #020202;
    font-size: 25px;
    font-weight: 400
}

.top-label form {
    margin-top: 18px
}

.top-label form .form-group {
    float: left;
    margin-right: 19px;
    position: relative
}

.top-label form .form-group label .icon {
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5
}

.top-label form .form-group label[for=work-position] .icon {
    background-image: url(../img/search.png);
    background-size: 20px
}

.top-label form .form-group label[for=place] .icon {
    background-image: url(../img/form_pos.png)
}

.top-label form .chosen-choices {
    box-shadow: none !important;
    border: none !important;
    padding: 11px 0 7px 45px !important
}

.top-label form .chosen-choices input {
    color: #727272 !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    font-family: Muller !important
}

.top-label form .chosen-choices,
.top-label form input {
    background: #f6f6f6;
    border: 0
}

.top-label form input[type=text],
.top-label form select {
    padding: 14px 40px;
    width: 390px
}

.top-label form input[type=submit] {
    height: 45px;
    line-height: 46px;
    width: 180px;
    display: inline-block;
    float: left;
    background-color: #20acea;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s
}

.top-label form input[type=submit]:hover {
    background-color: #047
}

.top-label form:after,
.top-label form:before {
    content: "";
    clear: both;
    display: block
}

.top-label.blue h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.top-label.blue h2 small {
    font-size: 16px;
    font-weight: 400;
    display: block
}
#slider-noui {
    cursor: pointer;
    height: 4px;
    margin: 15px 0;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

#slider-noui .noUi-handle {
    cursor: pointer;
    width: 9px !important;
    height: 30px !important;
    background-color: #20acea;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    left: -5px;
    top: -13px
}

#slider-noui .noUi-handle::after,
#slider-noui .noUi-handle::before {
    content: none
}

#slider-noui .noUi-base {
    background: #bfbfbf
}

#slider-noui .noUi-connect {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: #20acea
}

.filter-results {
    padding-bottom: 40px;
    margin-top: 18px
}

.filter-results .container {
    padding-right: 0;
    padding-left: 0
}

.filter-results .filter {
    width: 275px;
    float: left
}

.filter-results .filter section {
    margin-bottom: 18px;
    background: #fff;
    padding: 25px
}

.filter-results .filter section.type-contract .form-group {
    display: block
}

.filter-results .filter section h3 {
    color: #020202;
    font-style: 22px;
    font-weight: 400
}

.filter-results .filter section ul {
    list-style: none
}

.filter-results .filter section ul li {
    margin-top: 17px;
    font-size: 16px;
    cursor: pointer
}

.filter-results .filter section ul li a {
    color: gray;
    line-height: 20px
}

.filter-results .filter section ul li a:hover,
.filter-results .filter section ul li.active a {
    color: #047
}

.filter-results .filter section ul li .sub-menu {
    transition: .2s;
    height: 0
}

.filter-results .filter section ul li .sub-menu li {
    padding-left: 25px;
    margin-top: 0
}

.filter-results .filter section ul li.active .sub-menu {
    height: auto
}

.filter-results .filter section ul li.active .sub-menu li {
    padding-top: 12px
}

.filter-results .filter section ul li.active .sub-menu li a {
    color: gray
}

.filter-results .filter section ul li .sub-menu li a.active,
.filter-results .filter section ul li .sub-menu li a:hover,
.filter-results .filter section ul li.active .sub-menu li.active a {
    color: #20acea
}

.filter-results .filter .set-work-time h3 {
    margin-bottom: 26px
}

.filter-results .filter .set-work-time #work-time {
    color: #20acea;
    font-size: 20px;
    font-weight: 500;
    margin-left: 30px
}

.filter-results .filter .input-label a.form-group {
    display: block
}

.filter-results .filter .input-label a.form-group label {
    cursor: pointer
}

.filter-results .filter .input-label a.form-group .icheckbox_flat-green,
.filter-results .filter .input-label a.form-group .iradio_flat-green {
    vertical-align: top;
    top: -0.75px
}
.filter-results .filter .input-label .form-group {
    color: gray/*#bfbfbf*/;
    margin-top: 17px
}

.filter-results .filter .input-label .form-group:hover label {
    color: #20acea
}

.filter-results .filter .input-label .checked+label {
    color: #047
}

.filter-results .filter .btn {
    background-color: #20acea;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    transition: .2s
}

.filter-results .filter .btn:hover {
    background-color: #3bc3ff
}

.filter-results:after,
.filter-results:before {
    content: "";
    clear: both;
    display: block
}

.detail-job .results .result:after,
.detail-job .results .result:before,
.detail-job:after,
.detail-job:before {
    content: '';
    display: block;
    clear: both
}

.arrows-job {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.detail-job .container {
    padding: 0
}

.detail-job #regSec {
    margin-bottom: 80px
}

.detail-job .results {
    width: 100%;
    margin-left: 0
}

.detail-job .results .result article {
    color: #020202
}
.detail-job .results .result .text_article{
    min-height: 19.792vw;
}

.detail-job .results .result ul {
    padding-top: 3px;
    padding-bottom: 3px
}

.detail-job .results .result ul li {
    list-style: none;
    padding-left: 20px;
    position: relative
}

.detail-job .results .result ul li:before {
    content: '•';
    color: #047;
    position: absolute;
    font-size: 35px;
    top: -7px;
    display: block;
    left: 0
}

.detail-job .results .result .right-side {
    float: right;
    width: 240px
}

.detail-job .results .right-side a.btn {
    margin-bottom: 15px;
    display: block;
    background: #fff;
    color: #808285;
    border: 1px solid #808285;
    transition: .2s
}

.detail-job .results .right-side a.btn:hover {
    border: 1px solid #cbcbcb
}

.detail-job .results .right-side a.btn#email .icon {
    background-image: url(../img/mail-grey-dark-1.png);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
    right: 4px
}

.detail-job .results .right-side a.btn#print .icon {
    background-image: url(../img/print.png);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 7px;
    right: 4px
}

.detail-job .results .right-side a.btn.blue {
    background: #20acea;
    color: #fff;
    border: 0;
    transition: .2s
}

.detail-job .results .left-side .location,
.detail-job .results .left-side .pay,
.detail-job .results .left-side .type-contract,
.detail-job .results .left-side .ubytko-top {
    color: #808080/*#047 !important*/
}

.detail-job .ubytovanie {
    color: #047 !important
}

.detail-job .results .right-side a.btn.blue:hover {
    background-color: #047
}

.detail-job .results .right-side:after,
.detail-job .results .right-side:before {
    content: '';
    clear: both;
    display: block
}

.detail-job .results .left-side {
    max-width: 770px !important;
    width: 100% !important;
    float: left
}

.avatar-of-employer,
.clanokImg {
    max-width: 100%
}

.detail-job .results .left-side .location .icon {
    background-repeat: no-repeat;
    /*background-image: url(../img/form_pos.png);
    background-size: 13px 17px;*/
    background-image: url(../img/location.svg);
    background-size: 13px 20px;
    background-position: 4px 0
}

.detail-job .results .left-side .pay .icon {
    background-repeat: no-repeat;
    /*background-image: url(../img/euro.png);
    background-size: 13px 13px;*/
    background-image: url(../img/euroGrey.png);
    background-size: 12px 14px;
    background-position: right;
    top: -2px
}

.detail-job .results .left-side .type-contract .icon {
    background-repeat: no-repeat;
    /*background-image: url(../img/type-contact.png);
    background-size: 17px 15px;*/
    background-image: url(../img/passage.svg);
    background-size: 15px 17px;
    background-position: right
}

.detail-job-opened .right-side img {
    vertical-align: top;
    width: 100%
}

.detail-job-opened .right-side .banner-image {
    margin-bottom: 20px
}

.detail-job-opened .right-side .banner-image .name-job-detail {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 3px
}

.detail-job-opened .right-side .banner-image a {
    margin-bottom: 3px;
    font-size: 14px;
    color: #fff
}

.detail-job-opened .right-side .banner-image .background {
    padding: 10px;
    background-color: #047
}

.detail-job-opened .right-side .banner-image .background a {
    float: none !important;
    width: auto !important
}

.detail-job-opened .right-side .btn {
    display: block !important;
    margin-bottom: 20px !important;
    line-height: 40px !important;
    height: 40px !important;
    border: 1px solid #808285 !important;
    color: #808285 !important;
    text-align: center !important
}

.detail-job-opened .right-side .btn:hover {
    border: 1px solid #cbcbcb !important
}

.detail-job-opened .right-side .btn.blue {
    color: #fff !important;
    border-color: #20acea !important
}

.detail-job-opened .right-side .btn.blue:hover {
    border-color: #047 !important
}

#clanokBottom {
    padding: 0 20px;
    margin-bottom: 27px
}

#clanokBottom a.btn {
    margin-bottom: 15px;
    display: block;
    background: #fff;
    color: #808285;
    border: 1px solid #808285;
    transition: .2s
}

#clanokBottom a.btn:hover {
    border: 1px solid #cbcbcb
}

#clanokBottom a.btn#email .icon {
    background-image: url(../img/mail-grey.png);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
    right: 4px
}

#clanokBottom a.btn#print .icon {
    background-image: url(../img/print.png);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 7px;
    right: 4px
}

#clanokBottom a.btn.blue {
    background: #20acea;
    color: #fff;
    border: 0;
    transition: .2s
}

#clanokBottom a.btn.blue:hover {
    background-color: #047
}

#clanokBottom .btn {
    height: 36px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    background-color: #20acea;
    padding: 0 20px;
    display: block;
    width: 210px;
    margin: auto
}

#vzdelanie .message,
#zamestnanie .message,
#zivotopis .message {
    width: 100%;
    float: left;
    margin-top: 26px;
    margin-bottom: 9px;
    margin-left: 0
}

.results {
    width: 755px;
    float: right
}

.results .count-jobs {
    margin-left: 20px;
    font-size: 25px;
    color: #020202;
    padding-top: 25px;
    display: block
}

.results .count-jobs .zero-jobs{
	/*color: #20acea;*/
	color: #047;
  text-decoration: underline;
}

.results .sort-results {
    position: absolute;
    top: 0;
    right: 20px
}

.results .sort-results a {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #808285;
    border-radius: 2px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #808285;
    margin-left: 12px;
    transition: .2s
}

.results .sort-results a:hover {
    color: #fff;
    background: #808285
}

.results .tags {
    margin-left: 20px;
    margin-top: 21px;
    margin-bottom: 18px
}

.results .tags:after,
.results .tags:before {
    clear: both;
    content: "";
    display: block
}

.results .tags>a {
    display: flex;
    position: relative;
    float: left;
    height: 34px;
    margin-right: 6px;
    margin-bottom: 6px;
    background-color: #c8c8c8;
    transition: .2s
}

.results .tags>a:hover {
    background-color: #20acea
}

.results .tags span.name {
    display: inline-block;
    padding: 0 20px 0 10px;
    color: #fff;
    font-size: 15px;
    line-height: 36px;
    position: relative
}

.results .tags .icon {
    font-size: 16px;
    text-align: right;
    color: #fff;
    -webkit-appearance: none;
    display: inline-block;
    margin-right: 10px;
    line-height: 38px;
}

.results .result {
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 20px 13px;
    background-color: #fff;
    margin-bottom: 0.469vw
}

.results .result .left-side {
    width: 100%;
    float: left
}

.results .result .left-side .contact-info {
    display: none
}

.results .result .left-side a.btn {
    margin-top: 0
}

.results .result .left-side a.btn:hover {
    border-radius: 2px
}

.results .result:after,
.results .result:before {
    content: '';
    clear: both;
    display: block
}

.results .result .right-side {
    width: 250px;
    float: right
}

.results .result .right-side a {
    display: block
}

.results .result .right-side .alternative {
    display: none
}

.results .result .right-side a.btn {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #808285;
    font-weight: 200;
    font-size: 14px;
    line-height: normal;
    height: auto;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    width: auto;
    border: 0;
    padding: 0 0 0 7px;
    margin-bottom: 4px;
    transition: .2s
}

.results .result .right-side a.btn .icon {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    right: 7px
}

.results .result .right-side a.btn#email .icon {
    background-image: url(../img/mail-grey-dark-1.png)
}

.results .result .right-side a.btn#telephone .icon {
    background-image: url(../img/phone-grey.png);
    background-size: 20px 21px;
    background-repeat: no-repeat;
    background-position: right
}

.results .result .right-side a.btn.blue {
    display: none
}

.results .result .title-result {
    color: #20acea;
    font-size: 20px;
    font-weight: 900;
    display: block;
    margin-bottom: 5px
}

.results .result .location,
.results .result .pay,
.results .result .shifts,
.results .result .type-contract,
.results .result .ubytko-top {
    padding-left: 27.5px;
    color: #808080;
    font-weight: 500;
    margin-bottom: 5px;
}
.display-margin {
    /*float: left !important;
    clear: none !important;*/
    margin-right: 20px;
}
.results .result .location {
    position: relative;
    margin-right: 20px;
    float: left;
    display: block
}

.results .result .ubytovanie {
    position: relative;
    margin-right: 20px;
    display: block;
    float: left;
    padding-left: 30px;
    color: #c8c8c8;
    margin-bottom: 5px
}

.results .result .location .icon {
    position: absolute;
    left: 0;
    display: block;
    height: 21px;
    width: 18px;
    background-size: 13px 20px;
    background-position-x: center;
    background-repeat: no-repeat;
    background-image: url(../img/location.svg);
    top: -3px
}

.results .result .ubytovanie .icon {
    margin-left: 4px;
    margin-top: -5px;
    position: absolute;
    left: 0;
    display: block;
    height: 19px;
    width: 24px;
    background-size: 19px 24px;
    background-repeat: no-repeat;
    background-image: url(../img/ubytko1.svg);
    top: 0
}

.results .result .pay .icon,
.results .result .shifts .icon {
    left: 0;
    background-size: 12px 14px;
    background-position: center;
    height: 18px;
    width: 17px;
    background-repeat: no-repeat;
    display: block
}

.results .result .pay {
    margin-right: 20px;
    position: relative;
    float: left;
    display: block
}

.results .result .pay .icon {
    position: absolute;
    background-image: url(../img/euroGrey.png);
    top: -2px
}

.results .result .shifts {
    position: relative;
    float: left;
    display: block
}

.results .result .shifts .icon {
    position: absolute;
    background-image: url(../img/users.svg);
    top: 0
}

.results .result .type-contract,
.results .result .ubytko-top {
    position: relative;
    display: block;
    clear: both;
}

.results .result .type-contract .icon {
    position: absolute;
    left: 3px;
    display: block;
    height: 18px;
    width: 17px;
    background-size: 15px 17px;
    background-repeat: no-repeat;
    background-image: url(../img/passage.svg);
    top: -2px
}

.results .result article {
    color: gray;
    font-size: 18px;
    margin-top: 20px
}

.results .result .btn {
    height: 36px;
    color: #808285;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    padding: 0 20px;
    display: block;
    width: 210px;
    margin: auto;
    border: 1px solid #808285;
    border-radius: 2px;
    transition: .2s
}

.detail-job .results .result .btn.blue {
    background-color: #20acea;
    color: #fff;
    border: 0;
    font-weight: 200;
    font-size: 14px;
    height: 40px;
    width: 230px;
    line-height: 40px
}

@media screen and (max-width:768px) {
    .detail-job .results .result .btn.blue {
        width: 100% !important;
        margin-top: 10px
    }
}

.detail-job .results .result .btn.blue:hover {
    background-color: #047
}

.results .result .btn:hover {
    border-radius: 0;
    color: #fff;
    border: 1px solid #20acea;
    background-color: #20acea
}

.results .result .contact-info {
    margin-top: 30px;
    margin-bottom: 20px
}

.results .result .contact-info>span {
    margin-right: 30px;
    color: gray;
    padding-left: 25px;
    position: relative
}

.results .result .contact-info>span .icon {
    position: absolute;
    left: 0;
    width: 19px;
    height: 19px;
    background-size: 19px 19px
}

#blogHead,
.newArticle,
.newestHead {
    position: relative
}

.results .result .contact-info>span.email .icon {
    background-image: url(../img/mail-grey.png)
}

.results .result .contact-info>span.phone .icon {
    top: -2px;
    background-image: url(../img/phone-grey.png)
}

.results .slogan {
    padding: 55px 0;
    text-align: center
}

.results .slogan p {
    color: #047;
    font-size: 24px;
    text-align: center
}

.results .slogan .dots {
    display: block;
    text-align: center;
    color: #808285
}

.results .slogan a {
    color: #808285;
    font-size: 18px;
    border: 2px solid #808285;
    border-radius: 2px;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding: 0 40px;
    margin: 24px auto auto;
    min-width: 248px;
    text-align: center;
    transition: .2s
}

.results .slogan a:hover {
    background-color: #808285;
    color: #f6f6f6
}

#blogHead {
    top: -70px;
    background: url(../img/new_blog_header_pic.jpg) center;
    width: 100%;
    height: 485px;
    background-size: cover
}

.clanokHead {
    top: -70px;
    width: 100%;
    background: url(../img/clanokhead.jpg) center
}

.nasPribeh#blogHead {
    background: url(../img/nas-pribeh.jpg)
}

#findBlog {
    width: 1030px
}

#findBlog .form-find {
    padding: 27px 26px 0
}

#findBlogHeadline {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px
}

#find-article {
    width: 780px
}

#findArtic {
    float: left
}

#blogFindBut {
    transition: .2s;
    float: left;
    width: 178px;
    color: #fff;
    background-color: #00ade9;
    margin-left: 20px;
    text-align: center;
    padding: 0;
    line-height: 43px;
    font-size: 16px;
    cursor: pointer
}

#blogFindBut:hover,
.newArticle:hover .newestDate {
    background-color: #047
}

.blogSite .blogCols {
    padding-bottom: 40px;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #a2a2a2
}

#showMoreBut.blogBut {
    margin-bottom: 50px
}

#clanok {
    padding-bottom: 40px;
    width: 1030px;
    margin: 25px auto auto
}

#clanokHead,
.clanokButs {
    margin-top: 25px
}

#clanok:after,
#clanok:before {
    content: "";
    clear: both;
    display: block
}

.clanokLeft {
    float: left;
    width: 785px
}

.clanokRight {
    float: right;
    width: 210px
}

.clanokRight h2 {
    font-weight: 400
}

#clanokHead {
    float: left;
    max-width: 425px;
    color: #002642
}

#clanokHead h1 {
    color: #00ade9;
    margin-bottom: 7px;
    line-height: 32px
}

#clanokHead .date {
    float: left
}

#clanokHead .author,
.clanokButs {
    float: right
}

.clanokButs {
    width: 210px
}

.articButs {
    width: 100%;
    text-align: center;
    color: gray;
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    line-height: 33px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 12px
}

.socButs {
    margin-top: 35px
}

.socButs span {
    color: #047;
    font-size: 20px;
    display: block;
    margin-bottom: 5px
}

.socButs a img {
    transition: .2s
}

.socButs.bottom {
    margin-top: 5px
}

.clanokDesc {
    padding: 0 20px
}

.socIco {
    width: 44px;
    margin-right: 7px;
    cursor: pointer
}

.profileSpecialMessage {
    margin-bottom: 65px;
    margin-left: 20px
}

#navArrows {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px
}

.clanokArrows {
    color: #8b8083 !important;
    cursor: pointer;
    line-height: 26px;
    background-repeat: no-repeat
}

.clanokArrows#leftArrow {
    float: left;
    padding-left: 20px;
    background-image: url(../img/arrowL.png);
    background-position: 0 5px
}

.clanokArrows#rightArrow {
    float: right;
    padding-right: 20px;
    background-image: url(../img/arrowR.png);
    background-position: right 5px
}

.clanokArrows.prev-arrow {
    float: right;
    padding-left: 20px;
    background-image: url(../img/arrowL.png);
    background-position: 0 5px;
    margin-right: 20px
}

#shareText {
    color: #0076ad;
    font-size: 19px;
    margin-bottom: 10px
}

.newArticle {
    margin-top: 25px;
    cursor: pointer
}

.newArticle:hover .newestText {
    color: #047
}

.newArticle:hover .zaclona {
    background-color: rgba(0, 0, 0, .08)
}

.newArticle .zaclona {
    background-color: transparent
}

.clanokThumb {
    width: 100%;
    border-bottom-style: solid;
    border-width: 4px;
    border-color: #00ade9
}

#loginBanner,
#loginBannerIn {
    border-width: 5px
}

.newestDate {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: #00ade9;
    padding: 8px 11px 4px;
    font-size: 17px
}

#bLogin:hover
{
    box-shadow: inset 510px 0 0 0 #0F792B;
}




.newestText {
    color: #00ade9;
    margin-top: 13px
}

#loginBanner {
    display: none;
    top: 55px;
    position: absolute;
    width: 21.146vw;
    height: auto;
    right: 0;
    background-color: #fff;
    z-index: 2000;
    cursor: initial;
}

#loginBut.active #loginBanner {
    display: block;
    border-radius: 6px;

}

#loginBut.active {
    background-color: #004477;
}

#loginBut.active a {
    color: white;

}

#logAlert {
    margin-top: -18px;
    color: red
}

#loginBannerIn {
    padding: 2.188vw 1.66vw 3.021vw 1.66vw;
    border-top-style: solid;
}

#loginBannerIn .form-group {
    line-height: initial;
    color: #757575;
    position: relative;
    DISPLAY: flex;
    justify-content: center;
    align-items: center;
}

#loginBannerIn .form-group .icheckbox_flat-green{
  margin-top: -3px;
}

#loginBannerIn input[type=text],
#loginBannerIn input[type=email],
#loginBannerIn input[type=password] {
    border: 1px solid #707070;
    border-radius: 6px;
    padding: 0.521vw;
    font-size: 0.833vw;
    width: 100%;
    margin-bottom: 0.781vw;
}
#loginBannerIn input[type=email]:focus,
#loginBannerIn input[type=password]:focus {
    outline: 0;
}

#loginBannerIn #loginSubmit a {
    color: #00ade9;
    font-size: 0.938vw;
    line-height: 1.094vw;
    display: block;
    margin-top: 0.365vw;
    text-decoration: underline;
    width: 8.552vw;
    margin-left: 4.292vw;
}

#loginBannerIn #loginSubmit a:hover {
    cursor: pointer
}

#login_email {
    background-image: url(../img/mail-grey.png)
}

.remember {
    display: flex;
    justify-content: center;
}
.remember > label {
    color: #666666;
    font-size: 0.938vw;
}
#socLogin {
    float: left;
    width: 100%;
}

.socLogin-fb{
    width: 15px;
    height: 31px;
    cursor: pointer;
}
.socLogin-li{
    width: 31px;
    height: 31px;
    cursor: pointer;
}
#loginSubmit {
    margin-top: 0.677vw;
    text-align: center;
}

#bLogin {
    width: 100%;
    height: 2.135vw;
    border: 0;
    color: #fff;
    background-color: #1E983E;
    line-height: 2.240vw;
    font-size: 1.042vw;
    cursor: pointer;
    border-radius: 6px;
    transition: all, .2s;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #1e983e;
    margin-top: 5%;
}

#schopnosti .message .warning {
    margin-top: 5px
}

#loggedInfo {
    float: right
}

#loggedInfo ul,
#loggedInfo>a {
    float: left
}

#loggedInfo .profil-avatar-head {
    margin-right: 20px;
    border-radius: 180%;
    width: 45px;
    height: 45px;
    margin-top: 6px
}

#logout {
    margin-right: 0
}

#topProfil .message {
    text-align: center;
    display: block;
    /* margin-top: 35px */
}

#topProfil .message .success {
    margin: auto auto 8px;
    margin-left: 0 !important;
    display: inline-block
}

.head-category-employer {
    padding: 55px 0 44px 0
}

.head-category-employer h2 {
    font-size: 28px;
    font-weight: 700;
    color: #000
}

.head-category-employer h2 small {
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 22px
}

.category-employer {
    margin-bottom: 70px
}

.category-employer .container {
    padding-bottom: 35px
}

.category-employer img {
    padding-bottom: 45px;
    max-width: 100%
}

.category-employer h3 {
    margin-bottom: 35px;
    font-size: 20px;
    font-weight: 400;
    padding-left: 15px
}

.category-employer span.open-category {
    margin-top: 35px;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding-left: 15px
}

.category-employer span.open-category a {
    white-space: nowrap;
    color: #20acea;
    margin-top: 5px;
    display: inline-block
}

.category-employer span.open-category a .icon {
    margin-top: 0;
    margin-left: 10px;
    display: inline-block;
    transition: .2s;
    padding: 0
}

.category-employer span.open-category a .icon:before {
    transition: .2s;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 10px;
    position: relative;
    transform: rotate(45deg);
    vertical-align: top;
    width: 10px;
    border-color: #20acea;
    border-radius: 1px;
    top: 3px;
    left: -3px
}

.category-employer article {
    font-size: 18px;
    font-weight: 400
}

.category-employer .opened-content {
    display: none;
    font-size: 18px;
    padding-top: 50px;
    box-shadow: 0 6px 5px -6px #333 inset;
    background-color: #f6f6f6
}

.category-employer .opened-content .container {
    padding: 0 65px
}

.category-employer .opened-content span {
    padding-left: 0;
    margin-bottom: 30px
}

.category-employer .opened-content article,
.category-employer .opened-content h3 {
    padding-left: 0
}

.category-employer .opened-content p {
    margin-bottom: 30px
}

.category-employer .opened-content h4 {
    margin-bottom: 25px
}

.category-employer .opened-content ul {
    margin-bottom: 35px;
    padding-top: 3px;
    padding-bottom: 3px
}

.category-employer .opened-content ul li {
    margin-bottom: 4px;
    list-style: none;
    padding-left: 20px;
    position: relative
}

.category-employer .opened-content ul li:before {
    content: '•';
    color: #047;
    position: absolute;
    font-size: 35px;
    top: -7px;
    display: block;
    left: 0
}

.category-employer .opened-content .square-close-category {
    cursor: pointer;
    width: 55px;
    height: 55px;
    background: #fff;
    position: relative;
    margin: auto;
    transform: rotate(45deg);
    bottom: -28px;
    box-shadow: 0 0 6px -3px #000
}

.category-employer .opened-content .square-close-category::before {
    border-style: solid;
    border-width: .25em .25em 0 0;
    content: '';
    display: inline-block;
    height: .45em;
    position: relative;
    transform: rotate(-90deg);
    vertical-align: top;
    width: .45em;
    border-color: #7b7b7b;
    border-radius: 1px;
    top: 15px;
    left: 15px
}

.category-employer.opened .icon {
    transform: rotate(90deg) !important
}

.category-employer.opened .opened-content {
    display: block !important
}

.row {
    margin: 0
}

.row::after,
.row::before {
    content: "";
    display: block;
    clear: both
}

.clearfix {
    display: block;
    clear: both
}

.guarantees {
    background: #f6f6f6;
    padding-top: 90px;
    padding-bottom: 45px;
    font-size: 18px
}

.guarantees h4 {
    font-weight: 400
}

.guarantees span {
    display: block;
    font-weight: 700;
    color: #000;
    margin: 30px 0
}

.guarantees .col-half {
    float: left;
    width: 50%;
    padding: 0 15px
}

#slider,
#slider img {
    width: 100%
}

.guarantees p.custom-p {
    margin: 50px 0 26px
}

ul.style-list {
    margin-bottom: 35px;
    padding-top: 3px;
    padding-bottom: 3px
}

ul.style-list li {
    margin-bottom: 4px;
    list-style: none;
    padding-left: 20px;
    position: relative
}

#form-upload .message,
#pribehIn h2 {
    margin-top: 15px;
    margin-bottom: 15px
}

ul.style-list li:before {
    content: '•';
    color: #047;
    position: absolute;
    font-size: 35px;
    top: -7px;
    display: block;
    left: 0
}

#pribeh,
#slider {
    position: relative
}

#pribehIn {
    width: 1030px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 85px
}

#pribehIn p {
    font-size: 20px;
    font-weight: 700
}

#pribehIn div,
#pribehIn h2 {
    font-size: 17px
}

#pribehIn div {
    margin-top: 20px;
    color: #047;
    font-weight: 700
}

#lichobeznik {
    position: absolute;
    bottom: 0;
    z-index: 20;
    width: 100%;
    background-color: #fff;
    height: 50px;
    box-shadow: rgba(136, 136, 136, .24) 0 3px 4px;
    transform: rotate(1.2deg)
}

#priebehMain {
    width: 1030px;
    margin: 70px auto 100px
}

#priebehMain h2 {
    font-size: 20px;
    margin-bottom: 5px
}

#priebehMain h3 {
    font-weight: 400;
    margin-bottom: 18px
}

#priebehMain ul {
    margin-left: 64px;
    margin-top: 30px
}

#priebehMain li {
    font-weight: 700;
    margin-bottom: 25px;
    list-style: none
}

#slider {
    top: -15px
}

#slider #dots,
.sliderText {
    position: absolute;
    z-index: 2
}

#zabudnute-heslo {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    height: calc(100vh - 55px);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#zabudnute-heslo h1 {
    font-size: 32px;
    margin-bottom: 25px;
    color: #2F3764;
    font-weight: 300;
    line-height: 43px;
    text-transform: uppercase;
}

#zabudnute-heslo h2 {
    font-size: 18px;
    font-weight: lighter;
    color: #666666;
    padding: 0 2%;
}

#forgotBlock {
    width: 493px;
    margin: auto;
    background-color: #fff;
    padding: 34px 40px 60px 40px;
    vertical-align: middle;
    height: auto;
    border-radius: 6px;
    box-shadow: 1px 1px 9px 0px rgb(0 0 0 / 35%);
    -webkit-box-shadow: 1px 1px 9px 0px rgb(0 0 0 / 35%);
    -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.35);
}

#forgotBlock input[type=email]{
    width: 100%;
    font-size: 16px;
    margin-bottom: 45px;
    margin-top: 37px;
    height: 33px;
    box-shadow: none;
    padding: 6px 0 6px 10px !important;
}

#forgotBlock input[type=password] {
    width: 100%;
    font-size: 16px;
    margin-top: 37px;
    height: 33px;
    box-shadow: none;
    padding: 6px 0 6px 10px !important;
}

#zabudnute-heslo input[type=submit] {
    width: 302px;
    margin: auto;
    margin-top: 1rem;
    display: block;
    color: #fff;
    background-color: #1E983E;
    text-align: center;
    border-style: none;
    border-radius: 6px;
    padding: 11px 0 13px;
    font-size: 20px;
    line-height: 27px;
    height: 57px;
    cursor: pointer;
    transition: .2s;
    box-shadow: inset 0 0 0 0 #1e983e;
    transition:  0.5s;
}

#zabudnute-heslo input[type=submit]:hover {
    box-shadow: inset 500px 0 0 0 #0F792B;
}

#slider #dots {
    height: 180px;
    width: 15px;
    left: 86px;
    top: 217px
}

#slider #dots .dot {
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #878685;
    border-radius: 360px;
    margin-bottom: 15px;
    cursor: pointer;
    background-color: #fff
}

#slider #dots .dot.selected,
#slider #dots .dot:hover {
    background-color: #878685
}

.sliderText {
    top: 85px;
    width: 483px;
    left: 155px
}

.sliderText h2 {
    color: #00ade9;
    font-size: 50px;
    margin-bottom: 80px;
}

#mainInfos h1,
.sliderText h3 {
    font-size: 27px
}

.sliderText h3 {
    color: #047;
    margin-top: 10px
}

.sliderText p {
    color: #047;
    font-size: 22px;
    line-height: 34px;
    margin-top: 7px
}

#pribehBottom {
    background-color: #f6f6f6;
    padding: 45px 0
}

#pribehBottomIn {
    width: 1030px;
    margin: auto
}

#pribehBottomIn h3 {
    line-height: 24px;
    margin-bottom: 22px
}

#pribehBottomIn .threecols {
    width: 33.33%;
    float: left;
    padding-right: 15px
}

#pribehBottomIn #pribehRight h3 {
    margin-bottom: 2px
}

#pribehLeft {
    float: left;
    width: 52%;
    padding-right: 10px
}

#pribehLeft p {
    font-size: 14px
}

#pribehRight {
    float: right;
    width: 48%;
    padding-left: 10px
}

#pribehRight p {
    font-size: 17px
}

#pribehRight ul {
    margin-top: 47px;
    list-style: none;
    padding: 0
}

#pribehRight li {
    padding-left: 5px;
    font-size: 16px
}

#pribehRight li::before {
    content: "•";
    color: #047;
    font-size: 28px;
    position: relative;
    top: 5px;
    padding-right: 6px
}

.threecols img {
    width: 100%;
    margin-top: 15px
}

.cite-list-director {
    position: absolute;
    bottom: 90px;
    width: 100%
}

.cite-list-director .content {
    background-color: rgba(1, 1, 1, .4);
    padding: 20px !important
}

.cite-list-director p {
    color: #fff;
    font-size: 18px
}

.cite-list-director h2 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff
}

.cite-list-director h1 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff
}

.cite-list-director .square {
    cursor: pointer;
    position: relative;
    margin: auto;
    bottom: -70px;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid rgba(1, 1, 1, .4)
}

.cite-list-director .square::before {
    border-style: solid;
    border-width: 4px 4px 0 0;
    content: '';
    display: inline-block;
    height: 20px;
    position: relative;
    transform: rotate(135deg);
    vertical-align: top;
    width: 20px;
    border-color: #fff;
    border-radius: 1px;
    top: -50px;
    left: -13px
}

.form.list-director {
    margin-top: 50px;
    margin-bottom: 50px
}

.form.list-director .left {
    float: left;
    width: 50%;
    padding: 0 15px
}

.form.list-director .left p {
    display: none
}

.form.list-director .recaptcha.form-group {
    display: inline-block;
    width: 260px
}

.form.list-director .form-group small,
.form.list-director .textarea-group small {
    display: none
}

.form.list-director .textarea-group.error textarea {
    margin-bottom: 0
}

.form.list-director .textarea-group.error small {
    margin-bottom: 24px
}

.form.list-director .form-group.error input,
.form.list-director .textarea-group.error textarea {
    outline: #ff496b solid 1px
}

.form.list-director .form-group.error small,
.form.list-director .textarea-group.error small {
    color: #ff496b;
    margin-top: 5px;
    display: inline-block
}

.form.list-director.anonym .recaptcha.form-group,
.form.list-director.anonym input[type=submit] {
    display: block;
    margin: 0 auto
}

.form.list-director.anonym .submit-captcha {
    padding-top: 0
}

.form.list-director.anonym textarea {
    height: 173px
}

.form.list-director.anonym .left {
    width: 100%;
    float: none
}

.form.list-director.anonym .right {
    width: 100%;
    text-align: center
}

.form.list-director.anonym .right>.form-group {
    float: none;
    display: none
}

.form.list-director .right {
    float: right;
    width: 50%;
    padding: 0 15px
}

.form.list-director textarea {
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: #f6f6f6;
    padding: 15px 15px 15px 42px;
    height: 253px;
    margin-bottom: 24px
}

.form.list-director .submit-captcha {
    display: inline-block;
    width: 50%
}

.form.list-director .textarea-group {
    position: relative;
    margin-top: 22px;
    display: block
}

.form.list-director .textarea-group span.icon {
    z-index: 5;
    background-image: url(../img/form_poznamka.png);
    background-size: 20px;
    width: 21px;
    height: 23px;
    display: block;
    position: absolute;
    top: 10px;
    left: 15px
}

.form.list-director .list-director-warning,
.react-warning {
    text-align: justify;
    width: 96%;
    margin-left: 12px;
    margin-right: 12px;
    display: block;
    color: grey;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 12px
}

.react-warning-position {
    position: relative;
    top: 30px
}

.form.list-director .btns {
    margin: 0 -15px;
    text-align: center
}

.form.list-director .btns .group {
    display: inline-block;
    width: 25%;
    padding: 0 15px
}

.form.list-director .btns label {
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
    background: #fff;
    color: #b3b3b3;
    border-radius: 0;
    transition: .2s
}

.form.list-director .btns label:hover {
    border-color: #d2d2d2;
    color: #d2d2d2
}

.form.list-director .btns input {
    display: none
}

.form.list-director .btns input:checked+label {
    background: #20acea;
    color: #fff
}

.form.list-director .btns input:checked+label:hover {
    border-color: #047;
    background-color: #047
}

.form.list-director .btns:after,
.form.list-director .btns:before {
    content: '';
    display: block;
    clear: both
}

.form.list-director .input {
    display: block;
    width: 100%;
    background: #f6f6f6;
    padding-left: 42px;
    border: 0;
    line-height: 40px;
    height: 40px;
    margin-top: 22px;
    font-size: 16px
}

.form.list-director .input[name=email],
.form.list-director .input[name=name-surname],
.form.list-director .input[name=telephone] {
    background-position: 11px center;
    background-size: 22px;
    background-repeat: no-repeat
}

.form.list-director .input[name=telephone] {
    background-image: url(../img/phone-grey.png)
}

.form.list-director .input[name=email] {
    background-image: url(../img/mail-grey.png)
}

.form.list-director .input[name=name-surname] {
    background-image: url(../img/profile.png)
}

.form.list-director p {
    font-size: 16px;
    color: gray
}

.form.list-director input[type=submit] {
    background: #20acea;
    color: #fff;
    font-size: 18px;
    width: 200px;
    height: 40px;
    border: 0;
    margin-top: 22px;
    margin-right: 15px;
    cursor: pointer;
    transition: .2s
}

#canvasss,
.box-map {
    width: 850px;
    margin: auto;
    top: 85px
}

.form.list-director input[type=submit]:hover {
    background-color: #047
}

.form.list-director:after,
.form.list-director:before {
    content: '';
    display: block;
    clear: both
}

#canvasss {
    height: 390px;
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    right: 0
}

img.mapster_el {
    opacity: 0 !important
}

#mapster_wrap_0 {
    z-index: 2;
    display: none !important
}

img#vegetables {
    max-width: 100% !important;
    height: auto !important
}

.box-map {
    position: relative;
    height: 100%
}

.box-map .title {
    display: none;
    position: absolute;
    z-index: 5
}

.box-map .title .dot,
.box-map .tooltips .tooltip .dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    bottom: 0
}

.box-map .title .dot {
    background: #fff;
    position: absolute;
    left: 0
}

.box-map .title span {
    font-weight: 500;
    color: #fff;
    margin-left: 17px;
    font-size: 16px;
    position: relative;
    top: 8px
}

.box-map .title.top span {
    top: -6px;
    left: -25px
}

.box-map .title.right span {
    top: 7px;
    left: -3px
}

.box-map .title.bottom span {
    top: 23px;
    left: -25px
}

.box-map .tooltips .tooltip {
    z-index: 2
}

.box-map .tooltips .tooltip .dot {
    background: #047;
    position: absolute;
    left: 0
}

.box-map .tooltips .tooltip span {
    font-weight: 500;
    color: #047;
    margin-left: 17px;
    font-size: 16px;
    position: relative;
    top: 8px
}

.box-map .tooltip.top span {
    top: -6px;
    left: -25px
}

.box-map .tooltip.right span {
    top: 7px;
    left: -3px
}

.box-map .tooltip.bottom span {
    top: 23px;
    left: -25px
}

#registration {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3vh 0;
    text-align: center;
    height: initial;
}
.checkbox:checked  {
    background-color: #707070;
  }

#registration p {
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 700
}

.agreeBlock,
.registrationBlock {
    width: 421px;
    margin: auto auto;
    background-color: #fff;
    padding: 3.62vh 30px 3.4vh 30px;
    overflow: hidden;
    min-height: 88vh;
    max-height: initial;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 35%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 35%);
}

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

    .agreeBlock,
    .registrationBlock {
        padding: 30px 20px !important
    }
}

.agreeBlock {
    text-align: left !important
}

.registrationBlock .success-alert {
    text-align: left;
    font-size: small;
    color: green;
    display: block
}

.bannerError,
.registrationBlock #addCity:after {
    display: none
}

.registrationBlock h2 {
    font-size: 25px;
    padding-bottom: 2.13vh;
    color: #2F3764 !important;
    font-weight: 300;
}
.reg-block-span-top {
    font-size: 20px;
    color: #686868;
    font-weight: 100;
}
.step-2-social-icons {
    display: flex;
    justify-content: space-evenly;
    padding-top: 3.20vh !important;
}
.registrationBlock input {
    width: 100%;
    padding: 10px 12px 10px 14px;
    font-size: 16px;
    padding-bottom: 0.53vh;
    border: 1px solid lightgrey;
}

.registrationBlock button,
.registrationBlock button:focus,
.registrationBlock select,
.registrationBlock select:focus,
.registrationBlock textarea,
.registrationBlock textarea:focus {
    border-width: 1px;
    border-style: solid
}

.bottomProfile .poznamka,
.stitok {
    margin-top: 10px
}

.registrationBlock .form-group {
    position: relative;
    padding-bottom: 1.66vh;
    width: 100%;
}

.bottomProfile .poznamka,
.registrationBlock .poznamka {
    font-size: 13px;
    color: #5a5a5a;
    text-align: right;
    position: relative;
    top: -3px;
    right: 2px
}

.bottomProfile.nohide,
.profileBlock.nohide {
    position: relative;
    overflow: initial
}

#contactIn,
#mainCentral,
#modalButs,
#oddelenia .col,
#profLastButsIn,
#profil,
#topProfil,
.actOddelenie,
.bottomProfile,
.helpObal,
.profileBlock,
.regBlock,
.select-dropdown .label .value-side,
.stitky {
    overflow: hidden
}

.registrationBlock h3 {
    text-align: left;
    font-size: 19px
}

.registrationBlock select {
    outline: 0;
    border-color: #fff
}

.registrationBlock select:focus {
    outline: 0;
    border-color: #336992
}

.registrationBlock textarea {
    outline: 0;
    border-color: #fff
}

.registrationBlock textarea:focus {
    outline: 0;
    border-color: #336992
}

.registrationBlock button {
    outline: 0;
    border-color: #fff
}

.registrationBlock button:focus {
    outline: 0;
    border-color: #336992
}

.registrationBlock #addCity {
    float: right;
    width: 135px;
    text-align: center;
    padding: 10px 0 8px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #a0a0a0;
    font-size: 14px;
    cursor: pointer;
    color: #676767;
    transition: all, .3s
}

#bRegister,
.stitok {
    transition: .2s;
    cursor: pointer
}

.zivotopis-content {
    text-align: left;
    color: #676767
}

.registrationBlock #addCity:hover {
    background-color: #a0a0a0;
    color: #fff
}

.stitky {
    text-align: left;
    margin-bottom: 25px
}

.stitok {
    float: left;
    padding: 9px 10px 8px;
    background-color: #c8c8c8;
    color: #fff;
    margin-right: 9px;
    font-size: 15px
}

#schopnosti .stitok {
    margin: .5rem;
    background-color: #F7F7F7;
    color: #686868;
    border-left: 10px solid #D1D1D1;
    border-radius: 6px;
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 23%);
}

#schopnosti .stitok:hover {
    background-color: #ECECEC;
    cursor: default;
}

#schopnosti .delete-stitok:hover {
    cursor: pointer;
}

#schopnosti .stitok span{
    color: #000;
}

#schopnosti .schopnosti-input {
    width: 50%;
    border-radius: 4px;
    border: 2px solid #B8BACA;
    padding: .2rem;
    text-align: left;
    margin: .5rem;
}

#schopnosti .schopnosti-input::-webkit-input-placeholder {
    color: #7A7A7A;
    font-weight: 200;
    opacity: .31;
}

#schopnosti .schopnosti-input::-moz-placeholder {
    color: #7A7A7A;
    font-weight: 200;
    opacity: .31;
}

#schopnosti .schopnosti-input:-ms-input-placeholder {
    color: #7A7A7A;
    font-weight: 200;
    opacity: .31;
}

#schopnosti .schopnosti-input::-ms-input-placeholder {
    color: #7A7A7A;
    font-weight: 200;
    opacity: .31;
}

#schopnosti .schopnosti-input::placeholder {
    color: #7A7A7A;
    font-weight: 200;
    opacity: .31;
}

@media screen and (max-width:500px) {
    #schopnosti .schopnosti-input {
        width: 80%;
    }
}

#schopnosti .schopnosti-input:focus {
    outline: none;
    border: 2px solid #707070;
}

#addSchopnost {
    background-color: #707070;
    background-image: url('../img/add-skill.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: .8rem;
    border-radius: 0 4px 4px 0;
    width: 30px;
    height: 29px;
    position: relative;
    border: none;
    top: 9px;
    right: 42px;
    cursor: pointer;
}

#schopnosti .cancleBut {
    all: unset;
    background-color: white;
    padding: .4rem 1rem;
    text-align: center;
    color: #A6A6A6;
    cursor: pointer;
    border-radius: 9px;
    border: solid 1px #A6A6A6;
    margin-left: 1%;
}

#schopnosti .cancleBut:hover {
    background-color: #A6A6A6;
    color: white;
}

#schopnosti .saveBut {
    all: unset;
    background-color: #00ADE9;
    padding: .4rem 1rem;
    text-align: center;
    color: white;
    cursor: pointer;
    border-radius: 9px;
    margin-right: 1%;
}

#schopnosti .saveBut:hover {
    background-color: #2F3764;
}


#hladam .cancleBut {
    all: unset;
    background-color: white;
    padding: .4rem 1rem;
    text-align: center;
    color: #A6A6A6;
    cursor: pointer;
    border-radius: 9px;
    border: solid 1px #A6A6A6;
    margin-left: 1%;
}

#hladam .cancleBut:hover {
    background-color: #A6A6A6;
    color: white;
}

#hladam .saveBut {
    all: unset;
    background-color: #00ADE9;
    padding: .4rem 1rem;
    text-align: center;
    color: white;
    cursor: pointer;
    border-radius: 9px;
    margin-right: 1%;
}

#hladam .saveBut:hover {
    background-color: #2F3764;
}

#hladam .stitok {
    background-color: #A6A6A6;
    color: #fff;
    border-radius: 6px;
}
#hladam .stitok:hover {
    cursor: default;
}
#hladam .delete-stitok:hover {
    cursor: pointer;
}
#hladam .stitok span {
    color: #fff !important;
}
@-webkit-keyframes example {

    0%,
    100% {
        background-color: #c8c8c8
    }

    50% {
        background-color: #20acea
    }
}

@keyframes example {

    0%,
    100% {
        background-color: #c8c8c8
    }

    50% {
        background-color: #20acea
    }
}

.stitok.added {
    -webkit-animation-name: example;
    animation-name: example;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.stitok:hover {
    background-color: #20acea
}

.stitok span {
    color: #fff;
    -webkit-appearance: none;
    padding-left: 10px;
    position: relative;
    top: 1px
}

#bRegister {
    width: 500px;
    margin: 25px auto 13px;
    display: block;
    color: #fff;
    background-color: #00ade9;
    border-style: none;
    padding: 11px 0 9px;
    font-size: 16px;
    max-width: 80%
}

.errorAlert,
.regSuccess {
    border-style: solid;
    border-width: 1px
}

#bRegister:hover {
    background: #047
}

.bannerError {
    font-size: 12px;
    color: Red;
    margin-bottom: 10px;
    margin-top: -4px;
    text-align: right
}

#forgotBlock .poznamka {
    font-size: 13px;
    color: #5a5a5a;
    text-align: right;
    position: relative;
    top: -3px;
    right: 2px;
    width: 84%;
    margin: auto
}

#agree,
.errorAlert,
.regSuccess {
    width: 600px;
    max-width: 95%
}

#agree {
    margin: 20px auto -12px;
    text-align: left;
    padding-left: 90px;
    color: #009cd2;
    font-size: 15px
}

#agree .icheckbox_flat-green {
    top: -2px
}

#agree label {
    padding-left: 4px;
    position: relative;
    top: -1px
}

.errorAlert {
    margin: auto auto -13px;
    padding: 13px 0;
    background-color: #f2dede;
    color: #a94442;
    border-color: #ebccd1
}

.regSuccess {
    margin: 40px auto;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px 0
}

#photoSec #imgLoader,
#photoSec img {
    width: 13.073vw;
    height: 13.073vw;
    border-radius: 360px;
    box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 19%);
    -webkit-box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 19%);
    -moz-box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.19);
}
#profil {
    padding-top: 5.55vh;
    position: relative;
    z-index: 1;
    background-color: #F6F6F6;
    margin: auto;
    width: 100%;
    padding-left: 13.958vw;
    padding-right: 13.958vw;
}
#profil-hero {
    position: relative;
    z-index: 2;
    background-color: white;
    margin: auto;
    width: 100%;
    padding-top: 2.917vw;
    padding-left: 13.542vw;
    padding-right: 13.542vw;
    padding-bottom: 2.500vw;
    border-radius: 8px;
    box-shadow: 0px 13px 16px 0px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 13px 16px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 13px 16px 0px rgba(0,0,0,0.16);
}
#items {
    padding-top: 0;
}
#hero {
    background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(255,255,255,0) 100%), url(../img/pozadie-profil.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    text-align: center;
    display: flex;
    height: 44.53vh;
    justify-content: center;
    align-items: center;
}
#hero h1 {
    color: white;
    font-size: 4vw;
    font-weight: lighter;
}
#topProfil {
    margin-bottom: 20px;
    width: 100%
}

#photoSec {
    float: left;
    width: 13.073vw;
    text-align: center;
}
.profile-img {
    position: relative;
    display: inline-block;
}
.profile-img-change {
    height: 2.083vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.083vw;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
    background-color: #00ADE9;
}
.profile-img-delete {
    height: 2.083vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.083vw;
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 3px 7px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16);
    background-color: #00ADE9;
}
.profile-img-outer{
    position: absolute;
    display: flex;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
    align-items: center;
    background-color: currentColor;
    color: white;
    border-radius: 50%;
    right: 0.964vw;
    top: 10.417vw;
    height: 2.813vw;
    width: 2.813vw;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 21%) inset;
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16) inset;
}

.profile-img-outer-delete {
    position: absolute;
    display: flex;
    justify-content: center;
    cursor: pointer;
    z-index: 99;
    align-items: center;
    background-color: currentColor;
    color: white;
    border-radius: 50%;
    left: 0.964vw;
    top: 10.417vw;
    height: 2.813vw;
    width: 2.813vw;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 21%) inset;
    -moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.16) inset;
}
.profile-img-icon {
    width: 1.042vw !important;
    height: 1.042vw !important;
    background: transparent;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#photoSec img {
    cursor: pointer
}

#photoSec #imgLoader {
    position: absolute;
    top: 0;
    background-color: rgba(29, 29, 29, .59);
    background-image: url(../img/profLoad.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: none
}
.profile-img-change:hover {
    background-color: #2F3764;
    color: white;
}
.profile-img-delete:hover {
    background-color: #2F3764;
    color: white;
}
.profile-img-outer:hover {
    color: white;
}
.profile-img-outer-delete:hover {
    color: white;
}
#mainInfos {
    float: left;
    width: 28.333vw !important;
    margin-left: 2.042vw;
    padding-right: 4.427vw;
    height: auto;
    position: relative;
    border-right: 1px solid #C6C8D5;
}
#mainInfos2 {
    float: right;
    width: 27.854vw;
    padding-left: 3.792vw;
    position: relative;
    margin-top: -6px;
}

#mainInfos h2 {
    color: #2F3764;
    margin-bottom: 1.406vw;
    font-weight: bold;
    line-height: 2.656vw;
    font-size: 1.979vw;
    padding: 0;
}
.float-left {
    line-height: 1.406vw;
    font-size: 1.042vw;
    color: #686868;
    opacity: 0.73;
}
.float-left2 {
    font-size: 1.667vw;
    line-height: 43px;
    color: #2F3764;
    opacity: 1;
}
#mainInfos2 h2 {
    color: #2F3764;
    margin-bottom: 12px;
    font-size: 36px;
}

.profileInput {
    border: #f0fff0;
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-right: 10px;
    cursor: context-menu;
    margin-bottom: 1px
}
.textarea-profil {
    width: 100% !important;
    border-radius: 14px 14px 0px 14px;
    border: 1px solid #B8BACA;
    background-color: #FCFDFF;
    margin-top: 40px;
    padding: 10px;
    min-height: 244px;
    resize: vertical;
    margin-bottom: 12px;
}
.textarea-profil:focus {
    outline: none;
    border: 1px solid #9597a2;
}
.zamestnania > form > span {
    color: #B8BACA;
    text-align: right;
    font-size: 16px;
    font-weight: lighter;
    line-height: 21px;
    opacity: 0.95;
    padding-right: 17.5px;
}
#emailInner {
    color: #545969
}

.profileInput#born {
    width: 110px
}

.profileInput#email {
    width: 230px
}

.profileInput#mesto {
    width: 165px
}

.profileInput#phone {
    width: 145px
}

.profileInput.active {
    background-color: #f6f6f6;
    cursor: initial;
    margin-left: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(246, 246, 246, 0)
}

.profileSoc {
    margin-top: 20px
}

.set-wage,
.set-wage .inputs-values-wage,
.set-wage .inputs-values-wage .select-dropdown {
    margin-top: 30px;
    margin-bottom: 18px
}

.editProfileBut {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #676767;
    cursor: pointer;
    display: inline-block;
    background-image: url(../img/pencil.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 11px 10px;
    border-style: solid;
    border-width: 1px;
    padding: 10px 18px 8px 30px
}
.contact-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: grey;
    padding-top: 0.417vw;
    padding-bottom: 0.521vw;
    font-size: 1.042vw;
    line-height: 1.406vw;
}
.contact-item-right {
    font-weight: 300;
}
.m-bottom-heading {
    padding-bottom: 1.25vw;
}
@media only screen and (max-width: 1530px) {
    .m-bottom-heading {
        padding-bottom: 0.78vw;
    }
}
#input-zivotopis,
.set-wage .set-type-wage .form-group input {
    display: none
}

#form-upload .message {
    left: 0
}

.editProfileBut.upload-zivotopis {
    position: relative;
    background: 0;
    padding: 10px 18px 8px
}

.editProfileBut:hover {
    color: #fff;
    background-color: #275992
}

.editProfileBut.special {
    position: absolute;
    top: 0;
    right: 40px;
    left: auto
}

.set-wage {
    padding-bottom: 50px
}

.set-wage .container {
    padding: 0 60px
}

.set-wage .set-type-wage .form-group {
    width: 50%;
    float: left;
    padding: 0 15px
}

.set-wage .set-type-wage .form-group input:checked+label {
    background: #047;
    border-radius: 0;
    border-color: #047;
    color: #fff
}

.set-wage .set-type-wage .form-group label {
    display: block;
    color: #808285;
    border: 2px solid #808285;
    background: #fff;
    font-size: 16px;
    padding: 10px 0;
    text-align: center
}

.set-wage .inputs-values-wage .form-group {
    position: relative;
    width: 55%;
    padding: 0
}

.set-wage .inputs-values-wage input {
    display: block;
    width: 100%;
    background-color: #f1f4f5;
    padding-left: 42px;
    line-height: 44px;
    height: 44px;
    border: solid #57aee9;
    border-width: 2px
}

.set-wage .inputs-values-wage input[name=value-thick-wage] {
    background-image: url(../img/profile.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 24px;
    background-color: #fff
}

.form.list-director .input[name=company] {
    background-image: url(../img/form_pos.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 24px
}

.set-wage .inputs-values-wage .select {
    color: #fff;
    background: #f1f4f5;
    background-clip: border-box !important;
    position: relative;
    margin-top: 30px;
    cursor: pointer
}

.set-wage .inputs-values-wage .select:hover span {
    background: #20acea
}

.set-wage .inputs-values-wage .row.edit-deci+.row {
    display: none
}

.set-wage .inputs-values-wage .select span {
    background: #57aee9;
    text-align: center;
    display: block;
    padding: 14px 0;
    position: relative;
    z-index: 10
}

.set-wage .inputs-values-wage .select span.angel-down {
    display: inline-block;
    position: relative;
    top: 0;
    left: 7px;
    transition: transform .2s;
    padding: 0
}

.set-wage .inputs-values-wage .select span.angel-down:before {
    transition: .2s;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 10px;
    position: relative;
    transform: rotate(45deg);
    vertical-align: top;
    width: 10px;
    border-color: #fff;
    border-radius: 1px;
    top: 2px;
    left: -3px
}

.set-wage .inputs-values-wage .select.active span.angel-down {
    transform: rotate(90deg)
}

.set-wage .inputs-values-wage .right {
    width: 50%;
    float: left;
    margin-top: 25px;
    padding-left: 15px
}

.set-wage .inputs-values-wage .right .form-group {
    width: 100%
}

.set-wage .inputs-values-wage .left {
    width: 50%;
    float: left;
    margin-top: 25px;
    padding-right: 15px
}

.set-wage .inputs-values-wage .left .form-group {
    width: 100%
}

.set-wage .calculate {
    cursor: pointer;
    color: #fff;
    background: #047;
    position: relative;
    margin: 30px auto auto;
    display: block;
    border: 0;
    transition: .2s;
    float: right
}

.set-wage .calculate:after,
.set-wage .calculate:before {
    clear: both;
    display: block;
    content: "";
    width: 15px;
    height: 100%;
    left: 0;
    background: #f1f4f5;
    position: absolute;
    top: 0
}

.set-wage .calculate:after {
    right: 0;
    left: auto
}

.set-wage .calculate:hover {
    background: #20acea
}

.set-wage .opened-box-detail-results {
    display: none
}

.set-wage .results-of-calculating {
    margin-top: 135px
}

.set-wage .results-of-calculating .banner {
    margin-bottom: 70px
}

.set-wage .results-of-calculating .banner .container {
    padding: 0 25px;
    background: #047
}

.set-wage .results-of-calculating .banner .container span {
    font-size: 22px;
    display: block;
    padding: 10px 0;
    color: #fff
}

.set-wage .results-of-calculating .costs-content .container {
    padding: 0
}

.set-wage .results-of-calculating .costs-content .container:after,
.set-wage .results-of-calculating .costs-content .container:before {
    content: '';
    clear: both;
    display: block
}

.set-wage .results-of-calculating .costs-content .left-side {
    margin: auto auto 25px;
}

.set-wage .results-of-calculating .costs-content .left-side span {
    display: block;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    line-height: 32px;
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results {
    margin-top: 20px;
    cursor: pointer
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span {
    color: #20acea;
    font-size: 20px;
    text-align: center;
    font-weight: 400 !important;
    position: relative;
    transition:  .2s;
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span .angel-down {
    position: absolute;
    top: 5px;
    left: 566px;
    line-height: 22px!important;
}
@media screen and (max-width: 1199px){
  .set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span .angel-down {
    left: calc(50% + 90px);
  }
}
@media screen and (max-width:767px) {
  .set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span .angel-down {
      top: 6px;
      left: 145px;
  }
}
.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span .angel-down::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 10px;
    position: relative;
    transform: rotate(45deg);
    vertical-align: top;
    width: 10px;
    border-color: #20acea;
    border-radius: 1px;
    top: 5px;
    left: -4px;
    transition: .2s
}

#modalButs #cancleModal,
#modalButs #deleteProf {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 180px;
    border-style: solid;
    border-width: 1px;
    transition: all, .2s;
    text-align: center;
    cursor: pointer
}

#modalButs {
    width: 415px;
    margin: auto;
    max-width: 100%
}

#modalButs #deleteProf {
    float: right;
    border-color: #047;
    color: #047
}

#modalButs #deleteProf:hover {
    color: #fff;
    background-color: #047
}

#modalButs #cancleModal {
    float: left;
    border-color: #b5b5b5;
    color: #b5b5b5
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results.active span .angel-down::before,
.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results:hover span .angel-down::before {
    border-color: #047
}

#modalButs #cancleModal:hover {
    color: #fff;
    background-color: #b5b5b5
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results.active span,
.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results:hover span {
    color: #047
}

.set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results.active span .angel-down {
    transform: rotate(90deg);
}

.set-wage .results-of-calculating .costs-content .right-side {
    text-align: right;
    /*padding-right: 23px;*/
    margin-bottom: 30px;
    text-align: center;
}

.set-wage .results-of-calculating .costs-content .socButs {
    margin-top: 30px;
    text-align: center
}

.set-wage .results-of-calculating .costs-content .socButs a {
    display: inline-block;
    text-align: center
}

.set-wage .results-of-calculating .price {
    font-size: 21px;
    font-weight: 700;
    text-decoration: underline;
    color: #20acea
}

.set-wage .results-of-calculating .switch-wrap .label-value,
.set-wage .results-of-calculating .switch-wrap .switch {
    display: none
}

.custom-table {
    font-size: 18px;
    margin-top: 22px;
    padding: 20px 20px 0;
    background-color: #fff
}

.custom-table .head-table {
    font-weight: 700;
    font-size: 20px
}

.custom-table .head-table:after,
.custom-table .head-table:before {
    content: '';
    clear: both;
    display: block
}

.custom-table .column-table {
    width: 16%;
    float: left;
    min-height: 1px;
    padding: 3px 15px;
    background-color: #fff
}

.custom-table .column-table:after {
    content: '.';
    font-size: 0;
    display: inline-block;
    clear: both;
    visibility: hidden
}

.custom-table .row-table {
    display: flex;
    text-align: right
}

.custom-table .row-table:after,
.custom-table .row-table:before {
    content: '';
    clear: both;
    display: block
}

.custom-table .main-column {
    width: 35%;
    font-size: 18px;
    font-weight: 400;
    color: #050505;
    background-color: #fff
}

.custom-table .main-column.bold {
    color: #047;
    font-weight: 700
}

.custom-table .price-column {
    background: #f1f4f5;
    font-size: 18px !important
}

.chart-box {
    text-align: center;
    margin-top: 0
}

.chart-box span {
    font-size: 18px;
    color: gray;
    display: block;
    text-align: center
}

.chart-box #chart {
    max-height: 100% !important;
    height: 320px;
    margin-top: 60px
}

.chart-box a.btn {
    width: 200px;
    margin-top: 70px;
    border-radius: 2px;
    display: inline-block;
    background: #f1f4f5;
    color: #808285;
    border: 2px solid #808285;
    transition: .2s;
    padding: 0 10px;
    line-height: 40px;
    text-align: center
}

.chart-box a.btn:hover {
    border: 2px solid #cbcbcb
}

.chart-box a.btn#email .icon {
    background-image: url(../img/mail-grey-dark.png);
    background-size: 21px 11px;
    width: 21px;
    height: 11px;
    display: inline-block;
    position: relative;
    top: 0;
    right: 4px
}

.chart-box a.btn#print {
    margin-top: 10px
}

.chart-box a.btn#print .icon {
    background-image: url(../img/print.png);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
    right: 4px
}

.select-dropdown {
    cursor: pointer
}

.select-dropdown .select-dropdown-list {
    display: none
}

.select-dropdown .label {
    position: relative
}

.select-dropdown .label:after,
.select-dropdown .label:before {
    content: '';
    clear: both;
    display: block
}

.select-dropdown .label .value-side {
    width: auto;
    white-space: nowrap;
    margin-right: 50px;
    display: block;
    background-image: url(../img/profile.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 24px;
    padding: 14px 0 14px 42px !important;
    background-color: #f6f6f6;
    color: gray
}

.select-dropdown .label .arrow-side {
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    height: 45px;
    width: 45px;
    padding: 14px 0;
    background-color: #f6f6f6;
    color: gray
}

.select-dropdown .label .arrow-side:before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    position: relative;
    transform: rotate(135deg);
    vertical-align: top;
    width: 10px;
    border-color: gray;
    border-radius: 1px;
    top: 0;
    left: 0;
    margin: auto;
    display: block
}

.select-dropdown .label input {
    display: none
}

.switch-wrap {
    margin-top: 30px
}

.switch-wrap span {
    color: gray;
    font-size: 18px;
    display: block;
    text-align: left;
    margin-bottom: 15px
}

.profileBlock,
.switch-wrap .labels {
    text-align: center
}

.switch-wrap .switch {
    margin: 0 5px;
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    box-shadow: 0 0 10px -6px #000 inset;
    border-radius: 34px
}

#calltoaction {
    margin-top: 20px;
    font-size: 19px;
    margin-bottom: -10px
}

.switch-wrap input {
    display: none !important
}

#topProfil .profileSave,
.text span.title {
    display: inline-block
}

.switch-wrap input:disabled+.labels {
    opacity: .4
}

.switch-wrap input:not([disabled]):not(:checked)+.labels .switcher .label-value:first-child {
    color: #20acea !important;
    font-weight: 700 !important
}

.switch-wrap input:not([disabled]):checked+.labels .switcher .label-value {
    color: #20acea;
    font-weight: 700 !important
}

.switch-wrap input:not([disabled]):checked+.labels .switcher .label-value:first-child {
    color: gray !important;
    font-weight: 400 !important
}

.switch-wrap input:not([disabled]):checked+.labels .switcher .slider:before {
    transform: translateX(24px)
}

.switch-wrap input:focus+.labels .switcher .slider {
    box-shadow: 0 0 1px #2196f3
}

.switch-wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .4s
}

.switch-wrap .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    transition: .4s;
    box-shadow: 0 0 10px -2px #000
}

.switch-wrap .label-value {
    color: gray;
    font-size: 16px;
    position: relative;
    bottom: 11px;
    font-weight: 400 !important
}

#contactIn h1,
#contactIn h2,
.profileBlock .left,
.text span.bold {
    font-weight: 700
}

.switch-wrap .slider.round {
    border-radius: 34px
}

.switch-wrap .slider.round:before {
    border-radius: 50%
}

.switch-wrap.margin {
    margin-left: 0
}

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

.bottomProfile h2 {
    color: #20aceb;
    border-bottom-style: solid;
    border-width: 2px;
    border-color: #f6f6f6;
    padding-bottom: 8px;
    padding-top: 4px
}

#mainInfos input:focus {
    border-style: solid;
    border-width: 1px;
    outline: 0;
    border-color: #336992
}

.profileBlock {
    width: 100%;
    margin-top: 25px;
    padding-bottom: 5px
}

/* .profileBlock .message {
    position: relative;
    left: -22%
} */

.profileBlock .chosen-container,
.profileBlock .pomocka,
.profileBlock h3 {
    text-align: left
}

.profileBlock .left {
    float: left;
    width: 29%;
    text-align: right;
    padding-right: 36px;
    color: #00466f;
    padding-top: 10px
}

.profileBlock .right {
    float: left;
    width: 100%;
}

.profileBlock .pomocka.upload,
.profileBlock .right .pomocka {
    color: #897975;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 8px;
    margin-bottom: -12px
}

.profileBlock .pomocka.upload {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center
}

.profileBlock .right textarea {
    background-color: #f6f6f6;
    padding: 10px;
    width: 100%;
    height: 104px;
    border: solid;
    border-color: rgba(51, 105, 146, 0);
    border-width: 1px
}

.profileBlock .right textarea:focus {
    outline: 0;
    border-color: #336992
}

.profileBlock .right input {
    background-color: #f6f6f6;
    padding: 10px;
    width: 100%;
    border: solid;
    border-color: rgba(51, 105, 146, 0);
    border-width: 1px
}

.profileBlock .right input:focus {
    outline: 0;
    border-color: #336992
}

.profileBlock .right input#town {
    margin-top: 10px
}

.profileBlock .right .addCity {
    float: left;
    width: 135px;
    text-align: center;
    padding: 10px 0 8px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: #a0a0a0;
    font-size: 14px;
    cursor: pointer;
    color: #676767;
    margin-top: 15px;
    transition: all, .2s
}

.profileBlock .right .addCity:hover {
    background-color: #a0a0a0;
    color: #fff
}

.profileBlock .left#lokalita {
    margin-top: 7px
}

.profileSave {
    width: 240px
}


.profileSave .cancleBut {
    float: left;
    color: #5a5a5a;
    border-color: #a0a0a0
}

.profileSave .cancleBut:hover {
    background-color: #a0a0a0;
    color: #fff
}

#contact,
.profileSocInputs input,
.text .content {
    background-color: #f6f6f6
}

.helpObal {
    width: 100%;
    display: none;
    text-align: center
}

.helpObal.top-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px
}

.helpObal.top-right .profileSave {
    margin: 0
}

.longTextarea {
    height: 170px
}


.profileSocInputs {
    display: none;
    margin-top: 12px
}

.profileSocInputs input {
    width: 260px;
    margin-right: 10px;
    cursor: initial;
    margin-left: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(246, 246, 246, 0);
    padding-top: 6px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-bottom: 1px
}

#changePass,
#deleteProfile {
    width: 150px;
    padding: 10px 0 8px;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    margin-top: 15px;
    transition: all, .2s;
    text-align: center;
    cursor: pointer
}

#photoSec #profilePhoto {
    visibility: hidden
}

#changePass {
    float: left;
    border-color: #a0a0a0;
    color: #676767
}

#changePass:hover {
    color: #fff;
    background-color: #a0a0a0
}

#deleteProfile {
    float: right;
    border-color: #f17105;
    color: #f17105
}

#deleteProfile:hover {
    color: #fff;
    background-color: #f17105
}

#profLastButsIn {
    width: 337px;
    margin: auto
}

.percent-box .left,
.percent-box .right,
.text .col-6 {
    float: left;
    width: 50%
}

.text {
    margin-bottom: 50px;
    color: #050505;
    font-size: 18px
}

.text ul {
    margin-bottom: 25px
}

.text ul.no-list {
    list-style: none
}

.text span.title {
    margin-bottom: 15px
}

.text .col-6 {
    padding: 0 6px;
    text-align: center
}

.text .content {
    padding: 15px 35px;
    display: block;
    height: 100%
}

.text .row {
    margin-bottom: 12px;
    margin-right: -6px;
    margin-left: -6px
}

.percent-box::after,
.percent-box::before {
    content: "";
    display: block;
    clear: both
}

.percent-box .col-6 {
    float: none;
    width: 100%
}

.percent-box .flex-box {
    width: 100%
}

.flex-box {
    display: flex
}

.vertical-center-box {
    display: table !important;
    width: 100%
}

.vertical-center-box .vertical-center-element {
    vertical-align: middle;
    display: table-cell
}

.f-s-17 {
    font-size: 17px
}

#contactIn h1,
#contactIn h3 {
    font-size: 20px
}

#sliderIn {
    width: 700%;
    position: relative
}

.sliderBlock {
    width: 14.28%;
    float: left;
    position: relative
}

#contactMap {
    width: 100%;
    height: 400px
}

#contactIn {
    width: 1100px;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 70px
}

#mainCentral .col p,
#oddelenia .col p {
    padding-bottom: 5px
}

#slider .zaclonka {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #fff, rgba(255, 255, 0, 0));
    z-index: 1
}

#contactIn h2 {
    margin-top: 20px;
    margin-bottom: 23px;
    margin-left: 15px;
    padding-left: 30px;
    background-position: 2px 0;
    background-repeat: no-repeat;
    padding-top: 3px;
    background-image: url(../img/form_pos.png)
}

#contactIn a {
    color: #00ade9
}

#contactIn .actOddelenie h3 {
    position: absolute;
    top: 52px;
    font-size: 26px;
    color: #fff;
    width: 212px;
    text-align: center;
    left: 50%;
    margin-left: -106px;
    font-weight: 700
}

#mainCentral {
    width: 1008px;
    margin: auto auto 20px
}

#mainCentral .col {
    float: left;
    width: 33.33%
}

#mainCentral .second {
    padding-left: 25px
}

#mainCentral .third {
    padding-left: 65px
}

#oddelenia .col {
    margin-bottom: 30px;
    border-bottom: 1px solid grey
}

#oddelenia .colpc {
    float: left;
    padding: 0 15px
}

#oddelenia .col:first-child {
    margin-left: 0
}

#oddelenia .arrow {
    width: 30px;
    height: 30px;
    background-color: rgba(255, 0, 0, 0);
    top: 178px;
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #00ade9;
    left: 147px
}

.actOddelenie,
.gm-style-iw .g_banner_map,
.regBlock span {
    position: relative
}

.actOddelenie {
    margin-top: 18px;
    max-height: 177px;
    cursor: pointer;
    transition: 1s
}

.actOddelenie:hover .zaclona {
    background-color: rgba(0, 0, 0, .48)
}

.actOddelenie img {
    width: 100%;
    margin-bottom: 30px;
    cursor: pointer
}

.actOddelenie p {
    margin-left: 30px;
    margin-bottom: 25px
}

.actOddelenie .zaclona {
    height: 178px
}

.regBlock {
    width: 600px;
    margin: auto
}

.regBlock span {
    top: -11px
}

.regBlock .socIco {
    width: 35px
}

.regBlock a {
    color: #00ade9
}

#regSocLeft,
#regSocRight {
    width: 289px;
    padding-bottom: 12px;
    background-color: #fff;
    padding-top: 12px;
    color: #0093bf;
    cursor: pointer
}

#regSocLeft {
    float: left
}

#regSocRight {
    float: right
}

.gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 250px !important
}

.gm-style-iw>div {
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin-bottom: 12px
}

.gm-style-iw+div {
    display: none !important
}

.gm-style-iw .g_title {
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    left: 0;
    right: 0
}

.gm-style-iw .g_address,
.gm-style-iw .g_text {
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.gm-style-iw .g_address {
    padding: 5px 11px;
    color: #047
}

.gm-style-iw .g_text {
    color: #020202;
    padding: 3px 11px
}

.gm-style-iw .g_take_more {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #20acea
}

.gm-style-iw .g_take_more a {
    color: #20acea;
    display: block;
    margin-top: 6px
}

#emailSpan {
    padding-right: 42px
}

h2.title {
    margin-top: 30px;
    color: #4e4e4e
}

.submit-captcha {
    padding-top: 22px
}

.submit-captcha input {
    margin-top: 0 !important
}

.g-recaptcha {
    width: 305px !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: scale(.85);
    transform-origin: 0 0;
    -webkit-font-smoothing: subpixel-antialiased
}

.chart-box a {
    cursor: pointer
}

.g-recaptcha>div {
    width: 275px !important
}

#clanokDesc a {
    color: #00ade9
}

#clanokDesc ul {
    padding-left: 16px
}

#clanokDesc li {
    padding: 12px 0
}

#clanokDesc ol {
    padding-left: 18px
}

#clanokDesc ol li {
    padding: 3px 0
}

#clanokDesc img {
    max-width: 100%;
    width: auto;
    height: auto
}

.alert .fade.in {
    opacity: 1
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert {
    margin-top: 30px;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.alert .fade {
    opacity: 0;
    transition: opacity .15s linear
}

.alert .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.alert a {
    color: #337ab7;
    background-color: transparent
}

.pagination ul li.active-pag a,
.pagination ul li:hover a {
    color: #fff
}

.pagination {
    display: block;
    text-align: center;
    border: 0;
    margin-top: 15px
}

.pagination ul {
    display: inline-block
}

.pagination ul li:first-child {
    margin-left: 0
}

.pagination ul:after,
.pagination ul:before {
    clear: both;
    display: block;
    content: ""
}

.pagination ul li.active-pag {
    background-color: #047
}

.pagination ul li {
    list-style: none;
    transition: .15s;
    float: left;
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 4px
}

.pagination ul li:hover {
    background-color: #047
}

.pagination ul li>a {
    transition: .15s;
    text-align: center;
    line-height: 45px;
    display: block;
    color: #393939;
    font-size: 18px;
    font-weight: 700
}

.pagination ul li.prev .icon {
    background-image: url(../img/chevron-left.svg)
}

.pagination ul li.prev:hover .icon {
    background-image: url(../img/chevron-left-white.svg)
}

.pagination ul li.next .icon {
    background-image: url(../img/chevron-right.svg)
}

.pagination ul li.next:hover .icon {
    background-image: url(../img/chevron-right-white.svg)
}

.pagination ul li .icon {
    display: block;
    width: 100%;
    height: 43px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center
}

.message .warning {
    display: inline-block;
    border-radius: 0;
    float: none
}

#heslo .message {
    float: left;
    margin-top: 28px;
    margin-left: 135px
}

.box-zmena-hesla #heslo .message {
    float: none;
    margin-left: 0;
}

#topProfil .message .warning {
    text-align: center;
    width: auto;
    float: none;
    display: inline-block
}
#topProfil {
    background-color: transparent;
}
#hladam .message,
#schopnosti .message {
    float: left;
    width: auto;
    margin: 9px auto;
}

.bottomProfile#heslo {
    display: none
}

#dopytAlert {
    margin-bottom: 20px;
    color: #047
}

#zabudnute-heslo .errorAlert,
#zabudnute-heslo .regSuccess {
    width: 500px;
    margin-bottom: 25px
}

#zabudnute-heslo .regSuccess {
    padding-left: 10px;
    padding-right: 10px
}

.shifts-container .date-shift {
    padding-left: 15px;
    font-weight: 500;
    margin: 20px 0 0
}

.shifts-container>span {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    display: block
}

.shifts-container .icheckbox_flat-green {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

.shifts-container .icheckbox_flat-green.checked {
    background: url(grey_new.png) -38px 0 no-repeat !important
}

.shifts-container .icheckbox_flat-green.checked+label {
    background: #20acea;
    color: #fff;
    text-decoration: none
}

.shifts-container .row {
    margin: 0 !important
}

.shifts-container .col-4 {
    cursor: pointer;
    margin-top: 4px;
    width: 33.33333%;
    float: left;
    position: relative;
    padding: 0 4px 0 0;
    background-clip: content-box
}

.shifts-container .col-4 label {
    background: #f6f6f6;
    padding: 0 15px;
    display: block;
    line-height: 44px;
    color: #20acea;
    font-size: 16px;
    text-decoration: underline
}

.error-react,
.loading-react,
.modal,
.variant-without-registration {
    display: none
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto
}

.modal {
    position: fixed;
    z-index: 60;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 95%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.modal select+.chosen-container {
    width: 100% !important;
    box-shadow: none !important;
    margin-bottom: 8px
}

.modal select+.chosen-container ul {
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important
}

.modal select+.chosen-container ul li {
    padding: 8px 8px 8px 34px !important;
    font-size: 16px !important;
    background-color: #f6f6f6 !important;
    border: none !important;
    box-shadow: none !important
}

.modal select+.chosen-container ul li input {
    color: #807672 !important;
    font-weight: 400 !important;
    font-family: Muller !important
}

.modal select+.chosen-container ul li.search-choice {
    top: 9px;
    left: 34px;
    background: #e6e6e6 !important
}

.modal select+.chosen-container ul li.active-result.highlighted {
    background: #e7e7e7 !important
}

.modal .error .chosen-container,
.modal .error input {
    outline: #ff496b solid 1px
}

.modal input {
    width: 100%;
    padding: 14px 11px 11px 34px;
    font-size: 16px;
    background-color: #f6f6f6;
    margin-bottom: 8px;
    border: 0;
    box-shadow: none
}

.modal input[type=submit] {
    display: block;
    margin: auto;
    width: 180px;
    background: #047;
    color: #fff;
    padding: 11px 0;
    transition: .2s;
    cursor: pointer
}

.modal input[type=submit]:hover {
    background-color: #20acea
}

.modal .modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    max-width: 650px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

.modal-email .modal-content {
    max-width: 450px
}

.status-react .loader {
    display: block;
    margin: auto
}

.status-react span {
    text-align: center;
    display: block;
    margin: 20px 0;
    font-size: 18px
}

.modal .success-alert img {
    width: 150px;
    margin: auto;
    display: block
}

.status-react-login {
    display: none
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.modal .close-modal {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.modal .close-modal:focus,
.modal .close-modal:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.modal .modal-footer,
.modal .modal-header {
    padding: 15px;
    background-color: #047;
    color: #fff
}

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

.modal .col-6 {
    display: block;
    float: left;
    width: 50%;
    padding: 0 15px
}

#pobocky {
    overflow: hidden;
    margin: 20px auto
}

#pobocky .slogan-pobocka {
    margin: 10px 0 8px;
    display: block
}

#pobocky .city {
    color: #00ade9;
    display: block;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    background-position: 2px 0;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-top: 3px
}

#pobocky .row {
    margin-bottom: 20px;
    border-bottom: 1px solid grey
}

#pobocky .col {
    float: left;
    padding: 0 15px
}

#pobocky .col p {
    padding-bottom: 5px
}

#pobocky .second {
    padding-left: 25px
}

#pobocky .third {
    padding-left: 65px
}

.modal .logo-pp {
    width: 130px
}

.modal .col-6 img {
    display: block;
    margin: auto auto 10px
}

.modal .col-6 a {
    margin-top: 20px;
    display: block;
    color: #20acea;
    text-align: center
}

.modal .col-6 a:hover {
    text-decoration: underline
}

.partners-page {
    margin-top: 80px;
    padding-bottom: 80px
}

.partners-page h1 {
    font-weight: 500;
    margin-bottom: 24px
}

.partners-page .text-partner {
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 10px
}

.partners-page .col-6 {
    padding: 0 15px;
    width: 50%;
    float: left
}

.partners-page img {
    max-height: 220px;
    max-width: 300px;
    float: right;
    margin-top: -55px
}

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

    #headerMenu,
    .cookies-banner .container {
        padding: 0 15px
    }

    #headerInfo {
        padding-left: 207px;
        padding-right: 15px
    }
}

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

    #canvasss,
    .box-map {
        width: 650px
    }

    #canvasss {
        height: 300px
    }

    #homeHeader.home {
        height: 645px
    }

    .box-map .title span,
    .box-map .tooltips .tooltip span {
        font-size: 14px !important
    }

    .box-map span.count-job {
        display: none !important
    }
}

.chart-legend {
    top: 254px;
    left: 160px;
    font-size: 20px;
    position: absolute
}

.chart-legend ul {
    list-style-type: none;
    text-align: left;
    line-height: 27px
}

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

    .detail-job-opened .right-side figure,
    body.open-menu {
        overflow: hidden
    }

    .category-employer article,
    .category-employer h3,
    .category-employer p,
    .category-employer span {
        font-size: 18px
    }

    #calcMove.active,
    body.open-filter {
        position: relative
    }

    .threeColumns.partneri .partner {
        display: block !important;
        width: 31% !important
    }

    .detail-job-opened .right-side .buttons .btn,
    .mobile-menu,
    .mobile-menu li a,
    body.open-menu .opacity-box {
        display: block
    }

    .chart-legend {
        right: 30px
    }

    .cookies-banner .text-cookies {
        width: 60%
    }

    .cookies-banner .buttons {
        width: 40%
    }

    .top-label .chosen-container {
        width: 345px !important
    }

    .detail-job-opened .right-side {
        top: 65px !important;
        width: auto !important
    }

    .detail-job-opened .right-side .banner-image {
        float: right
    }

    .detail-job-opened .right-side .buttons {
        width: 180px;
        margin-right: 30px;
        float: left
    }

    .detail-job-opened article {
        margin-top: 40px !important
    }

    .category-employer {
        margin-bottom: 50px
    }

    .category-employer li {
        font-size: 18px;
        margin-bottom: 5px
    }

    .category-employer img {
        padding-bottom: 40px
    }

    #homeHeader.home {
        height: 580px;
        margin-top: 0
    }

    #canvasss,
    .box-map {
        top: 15px
    }

    body.open-filter aside.filter {
        bottom: 0;
        position: absolute;
        display: block;
        background: #202020;
        z-index: 101;
        top: 0
    }

    body.open-filter aside.filter .icheckbox_flat-green,
    body.open-filter aside.filter .iradio_flat-green {
        background-image: url(grey_new.png)
    }

    body.open-filter aside.filter .icheckbox_flat-green.hover,
    body.open-filter aside.filter .iradio_flat-green.hover {
        background-position: -38px 0 !important
    }

    body.open-filter aside.filter .input-label .form-group:hover label,
    body.open-filter aside.filter section ul li a:hover,
    body.open-filter section ul li.active li .active,
    body.open-filter section ul li.active>a {
        color: #fff !important
    }

    body.open-filter aside.filter section h3,
    body.open-filter aside.filter section ul li {
        color: #fff
    }

    body.open-filter aside.filter section {
        background: #202020
    }

    body.open-filter aside.filter section ul {
        padding-left: 10px
    }

    body.open-filter aside.filter .input-label .form-group,
    body.open-filter aside.filter section ul.active,
    body.open-filter aside.filter section ul:hover {
        color: gray !important
    }

    body.open-filter aside.filter section ul li.active,
    body.open-filter aside.filter section ul li:hover {
        text-decoration: none !important;
        color: gray !important
    }

    .filter-results .result .title-result,
    body.open-filter aside.filter section ul.sub-menu li {
        text-decoration: none
    }

    body.open-filter aside.filter .input-label .form-group:hover label {
        color: gray
    }

    body.open-filter aside.filter .input-label .checked+label {
        color: #fff
    }

    body.open-filter.open-menu aside.filter {
        z-index: 0
    }

    .cite-list-director {
        bottom: 60px
    }

    .cite-list-director h2 {
        font-size: 20px
    }

    .cite-list-director p {
        font-size: 16px
    }

    .cite-list-director .square {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -25px;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 25px solid rgba(1, 1, 1, .4)
    }

    .cite-list-director .square:before {
        top: -29px;
        left: -7px;
        width: 10px;
        height: 10px;
        border-width: 3px 3px 0 0
    }

    .detail-job .result .right-side {
        position: absolute;
        top: 36px;
        right: 25px;
        float: none
    }

    .detail-job .result .left-side {
        float: none
    }

    body.open-menu {
        position: relative;
        height: 100%
    }

    body.open-menu .mobile-menu {
        left: 0;
        z-index: 300
    }

    body.open-menu .mobile-menu ul {
        position: fixed;
        top: 0;
        width: 280px;
        overflow-y: scroll;
        height: 100%
    }

    body.open-menu #header {
        position: static
    }

    body.open-menu main {
        position: relative
    }

    body.open-menu #header.second-header {
        z-index: 5
    }

    body.open-menu #header {
        z-index: auto
    }

    .mobile-menu {
        position: absolute;
        top: 0;
        z-index: 100;
        width: 280px;
        height: 2000%;
        background: #343434;
        left: -280px;
        bottom: 0
    }

    .mobile-menu li {
        list-style: none;
        min-height: 50px;
        padding: 0 39px
    }

    .mobile-menu li a {
        line-height: 50px;
        font-size: 18px;
        color: gray;
        border-bottom: 1px solid #1a1a1a
    }

    .mobile-menu li a:hover {
        color: #fff;
        font-weight: 700;
        border-bottom: 1px solid #fff
    }

    .mobile-menu li.sign-up {
        background: #20acea;
        color: #fff;
        text-align: center
    }

    .mobile-menu li.sign-up a {
        border: 0;
        font-weight: 700;
        color: #fff
    }

    .mobile-menu li.form {
        margin-top: 30px;
        background: #1e983e;
        color: #fff;
        text-align: center;
        padding: 10px 64px;
        position: relative
    }

    .mobile-menu li.form a {
        line-height: 25px;
        border: 0;
        font-weight: 700;
        color: #fff
    }

    .mobile-menu li.form a .icon {
        background-image: url(../img/clipboard-max_new.png);
        background-size: contain;
        width: 25px;
        height: 33px;
        display: inline-block;
        position: absolute;
        top: 8px;
        left: 36px
    }

    .change-filter {
        padding: 0 20px !important;
        display: block
    }

    .filter-results .filter,
    .filter-results .result .contact-info,
    .filter-results .result .right-side figure,
    .filter-results .result a.btn {
        display: none
    }

    .change-filter .btn {
        cursor: pointer;
        color: #fff;
        background-color: #047;
        text-align: center;
        height: 45px;
        line-height: 45px;
        border: 0;
        width: 100%;
        transition: .2s
    }

    .filter-results .result .left-side .location,
    .filter-results .result .left-side .pay,
    .filter-results .result .left-side .shifts,
    .filter-results .result .left-side .type-contract,
    .ubytovanie {
        color: #808080 !important
    }

    .result .type-contract {
        float: none !important;
        clear: both !important
    }

    .detail-job .result .ubytovanie .icon {
        margin-left: 4px !important;
    }

    .change-filter .btn:hover {
        background-color: #20acea
    }

    .infou-about-results {
        position: relative
    }

    .results .result {
        margin-bottom: 0.75vw
    }

    .infou-about-results .sort-results {
        top: auto;
        bottom: 0
    }

    .top-label form input[type=text] {
        width: 345px
    }

    .top-label form input[type=submit] {
        width: 125px;
        font-size: 12px;
        padding: 0
    }

    .top-label form .form-group {
        margin-right: 10px
    }

    .filter-results .results {
        width: 100%;
        float: none;
        margin-left: 0
    }

    .filter-results .result .left-side {
        float: left;
        width: 625px
    }

    .filter-results .result .left-side .location .icon,.detail-job .result .left-side .location .icon {
        background-repeat: no-repeat;
        background-image: url(../img/location.svg);
        background-size: 12px 15px;
        top: -3px;
        background-position: right
    }


    .filter-results .result .left-side .shifts .icon,.detail-job .result .left-side .shifts .icon {
        background-repeat: no-repeat;
        background-image: url(../img/users.svg);
        background-position: right;
        width: 20px;
        height: 15px;
        background-size: 15px 15px
    }

    .filter-results .result .left-side .pay .icon,.detail-job .result .left-side .pay .icon {
        background-repeat: no-repeat;
        background-image: url(../img/euroGrey.png);
        background-size: 12px 13px;
        background-position: top right;
        width: 17px;
        height: 13px;
        bottom: 0;
        margin: auto
    }

    .filter-results .result .left-side .type-contract .icon,.detail-job .result .left-side .type-contract .icon {
        background-repeat: no-repeat;
        background-image: url(../img/passage.svg);
        top: -2px;
        background-size: 16px 15px;
        left: 5px;
        background-position: right
    }

    .filter-results .result .right-side {
        margin: 0 auto;
        float: unset
    }

    .filter-results .result .right-side .alternative {
        display: inline-block
    }

    .filter-results .result .right-side .main-text {
        display: none
    }

    .filter-results .result .right-side a {
        display: block
    }

    .filter-results .result .right-side a.btn {
        font-weight: 500;
        font-size: 13px;
        text-align: center;
        height: 34px;
        line-height: 34px;
        width: 153px;
        display: block;
        background-color: #fff;
        border: 1px solid #888a8d;
        border-radius: 2px;
        padding: 0;
        margin-bottom: 13px;
        transition: .2s
    }

    .filter-results .result .right-side a.btn:hover {
        border: 1px solid #cbcbcb
    }

    .filter-results .result .right-side a.btn .icon {
        width: 24px;
        height: 20px;
        display: inline-block;
        position: relative;
        top: 4px;
        right: 7px
    }

    .filter-results .result .right-side a.btn.blue {
        display: block;
        border-radius: 0;
        background-color: #20acea;
        color: #fff;
        border: 0;
        transition: .2s;
        float: unset !important
    }

    .filter-results .result .right-side a.btn.blue:hover {
        background-color: #047
    }

    .filter-results .result .right-side a.btn#email .icon {
        background-image: url(../img/mail-grey.png)
    }

    .filter-results .result .right-side a.btn#telephone .icon {
        background-image: url(../img/phone-grey.png);
        background-size: 20px 21px;
        background-repeat: no-repeat;
        background-position: right
    }

    .filter-results .result:after,
    .filter-results .result:before {
        content: '';
        clear: both;
        display: block
    }

    #headerInfo {
        display: none
    }

    #homeLeftBanner {
        top: 30px;
        width: 250px
    }

    .home #homeRightBanner {
        top: 43px
    }

    #bannerBookmark {
        top: 160px
    }

    #map {
        width: 500px;
        position: absolute;
        top: 5px;
        left: 0;
        right: 0;
        margin: auto
    }

    #headerMenu {
        background-color: #fff;
        padding: 0 16px;
        width: 100%;
    }

    #headerMenu #headerLogo {
        margin-left: 23px;
        background-image: url(../img/proplusco-logo-small.svg);
        box-shadow: none;
        width: 110px;
        top: 0;
        height: 50px;
        position: relative;
        background-size: 110px 27px;
        background-repeat: no-repeat;
        float: left;
        background-position: center
    }

    #headerMenu #loggedInfo {
        margin-right: 23px
    }

    #headerMenu #loggedInfo>.menuItem {
        display: inline-block
    }

    #headerMenu .menuItem {
        display: none
    }

    #headerMenu .menuButton {
        height: 50px;
        line-height: 50px
    }

    #headerMenu #headerMenuIn {
        float: right;
        margin-left: 0;
        height: 50px
    }

    .mobile-menu-addons {
        float: right
    }

    .mobile-menu-addons .phoneButton {
        float: left;
        display: block;
        list-style: none;
        line-height: 50px
    }

    .mobile-menu-addons .phoneButton a {
        line-height: 50px;
        display: block;
        height: 50px
    }

    .mobile-menu-addons .phoneButton a img {
        margin: 13px 0
    }

    .mobile-menu-addons .langButton {
        float: left;
        display: block;
        margin-left: 12px
    }

    .mobile-menu-addons .langButton a {
        line-height: 50px
    }

    .mobile-menu-addons .langButton a .icon {
        background: url(../img/svg-slovak.svg);
        width: 28px;
        height: 22px;
        background-size: 20px 15px;
        display: inline-block;
        position: relative;
        top: 5px
    }

    .mobile-menu-addons:after,
    .mobile-menu-addons:before {
        content: '';
        clear: both;
        display: block
    }

    .hamburger-menu {
        cursor: pointer;
        display: block;
        float: left;
        padding: 17px 0
    }

    .hamburger-menu li {
        width: 20px;
        height: 3px;
        margin-bottom: 3px;
        background-color: #047;
        list-style: none;
        border-radius: 3px
    }

    .hamburger-menu li:last-child {
        margin-bottom: 0
    }

    .fast-finder-work {
        width: 887px
    }

    .fast-finder-work .form-find {
        padding: 35px 15px 15px
    }

    .fast-finder-work .form-find #work-time {
        font-size: 24px !important;
        top: 12px !important
    }

    .threeColumns {
        width: auto
    }

    #regHead {
        top: 40px
    }

    #regBut {
        top: 150px
    }

    .blogCols {
        display: block
    }

    .blogColumn figure {
        height: 283px;
        overflow: hidden
    }

    .blogColumn figure .stvorcek {
        display: none;
        position: absolute;
        bottom: 0;
        padding: 10px 0 0
    }

    .blogColumn figure .uputavka {
        font-size: 18px;
        margin-bottom: 18px;
        padding: 0 10px 0 100px !important
    }

    .partneri .partner {
        display: none
    }

    .partneri .partner:nth-child(-n+3) {
        display: block;
        width: 31%
    }

    .container {
        width: 942px
    }

    .container.narrow {
        width: 885px
    }

    #firstFooter {
        padding: 50px 25px
    }

    .top-label.blue h2 {
        font-size: 22px
    }

    .top-label.blue h2 small {
        font-size: 18px
    }

    .set-wage .results-of-calculating .price {
        font-size: 18px !important
    }

    .set-wage .results-of-calculating .costs-content .container {
        padding: 0 20px
    }

    .switch-wrap.margin {
        margin-left: 0
    }
}

@media screen and (max-width:1170px) {
    #findBlog {
        width: 800px
    }

    #find-article {
        width: 580px
    }

    #blogFindBut {
        width: 148px
    }
}

@media screen and (max-width:1100px) {
    .profileBlock .message {
        position: relative;
        left: -22%
    }

    .profileBlock .left {
        width: 31%
    }

    .profileBlock .right {
        width: 100%
    }

    #pribehIn,
    #priebehMain {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    #topProfil #mainInfos #items span {
        display: block
    }

    #topProfil #mainInfos #items span#emailInner {
        display: initial
    }

    #heslo .message {
        margin-left: 96px
    }

    #topProfil .message .success {
        margin-left: 190px
    }

    #topProfil .message .warning {
        margin-left: 58px
    }

    #profil {
        width: 100%;
        padding-top: 60px;
        padding-left: 0;
        padding-right: 0;
    }

    #mainInfos {
        width: 70%
    }

    #sliderIn img {
        height: 475px;
        width: initial
    }

    .sliderBlock {
        height: 475px
    }

    #pribehBottomIn {
        width: 880px
    }

    #pribehBottomIn p {
        font-size: 17px
    }

    #pribehBottomIn .threecols {
        text-align: Center
    }

    #pribehLeft {
        width: 51%
    }

    #pribehRight {
        width: 49%
    }

    #pribehRight ul {
        margin-top: 26px
    }

    .threecols img {
        margin-top: 7px
    }

    #clanok {
        width: 800px
    }

    .clanokLeft {
        width: 565px
    }

    #contactIn,
    #mainCentral {
        width: 850px
    }

    #clanokHead {
        max-width: 290px
    }

    #contactIn .actOddelenie h3 {
        top: 47px;
        font-size: 23px
    }

    .actOddelenie {
        max-height: 137px
    }

    .actOddelenie .zaclona {
        height: 137px
    }

    .actOddelenie p {
        margin-left: 5px;
        font-size: 15px
    }

    #pobocky {
        font-size: 15px
    }

    #oddelenia .arrow {
        top: 137px;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 15px solid #000;
        left: 115px
    }
}

@media screen and (max-width:995px) {
    #find-article {
        width: 530px
    }
}

@media screen and (min-width:992px) {
    footer .open-box-footer {
        display: block !important;
        height: 100% !important
    }
}

@media screen and (max-width:991px) {
    .chart-legend {
        left: 20px;
        right: 0;
        margin: auto !important;
        font-size: initial;
        position: absolute
    }

    .top-label .chosen-container {
        width: 100% !important
    }

    body.open-filter .icheckbox_flat-green.hover,
    body.open-filter .iradio_flat-green.hover {
        background-position: -38px 0 !important
    }

    body.open-filter .input-label .form-group:hover label {
        color: #fff !important
    }

    .set-wage .results-of-calculating .banner {
        margin-bottom: 30px
    }

    .set-wage .results-of-calculating .switch-wrap .label-value,
    .set-wage .results-of-calculating .switch-wrap .switch {
        display: inline-block;
    }

    .set-wage .results-of-calculating .switch-wrap .label-value{
      top: -7px;
    }

    .set-wage .results-of-calculating .switch-wrap input:checked+.labels .switcher .custom-table .employee {
        display: none
    }

    .set-wage .results-of-calculating .switch-wrap input:checked+.labels .switcher .custom-table .employer {
        display: block
    }

    .custom-table {
        max-width: 600px;
        margin: 50px auto auto;
        font-size: 18px !important
    }

    .custom-table .head-table {
        display: none
    }

    .custom-table .main-column {
        font-size: 18px;
        width: 100% !important;
        display: block;
        float: none;
        text-align: left
    }

    .custom-table .employer {
        display: none
    }

    .custom-table .column-table {
        width: 50%
    }

    .custom-table .row-table {
        display: block
    }

    footer #firstFooter {
        padding: 20px 0 !important
    }

    footer #firstFooter .footHeadline {
        margin-bottom: 0
    }

    footer #firstFooter .footCol {
        margin-bottom: 12px
    }

    footer .footCol {
        width: 100% !important;
        float: none !important
    }

    footer .open-box-footer {
        box-shadow: 0 5px 5px -5px #000 inset;
        margin-top: 10px;
        padding: 15px 0 5px;
        display: none;
        background-color: #202020
    }

    footer .open-box-footer a {
        text-align: center
    }

    footer #contactBlock {
        float: none;
        width: 100%;
        overflow: visible;
        margin: 0
    }

    footer #contactBlock .contactCols {
        width: 100%;
        float: none;
        text-align: center
    }

    footer .threeColumns {
        margin-top: 0
    }

    footer .footHeadline {
        line-height: 1.428571429;
        text-align: center;
        cursor: pointer
    }

    footer #napiste {
        margin: 10px auto
    }

    #homeHeader.home {
        height: 535px
    }

    #homeLeftBanner {
        width: 200px;
        font-size: 14px;
        padding: 15px 16px
    }

    #regBut {
        height: 40px;
        line-height: 40px;
        top: 191px !important;
        width: 80%;
        max-width: 333px;
        margin: auto;
        left: 0;
        right: 0
    }

    .box-map {
        top: 20px;
        width: 500px
    }

    .box-map .tooltip span {
        font-size: 13px !important
    }

    .box-map .tooltip.bottom span {
        top: 19px;
        left: -22px
    }

    .box-map .tooltip.top span {
        left: -21px
    }

    .box-map .title.left span,
    .box-map .tooltip.left span {
        top: 1px;
        left: -5px
    }

    .box-map .title span {
        font-size: 13px
    }

    .box-map .title.bottom span {
        top: 19px;
        left: -22px
    }

    .box-map .title.top span {
        left: -21px
    }

    #canvasss {
        width: 500px;
        top: 20px
    }

    .detail-job {
        padding: 0 60px
    }

    #regSec #regBut,
    #regSec #regHead,
    .fast-finder-work,
    .type-jobs {
        padding: 0 25px
    }

    .detail-job .results article {
        display: block !important
    }

    .detail-job .results .left-side {
        width: auto
    }

    .container,
    .fast-finder-work,
    .fast-finder-work .slider-submit .form-group:not(.submit-group) {
        width: 100% !important
    }

    .fast-finder-work .form-find #work-time {
        font-size: 22px !important
    }

    .type-jobs .desc {
        margin-left: 20px;
        font-size: 20px;
        width: 115px
    }

    .type-jobs .column {
        width: 50%;
        margin-left: 0
    }

    .type-jobs .column a>img {
        height: 100%
    }

    .type-jobs .column ul {
        display: none
    }

    #regSec img {
        width: auto
    }

    .threeColumns.blog .blogColumn {
        width: 31%
    }

    .threeColumns.blog .blogColumn figure {
        height: 220px
    }

    .threeColumns.blog .blogColumn img {
        width: 100%
    }

    .top-label {
        padding: 0 60px
    }

    .top-label .container,
    .top-label form input[type=text] {
        width: 100%
    }

    .top-label form input[type=submit] {
        width: 100%;
        font-size: 14px;
        padding: 0
    }

    .top-label form .form-group {
        margin-bottom: 10px;
        margin-right: 0;
        float: none
    }

    .results .sort-results {
        position: absolute;
        top: 0;
        right: 20px
    }

    .filter-results .container {
        width: 100%;
        padding: 0 60px
    }

    .filter-results .result .left-side {
        float: none;
        width: 100%
    }

    .filter-results .result .right-side {
        margin-top: 30px;
        float: none;
        width: auto
    }

    .filter-results .result .right-side a {
        border-radius: 2px !important;
        float: left;
        margin-right: 20px
    }
}

@media screen and (max-width:900px) {
    #contactIn h3 {
        text-align: center
    }

    #mainCentral {
        width: 100%
    }

    #pobocky .second,
    #pobocky .third {
        padding: 0 15px
    }

    #mainCentral .second,
    #mainCentral .third {
        padding: 0
    }

    #pobocky .city {
        display: table;
        margin: 0 auto
    }

    #mainCentral .col,
    #pobocky .col {
        float: initial;
        width: 100%;
        text-align: center;
        margin-top: 18px;
        margin-bottom: 18px
    }

    #oddelenia .arrow {
        top: 208px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #000;
        left: 177px
    }

    #oddelenia .col {
        float: initial;
        width: 400px;
        margin: auto
    }

    #oddelenia .col:first-child {
        margin: auto
    }

    #contactIn {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    #contactIn .actOddelenie h3 {
        top: 75px;
        font-size: 30px
    }

    .actOddelenie {
        max-height: 208px
    }

    .actOddelenie .zaclona {
        height: 208px
    }
}

@media screen and (max-width:880px) {
    #findBlog {
        width: 720px
    }

    #find-article {
        width: 463px
    }

    #blogFindBut {
        width: 134px
    }

    #clanok {
        width: 670px
    }

    .clanokLeft {
        width: 495px
    }

    .clanokRight {
        width: 157px
    }

    .clanokRight h2 {
        font-size: 20px
    }

    .newestText {
        font-size: 15px;
        margin-top: 9px
    }

    .clanokButs {
        width: 165px
    }

    #clanokBottom .btn {
        width: 165px;
        padding: 0 3px
    }

    #clanokHead {
        max-width: 270px
    }
}

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

    #heslo .message,
    #hladam .message,
    #schopnosti .message {
        margin-left: 0
    }

    #hladam .message .success {
        margin-bottom: 15px
    }

    .profileBlock .message {
        left: auto
    }

    .helpObal.top-right {
        display: none !important
    }

    .editProfileBut {
        top: auto;
        right: 0;
        bottom: 0
    }

    .message .success,
    .message .warning {
        float: right
    }

    #topProfil {
        padding-bottom: 30px
    }

    #hladam .message .warning,
    #schopnosti .message .warning {
        left: 0
    }

    #topProfil #editProfileBut {
        position: absolute;
        top: auto;
        bottom: -54px;
        right: 0
    }

    #topProfil .message .success {
        margin-left: 17px;
        margin-top: -55px
    }

    #topProfil .message .warning {
        text-align: initial;
        width: initial;
        margin-left: 20px
    }

    #mainInfos h1,
    #photoSec {
        text-align: center
    }

    #topProfil .message {
        overflow: initial;
        float: right
    }

    #profil {
        width: 100%
    }

    #photoSec {
        float: initial;
        width: 100%
    }

    #mainInfos {
        width: 100%;
        padding-top: 25px
    }

    #mainInfos #items {
        margin-top: 30px
    }

    #items span {
        display: inline-block;
        margin-bottom: 8px
    }

    #items #emailSpan {
        padding-top: 6px;
        padding-bottom: 3px
    }

    #items .profileSoc .socIco {
        width: 40px
    }

    .profileInput#mesto {
        width: 145px;
        margin-bottom: 8px
    }

    .profileSoc {
        margin-top: 16px
    }

    .profileBlock {
        margin-top: 15px
    }

    .profileBlock .left {
        font-size: 16px;
        width: 100%;
        text-align: left;
        float: initial;
        margin-bottom: 12px
    }

    .profileBlock .right {
        float: inherit;
        width: 100%
    }

    #schopnostiLeft {
        display: none
    }

    .profileSocInputs input {
        margin-bottom: 8px
    }

    #items #emailInner {
        display: inline
    }

    .editProfileBut.special {
        position: static
    }

    #mainInfos {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        position: relative !important;
        border-right: none !important;
        height: unset !important;
    }
    .location-pads {
        text-align: center !important;
        padding-top: 17px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    .location-pads > small {
        color: #B8BACA !important;
        margin: auto !important;
        font-style: italic !important;
        font-size: 14px !important;
        line-height: 19px !important;
    }
    #mainInfos2 {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        position: relative !important;
        height: unset !important;
    }
    #mainInfos2 .edit-info-input {
        float: none;
        font-size: 14px;
    }
    .sekcia {
        padding: 20px 18px !important;
        min-height: 226px !important;
        border-radius: 5px !important;
        box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%) !important;
        -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%) !important;
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1) !important;
        border-top: 10px solid #B2B5C7 !important;
        margin-bottom: 48px !important;
    }
    .d-flex {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .file-card {
        background-color: #F6F6F6 !important;
        padding: 15px !important;
        margin: 0 !important;
        margin-left: 13px !important;
        margin-right: 13px !important;
        margin-bottom: 25px !important;
        width: 140px !important;
        min-height: 140px !important;
        max-height: 170px !important;
        border-radius: 20px !important;
        color: #7A7A7A !important;
        box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -webkit-box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -moz-box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.16) !important;
    }
    .schopnosti-list {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    .zamestnania {
        padding: 0 !important;
        padding-top: 25px !important;
    }
    .textarea-profil {
        width: 100% !important;
        border-radius: 14px 14px 0px 14px !important;
        border: 1px solid #B8BACA !important;
        background-color: #FCFDFF !important;
        padding: 10px !important;
        min-height: 244px !important;
        resize: vertical !important;
        margin-bottom: 22px !important;
        margin-top: 0 !important;
    }
    .skill-card {
        background-color: #F7F7F7 !important;
        padding: 3px 18px 7px 10px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
        margin-right: -8% !important;
        height: 25px !important;
        font-size: 11px !important;
        line-height: 15px !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -webkit-box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.11) !important;
    }
    
    .skill-cover {
        border-radius: 12px 0 0 12px !important;
        width: auto !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
        display: flex !important;
        height: 25px !important;
    }
    .heading-top-hero {
        font-size: 25px !important;
        width: 303px !important;
    }
    .file-date {
        text-align: right !important;
        position: absolute !important;
        font-size: 11px !important;
        top: 40px !important;
    }
    .heading-sekcia > h3 {
        font-size: 22px !important;
        color: #2F3764 !important;
        font-weight: 200 !important;
        padding-top: 2vw !important;
    }
    .text-left {
        text-align: left!important;
        font-size: 14px!important;
        line-height: 19px!important;
    }
    .btn-edit-sekcia-i {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 18px !important;
        height: 18px !important;
    }
    .btn-edit-sekcia {
        border-radius: 50% !important;
        all: unset !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        width: 36px !important;
        height: 36px !important;
        float: right !important;
        position: relative !important;
        margin-top: 2% !important;
    }

    .name-user > h2 {
        text-align: center !important;
        color: #2F3764 !important;
        margin-bottom: 27px !important;
        font-weight: bold !important;
        line-height: 44px !important;
        font-size: 33px !important;
        padding: 0 !important;
    }
    .m-bottom-heading {
        margin-top: 20px !important;
        height: 20px !important;
        border-bottom: 1px solid #F5F5F5 !important;
        margin-bottom: 10px !important;
        padding-bottom: 27px !important; 
    }
    .edit-profile-info {
        border-radius: 50% !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        margin-top: -29px !important;
        height: 35px !important;
        width: 35px !important;
    }
    .zmena-hesla {
        display: none !important;
    }
    .action-button {
        font-size: 20px !important;
        margin: 0 !important;
        margin-top: 5px !important;
        width: 93px !important;
        height: 43px !important;
        margin: auto auto !important;
    }
    .action-button > svg { 
        width: 9px !important;
        height: 9px !important;
        margin-bottom: 4px !important;
    }
    .float-left2 {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 17px !important;
        color: #686868 !important;
        opacity: 0.73 !important;
    }
    #profil-hero {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    #topProfil {
        position: relative !important;
        padding-top: 20px !important;
        overflow: visible !important;
    }
    #photoSec {
        position: absolute !important;
        top: -115px !important;
    }
    #photoSec #imgLoader, #photoSec .imagep {
        width: 150px !important;
        height: 150px !important;
        border-radius: 360px !important;
        box-shadow: none !important;
        border: 5px solid white !important;
    }
    .profile-img-change {
        position: absolute !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        padding: 7px !important;
        border-radius: 50% !important;
        right: 4px !important;
        top: 4px !important;
        height: 40px !important;
        box-shadow: none !important;
        width: 40px !important;
    }
    .profile-img-delete {
        position: absolute !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        padding: 7px !important;
        border-radius: 50% !important;
        right: 4px !important;
        top: 4px !important;
        height: 40px !important;
        box-shadow: none !important;
        width: 40px !important;
    }
    #hero {
        background: linear-gradient(0deg, rgba(34, 34, 34, 0.3), rgba(38, 38, 38, 0.3)), url(../img/pozadie-profil.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center bottom !important;
        padding: 55px 0 !important;
        text-align: center;
        height: 217px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: end !important;
    }
    .profile-heading-icon {
        width: 22px !important;
        height: 29px !important;
        color: white !important;
        position: absolute !important;
        right: 138px !important;
        top: 29px !important;
    } 
    .profile-heading {
        font-size: 25px !important;
        display: inline-block !important;
        padding-bottom: 10px !important;
        position: relative !important;
        color: white !important;
        text-shadow: 0px 3px 6px rgb(0 0 0 / 50%) !important;
        line-height: 33px !important;
    }
    .profile-img-icon {
        width: 150px !important;
        height: 150px !important;
        width: 20px !important;
        height: 20px !important;
        background: transparent;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    .profile-img-outer {
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 99 !important;
        align-items: center !important;
        background-color: currentColor !important;
        color: white !important;
        border-radius: 50% !important;
        right: 5px !important;
        bottom: 10px !important;
        top: unset !important;
        height: 48px!important;
        width: 48px !important;
    }
    .profile-img-outer-delete {
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 99 !important;
        align-items: center !important;
        background-color: currentColor !important;
        color: white !important;
        border-radius: 50% !important;
        left: 5px !important;
        bottom: 10px !important;
        top: unset !important;
        height: 48px!important;
        width: 48px !important;
    }
    .float-left {
        line-height: 17px !important;
        font-size: 13px !important;
        color: #686868 !important;
        opacity: 0.73 !important;
    }
    .btn-edit-sekcia-top {
        border-radius: 50% !important;
        all: unset !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        width: 35px !important;
        height: 35px !important;
        float: right !important;
        position: relative !important;
        margin-top: -12px !important;
    }
    .btn-edit-sekcia-i {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 17px !important;
        height: 17px !important;
    }
    .edit-profile-info > img {
        position: absolute !important;
        top: 9px !important;
        width: 17px !important;
        right: 9px !important;
        height: 17px !important;
        left: unset !important;
    }
    .contact-item-left {
        font-size: 12px !important;
        line-height: 16px !important;
        opacity: 0.3 !important;
        color: #000000 !important;
        margin-bottom: 1px !important;
    }
    .contact-item-left:after {
        content: ":" !important;
    }
    .contact-item {
        display: block !important;
        color: grey !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 1rem !important;
        line-height: 27px !important;
    }
    .contact-item-right {
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 19px !important;
        color: #666666 !important;
        margin-bottom: 10px !important;
    }
    #profil-hero {
        background-image: url(../img/profil-icon.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .zmena-hesla-mobile {
        display: block !important;
    }
    .change-pass-link {
        text-decoration: none !important;
        color: #00ADE9 !important;
        border-bottom: 1px solid !important;
        padding-right: 6px !important;
        float: left !important;
        font-size: 14px !important;
        line-height: 19px !important;
        margin-top: 15px !important;
    }
    .subory-cards {
        padding: 0 !important;
        padding-top: 30px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .info {
        display: flex !important;
        justify-content: space-between !important;
        position: relative !important;
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }
    .heading-sekcia-btn-span {
        display: none !important;
    }
    .heading-sekcia {
        display: flex !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #2f376438 !important;
        padding-bottom: 0px !important;
    }
    .heading-sekcia-button {
        all: unset !important;
        margin-top: 9px !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        font-size: 17px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
        line-height: 22px !important;
        width: 34px !important;
        height: 34px !important;
        color: white !important;
        border-radius: 50% !important;
        box-shadow: inset 0 0 0 0 #00ade9 !important;
        transition: linear 0.1s !important;    
    }
    .heading-sekcia-icon {
        margin-right: 7.4px !important;
        position: absolute !important;
        left: 6.3px !important;
        top: 8px !important;
    }
}

@media screen and (max-width:800px) {
    .sliderText {
        width: 400px;
        left: 60px
    }

    .sliderText h2 {
        font-size: 35px;
        margin-bottom: 0!important;
    }

    .sliderText h3 {
        font-size: 22px;
        margin-top: 7px
    }

    .sliderText p {
        font-size: 19px;
        line-height: 31px
    }

    #sliderIn img,
    .sliderBlock {
        height: 360px
    }

    #slider #dots {
        top: initial;
        bottom: 30px;
        height: 15px;
        width: auto;
        left: 50%;
        transform: translatex(-50%);
    }

    #slider #dots .dot {
        width: 15px;
        height: 15px;
        margin-left: 7.5px;
        margin-right: 7.5px;
        float: left
    }
}

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

    #blogFindBut,
    #findArtic {
        float: initial
    }

    #findBlog {
        width: 95% !important;
        position: absolute;
        bottom: 18px
    }

    #find-article {
        width: 100%
    }

    #blogFindBut {
        width: 80%;
        margin: auto
    }
}

@media screen and (max-width:767px) {
    .form.list-director.anonym .left {
        overflow: visible
    }

    .form.list-director textarea {
        height: 150px
    }

    #bannerBookmark {
        width: initial;
        padding-top: 25px
    }

    #specialInput,
    .set-wage .inputs-values-wage .left,
    .set-wage .inputs-values-wage .right {
        padding: 0 15px !important
    }

    .threeColumns.partneri .partner {
        display: block !important;
        float: none !important;
        width: 100% !important
    }

    .cookies-banner .text-cookies {
        width: 100%;
        display: block
    }

    .cookies-banner .buttons {
        display: block;
        width: 100%;
        margin-top: 15px;
        text-align: left
    }

    .partners-page .text-partner,
    .partners-page h1 {
        text-align: center
    }

    #specialInput {
        left: initial
    }

    .partners-page {
        margin-top: 30px;
        padding-bottom: 30px
    }

    #homeHeader.partner {
        min-height: 300px !important
    }

    #showMoreBut.paertnerBut {
        float: none;
        margin-top: 42px
    }

    #calcMove.active {
        position: initial;
        left: initial
    }

    .partners-page .col-6 {
        width: 100%;
        float: none
    }

    .partners-page img {
        float: none;
        display: block;
        margin: 50px auto auto
    }

    .threeColumns.blog.blogSite .column.blogColumn {
        margin-top: 15px
    }

    .category-employer .opened-content .container {
        padding: 0 40px
    }

    .guarantees {
        display: none
    }

    .category-employer {
        margin-bottom: 20px
    }

    .category-employer .img-box img {
        height: 250px;
        max-width: none
    }

    #homeHeader,
    .text .flex-content {
        height: /*425px */472px!important
    }

    .category-employer span a .icon {
        margin-left: 10px
    }

    .text .right {
        width: 100%;
        float: none;
        margin-top: 50px
    }

    .text .left {
        width: 100%;
        float: none
    }

    .infoLanguage .alternative-text {
        display: inline-block !important
    }

    .infoLanguage .main-text {
        display: none !important
    }

    .section.partners {
        padding-top: 0
    }

    #citat {
        padding: 35px 10px;
        font-size: 18px
    }

    #regSec {
        height: 270px
    }

    #regSec #regHead {
        font-size: 23px
    }

    #regSec #regBut {
        top: 160px !important
    }

    .section h2 {
        font-size: 28px
    }

    #homeHeader .content-box {
        background-color: rgba(0, 97, 151, .33);
        padding: 0 20px
    }

    .menuButton {
        position: static
    }

    .menuButton #loginBanner {
        margin: 0 auto;
        top: 26vh !important;
        left: 0 !important;
        right: 0 !important;
        width: 50% !important;
        height: auto !important;
    }
    .heading-login {
        display: block !important;
        text-align: center !important;
        font-weight: 400 !important;
        font-size: .8rem !important;
        line-height: 30px !important;
        margin-bottom: .8rem !important;
    }
    #canvasss,
    .box-map {
        display: none
    }

    .cite-list-director {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        padding: 0;
        background-color: rgba(0, 68, 119, .4)
    }

    .cite-list-director .content {
        overflow: hidden;
        background-color: transparent;
        position: absolute;
        bottom: 0;
        padding-bottom: 45px !important
    }

    .cite-list-director .content:after,
    .cite-list-director .content:before {
        content: "";
        height: 25px;
        position: absolute;
        bottom: 0;
        width: 50%;
        background-color: #fff;
        display: block
    }

    .cite-list-director .content:after {
        transform: skew(-45deg);
        right: -13px
    }

    .cite-list-director .content:before {
        transform: skew(45deg);
        left: -13px
    }

    .form.list-director .left,
    .form.list-director .right {
        float: none;
        width: 100%
    }

    .cite-list-director .container {
        height: 100%;
        padding: 0
    }

    .cite-list-director h2 {
        font-size: 24px;
        font-weight: 400
    }

    .cite-list-director p {
        font-size: 16px
    }

    .cite-list-director .square {
        border-top: 25px solid transparent !important;
        bottom: -2px !important
    }

    .form.list-director .left p {
        display: block;
        margin-top: 22px
    }

    .form.list-director .left input[type=submit],
    .form.list-director .right p {
        display: none
    }

    .form.list-director .right input[type=submit] {
        display: block;
        float: none;
        padding: 0 25px;
        width: 100%
    }

    .detail-job,
    .top-label {
        padding: 0
    }

    .form.list-director .group {
        width: 236px !important
    }

    .form.list-director .submit-captcha {
        text-align: center;
        margin: 0 !important;
        width: 100% !important
    }

    .detail-job .results .result article {
        display: block !important
    }
    .detail-job .results .result .text_article {
        min-height: unset;
    }

    .detail-job .results .result .left-side {
        width: auto
    }

    .detail-job .results .result .right-side {
        position: relative;
        right: 0;
        top: 0
    }

    .detail-job .results .result .right-side a {
        display: block;
        float: left;
        width: 45%;
        border: none !important
    }

    .detail-job .results .result .right-side a:last-child {
        float: right
    }

    main.grey {
        padding-top: 33px
    }

    .filter-results .container {
        padding: 0
    }

    .infou-about-results .tags {
        margin-bottom: 0
    }

    .infou-about-results .tags>span {
        margin-bottom: 10px
    }

    .infou-about-results .sort-results {
        padding: 0 20px 10px;
        position: static
    }

    .infou-about-results .sort-results a {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 49%;
        text-align: center
    }

    .infou-about-results .sort-results a:last-child {
        float: right
    }

    .infou-about-results .sort-results:after,
    .infou-about-results .sort-results:before {
        content: '';
        clear: both;
        display: block
    }

    .result article {
        display: none
    }

    #homeRightBanner,
    .result .right-side #telephone {
        display: none !important
    }

    .result .left-side {
        width: 100%;
        float: none !important
    }

    .result .right-side {
        margin-top: 30px;
        width: 100% !important;
        float: none !important
    }

    .result .right-side .btn {
        width: 50% !important;
        margin-right: 0 !important
    }

    .result .right-side .btn.blue.reagovat-margin-fix {
        margin-left: 0
    }

    .result .right-side .btn.blue {
        float: right !important;
        margin-left: 23vw
    }

    #map {
        display: none
    }

    .fast-finder-work {
        bottom: 0;
        width: 100%;
        position: relative;
        padding: 25px 0
    }

    .fast-finder-work .form-find {
        background: 0;
        padding: 0 !important
    }

    .fast-finder-work .left,
    .fast-finder-work .right {
        padding: 0;
        width: auto !important;
        float: none;
        margin-bottom: 15px !important
    }

    .fast-finder-work .form-group:first-child {
        margin-bottom: 15px !important
    }

    .fast-finder-work .slider-submit {
        margin-top: 25px
    }

    .fast-finder-work .slider-submit .form-group:not(.submit-group) {
        width: 100% !important;
        margin-bottom: 0 !important
    }

    .fast-finder-work .slider-submit .submit-group {
        width: 100% !important;
        float: none !important
    }

    .fast-finder-work .slider-submit input.btn {
        background-clip: content-box !important;
        padding: 0 25px !important;
        width: 100% !important;
        cursor: pointer
    }

    #homeRightBanner {
        top: 0 !important;
        z-index: 104;
        left: 0;
        max-width: 350px;
        margin: auto;
        right: 0
    }

    #homeRightBanner input {
        width: 100% !important
    }

    #homeRightBanner #bannerBookmark {
        width: 350px;
        padding-left: 10px;
        float: none;
        position: static;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }

    #homeRightBanner #bannerBookmark .icon {
        position: absolute;
        left: 32px;
        transform: rotate(0)
    }

    #homeRightBanner .close-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 30px;
        font-size: 19px;
        color: #20acea
    }

    #homeLeftBanner,
    .select-dropdown .label {
        position: relative
    }

    #homeLeftBanner {
        top: 30px !important;
        width: 100% !important;
        padding: 20px 25px
    }

    #showMoreBut {
        width: 80%;
        max-width: 333px
    }

    .threeColumns.blog,
    .type-jobs {
        max-width: 480px !important
    }

    .threeColumns.type-jobs {
        width: auto;
        padding: 0 25px
    }

    .type-jobs .column {
        width: 100%;
        margin-left: 0;
        padding: 0 !important
    }

    .type-jobs .column a>img {
        width: 100%
    }

    .type-jobs .column ul {
        display: none
    }

    .threeColumns.blog .blogColumn {
        margin-bottom: 30px;
        width: 100%
    }

    .threeColumns.blog .blogColumn figure {
        height: 220px
    }

    .threeColumns.blog .blogColumn img {
        width: 100%
    }

    .partneri .partner {
        display: none !important
    }

    .partneri .partner:nth-child(-n+2) {
        float: none;
        display: block !important;
        width: 100%;
        max-width: 380px;
        margin: auto
    }

    .container {
        width: 100% !important
    }

    .blog .column.blogColumn {
        margin-left: 0;
        margin-right: 0;
        padding: 0 25px
    }

    .top-label.blue h2 small {
        font-size: 15px
    }

    .top-label.blue.blue {
        padding: 0 5px
    }

    .select-dropdown .label .value-side {
        float: none;
        width: auto;
        overflow: hidden;
        font-size: 14px;
        white-space: nowrap;
        margin-right: 50px;
        display: block
    }

    .select-dropdown .label .arrow-side {
        position: absolute;
        top: 0;
        right: 0
    }

    .set-wage .results-of-calculating .price {
        font-size: 18px !important
    }

    .set-wage .container {
        padding: 0 20px
    }

    .set-wage .set-type-wage .form-group {
        padding: 0 5px;
        width: 50% !important
    }

    .set-wage .set-type-wage .form-group label {
        font-size: 16px;
        padding: 11px 0
    }

    .set-wage .set-type-wage .row {
        margin: 0 -5px
    }

    .set-wage .form-group,
    .set-wage .left,
    .set-wage .right {
        width: 100% !important
    }

    #chart {
        padding: 0 30px
    }
}

@media screen and (max-width:750px) {
    .chart-legend {
        position: static;
        text-align: center;
        width: 150px;
        margin: 23px auto -30px
    }

    .chart-legend li {
        width: 215px
    }
}

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

    #zabudnute-heslo .errorAlert,
    #zabudnute-heslo .regSuccess {
        width: 85%
    }

    .clanokLeft {
        float: initial;
        width: 100%
    }

    #clanok {
        width: 95%;
        margin: 25px auto auto
    }

    .clanokRight {
        float: initial;
        width: 100%
    }

    .newestText {
        position: absolute;
        bottom: 26px;
        color: #fff;
        left: 111px;
        font-size: 19px;
        text-decoration: none;
        text-shadow: #000 1px 1px 1px;
        padding-right: 20px
    }

    .newArticle {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .newArticle:hover .newestText {
        color: #fff;
        text-decoration: underline
    }

    #clanokBottom .clanokButs #print {
        display: none
    }
}

@media screen and (max-width:700px) {
    .shifts-container .col-4 {
        width: 100%;
        display: block;
        text-align: center
    }

    #regBtn {
        display: none
    }

    #loginBut {
        margin: 0
    }

    .menuButton {
        background-color: #047;
        margin-right: 15px
    }

    .menuButton a {
        color: #fff
    }

    #priebehMain ul {
        margin-left: 35px
    }
}

@media screen and (max-width:600px) {
    .newArticle {
        float: inherit;
        width: 100%;
        padding: 0
    }
}

@media screen and (max-width:590px) {
    #clanokHead {
        float: initial;
        max-width: initial
    }

    .clanokButs {
        margin-top: -43px;
        margin-bottom: 0
    }

    #forgotBlock .poznamka,
    #forgotBlock input[type=email],
    #forgotBlock input[type=password] {
        width: 97%
    }
}

@media screen and (max-width:580px) {
    #profSaveAll {
        margin-top: 0;
        margin-bottom: 25px
    }

    #hladam .message,
    #schopnosti .message {
        float: initial;
        overflow: hidden;
        margin-bottom: 20px
    }

    #hladam .message .success,
    #schopnosti .message .success {
        float: right
    }

    #editProfileHladam {
        float: left;
        margin-bottom: 25px
    }

    #photoSec #imgLoader {
        left: 50%;
        transform: translateX(-50%);
    }

    #loggedInfo {
        margin-right: 23px
    }

    #loggedInfo>.menuItem {
        display: inline-block
    }

    #loggedInfo #name {
        display: none !important
    }

    #thirdFooter .social-icons {
        float: none;
        text-align: center;
        margin-top: 30px
    }

    #thirdFooter .container>a {
        text-align: center;
        display: block
    }

    #profil {
        width: 100%;
        padding: 48px 0;
    }

    #profLastButsIn {
        width: 280px;
        margin-bottom: 50px
    }

    #changePass,
    #deleteProfile {
        width: 130px
    }

    .profileSave {
        float: initial;
        margin: 30px auto auto
    }
}

@media screen and (max-width:570px) {
    .headHeadline {
        font-size: 33px
    }

    #vzdelanie .message,
    #zamestnanie .message,
    #zivotopis .message {
        float: initial;
        overflow: hidden;
        margin-left: 0
    }

    #vzdelanie .message .success,
    #zamestnanie .message .success,
    #zivotopis .message .success {
        float: right
    }

    #editProfileVzdelanie,
    #editProfileZamestnanie {
        float: left
    }

    #hladam .message .warning,
    #schopnosti .message .warning {
        position: initial;
        margin-top: 25px
    }


}

@media screen and (max-width:500px) {
    .detail-job-opened .right-side .banner-image {
        width: 200px;
        margin: auto;
        float: none !important
    }

    .detail-job-opened .right-side .buttons {
        float: none !important;
        margin: 40px auto auto
    }

    .mobile-menu-addons .langButton {
        height: 50px
    }

    .mobile-menu-addons .langButton span:not(.icon) {
        display: none
    }

    .mobile-menu-addons .dropdown-opener {
        padding-left: 25px
    }

    #loginBut {
        padding: 0 10px
    }

    .menuButton a {
        font-size: 12px
    }

    #loggedInfo {
        margin-right: 10px
    }
}

@media screen and (max-width:490px) {
    .home-citat .container {
        display: block
    }

    .home-citat img,
    .home-citat p {
        margin: 0;
        display: block
    }

    .home-citat img {
        margin: auto auto 10px
    }

    #topProfil .message .success,
    #topProfil .message .warning,
    .profileSpecialMessage {
        margin-left: 0
    }

    #regSocLeft,
    #regSocRight {
        width: 230px !important
    }

    #mainInfos {
        padding-left: 0
    }

    .profileSocInputs input {
        width: 160px
    }

    #mainInfos #emailSpan {
        padding-right: 0
    }

    .profileInput#born {
        width: 96px
    }

    #form-upload .message {
        margin-bottom: 73px
    }
}

@media screen and (max-width:430px) {
    #secondFooter a {
        margin-right: 25px;
        text-align: center;
        margin-bottom: 30px
    }

    .clanokButs {
        float: inherit;
        margin-top: 20px;
        margin-right: 12px
    }

    #loggedInfo {
        margin-right: 15px !important
    }

    #loggedInfo .profil-avatar-head {
        width: 30px;
        height: 30px;
        margin-top: 13px;
        margin-right: 15px
    }

    #loggedInfo #logout a {
        font-size: 11px
    }

    #headerMenu #headerLogo {
        margin-left: 15px;
        background-size: 100px 23px;
        width: 100px
    }

    .second-header #headerMenu>a {
        width: auto !important
    }

    #pribehBottomIn .threecols {
        float: initial;
        width: 190px;
        margin: auto auto 15px
    }
}

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

    .type-jobs .column a,
    .type-jobs .column a .colHead {
        height: 200px !important
    }

    #priebehMain ul {
        margin-left: 25px
    }

    #mainInfos #editProfileBut {
        float: left
    }

    #topProfil .message .success {
        margin-top: -110px;
        position: relative;
        left: 115px
    }
}

@media screen and (max-width:340px) {
    .switcher.break .label-value {
        display: block !important;
        top: 0 !important;
        bottom: 0 !important
    }

    .switcher.break .switch {
        display: inline-block !important;
        margin: 10px 0 !important
    }
}

@media screen and (max-width:385px) {
    .type-jobs .desc {
        font-size: 16px
    }

    .threeColumns.type-jobs {
        padding: 0 10px
    }

    .type-jobs .column a,
    .type-jobs .column a .colHead {
        height: 170px !important
    }

    .arrows-job {
        margin: 0 !important;
        text-align: center
    }

    .arrows-job>a {
        float: none !important;
        display: inline-block;
        margin: 15px 15px !important
    }
}

@media screen and (max-width:355px) {
    .fast-finder-work .form-find .form-group #work-time {
        text-align: center;
        margin: auto;
        left: 0;
        right: 0
    }

    .mobile-menu-addons .langButton {
        margin-left: 0
    }

    .mobile-menu-addons .phoneButton {
        display: none
    }
}

@media screen and (max-width:350px) {
    #calculFrame .switch-wrap .labels .label-value {
        font-size: 12px !important
    }

    #calc7 #druhSwitch {
        margin-left: 27px !important
    }

    #profLastButsIn {
        width: 240px
    }

    #changePass,
    #deleteProfile {
        width: 113px
    }

    .sliderText {
        width: 250px
    }

    #topProfil .message .success {
        left: 100px
    }
}

@media screen and (max-width:415px) {
    .type-jobs .column a>img {
        left: -20%;
        position: relative;
        width: auto !important
    }

    .message .success,
    .message .warning {
        float: right;
        padding: 9px 18px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden
    }

    .type-jobs .column a,
    .type-jobs .column a .colHead {
        height: 230px
    }

    .message .warning {
        color: #a94442;
        background-color: #f2dede;
        border-color: #caa1a7
    }

    .message .success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #9aad93
    }

    .top-label {
        padding: 0
    }

    main.grey {
        padding-top: 33px
    }

    .filter-results .container {
        padding: 0
    }

    .infou-about-results .tags {
        margin-bottom: 0
    }

    .infou-about-results .tags>a {
        margin-bottom: 10px
    }

    .infou-about-results .sort-results {
        padding: 0 20px 10px;
        position: static
    }

    .infou-about-results .sort-results a {
        float: left;
        margin-left: 0;
        margin-right: 0;
        width: 49%;
        text-align: center
    }

    .infou-about-results .sort-results a:last-child {
        float: right
    }

    .infou-about-results .sort-results:after,
    .infou-about-results .sort-results:before {
        content: '';
        clear: both;
        display: block
    }

    .result article {
        display: none
    }

    #homeRightBanner,
    .result .right-side #telephone {
        display: none !important
    }

    .result .left-side {
        width: 100%;
        float: none !important
    }

    .result .right-side {
        margin-top: 30px;
        width: 100% !important;
        float: none !important
    }

    .result .right-side .btn {
        width: 50% !important;
        margin-right: 0 !important
    }

    #edit_look {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .result .right-side .btn.blue {
        float: right !important
    }

    #map {
        display: none
    }

    .fast-finder-work {
        bottom: 0;
        width: 100%;
        position: relative;
        padding: 25px 0
    }

    .fast-finder-work .form-find {
        background: 0;
        padding: 0 !important
    }

    .fast-finder-work .left,
    .fast-finder-work .right {
        padding: 0;
        width: auto;
        float: none;
        margin-bottom: 15px !important
    }

    .fast-finder-work .form-group:first-child {
        margin-bottom: 15px !important
    }

    .fast-finder-work .slider-submit {
        margin-top: 25px
    }

    .fast-finder-work .slider-submit .form-group:not(.submit-group) {
        width: 100% !important;
        margin-bottom: 0 !important
    }

    .fast-finder-work .slider-submit .submit-group {
        width: 100% !important;
        float: none !important
    }

    .fast-finder-work .slider-submit input.btn {
        background-clip: content-box !important;
        padding: 0 25px !important;
        width: 100% !important;
        cursor: pointer
    }

    #homeRightBanner {
        top: 0 !important;
        z-index: 104;
        left: 0;
        max-width: 350px;
        margin: auto;
        right: 0
    }

    #homeRightBanner input {
        width: 100% !important
    }

    #homeRightBanner #bannerBookmark {
        padding-left: 10px;
        float: none;
        position: static;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }

    #homeRightBanner #bannerBookmark .icon {
        position: absolute;
        left: 32px;
        transform: rotate(0)
    }

    #homeRightBanner .close-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 30px;
        font-size: 19px;
        color: #20acea
    }

    #homeLeftBanner,
    .select-dropdown .label {
        position: relative
    }

    #homeLeftBanner {
        top: 30px !important;
        width: 100% !important;
        padding: 20px 25px
    }

    #showMoreBut {
        width: 80%;
        max-width: 333px
    }

    .threeColumns.blog,
    .type-jobs {
        max-width: 480px
    }

    .type-jobs {
        padding: 0 25px
    }

    .type-jobs .column {
        width: 100%;
        margin-left: 0
    }

    .type-jobs .column ul {
        display: none
    }

    .threeColumns.blog .blogColumn {
        margin-bottom: 30px;
        width: 100%
    }

    .threeColumns.blog .blogColumn figure {
        height: 220px
    }

    .threeColumns.blog .blogColumn img {
        width: 100%
    }

    .partneri .partner {
        display: none !important
    }

    .partneri .partner:nth-child(-n+2) {
        float: none;
        display: block !important;
        width: 100%;
        max-width: 380px;
        margin: auto
    }

    .container {
        width: 100% !important
    }

    .blog .column.blogColumn {
        margin-left: 0;
        margin-right: 0;
        padding: 0 25px
    }

    .top-label.blue h2 small {
        font-size: 15px
    }

    .top-label.blue.blue {
        padding: 0 5px
    }

    .select-dropdown .label .value-side {
        float: none;
        width: auto;
        overflow: hidden;
        font-size: 14px;
        white-space: nowrap;
        margin-right: 50px;
        display: block
    }

    .select-dropdown .label .arrow-side {
        position: absolute;
        top: 0;
        right: 0
    }

    .set-wage .results-of-calculating .price {
        font-size: 18px !important
    }

    .set-wage .container {
        padding: 0 20px
    }

    .set-wage .inputs-values-wage .select {
        width: 80%
    }

    .set-wage .set-type-wage .form-group {
        padding: 0 5px;
        width: 50% !important
    }

    .set-wage .set-type-wage .form-group label {
        font-size: 16px;
        padding: 11px 0
    }

    .set-wage .set-type-wage .row {
        margin: 0 -5px
    }

    .set-wage .form-group,
    .set-wage .left,
    .set-wage .right {
        width: 100% !important
    }

    #chart {
        padding: 0 30px
    }
}

@media screen and (max-width:730px) {
    #forgotBlock {
        width: 85%
    }

    .clanokLeft {
        float: initial;
        width: 100%
    }

    #clanok {
        width: 95%;
        margin: 25px auto auto
    }

    .clanokRight {
        float: initial;
        width: 100%
    }

    .newestText {
        position: absolute;
        bottom: 26px;
        color: #fff;
        left: 111px;
        font-size: 19px;
        text-decoration: none;
        text-shadow: #000 1px 1px 1px;
        padding-right: 20px
    }

    .newArticle {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px
    }

    .newArticle:hover .newestText {
        color: #fff;
        text-decoration: underline
    }

    #clanokBottom .clanokButs #print {
        display: none
    }
}

#mzdovaLink:hover,
article a:hover {
    text-decoration: underline
}

@media screen and (max-width:700px) {
    #regBtn {
        display: none
    }

    #loginBut {
        margin: 0
    }

    .menuButton {
        background-color: #047;
        margin-right: 15px
    }

    .menuButton a {
        color: #fff
    }

    #priebehMain ul {
        margin-left: 35px
    }
}

.opened-box-detail-results .switch{
  background-color: #57aee9;
}

@media screen and (max-width:650px) {
    .set-wage .results-of-calculating .costs-content .left-side {
        width: 50%;
        text-align: center;
    }

    .set-wage .results-of-calculating .costs-content .left-side span {
        text-align: left;
        font-size: 18px
    }

    .set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span {
        text-align: left;
        font-size: 18px;
        display: inline-block
    }

    .set-wage .results-of-calculating .costs-content .left-side .open-detail-of-results span.angel-down:before {
        width: 7px;
        height: 7px
    }

    .set-wage .results-of-calculating .costs-content .right-side {
        float: left;
        margin-left: 50px;
        margin-top: 0;
        width: auto;
    }
}

@media screen and (max-width:649px) {
    .regBlock {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        background: #fff;
        background-clip: content-box
    }

    #regSocLeft,
    #regSocRight {
        width: 50%;
        display: inline-block;
        float: none;
        text-align: left
    }
}
@media screen and (max-height:767px) {
    .agreeBlock, .registrationBlock {
        width: 421px;
        margin: auto auto;
        height: auto !important;
        background-color: #fff;
        padding: 3.62vh 30px 6.40vh 30px;
        overflow: hidden;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 35%);
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 35%);
    }
    #registration {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 3vh 0;
        text-align: center;
        height: auto !important;
    }
}
@media screen and (min-height: 900px){
    .registrationBlock .form-group {
        position: relative;
        padding-bottom: 2vh;
        width: 100%;
    }
}
@media screen and (max-height: 900px){
    .registrationBlock .form-group {
        position: relative;
        padding-bottom: 1.66vh;
        width: 100%;
    }
}
@media screen and (min-height:768px) and (max-height:840px) {
    .registrationBlock h2 {
        font-size: 19px;
        padding-bottom: 2.13vh;
        color: #2F3764 !important;
        font-weight: 300;
    }
    .reg-block-span-top {
        font-size: 15px;
        color: #686868;
    }
    .step-2-social-icons {
        display: flex;
        justify-content: space-evenly;
        padding-top: 2.2vh !important;
    }
    .n-s {
        display: flex;
        padding-top: 1.26vh;
    }
    .registrationBlock .form-group {
        position: relative;
        padding-bottom: 1.66vh;
        width: 100%;
    }
    .pass-reg {
        padding-bottom: 1.38vh !important;
    }
    .podmienky {
        color: #666666;
        text-align: left;
        font-size: 15px;
    }
    .podmienky-checkbox {
        padding-top: 0.74vh;
        text-align: left;
    }
    .podmienky_2 {
        color: #8E8E8E;
        text-align: left;
        font-size: 15px;
        padding-bottom: 2.37vh;
    }
}

@media screen and (min-width:550px) {
#hero-mobile {
    display: none;
}
.n-s {
    display: flex;
    padding-top: 3.26vh;
}
.surname {
    float: right !important;
}
.heading-login {
    display: none;
    font-size: 1.146vw;
    color: #2F3764;
    font-weight: 500;
}
#zabudnute-heslo-mobile {
    display: none;
}
.zmena-hesla-mobile {
    display: none;
}
}
@media screen and (max-width:349px) {
    .profile-heading-icon {
        width: 22px !important;
        height: 25px !important;
        color: white !important;
        position: absolute !important;
        right: 111px !important;
        top: 31px !important;
    }
}
@media screen and (max-width:550px) {
    .city-card-nonactive {
        padding: 12px !important;
        background-color: #A6A6A6;
        color: white;
        margin-right: 10px !important;
        margin-bottom: 8px !important;
        width: auto;
        height: 29px !important;
        border-radius: 12px !important;
        line-height: 16px !important;
        font-size: 12px !important;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
        -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.11);
        transition: ease-in 0.2s;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    #here {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }
    .save-textarea {
        all: unset;
        background-color: #00ADE9;
        padding: .4rem 1rem;
        text-align: center;
        color: white;
        cursor: pointer;
        border-radius: 9px;
        margin-right: 1%;
    }
    .close-textarea {
        all: unset;
        background-color: white;
        padding: .4rem 1rem;
        text-align: center;
        color: #A6A6A6;
        cursor: pointer;
        border-radius: 9px;
        border: solid 1px #A6A6A6;
        margin-left: 1%;
    }
    .add-city-input {
        width: 100% !important;
        height: 35px !important;
        outline: #A6A6A6 !important;
        border: 1px solid #A6A6A6 !important;
        border-radius: 8px !important;
        padding: 12px !important;
        margin-bottom: 20px !important;
        font-size: 12px !important;
    }
    .edit-location-icon {
        position: absolute !important;
        right: 0px !important;
        height: 35px !important;
    }
    .city-card {
        padding: 0.625vw !important;
        background-color: #A6A6A6 !important;
        color: white !important;
        margin-right: 10px !important;
        margin-bottom: 8px !important;
        width: auto !important;
        height: 35px !important;
        border-radius: 12px !important;
        padding: 10px !important;
        line-height: 19px !important;
        font-size: 14px !important;
        box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.11) !important;
        transition: ease-in 0.2s !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .link-icon-li {
    width: 4.364vw !important;
    height: 4.364vw !important;
    position: relative !important; 
    top: unset !important;
    left: unset !important;
    }   
    
    .link-btn-li {
        background-color: #007BB6 !important;
        color: white !important;
        padding: 2.727vw !important;
        position: relative !important;
        width: 27.091vw!important;
        border-radius: 6px !important;
        height: 7.636vw !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        box-shadow: inset 0 0 0 0 #007bb6 !important;
        transition: 0.3s !important;
        transform: scale(1.2);
    }
    .link-text {
        position: relative !important;
        right: unset !important;
        top: 0.273vw !important;
        font-size: 2.909vw !important;
        line-height: 3.818vw !important;
        margin-left: 3.818vw !important;
    }
    .link-icon-fb {
        width: 2.182vw !important;
        height: 4.364vw !important;
        position: relative !important;
        top: unset !important;
        left: unset !important;
    }
    .link-btn-fb {
        background-color: #4267B2 !important;
        color: white !important;
        padding: 2.727vw !important;
        position: relative !important;
        width: 27.091vw !important;
        border-radius: 6px !important;
        height: 7.636vw !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        box-shadow: inset 0 0 0 0 #4267b2 !important;
        transition: 0.3s !important;
        transform: scale(1.2);
    }
    .zamestnania > form > span {
        display: none !important;
    }
    .skill-card-left {
        background-color: #D1D1D1 !important;
        border-radius: 12px 0 0 12px !important;
        width: 7px !important;
        height: 25px !important;
        box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -webkit-box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.11) !important;
    }
    .schopnosti-show-more > span {
        font-size: 14px !important;
        line-height: 19px !important;
        color: #00ADE9 !important;
        text-transform: uppercase !important;
        text-transform: underline !important;
        cursor: pointer !important;
        padding-left: 8px !important;
    }
    #homeHeader.list-riaditelovi {
        height: 460px !important
    }
    .login-overflow {
        position: absolute !important;
        height: 100vh !important;
        width: 100vw !important;
        overflow: scroll !important;
        left: 0 !important;
        position: fixed !important;
    }
    .agreeBlock, .registrationBlock {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        background-color: #fff !important;
        overflow: hidden !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        height: auto;
    }
    .icheckbox_flat-green, .iradio_flat-green {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        width: 15px !important;
        height: 15px !important;
        background-size: contain !important;
        background-color: white;
        border: 1px solid #707070;
        border-radius: 4px;
        cursor: pointer;
    }
    .heading-login {
        display: block !important;
        text-align: center !important;
        font-weight: 400 !important;
        font-size: 22px !important;
        line-height: 30px !important;
        margin-bottom: 42px !important;

    }
    #loginBannerIn input[type=text],
    #loginBannerIn input[type=email],
    #loginBannerIn input[type=password] {
        border: 1px solid #707070;
        border-radius: 6px;
        padding: .8rem;
        font-size: 1rem;
        width: 100%;
        margin-bottom: .8rem;
    }
    .remember > label {
        font-size: .8rem;
    }
    #loginBannerIn #loginSubmit a {
        display: inline-block;
        width: 100%;
        font-size: .8rem;
        margin: 0;
    }
    #bLogin {
        height: auto;
        line-height: 2rem;
        font-size: 1.2rem;
    }
    .separator-login{
        font-size: 1rem !important;
        height: 3rem !important;
    }
    .fb-log-btn {
        height: 2rem !important;
        margin-bottom: .8rem !important;
    }
    .fb-log-btn .fb-back {
        background-position: 10px;
        background-size: .8rem;
    }
    .fb-log-btn .span-log {
        font-size: 1.2rem !important;
    }
    .li-log-btn {
        height: 2rem !important;
        margin-bottom: .8rem !important;
    }
    .li-log-btn .li-back {
        background-position: 10px;
        background-size: 1.2rem;
    }
    .li-log-btn .span-log {
        font-size: 1.2rem !important;
    }
    #toggler_l {
        right: 7px !important;
        top: 14px !important;
        width: 1.5rem !important;
        height: auto !important;
    }
    #zabudnute-heslo-mobile {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        height: 194px !important;
        display: block;
    }
    #loginBannerIn #loginSubmit a {
        color: #00ade9 !important;
    }
    #forgotBlock {
        width: 100% !important;
        background-color: #fff !important;
        padding: 34px 40px 60px 40px !important;
        vertical-align: middle !important;
        height: auto !important;
        border-radius: 6px !important;
        box-shadow: 1px 1px 9px 0px rgb(0 0 0 / 35%);
        -webkit-box-shadow: 1px 1px 9px 0px rgb(0 0 0 / 35%);
        -moz-box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.35);
    }
    #zabudnute-heslo h1 {
        font-size: 22px !important;
        margin-bottom: 17px !important;
        color: #2F3764 !important;
        font-weight: 400 !important;
        line-height: 30px !important;
        text-transform: uppercase !important;
    }
    #zabudnute-heslo h2 {
        font-size: 16px !important;
        font-weight: lighter !important;
        color: #666666 !important;
        line-height: 21px !important;
        padding: 0 !important;
    }
    #zabudnute-heslo input[type=submit] {
        width: 100% !important;
    }
    #zabudnute-heslo{ 
        display: block !important;
        background-image: none !important;
        height: auto !important;
        text-align: center !important;
    }
    #registration {
        background: none !important;
        text-align: center !important;
        padding: 0 !important;
        height: auto;
    }
    .registrationBlock h2 {
        font-size: 20px !important;
    }
    .reg-block-span-top {
        font-size: 16px !important;
    }
    .link-btn {
        width: 138px !important;
    }
    #hero-mobile {
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 3% 0 !important;
        text-align: center !important;
        height: 194px !important;
        display: block !important;
    }
    .new-input-mesto {
        width: 100% !important;
    }
    .registrationBlock input::-webkit-input-placeholder {
        color: #666666 !important;
        opacity: 1 !important;
        content: "Rok" !important;
    }
    .registrationBlock input::-moz-placeholder {
        color: #666666 !important;
        opacity: 1 !important;
        content: "Rok" !important;
    }
    .registrationBlock input:-ms-input-placeholder {
        color: #666666 !important;
        opacity: 1 !important;
        content: "Rok" !important;
    }
    .registrationBlock input::-ms-input-placeholder {
        color: #666666 !important;
        opacity: 1 !important;
        content: "Rok" !important;
    }
    .registrationBlock input::placeholder {
        color: #666666 !important;
        opacity: 1 !important;
        content: "Rok" !important;
    }
    .n-s {
        display: block !important;
        margin-top: 10% !important;
    }
    .surname > input {
        width: 100% !important;
    }
    .new-input-right {
        float: left !important;
    }
    .new-input-small {
        width: 89% !important;
        float: none;
        margin-left: 0 !important;
    }
    .rok-input > .new-input-small {
        margin-left: 25px !important;
    }
    
    #mainInfos {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        position: relative !important;
        border-right: none !important;
        height: unset !important;
    }
    .location-pads {
        text-align: center !important;
        padding-top: 17px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    .location-pads > small {
        color: #B8BACA !important;
        margin: auto !important;
        font-style: italic !important;
        font-size: 14px !important;
        line-height: 19px !important;
    }
    #mainInfos2 {
        float: none !important;
        width: 100% !important;
        padding-left: 0 !important;
        position: relative !important;
        height: unset !important;
    }
    .sekcia {
        padding: 20px 18px !important;
        min-height: 226px !important;
        border-radius: 5px !important;
        box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%) !important;
        -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%) !important;
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1) !important;
        border-top: 10px solid #B2B5C7 !important;
        margin-bottom: 48px !important;
    }
    .d-flex {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .file-card {
        background-color: #F6F6F6 !important;
        padding: 15px !important;
        margin: 0 !important;
        margin-left: 13px !important;
        margin-right: 13px !important;
        margin-bottom: 25px !important;
        width: 140px !important;
        min-height: 140px !important;
        max-height: 170px !important;
        border-radius: 20px !important;
        color: #7A7A7A !important;
        box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -webkit-box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -moz-box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.16) !important;
    }
    .schopnosti-list {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        overflow: hidden !important;
    }
    .zamestnania {
        padding: 0 !important;
        padding-top: 25px !important;
    }
    .textarea-profil {
        width: 100% !important;
        border-radius: 14px 14px 0px 14px !important;
        border: 1px solid #B8BACA !important;
        background-color: #FCFDFF !important;
        padding: 10px !important;
        min-height: 244px !important;
        resize: vertical !important;
        margin-bottom: 22px !important;
        margin-top: 0 !important;
    }
    .skill-card {
        background-color: #F7F7F7 !important;
        padding: 3px 18px 7px 10px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: auto !important;
        margin-right: -8% !important;
        height: 25px !important;
        font-size: 11px !important;
        line-height: 15px !important;
        border-radius: 0 12px 12px 0 !important;
        box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -webkit-box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%) !important;
        -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.11) !important;
    }
    
    .skill-cover {
        border-radius: 12px 0 0 12px !important;
        width: auto !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
        display: flex !important;
        height: 25px !important;
    }
    .heading-top-hero {
        font-size: 25px !important;
        width: 303px !important;
    }
    .heading-sekcia > h3 {
        font-size: 22px !important;
        color: #2F3764 !important;
        font-weight: 200 !important;
        padding-top: 2vw !important;
    }
    .text-left {
        text-align: left!important;
        font-size: 14px!important;
        line-height: 19px!important;
    }
    .file-date {
        text-align: right !important;
        position: absolute !important;
        right: 0 !important;
        top: 40px !important;
        font-size: 11px !important;
    }
    .btn-edit-sekcia-i {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 18px !important;
        height: 18px !important;
    }
    .btn-edit-sekcia {
        border-radius: 50% !important;
        all: unset !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        width: 36px !important;
        height: 36px !important;
        float: right !important;
        position: relative !important;
        margin-top: 2% !important;
    }
    #profSaveAll {
        width: 80% !important;
        background-color: #20acea !important;
        border-radius: 9px !important;
        padding: 20px 20px 20px !important;
        color: #fff !important;
        margin: auto !important;
        font-size: 18px !important;
        text-align: center !important;
        box-shadow: inset 0 0 0 0 #20acea !important;
        transition: linear 0.2s !important;
    }
    .name-user > h2 {
        text-align: center !important;
        color: #2F3764 !important;
        margin-bottom: 27px !important;
        font-weight: bold !important;
        line-height: 44px !important;
        font-size: 33px !important;
        padding: 0 !important;
    }
    .m-bottom-heading {
        margin-top: 20px !important;
        height: 20px !important;
        border-bottom: 1px solid #F5F5F5 !important;
        margin-bottom: 10px !important;
        padding-bottom: 27px !important; 
    }
    .edit-profile-info {
        border-radius: 50% !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        margin-top: -29px !important;
        height: 35px !important;
        width: 35px !important;
    }
    .zmena-hesla {
        display: none !important;
    }
    .action-button {
        font-size: 20px !important;
        margin: 0 !important;
        margin-top: 5px !important;
        width: 93px !important;
        height: 43px !important;
        margin: auto auto !important;
    }
    .action-button > svg { 
        width: 9px !important;
        height: 9px !important;
        margin-bottom: 4px !important;
    }
    .float-left2 {
        margin: 0 !important;
        font-size: 13px !important;
        line-height: 17px !important;
        color: #686868 !important;
        opacity: 0.73 !important;
    }
    #profil-hero {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    #topProfil {
        position: relative !important;
        padding-top: 20px !important;
        overflow: visible !important;
    }
    #photoSec {
        position: absolute !important;
        top: -115px !important;
    }
    #photoSec #imgLoader, #photoSec .imagep {
        width: 150px !important;
        height: 150px !important;
        border-radius: 360px !important;
        box-shadow: none !important;
        border: 5px solid white !important;
    }
    .profile-img-change {
        position: absolute !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        padding: 7px !important;
        border-radius: 50% !important;
        right: 4px !important;
        top: 4px !important;
        height: 40px !important;
        box-shadow: none !important;
        width: 40px !important;
    }
    .profile-img-delete {
        position: absolute !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        padding: 7px !important;
        border-radius: 50% !important;
        right: 4px !important;
        top: 4px !important;
        height: 40px !important;
        box-shadow: none !important;
        width: 40px !important;
    }
    #hero {
        background: linear-gradient(0deg, rgba(34, 34, 34, 0.3), rgba(38, 38, 38, 0.3)), url(../img/pozadie-profil.jpg);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center bottom !important;
        padding: 55px 0 !important;
        text-align: center;
        height: 217px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: end !important;
    }
    .menuButton #loginBanner {
        top: 26vh !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 530px !important;
        height: 100vh !important;
    }
    #loginBannerIn {
        padding: 44px 32px 60px 32px !important;
        border-top-style: none !important;
        margin-top: -19px !important;
    }
    .profile-heading-icon {
        width: 22px !important;
        height: 29px !important;
        color: white !important;
        position: absolute !important;
        right: 138px !important;
        top: 29px !important;
    } 
    .profile-heading {
        font-size: 25px !important;
        display: inline-block !important;
        padding-bottom: 10px !important;
        position: relative !important;
        color: white !important;
        text-shadow: 0px 3px 6px rgb(0 0 0 / 50%) !important;
        line-height: 33px !important;
    }
    .profile-img-icon {
        width: 150px !important;
        height: 150px !important;
        width: 20px !important;
        height: 20px !important;
        background: transparent;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    .profile-img-outer {
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 99 !important;
        align-items: center !important;
        background-color: currentColor !important;
        color: white !important;
        border-radius: 50% !important;
        right: 5px !important;
        bottom: 10px !important;
        top: unset !important;
        height: 48px!important;
        width: 48px !important;
    }
    .profile-img-outer-delete {
        position: absolute !important;
        display: flex !important;
        justify-content: center !important;
        cursor: pointer !important;
        z-index: 99 !important;
        align-items: center !important;
        background-color: currentColor !important;
        color: white !important;
        border-radius: 50% !important;
        left: 5px !important;
        bottom: 10px !important;
        top: unset !important;
        height: 48px!important;
        width: 48px !important;
    }
    .float-left {
        line-height: 17px !important;
        font-size: 13px !important;
        color: #686868 !important;
        opacity: 0.73 !important;
    }
    .btn-edit-sekcia-top {
        border-radius: 50% !important;
        all: unset !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        color: white !important;
        width: 35px !important;
        height: 35px !important;
        float: right !important;
        position: relative !important;
        margin-top: -12px !important;
    }
    .btn-edit-sekcia-i {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: 17px !important;
        height: 17px !important;
    }
    .edit-profile-info > img {
        position: absolute !important;
        top: 9px !important;
        width: 17px !important;
        right: 9px !important;
        height: 17px !important;
        left: unset !important;
    }
    .contact-item-left {
        font-size: 12px !important;
        line-height: 16px !important;
        opacity: 0.3 !important;
        color: #000000 !important;
        margin-bottom: 1px !important;
    }
    .contact-item-left:after {
        content: ":" !important;
    }
    .contact-item {
        display: block !important;
        color: grey !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 20px !important;
        line-height: 27px !important;
    }
    .contact-item-right {
        font-weight: 300 !important;
        font-size: 14px !important;
        line-height: 19px !important;
        color: #666666 !important;
        margin-bottom: 1px !important;
    }
    #profil-hero {
        background-image: url(../img/profil-icon.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .zmena-hesla-mobile {
        display: block !important;
    }
    .change-pass-link {
        text-decoration: none !important;
        color: #00ADE9 !important;
        border-bottom: 1px solid !important;
        padding-right: 6px !important;
        float: left !important;
        font-size: 14px !important;
        line-height: 19px !important;
        margin-top: 15px !important;
    }
    .subory-cards {
        padding: 0 !important;
        padding-top: 30px !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .info {
        display: flex !important;
        justify-content: space-between !important;
        position: relative !important;
        padding-top: 20px !important;
        padding-bottom: 15px !important;
    }
    .heading-sekcia-btn-span {
        display: none !important;
    }
    .heading-sekcia {
        display: flex !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #2f376438 !important;
        padding-bottom: 0px !important;
    }
    .heading-sekcia-button {
        all: unset !important;
        margin-top: 9px !important;
        cursor: pointer !important;
        background-color: #00ADE9 !important;
        font-size: 17px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative !important;
        line-height: 22px !important;
        width: 34px !important;
        height: 34px !important;
        color: white !important;
        border-radius: 50% !important;
        box-shadow: inset 0 0 0 0 #00ade9 !important;
        transition: linear 0.1s !important;    
    }
    .heading-sekcia-icon {
        margin-right: 7.4px !important;
        position: absolute !important;
        left: 6.3px !important;
        top: 8px !important;
    }
}
@media screen and (max-width: 375px) {
    .file-card {
        background-color: #F6F6F6 !important;
        padding: 15px !important;
        margin: 0 !important;
        margin-left: 13px !important;
        margin-right: 13px !important;
        margin-bottom: 25px !important;
        width: auto !important;
        min-height: 140px !important;
        max-height: 170px !important;
        border-radius: 20px !important;
        color: #7A7A7A !important;
        box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -webkit-box-shadow: 3px 1px 10px -2px rgb(0 0 0 / 26%) !important;
        -moz-box-shadow: 3px 1px 10px -2px rgba(0,0,0,0.16) !important;
    }
}
@media screen and (max-width:600px) {
    .newArticle {
        float: inherit;
        width: 100%;
        padding: 0
    }

    #modalButs #cancleModal,
    #modalButs #deleteProf {
        float: initial;
        margin: auto auto 15px
    }
}

@media screen and (max-width:590px) {
    #clanokHead {
        float: initial;
        max-width: initial
    }

    .clanokButs {
        margin-top: -43px;
        margin-bottom: 0
    }
}

@media screen and (max-width:580px) {
    #profSaveAll {
        margin-top: 0;
        margin-bottom: 25px
    }

    #loggedInfo {
        margin-right: 23px
    }

    #loggedInfo>.menuItem {
        display: inline-block
    }

    #loggedInfo #name {
        display: none !important
    }

    #thirdFooter .social-icons {
        float: none;
        text-align: center;
        margin-top: 30px
    }

    #thirdFooter .container>a {
        text-align: center;
        display: block
    }

    #profil {
        width: 100%;
        padding: 48px 0;
    }

    #profLastButsIn {
        width: 280px;
        margin-bottom: 50px
    }

    #changePass,
    #deleteProfile {
        width: 130px
    }

    .profileSave {
        float: initial;
        margin: 30px auto auto
    }
}

@media screen and (max-width:570px) {
    .sliderText {
        width: 285px;
        left: 30px;
        top: 45px
    }

    .sliderText h2 {
        font-size: 29px
    }

    .sliderText h3 {
        font-size: 18px;
        margin-top: 5px
    }

    .sliderText p {
        font-size: 17px;
        line-height: 25px
    }
}

@media screen and (max-width:520px) {
    .registrationBlock {
        padding: 30px 25px
    }
    #agree {
        padding-left: 40px
    }
}

@media screen and (max-width:500px) {
    .detail-job-opened .right-side .banner-image {
        margin: auto;
        float: none !important
    }

    .detail-job-opened .right-side .banner-image figure {
        height: 100%
    }

    .detail-job-opened .right-side .banner-image figure img {
        display: block;
        margin: auto;
        width: 100%
    }

    .detail-job-opened .right-side .buttons {
        float: none !important;
        margin: 40px auto auto
    }

    .mobile-menu-addons .langButton {
        height: 50px
    }

    .mobile-menu-addons .langButton span:not(.icon) {
        display: none
    }

    .mobile-menu-addons .dropdown-opener {
        padding-left: 25px
    }

    #loginBut {
        padding: 0 10px
    }

    .menuButton a {
        font-size: 12px
    }

    #loggedInfo {
        margin-right: 10px
    }
}

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

    #regSocLeft,
    #regSocRight {
        width: 230px !important
    }

    #ctaphone {
        font-size: 17px;
        line-height: 22px
    }
}

@media screen and (max-width:430px) {
    #secondFooter a {
        margin-right: 25px;
        text-align: center;
        margin-bottom: 30px
    }

    .clanokButs {
        float: inherit;
        margin-top: 20px;
        margin-right: 12px
    }

    #loggedInfo {
        margin-right: 15px !important
    }

    #loggedInfo .profil-avatar-head {
        width: 30px;
        margin-top: 13px;
        margin-right: 15px
    }

    #loggedInfo #logout a {
        font-size: 11px
    }

    #headerMenu #headerLogo {
        margin-left: 15px;
        background-size: 100px 23px;
        width: 100px
    }

    .second-header #headerMenu>a {
        width: auto !important
    }

    #pribehBottomIn .threecols {
        float: initial;
        width: 190px;
        margin: auto auto 15px
    }
}

@media screen and (max-width:420px) {
    #priebehMain ul {
        margin-left: 25px
    }
}

@media screen and (max-width:375px) {
    .arrows-job {
        margin: 0 !important;
        text-align: center
    }

    .arrows-job>a {
        float: none !important;
        display: inline-block;
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    canvas#myChart {
        width: 250px;
        height: 250px
    }
}

@media screen and (max-width:355px) {
    .mobile-menu-addons .langButton {
        margin-left: 0
    }

    .mobile-menu-addons .phoneButton {
        display: none
    }
}

@media screen and (max-width:350px) {
    #profLastButsIn {
        width: 240px
    }

    #changePass,
    #deleteProfile {
        width: 113px
    }

    .sliderText {
        width: 250px
    }
}

@media screen and (max-width:930px) {
    .detail-job-opened .result .right-side {
        position: relative !important;
        right: 0 !important;
        top: 30px !important
    }

    .detail-job-opened .result .right-side .buttons a {
        border: 1px solid #808285 !important;
        width: auto !important;
        float: none !important
    }

    .detail-job-opened .result .right-side .buttons a.blue {
        border: 1px solid #20acea !important;
        float: none !important
    }

    #pribehLeft,
    #pribehRight {
        float: initial;
        width: 630px;
        overflow: hidden
    }

    .detail-job-opened .result .right-side .buttons a.blue:hover {
        border-color: #047 !important
    }

    #pribehLeft {
        margin: auto auto 30px;
        padding: 0
    }

    #pribehBottomIn {
        width: 100%
    }

    #pribehBottomIn p {
        margin-bottom: 5px
    }

    #pribehRight {
        margin: auto
    }
}

@media screen and (max-width:1000px) {
    #contactMap {
        height: 300px
    }
}

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

    #pribehLeft,
    #pribehRight {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    #oddelenia .col {
        max-width: 312px;
        width: 100%
    }

    #oddelenia .arrow {
        top: 162px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #000;
        left: 140px
    }

    #contactIn .actOddelenie h3 {
        top: 52px;
        font-size: 27px
    }

    .actOddelenie {
        max-height: 162px
    }

    .actOddelenie .zaclona {
        height: 162px
    }
}

@media screen and (max-width:415px) {
    #oddelenia .col {
        width: 285px
    }

    .actOddelenie {
        max-height: 148px
    }

    .actOddelenie .zaclona {
        height: 148px
    }

    #contactIn .actOddelenie h3 {
        top: 53px;
        font-size: 24px
    }

    #oddelenia .arrow {
        top: 148px;
        left: 124px
    }
}

.message .warning {
    overflow: hidden;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-style: solid;
    border-width: 1px;
    padding: 9px 18px
}

.message .success {
    overflow: hidden;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 9px 18px;
    display: inline-block
}

#hladam .stitok span,
#schopnosti .stitok span,
.bottomProfile .forHide {
    display: none
}

.profileBlock input.inactive,
.profileBlock textarea.inactive {
    background-color: #fff;
    border: 1px solid #eaeaea
}

#hladam:after,
#hladam:before {
    clear: both;
    display: block;
    content: ""
}

.chosen-container-single .chosen-single {
    height: 100%;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding: 0;
    font-size: 16px;
    border-radius: 0;
    box-shadow: none
}

#bannerForm .chosen-container-single .chosen-single span {
    background-color: #f6f6f6
}

.chosen-container-single .chosen-single span {
    width: 100%;
    background-color: #fff;
    margin-right: 54px;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 44px;
    background-image: url(../img/profile.png);
    background-position: 10px 9px;
    background-size: 24px;
    background-repeat: no-repeat;
    color: #999
}

.chosen-container:not(.chosen-container-multi) {
    margin-top: 30px;
    width: 100% !important;
    z-index: 15
}

.chosen-container-single .chosen-search,
.chosen-container-single .chosen-single div {
    display: none
}

.chosen-container:not(.chosen-container-multi) .chosen-results {
    color: #878787;
    background-color: #fff;
    font-size: 16px;
    border-style: solid;
    border-width: 1px 2px 2px;
    border-color: #57aee9;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
}

#registration .chosen-container:not(.chosen-container-multi) .chosen-results {
    color: #878787;
    background-color: #fff;
    font-size: 16px;
    border-style: solid;
    border-width: 1px 2px 2px;
    border-color: #57aee9;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 200px !important;
}

.set-wage .inputs-values-wage .form-group .arrowBox {
    width: 55px;
    height: 42px;
    background-color: #fff;
    position: absolute;
    top: 31px;
    right: 3px;
    cursor: pointer
}

.set-wage .inputs-values-wage .form-group .arrowBox::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    height: 10px;
    position: relative;
    transform: rotate(135deg);
    vertical-align: top;
    width: 10px;
    border-color: gray;
    border-radius: 0;
    left: 3px;
    margin: auto;
    display: block
}

#calc1,
#calc10,
#calc2,
#calc3,
#calc4,
#calc6,
#calc9 {
    display: none
}

.form-group .arrowBox .whitePas {
    background-color: #fff;
    height: 100%;
    width: 5px;
    position: absolute;
    top: 0;
    cursor: pointer
}

#bannerBody .chosen-container-single .chosen-search,
#hladam .chosen-search {
    background-color: #f6f6f6;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #aaa
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none
}

#calc0 {
    z-index: 18;
    display: block
}

#calc1 {
    z-index: 17
}

#calc2 {
    z-index: 16
}

#calc3 {
    z-index: 15
}

#calc4 {
    z-index: 14
}

#calc5 {
    z-index: 13
}

#calc9 {
    z-index: 12
}

#calc10 {
    z-index: 11
}

.opened-box-detail-results p,
.right-side #cistaMzda p,
.right-side #employee-wage-per-employee p {
    display: inline
}

.mzdaOdskok {
    display: block;
    margin-bottom: 20px
}

#hladam .chosen-single {
    background: none;
    border: 2px solid #B8BACA;
    border-radius: 4px;
    font-weight: 100;
}

#hladam .chosen-single span {
    color: #7A7A7A;
    opacity: .31;
    margin-right: 0;
    background-image: none;
    padding: 3px 13px !important;
}

#hladam .chosen-search {
    display: block;
    padding-bottom: 7px
}

#hladam .forHide {
    overflow: initial;
    padding-bottom: 22px
}

#mzdovaLink {
    color: #047
}

#mzdovaLink i {
    position: absolute;
    left: 0;
    top: -3px
}

#hladam .chosen-container {
    margin-top: 12px
}

#bannerBody .chosen-container-single .chosen-single {
    height: 32px;
    border: 0
}

#bannerForm .error #kde_chosen .chosen-single {
    outline: #ea0c0c solid 1px
}

#bannerBody .chosen-container-single .chosen-single span {
    background-image: url(../img/form_pos.png);
    margin-right: 0;
    color: #999;
    background-position: 10px 5px;
    padding-top: 5px;
    padding-left: 39px;
    background-size: 20px;
    background-repeat: no-repeat
}

#bannerBody .chosen-container {
    margin-top: 0;
    margin-bottom: 8px
}

#bannerBody .chosen-container-single .chosen-search {
    display: block;
    padding-bottom: 7px;
    margin-top: 0
}

#bannerBody .chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: url(chosen-sprite.png) 100% -20px no-repeat;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

#registration .errorAlert,
#registration .regSuccess {
    margin-bottom: 13px
}

#registration .form-group small {
    display: none;
    text-align: left
}

#calc6 span,
#calc7 span,
#calc8 span,
.center-wrapper {
    text-align: center
}

#registration .error small {
    display: block;
    color: #ff496b;
    padding-top: 33px;
}

#registration .error input {
    outline: #ea0c0c solid 1px
}

#registration #lokalitaMesto_chosen,
#registration #lokalitaMesto_chosen li {
    text-align: left
}

#registration .chosen-single span {
    background-image: none;
    color: grey;
    padding-left: 0;
    margin-right: 0;
    padding: 0;
    border-bottom: #D4D4D4 1px solid;
}

#registration .chosen-container-single .chosen-search {
    display: block;
    background-color: #f6f6f6;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: #aaa;
    padding-bottom: 7px;
    margin-top: 0
}

#registration .form-group.nostar::after {
    display: none
}

#registration .chosen-container {
    margin-top: 0;
}

#registration .noOverflow {
    overflow: initial;
    padding-bottom: 73px
}

.head-category-employer p {
    margin-top: 20px;
    margin-bottom: 10px
}

.head-category-employer ul {
    padding-left: 18px;
    line-height: 20px
}

article a,
article a:visited {
    color: #20acea
}

#bannerForm .error small {
    font-size: 12px;
    color: Red;
    margin-bottom: 10px;
    margin-top: -4px;
    display: block
}

#bannerForm .error .chosen-default,
#bannerForm .error input {
    border-color: Red;
    border-style: solid;
    border-width: 1px
}

#bannerForm .captcha {
    margin-left: 10px
}

#bannerForm .recaptcha.form-group {
    width: 259px
}

.registrationBlock.captcha {
    padding: 20px 20px 8px
}

.fa-calculator {
    font-size: 20px;
    color: #047
}

.modal-body .profileText {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px
}

.chart-box {
    position: relative
}

.cookies-content {
    font-size: 18px;
    padding: 100px 0 50px
}

.cookies-content strong {
    font-size: 22px;
    display: block;
    margin: 15px 0
}

.cookies-content li {
    padding-left: 5px;
    font-size: 16px;
    list-style: none
}

.cookies-content li::before {
    content: "•";
    color: #047;
    font-size: 28px;
    position: relative;
    top: 5px;
    padding-right: 6px
}

.set-wage .inputs-values-wage .form-group .arrowBox::before {
    top: 12px
}

.set-wage .calculate:hover {
    background-color: #20acea !important;
    background-clip: content-box
}

.set-wage .calculate,
.set-wage .inputs-values-wage .select {
    padding: 0 15px;
    height: 45px;
    width: 42%
}

#calculFrameBorder,
.mobile-menu {
    height: auto !important
}

.set-wage .calculate {
    background-clip: content-box !important;
    margin-top: 0
}

.threeColumns.type-jobs.special {
    background-color: #fff;
    margin-bottom: 25px;
    padding-top: 11px
}

.threeColumns.type-jobs.special .column>a {
    margin-bottom: 13px;
    position: relative
}

#jbSection {
    margin-top: -50px
}

.threeColumns.type-jobs.special.doubleSpecial .column {
    width: 50%;
    margin: 0
}

.threeColumns.type-jobs.special.doubleSpecial .column a>img {
    width: 100% !important;
    height: 100%
}

@media screen and (max-width:1200px) {
    .threeColumns.type-jobs.special {
        width: 885px
    }
}

@media screen and (max-width:990px) {
    .threeColumns.type-jobs.special {
        width: 100%;
        padding: 11px 2px 0
    }

    #jbSection {
        padding: 0 60px
    }

    .threeColumns.type-jobs.special .column {
        width: 31%;
        margin-left: 1.16%
    }
}

@media screen and (max-width:850px) {
    .threeColumns.type-jobs.special {
        max-width: 480px;
        padding: 13px 13px 0
    }

    .threeColumns.type-jobs.special .column {
        width: 100%;
        margin-left: 0
    }

    .threeColumns.type-jobs.special.doubleSpecial .column {
        width: 100%;
        padding: 0
    }

    .threeColumns.type-jobs.special.doubleSpecial .column a>img {
        width: 100% !important
    }
}

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

    .type-jobs.special.doubleSpecial .column a,
    .type-jobs.special.doubleSpecial .column a .colHead {
        height: 200px
    }
}

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

    .set-wage .inputs-values-wage .select,
    .set-wage button.calculate {
        margin-top: 30px !important
    }
}

@media screen and (max-width:550px) {
    #jbSection {
        padding: 0
    }

    .threeColumns.type-jobs.special.doubleSpecial .column a>img {
        width: 500px !important
    }
}

.mobile-menu {
    height: auto !important
}

.actOddelenie:hover {
    max-height: 5000px
}

.homeHead {
    font-size: 30px;
    font-weight: 700;
    margin: 0 35px;
    vertical-align: middle;
    display: table-cell
}

#calculFrame .switch-wrap .label-value,
#calculFrame .switch-wrap input:not([disabled]):checked+.labels .switcher .label-value,
#calculFrame .switch-wrap input:not([disabled]):not(:checked)+.labels .switcher .label-value:first-child {
    color: #000 !important;
    font-weight: 400 !important
}

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

    #calculFrame .edit-deci,
    .inputs-values-wage .row {
        margin: 0
    }

    #calcNaklady,
    #calcNaklady span {
        text-align: left !important
    }

    .set-wage .inputs-values-wage .select,
    button.calculate {
        width: 100% !important;
        float: none !important
    }

    .homeHead {
        font-size: 18px
    }

    #vypocetmzdy0 {
        padding: 0 10px
    }

    .set-wage .inputs-values-wage .left,
    .set-wage .inputs-values-wage .right {
        padding: 0;
        margin-top: 0
    }

    #calculFrame h3 {
        top: -10px !important
    }

    #calculFrame {
        padding: 33px 15px !important
    }

    #calcSend2 {
        top: 55px
    }

    #calcSend,
    #calcSend2 {
        padding: 0
    }

    #calculFrameBorder {
        bottom: 0 !important;
        top: 48px
    }

    .results-of-calculating {
        margin-top: 80px !important
    }

    .set-wage .results-of-calculating .costs-content .left-side {
        float: left
    }

    #calcNaklady {
        width: 50% !important;
        float: left
    }

    .results-of-calculating .col-lg-6 {
        width: 100% !important;
        float: none !important
    }

    .chart-legend {
        top: auto !important;
        bottom: -96px !important;
        position: absolute !important
    }
}

@media screen and (min-width:767px) {
    #calcSend {
        display: none !important
    }

    #calcSend2 {
        display: block !important
    }
}

.row.edit-deci {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width:400px) {
    #calculFrame h3 {
        font-size: 18px !important
    }

    #calculFrame .switch-wrap .label-value {
        font-size: 13px !important
    }
}

#calculFrame {
    max-width: 800px;
    margin: 0 auto auto;
    padding: 33px 33px 1px;
    position: relative
}

#calculFrameBorder {
    width: 100%;
    bottom: -33px;
    top: 33px;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-color: #57adea;
    left: 0
}

#calculFrame h3 {
    font-size: 24px;
    background-color: #fff;
    margin: auto;
    display: inline-block;
    top: -10px;
    padding: 0 15px;
    position: relative
}

#calculFrame .switch-wrap .label-value {
    font-size: 16px;
    position: relative;
    top: -7px
}

#calculFrame .switch-wrap .slider.round {
    background-color: #57aee9
}

#calculFrame .edit-deci {
    margin-bottom: -72px
}

.set-wage .inputs-values-wage .row.edit-deci+.row {
    width: 100%;
    margin: 56px 0 0;
    position: relative
}

.set-wage .calculate:focus {
    outline-width: 0
}

.set-wage .calculate2 {
    margin-top: 10px
}

.col-lg-6 {
    float: left;
    width: 50%
}

#calcSend {
    z-index: 5
}

#calcRow {
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden
}



#calcNaklady {
    width: 352px;
}

.set-wage .results-of-calculating .costs-content .left-side.spec {
    margin-bottom: 0
}
.set-wage .results-of-calculating .costs-content .left-side.spec {
    width: 100%
}

#body.calc,
#main.calc {
    background-color: #f1f4f5
}

.calc#main .container {
    width: 950px
}

.top-label.blue .container {
    background: #20acea;
    background-image: url(../img/calc.png);
    background-repeat: no-repeat;
    background-size: 74px;
    background-position: right center
}

.column-table.employee.price-column.price {
    text-decoration: none
}

#calc7 #druhSwitch {
    margin-left: 36px
}

#druhSwitch .label-value {
    display: inline-block !important;
    top: -7px !important;
    bottom: 11px !important
}

#druhSwitch .switch {
    display: inline-block;
    margin: 0 5px !important
}

#bannerBody #kedy::-webkit-input-placeholder,
#bannerBody #kolko::-webkit-input-placeholder,
#bannerBody #firma::-webkit-input-placeholder,
#bannerBody #meno::-webkit-input-placeholder,
#bannerBody #mail::-webkit-input-placeholder,
#bannerBody #poznamka::-webkit-input-placeholder,
#bannerBody #tel::-webkit-input-placeholder {
    opacity: 1;
    color: #999
}

#bannerBody #kedy::-moz-placeholder,
#bannerBody #kolko::-moz-placeholder,
#bannerBody #firma::-moz-placeholder,
#bannerBody #meno::-moz-placeholder,
#bannerBody #mail::-moz-placeholder,
#bannerBody #poznamka::-moz-placeholder,
#bannerBody #tel::-moz-placeholder {
    opacity: 1;
    color: #999
}

#bannerBody #kedy:-ms-input-placeholder,
#bannerBody #kolko:-ms-input-placeholder,
#bannerBody #firma:-ms-input-placeholder,
#bannerBody #meno:-ms-input-placeholder,
#bannerBody #mail:-ms-input-placeholder,
#bannerBody #poznamka:-ms-input-placeholder,
#bannerBody #tel:-ms-input-placeholder {
    opacity: 1;
    color: #999
}

.spolu-foot {
    float: none !important;
    margin-top: 12em;
    position: relative;
    bottom: 10px
}

@media screen and (max-width:991px) {
    .spolu-foot {
        margin-top: 1.4em
    }
}

@media screen and (min-width:850px) {
    .job-type-mobile {
        display: none
    }
}

.job-type-mobile {
    margin-bottom: 50px
}

.job-type-div.active {
    height: 65px;
    background-color: #20acea
}

.job-type-div {
    height: 65px
}

.job-type-inner-div {
    width: 360px;
    height: 65px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.job-type-img-div {
    margin-left: 20px;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.job-type-paragraph,
.job-type-paragraph.brigada {
    text-align: left;
    margin: 0 -50% 0 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #20acea
}

.job-type-paragraph {
    left: 50%
}

.job-type-paragraph.active.brigada,
.job-type-paragraph.brigada {
    left: 35%
}

.job-type-paragraph.active,
.job-type-paragraph.active.brigada {
    text-align: left;
    margin: 0 -50% 0 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}

.job-type-paragraph.active {
    left: 50%
}

.job-type-img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (max-width:850px) {
    .threeColumns.type-jobs.special {
        max-width: 480px;
        padding: 13px 13px 0;
        display: none
    }

    .threeColumns.type-jobs.special .column {
        width: 100%;
        margin-left: 0;
        display: none
    }

    .threeColumns.type-jobs.special.doubleSpecial .column {
        width: 100%;
        padding: 0;
        display: none
    }

    .threeColumns.type-jobs.special.doubleSpecial .column a>img {
        width: 100% !important;
        display: none
    }
}

.gdpr-space {
    margin: 25px auto
}

#gdpr ul li,
.gdprol li {
    margin-left: 1.5%
}

.blue {
    color: #00ade9
}

@media screen and (max-width:900px) {
    #oddelenia {
        display: none
    }
}

#oddeleniamobile .col {
    margin-bottom: 20px;
    border-bottom: 1px solid grey;
    text-align: center;
    padding-bottom: 10px
}

@media screen and (min-width:900px) {
    #oddeleniamobile {
        display: none
    }
}

@media screen and (max-width:1200px) {
    #bannerForm textarea {
        height: 50px
    }
}

.chosen-single>span {
    color: black
}

.chosen-single.chosen-default {
    border: none !important
}

#lokalitaMesto_chosen>.chosen-single.chosen-default {
    border: none;
    border-bottom: 1px solid #D4D4D4 !important;
}

.registrationBlock input::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input::-moz-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input:-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input::-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input::placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input:-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock input::-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea::-moz-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea:-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea::-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea::placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea:-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.registrationBlock textarea::-ms-input-placeholder {
    color: #666666;
    opacity: 1;
    font-size: 15px;
}

.alcenter {
    text-align: center !important
}

.justify {
    text-align: justify !important
}

.newicon {
    margin-right: 10px
}

.phonecolor {
    color: #047
}

.newiconmobile {
    font-size: 20px;
    position: relative;
    top: 2px
}

#infoLanguage {
    margin-top: 2px
}

.searchbut {
    padding-right: 45px !important
}

.thousandWidth {
    width: 1000px !important
}

.d-none {
    display: none !important
}

.homeHeaderShade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .51)
}

.initialPanel {
    overflow: hidden;
    width: 900px;
    height: /*130px*/265px;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.initialPanelWrap {
    position: absolute;
    width: 100%;
    bottom: /*35%*/15%;
    display: flex;
    justify-content: center
}

.HpButtonGreen {
    height: 60px;
    width: 360px;
    background-color: #1e983e !important;
    color: white;
    border: 0;
    cursor: pointer
}

.HpButtonGreen:hover {
    background-color: #0f792b !important;
    transition: background-color 300ms linear
}

ul {
    margin-bottom: 0 !important
}

.icon-align {
    position: relative;
    top: 6px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-right-30 {
    margin-right: 30px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

@media screen and (max-width:780px) {
    .initialPanel {
        height: 325px/*200px*/
    }

    .hpUpperButton {
        margin-bottom: 15px
    }

    .HpButtonGreen {
        width: 325px
    }

    .riadok {
        display: -ms-grid !important;
        display: grid !important;
        margin-top: 15px;
    }
}

.bookmarkText {
    margin: 10px 0 10px 0
}

.buthomeSearch {
    padding: 11px 12px 11px 12px !important
}

.buthomeSearchWrap {
    margin: 0 !important
}

.tooltip {
    opacity: 1 !important
}

.op0 {
    opacity: 0 !important
}

.op1 {
    opacity: 1 !important
}

.vishid {
    visibility: hidden !important
}

@media screen and (max-width:767px) {
    .riadokZam {
        display: -ms-grid !important;
        display: grid !important
    }

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

    .img-box {
        position: initial !important
    }

    .artcontainer {
        margin-left: 0 !important
    }

    .zamestnavatelbutt {
        height: 250px !important
    }

    .chosen-container:not(.chosen-container-multi) {
        width: 100% !important
    }

    #bannerForm .recaptcha.form-group {
        margin: 0 auto
    }

    #bannerBody {
        position: relative;
        bottom: 10px;
        height: auto;
        overflow: auto;
        width: 350px
    }

    .dopytNext {
        top: 5px !important
    }

    .secondStep {
        margin-bottom: 20px !important
    }

    .butcol {
        margin-right: 0 !important
    }

    .homeHeaderShade {
        background-color: transparent
    }

    .initialPanelWrap {
        bottom: 0%/*20%*/
    }

    .content-box {
        position: relative;
        top: 150px
    }

    .menuButton a {
        color: #fff !important
    }
}

#bannerForm>.cite-banner {
    color: gray;
    font-size: 21px
}

.Smallcite {
    color: gray;
    font-size: 16px;
    font-weight: lighter
}

.dotDopyt {
    width: 5px;
    height: 5px;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 50%;
    margin-right: 8px
}

.dopytDots {
    list-style-type: none;
    text-align: center;
    margin-top: 15px !important
}

.dotDopyt.active {
    background-color: #20acea !important
}

.howmuchButt {
    width: 100px;
    height: 100px;
    white-space: normal;
    background-color: #20acea !important;
    font-size: 16px;
    padding: 15px;
    color: white;
    border: 0;
    cursor: pointer
}

.howMuchButts {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px
}

.dopytNext {
    background-color: #20acea !important;
    color: white;
    border: 0;
    cursor: pointer;
    width: 155px;
    height: 35px;
    position: relative;
    top: 40px
}

.dopytNext:hover {
    background-color: #07a1e4 !important;
    transition: background-color 300ms linear
}

.cite-bannerNew {
    margin-bottom: 25px !important;
    margin-top: 10px !important
}

.butcol {
    display: inline-block
}

.povudaje {
    color: gray;
    font-size: 12px
}

.newdopAgree {
    width: 100% !important
}

.dopytResponseWrapper {
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center
}

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

.dopytResponse {
    color: gray;
    font-weight: lighter;
    text-transform: none !important
}

.captcha.reg {
    display: flex;
    justify-content: center
}

.dopRegMiestoError {
    margin-top: 5px !important
}

.riadokZam {
    display: flex;
    justify-content: center
}

.zamestnavatelbutt {
    background-color: #20acea !important;
    color: white;
    border: 0;
    cursor: pointer;
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center
}

.zamestnavatelbutt:hover {
    background-color: #07a1e4 !important;
    transition: background-color 300ms linear
}

.newZamHeading2 {
    padding-left: -15px !important;
    font-size: 24px !important;
}
.newZamHeading3 {
    text-align: center;
    padding: 0!important;
    font-size: 21px !important;
    font-weight: bold!important;
}
.newZamHeading4{
    font-size: 18px;
}
.newZamHeading5{
	font-size: 18px;
}

.newZamUl{
	margin-left: 66px;
	list-style-type: none;
	list-style-image:url(../img/sipka_ul.png);
}
.newZamUl2{
	margin-left: 66px;
	list-style-type: none;
	list-style-image:url(../img/fajka_ul.png);
}/*
.newZamUl2.hr-rescue{
  	list-style-image:none;
}*/
.newZamUl2 li img{
	padding: 0!important;
	position: absolute;
	left: 64px;
}
.outsourcing-kontroly-kvality-icon,.mzdovy-outsourcing-icon{
  padding:0!important;
  width:53px!important;
}
.outsourcing-kontroly-kvality .newZamUl1,.mzdovy-outsourcing .newZamUl1,.hr_rescue_services .newZamUl1{
	margin-left: 66px;
  list-style: none;
}
.outsourcing-kontroly-kvality .newZamUl2,.mzdovy-outsourcing .newZamUl2,.hr_rescue_services .newZamUl2{
	list-style-image:url(../img/fajka_ul_blue.png);
}
.outsourcing-kontroly-kvality .newZamUl1 > li::before,.mzdovy-outsourcing .newZamUl1 > li::before,.hr_rescue_services .newZamUl1 > li::before{
  content: "\2022";
  color: #1f59a2;
  font-family: Verdana;
  display: inline-block;
  width: 1.4em;
  margin-left: -1.4em;
}
.outsourcing-kontroly-kvality .newZamHeading,.outsourcing-kontroly-kvality .newZamHeading2,.mzdovy-outsourcing .newZamHeading,.mzdovy-outsourcing .newZamHeading2{
  font-size: 25px!important;
}
.outsourcing-kontroly-kvality .newZamHeading.blue{
  color: #1f59a2;
}
.hr_rescue_services .newZamHeading,.hr_rescue_services .newZamHeading2{
  font-size: 23px!important;
}
.hr_rescue_services .newZamHeading2{
  color: #1f59a2;
}
.outsourcing-kontroly-kvality .newZamHeading4,.mzdovy-outsourcing .newZamHeading4{
  font-size: 21px;
	color: #1f59a2;
}
.outsourcing-kontroly-kvality .newZamHeading5,.mzdovy-outsourcing .icon-header{
  display: inline-block;
  position: relative;
  bottom: 5px;
  margin-left: 8px;
  font-size: 18px;
	color: #1f59a2;
}
.div-relative{
    position: relative;
}
.outsourcing-flex{
  display: flex;
}
.w50{
  width: 50%;
}
.newZamU2in{
	margin-left: 66px;
	list-style-type: none;
	list-style-image:url(../img/sipka_ul.png);
}
.newZamU3{
	margin-left: 66px;
	list-style-type: none;
	list-style-image: none;
}
.newZamU3 li:before {
  content: "-";
  position: absolute;
  margin-left: -30px;
}
@media screen and (max-width: 767px){
	.newZamUl2 li{
		position: relative;
	}
	.newZamUl2 li img{
		left: -30px;
    top: 0px;
	}
  #homeHeader.zamestnavatel.mzdovy-outsourcing{
    background-position-y: initial;
  }
  .category-employer.mzdovy-outsourcing ul,.category-employer.outsourcing-kontroly-kvality ul{
    margin-left: 30px!important;
  }
  .outsourcing-flex{
    display: block;
  }
  .w50{
    width: 100%;
  }
  .outsourcing-kontroly-kvality .newZamHeading5,.mzdovy-outsourcing .icon-header{
    position: absolute;
    margin-left: 13px;
  }
  .outsourcing-kontroly-kvality .newZamHeading5::before{
    /*content: "";
    margin-right: 55px;*/
  }
  .outsourcing-kontroly-kvality-icon{

  }
}
.zambuttdop {
    height: 80px;
    width: 360px;
    background-color: #1e983e !important;
    color: white;
    border: 0;
    cursor: pointer
}

.zambuttdop:hover {
    background-color: #0f792b !important;
    transition: background-color 300ms linear
}

.zambuttriadok {
    justify-content: center;
    display: flex
}

.ourblue {
    color: #20acea !important
}

.ourbluephone {
    color: #20acea !important;
    display: none
}

.img-box {
    margin-left: 10px
}

.bold {
    font-weight: 700
}

.spyWrapper {
    position: fixed;
    width: 100%;
    height: 10%;
    top: 7.5%;
    z-index: 5000
}

.homePraca {
    font-size: 20px !important
}

#myZamModal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.ZamModalBox {
    width: 800px;
    height: 500px;
    background-color: white;
    position: absolute
}

.zamModalClose {
    cursor: pointer;
    color: grey;
    position: absolute;
    right: 8px;
    top: 5px
}

.zamModalClose:hover {
    color: black
}

.zamLeft {
    display: inline-block;
    width: 340px;
    height: 100%;
    position: relative
}

.zamRight {
    display: inline-block;
    width: 456px;
    height: 100%
}

.zamLeftText {
    position: absolute;
    top: 5%;
    left: 0;
    padding: 35px;
    margin-top: 140px;
    line-height: 22px
}

.zamLeftHeading {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 38px;
    padding: 35px
}

.zamForm {
    position: absolute
}

.zamFromWrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.leftHome {
    width: 60% !important
}

.rightHome {
    width: 40% !important
}

.dopytStep {
    margin-bottom: 100px
}

.dopytStep.firstStep {
    margin-bottom: 0px !important
}

.dopytStep.secondStep {
    margin-bottom: 50px !important
}

.dopFormSub {
    margin: 0 auto;
    position: relative;
    top: 20px
}

.dopFromAgreeLabel {
    color: #808080 !important
}

.newdopPoznamka {
    height: 110px !important
}

.thirdStep {
    margin-bottom: 50px !important
}

.thirdStepokno {
    width: 347px !important;
    margin-bottom: 20px !important
}

.chosenzam {
    width: 100% !important
}

.chosenmargin {
    margin-bottom: 5px
}

.shader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 49
}

.newPartners {
    width: 950px !important
}

.zamButText {
    width: 250px;
    text-align: center
}

.zamhref {
    color: #00ade9 !important
}

.zamhref:hover {
    color: #00ade9 !important;
    text-decoration: underline;
    -webkit-text-decoration-color: #00ade9;
    text-decoration-color: #00ade9
}

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

.numberFont {
    font-size: 26px
}

@media screen and (max-width:767px) {
    .zamButText {
        display: none
    }
}

.biggerLine {
    line-height: 24px !important
}

.zamNeedHelp {
    font-size: 24px;
    text-align: center;
    font-weight: 700
}

#dopytovy-formular-homepage input:not(.chosen-search-input),
#dopytovy-formular-homepage textarea {
    outline: 0 !important;
    display: block;
    border-style: none;
    background-color: #f6f6f6;
    margin-bottom: 8px;
    width: 100%;
    padding: 12px 8px 8px 12px;
    background-repeat: no-repeat;
    background-size: 22px
}

#dopytovy-formular-homepage {
    margin-bottom: 0
}

#dopytovy-formular-homepage small {
    display: none
}

#dopytovy-formular-homepage input:not(.chosen-search-input) {
    background-position: 11px center
}

#dopytovy-formular-homepage textarea {
    height: 90px;
    resize: none;
    background-position: 11px 8px
}

#dopytovy-formular-homepage #submitBut {
    cursor: pointer;
    width: 100%;
    padding: 0;
    line-height: 40px;
    color: #fff;
    background-color: #20acea !important;
}

#dopytovy-formular-homepage img {
    width: 190px;
    margin-top: 35px;
    margin-bottom: 35px
}

#dopytovy-formular-homepage .chosen-container-single .chosen-single span {
    background-color: #f6f6f6
}

#dopytovy-formular-homepage .error #kde_chosen .chosen-single {
    outline: #ea0c0c solid 1px
}

#dopytovy-formular-homepage .error small {
    font-size: 12px;
    color: Red;
    margin-bottom: 10px;
    margin-top: -4px;
    display: block
}

#dopytovy-formular-homepage .error .chosen-default,
#dopytovy-formular-homepage .error input {
    border-color: Red;
    border-style: solid;
    border-width: 1px
}

#dopytovy-formular-homepage .captcha {
    margin-left: 10px
}

#dopytovy-formular-homepage .recaptcha.form-group {
    width: 259px
}

@media screen and (max-width:1200px) {
    #dopytovy-formular-homepage textarea {
        height: 50px
    }
}

#dopytovy-formular-homepage>.cite-banner {
    color: gray;
    font-size: 21px
}

#dopytovy-formular-subpage input:not(.chosen-search-input),
#dopytovy-formular-subpage textarea {
    outline: 0 !important;
    display: block;
    border-style: none;
    background-color: #f6f6f6;
    margin-bottom: 8px;
    width: 100%;
    padding: 12px 8px 8px 12px;
    background-repeat: no-repeat;
    background-size: 22px
}



#dopytovy-formular-subpage {
    margin-bottom: 0
}

#dopytovy-formular-subpage small {
    display: none
}

#dopytovy-formular-subpage input:not(.chosen-search-input) {
    background-position: 11px center
}

#dopytovy-formular-subpage textarea {
    height: 90px;
    resize: none;
    background-position: 11px 8px
}

#dopytovy-formular-subpage #submitBut {
    width: 100%;
    padding: 0;
    line-height: 40px;
    color: #fff
}

#dopytovy-formular-subpage img {
    width: 190px;
    margin-top: 35px;
    margin-bottom: 35px
}

#dopytovy-formular-subpage .chosen-container-single .chosen-single span {
    background-color: #f6f6f6
}

#dopytovy-formular-subpage .error #kde_chosen .chosen-single {
    outline: #ea0c0c solid 1px
}

#dopytovy-formular-subpage .error small {
    font-size: 12px;
    color: Red;
    margin-bottom: 10px;
    margin-top: -4px;
    display: block
}

#dopytovy-formular-subpage .error .chosen-default,
#dopytovy-formular-subpage .error input {
    border-color: Red;
    border-style: solid;
    border-width: 1px
}

#dopytovy-formular-subpage .captcha {
    margin-left: 10px
}

#dopytovy-formular-subpage .recaptcha.form-group {
    width: 259px
}

@media screen and (max-width:1200px) {
    #dopytovy-formular-subpage textarea {
        height: 50px
    }
}

#dopytovy-formular-subpage>.cite-banner {
    color: gray;
    font-size: 21px
}

.flip-card {
    background-color: transparent;
    width: 235px;
  	height: 235px;
    perspective: 1000px;
    cursor: pointer
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-front {
    background-color: #20acea;
    color: black;
    z-index: 2;
    transform: rotateX(0);
    display: flex;
    justify-content: center;
    align-items: center
}

.flip-card-front strong {
    font-size: 19px;
    color: white
}

.flip-card-back strong {
    position: relative;
    top: 10px;
    text-decoration: underline
}

.flip-card-back {
    background-color: #20acea;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}
.flip-card-back p{
	margin-top: 15px;
  margin-bottom: 6px;
	font-size: 15px;
}

.zamCards {
    display: initial !important
}

.zamButts {
    display: none !important;
    border-radius: 0 !important
}

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

    .zamButts {
        display: flex !important
    }

    #homeHeader.zamestnavatel {
        height: 225px !important
    }

    .headHeadline {
        margin-top: 0 !important
    }

    .headlineZam {
        margin-top: 15px !important
    }

    .ourblue {
        display: none
    }

    .ourbluephone {
        display: initial
    }
}

.innerZamMobile {
    text-align: center;
    border-radius: 0 !important
}

.innerZamMobile p {
    margin-top: 20px;
    margin-bottom: 20px
}

.innerZamMobile strong {
    font-size: 22px
}

.klikinfo {
    font-size: 18px !important
}

.carousel-control-prev svg,
.carousel-control-next svg {
    color: #20acea
}

.carousel-control-prev {
    left: -120px
}

.carousel-control-next {
    right: -120px
}

.carousel-indicators {
    top: 190px;
    height: 25px
}

.carousel-indicators li {
    background: #20acea;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: none !important
}

.carouselmarg {
    margin-bottom: 150px
}

.partner .img {
    max-width: 100%;
    max-height: 160px
}

.partner-div {
    width: 190px;
    height: 150px;
    text-align: center
}

.partner img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:768px) {
    .partner-div {
        width: 100px
    }

    .carousel-indicators {
        top: 200px
    }

    #carouselExampleIndicatorsmobile {
        display: block !important
    }

    #carouselExampleIndicators {
        display: none
    }

    .indimobile {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .refriadok {
        margin-bottom: 200px
    }

    .recmargin {
        margin-right: 0 !important;
        margin-bottom: 15px
    }

    .recleft {
        margin-right: 10px !important
    }
}

#carouselExampleIndicatorsmobile {
    display: none
}

.recmargin {
    margin-right: 30px
}

.recleft,
.recright {
    display: inline-flex;
    flex-direction: column
}

.recright {
    width: 200px;
    vertical-align: top
}

.recleft {
    margin-right: 15px
}

.refriadok {
    margin-bottom: 100px
}

.rectext {
    font-weight: lighter
}

.recmeno {
    margin-bottom: 15px;
    display: initial !important
}

.form-group.dopnoreq::after {
    content: "" !important
}

@media screen and (min-width:992px) {
    .nb_title {
        height: 82px
    }
}

#nb_blogHead {
    position: relative;
    top: -55px;
    background: url(../img/new_blog_header_pic.jpg) center;
    width: 100%;
    height: auto;
    background-size: cover;
    padding-bottom: 8%
}

.blog_categories_row {
    width: 75%;
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, .3);
    margin-top: 2%
}

.h1blog {
    margin-top: 8%;
    position: relative;
    color: #1b5e9d
}

@media screen and (max-width:768px) {
    .h1blog {
        display: none !important
    }
}

.blog_categories_a {
    width: 100%;
    height: 65px;
    background-color: #20acea;
    color: #fff !important;
    text-transform: uppercase;
    font-size: .8vw;
    text-align: center;
    font-weight: 700;
    font-family: Muller;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, .3)
}

.blog_categories_a.active,
.blog_categories_a:hover {
    background-color: #1b5e9d
}

.blog_categories_a.active>.blog_category_underline,
.blog_categories_a:hover>.blog_category_underline {
    border-bottom: 1px solid white;
    padding-bottom: 4px
}

.blog_category_underline {
    width: min-content;
    width: -moz-min-content;
    width: -webkit-min-content;
    padding-bottom: 5px;
    position: relative;
    top: 2.5px
}

.nb_blueScreen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(145, 221, 255, .8)
}

#mainBlog {
    margin-bottom: -70px
}

.nb_Headers {
    width: 80%;
    height: auto;
    background-color: white;
    position: relative;
    z-index: 1;
    margin-top: 3%
}

.nb_Headers_right {
    padding: 45px
}

.nb_Headers_right h3 {
    color: #20acea;
    font-family: Muller;
    font-weight: 700;
    font-size: 2vw
}

.nb_Headers_right h3:hover {
    text-decoration: underline
}

.nb_Headers_img {
    max-width: 100%
}

.col-custom {
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .col-40p {
        flex: 0 0 43.3%;
        max-width: 43.3%
    }

    .col-60p {
        flex: 0 0 56.7%;
        max-width: 56.7%
    }
}

.col-40p {
    position: relative;
    width: 100%
}

.col-60p {
    position: relative;
    width: 100%
}

#nb_Blogs {
    height: auto;
    background-color: #f0faff;
    position: relative;
    top: -70px;
    padding-bottom: 70px
}

.nb_blogs_container {
    height: auto;
    width: 80%;
    background-color: white;
    position: relative;
    margin: 0 auto;
    top: -55px
}

.nb_blogs_row {
    height: auto;
    padding: 30px 15px 30px 15px
}

.nb_blog img {
    width: 100%
}

.nb_blog {
    margin-bottom: 6%
}

.bloginfo {
    margin-top: 4%;
    color: #20acea;
    font-family: Muller;
    font-size: 14px;
    margin-bottom: 4%
}

.perexText {
    color: #707070;
    font-family: Muller;
    font-size: 1vw
}

@media screen and (min-width:992px) {
    .perexp {
        height: 45px
    }
}

.bloginfo .readtime {
    margin-left: 15px
}

.readtimemobile {
    display: none;
    margin-left: 0
}

@media screen and (max-width:768px) {
    .bloginfo .readtime {
        margin-left: 10px
    }
}

@media screen and (max-width:576px) {
    .readtime {
        display: none
    }

    .readtimemobile {
        display: block;
        margin-left: 0 !important
    }
}

.bloginfo .right {
    text-transform: uppercase
}

.bloginfo .right a {
    color: #20acea !important
}

.bloginfo .right:hover {
    text-decoration: underline
}

.nb_blog h4 {
    color: #20acea;
    font-family: Muller;
    font-weight: 700;
    margin-top: 8%;
    font-size: 1.5vw
}

.nb_blog h4:hover {
    text-decoration: underline
}

.upper_readmore {
    position: relative;
    top: 7%;
    padding: 12px 40px 12px 40px !important
}

.upper_readmore_mobile {
    display: none;
    position: relative;
    z-index: 3;
    width: 70%;
    text-align: center;
    padding: 12px 16px 12px 16px !important
}

.readmore {
    background-color: #1b5e9d;
    color: white !important;
    border: 0;
    padding: 10px 20px 10px 20px;
    transition: .3s;
    font-family: Muller;
    font-size: 14px;
    font-weight: 200
}

.readmore:hover {
    background-color: #5b8cbb
}

.buttonUnderline:hover {
    border-bottom: 1px solid #20acea
}

.buttonUnderline {
    display: inline-block;
    padding-bottom: 20px;
    position: absolute
}

.nb_arrow_box {
    cursor: pointer;
    position: fixed;
    bottom: 125px;
    right: 25px;
    width: 50px;
    height: 50px;
    background-color: #20acea
}

.nb_arrow_box img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: 8px
}

@media screen and (max-width:768px) {
    .buttonUnderline {
        display: block;
        border-bottom: 2px solid #20acea;
        position: initial
    }

    .nb_blog h4 {
        font-size: 5vw
    }

    .perexText {
        font-size: 3.5vw
    }

    .nb_dropdown {
        display: inline-block !important
    }

    .blog_categorie_col {
        display: none !important
    }

    .nb_Headers_right h3 {
        font-size: 5vw
    }

    .nb_Headers_right {
        padding: 20px !important
    }

    .perexText {
        font-weight: lighter
    }

    #nb_Blogs {
        background-color: white
    }

    .nb_blogs_container {
        width: 90%;
        top: 15px
    }

    .upper_readmore {
        display: none
    }

    .upper_readmore_mobile {
        display: block
    }

    .nb_mobile_Heading {
        display: block !important
    }
}

@media screen and (max-width:900px) {
    .nb_Headers_right {
        padding: 25px
    }

    .readmore {
        padding: 14px 40px 14px 40px !important
    }
}

@media screen and (max-width:1150px) {
    .readmore {
        padding: 8px 16px 8px 16px
    }

    .nb_Headers_right {
        padding: 25px
    }
}

.nb_dropbtn {
    background-color: #20acea;
    color: white;
    padding: 16px;
    font-size: 16px;
    font-family: Muller;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase
}

.nb_dropdown {
    position: relative;
    display: none;
    width: 80%
}

.nb_dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 2;
    width: 100%
}

.nb_dropdown-content a {
    color: #1b5e9d;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-family: Muller;
    text-align: center
}

.nb_dropdown-content a.active {
    background-color: #1b5e9d;
    color: white
}

.nb_dropdown-content a:hover {
    background-color: #1b5e9d;
    color: white
}

.nb_dropdown.active .nb_dropdown-content {
    display: block
}

.nb_dropdown.active .nb_arrow_cat {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 2px
}

.nb_dropdown.active .nb_dropbtn {
    background-color: #20acea
}

.nb_arrow_cat {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: relative;
    bottom: 1px
}

.nb_mobile_Heading {
    display: none
}

.nb_mobile_Heading h1 {
    font-family: Muller;
    font-weight: 700;
    color: #1b5e9d;
    text-align: center;
    margin-top: 60px;
    position: relative;
    z-index: 3;
    font-size: 26px
}

.all_cats {
    color: #13488c;
    text-transform: none
}

.cat_separate {
    text-transform: uppercase;
    color: #20acea !important
}

.cat_separate:hover {
    text-decoration: underline
}

.square {
    position: relative;
    width: 100%;
    height: 195px;
    overflow: hidden
}

.square img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.square_upper {
    position: relative;
    width: 100%;
    height: 410px;
    overflow: hidden
}

.square_upper img {
    position: absolute;
    max-width: 120%;
    width: 114%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.clanokSec {
    background-color: #f0faff;
    width: 100%
}

.clanokBox {
    background-color: white;
    width: 83%;
    padding-left: 70px;
    padding-right: 70px;
    /*margin-top: 70px*/
}

.clanokBox h1 {
    color: #1b5e9d;
    font-size: 50px;
    font-family: Muller;
    font-weight: 600;
    width: 75%
}

.category_clanok {
    font-family: Muller;
    font-weight: 600;
    color: #20acea;
    margin-top: 1rem
}

.category_clanok::first-letter {
    text-transform: uppercase
}

.nb_authorImageWrap {
    display: inline-block;
    width: 80px
}

.nb_authorImage {
    display: inline-block;
    border-radius: 50%;
    max-width: 100%
}

.nb_authorInfo {
    display: inline-block;
    color: #20acea;
    font-family: Muller;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase
}

.nb_clanokDate {
    font-family: Muller;
    font-weight: 400;
    font-size: 14px;
    color: #707070
}

.readClanok {
    font-family: Muller;
    font-weight: 400;
    font-size: 14px;
    color: #707070
}

@media screen and (max-width:768px) {
    .nb_tablewrap {
        overflow-x: auto !important;
        position: relative
    }
}

@media screen and (max-width:576px) {
    .nb_tablewrap_sipka.right {
        position: absolute;
        opacity: 0.5;
        top: 50%;
        left: 90%;
        transform: translate(-50%, -50%);
        height: 9vw;
        width: 9vw;
        border-radius: 15vw;
        background-color: #20acea
    }

    .nb_tablewrap_sipka_i.right {
        border: solid white;
        border-width: 0 6px 6px 0;
        position: absolute;
        top: 50%;
        left: 43%;
        transform: translate(-50%, -50%)rotateZ(-45deg);
        -webkit-transform: translate(-50%, -50%)rotateZ(-45deg);
        height: 4vw;
        width: 4vw
    }

    .nb_tablewrap_sipka.left {
        position: absolute;
        opacity: 0.5;
        top: 50%;
        left: 205px;
        transform: translate(-50%, -50%);
        height: 9vw;
        width: 9vw;
        border-radius: 15vw;
        background-color: #20acea
    }

    .nb_tablewrap_sipka_i.left {
        border: solid white;
        border-width: 0 6px 6px 0;
        position: absolute;
        top: 50%;
        left: 55%;
        transform: translate(-50%, -50%)rotateZ(-45deg);
        -webkit-transform: translate(-50%, -50%)rotateZ(-225deg);
        height: 4vw;
        width: 4vw
    }
}

@media screen and (max-width:326px) {
    .nb_tablewrap_sipka.left {
        left: 246px
    }
}

.nb_clanok {
    padding-bottom: 100px
}

.nb_clanok a {
    color: #20acea !important;
    text-decoration: underline !important
}

.nb_aBox {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4%
}

.blog_categories_row_clanok {
    top: 94px;
    width: 100%;
    box-shadow: 0 5px 5px -1px rgba(0, 0, 0, .3);
    background-color: #20acea;
    padding-left: 256px;
    padding-right: 105px
}

.blog_categories_row_clanok.scrolled {
    top: 55px;
    padding: 0;
    z-index: 5;
    position: fixed;
}

.blog_categories_a_clanok {
    width: 100%;
    height: 65px;
    background-color: #20acea;
    color: #fff !important;
    text-transform: uppercase;
    font-size: .8vw;
    text-align: center;
    font-weight: 700;
    font-family: Muller
}

.blog_categories_a_clanok.active,
.blog_categories_a_clanok:hover {
    background-color: #1b5e9d
}

.blog_categories_a_clanok.active>.blog_category_underline,
.blog_categories_a_clanok:hover>.blog_category_underline {
    border-bottom: 1px solid white;
    padding-bottom: 4px
}

.nb_share {
    display: inline-block;
    position: fixed;
    right: 84%;
    top: 185px;
    z-index: 4
}

.nb_arrow_box_clanok {
    cursor: pointer;
    position: absolute;
    right: -20px;
    width: 50px;
    height: 50px;
    background-color: #20acea;
    z-index: 1
}

.nb_arrow_box_clanok img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: 8px
}

@media screen and (max-width:768px) {
    .square_upper {
        height: 175px
    }

    .square {
        height: 130px
    }

    .nb_arrow_box {
        bottom: 55px;
        right: 20px
    }
}

.nb_arrow-right {
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #1b5e9d;
    z-index: 4
}

.nb_arrow-left {
    cursor: pointer;
    position: fixed;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #1b5e9d;
    z-index: 4
}

@media screen and (max-width:1200px) {
    .nb_arrow-left {
        display: none !important
    }

    .nb_arrow-right {
        display: none !important
    }

    .blog_categories_row_clanok {
        display: none !important
    }
}

.nb_arrow-right img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: 8px;
    transform: rotate(90deg)
}

.nb_arrow-left img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 7px;
    left: 8px;
    transform: rotate(-90deg)
}

.nb_prev {
    overflow: hidden;
    background-color: #20acea;
    height: auto;
    width: 0;
    position: absolute;
    left: 50px;
    z-index: 4;
    transition: .2s
}

.nb_next {
    overflow: hidden;
    background-color: #20acea;
    height: auto;
    width: 0;
    position: absolute;
    right: 50px;
    z-index: 4;
    transition: .2s
}

.nb_arrow-right:hover .nb_next {
    width: 250px;
    padding: 10px 15px
}

.nb_arrow-left:hover .nb_prev {
    width: 250px;
    padding: 10px 15px
}

.nb_next:hover {
    display: block
}

.nb_prev:hover {
    display: block
}

.nb_clanok img:not(.clanok_arrow) {
    max-width: 100%;
    width: 100%;
    height: auto
}

.nb_prev span {
    color: #1b5e9d;
    text-transform: uppercase;
    font-family: Muller;
    font-weight: 600;
    font-size: 12px
}

.nb_next span {
    color: #1b5e9d;
    text-transform: uppercase;
    font-family: Muller;
    font-weight: 600;
    font-size: 12px
}

.nb_prev p {
    color: white;
    font-family: Muller;
    font-weight: 600
}

.nb_next p {
    color: white;
    font-family: Muller;
    font-weight: 600
}

.nb_prev p:hover,
.nb_next p:hover {
    text-decoration: underline
}

.nb_najcitanejsie h5 {
    font-family: Muller;
    font-weight: 600;
    color: #1b5e9d;
    font-size: 24px
}

.nb_najcitanejsie {
    position: relative;
    top: -36px
}

.najcitanejsie_underline {
    width: 50%;
    height: 1px;
    background: #20acea
}

.mostReadBox {
    margin-top: 1rem;
    cursor: pointer
}

.mostReadBox:hover h6 {
    text-decoration: underline
}

.mostReadBox h6 {
    color: #20acea;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mostRead {
    position: relative;
    width: 100%;
    height: 130px;
    overflow: hidden
}

.mostRead img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.similarSec {
    background: #f0faff;
    height: auto;
    padding: 50px 140px
}

.similar_articles {
    background: white;
    height: auto
}

.similarHeading {
    width: 100%;
    height: auto;
    padding-bottom: 3%;
    padding-top: 3%
}

.similarHeading h4 {
    color: #1b5e9d;
    font-size: 36px
}

.similar_articles.nb_blog {
    margin-bottom: 4%
}

.similarUnderline {
    padding-bottom: 5px;
    border-bottom: 1px solid #20acea
}

.SquareClanok {
    position: relative;
    width: 75%;
    height: 330px;
    overflow: hidden
}

.SquareClanok img {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.nb_dropbtn_clanok {
    background-color: #20acea;
    color: white;
    padding: 14px;
    font-size: 16px;
    font-family: Muller;
    font-weight: 700;
    border: 0;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    position: fixed;
    top: 102px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 5
}

.nb_dropdown_clanok {
    position: relative;
    display: none;
    width: 100%
}

.nb_dropdown-content_clanok {
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 2;
    width: 100%;
    position: fixed;
    top: 153px;
    left: 50%;
    transform: translate(-50%, 0)
}

.nb_dropdown-content_clanok a {
    color: #1b5e9d;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-family: Muller;
    text-align: center
}

.nb_dropdown-content_clanok a.active {
    background-color: #1b5e9d;
    color: white
}

.nb_dropdown-content_clanok a:hover {
    background-color: #1b5e9d;
    color: white
}

.nb_dropdown_clanok.active .nb_dropdown-content_clanok {
    display: block
}

.nb_dropdown_clanok.active .nb_arrow_cat {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.nb_dropdown_clanok.active .nb_dropbtn_clanok {
    background-color: #20acea
}

@media screen and (max-width:1200px) {
    .nb_arrow_box_clanok {
        right: 25px
    }

    .nb_dropdown_clanok {
        display: inline-block !important
    }

    .SquareClanok {
        display: none
    }

    .clanokBox {
        width: calc(100% - 44px);
        margin-left: 44px;
        padding-left: 25px;
        padding-right: 0;
        margin-top: 0;
        padding-top: 35px
    }

    .nb_share {
        left: 0;
        width: 44px;
        top: 185px;
        position: fixed;
        z-index: 4
    }

    .open-modal-share {
        width: 44px
    }

    .socIco {
        margin-right: 0
    }

    .clanokBox h1 {
        font-size: 20px;
        color: #20acea
    }

    .category_clanok {
        display: none
    }

    .nb_najcitanejsie {
        display: none
    }

    .mobileBlogHead {
        display: flex !important
    }

    .mobileBlogHeadUnderline {
        display: block !important
    }

    .nb_phoneTitle {
        display: block !important
    }
}

@media screen and (max-width:768px) {
    .nb_authorInfo {
        font-size: 14px
    }

    .nb_authorImageWrap {
        width: 65px
    }

    .similarSec {
        background: #f0faff;
        height: auto;
        padding-top: 50px;
        padding-left: 0;
        padding-right: 0
    }
}

.mobileBlogHead {
    display: none;
    width: 100%;
    background: #20acea;
    height: 52px;
    position: fixed;
    top: 50px;
    z-index: 5
}

.mobileBlogHead h2 {
    margin-bottom: 0 !important;
    color: #1b5e9d;
    font-family: Muller;
    font-weight: 600;
    font-size: 18px
}

.mobileBlogHead h2:hover {
    text-decoration: underline
}

.mobileBlogHeadUnderline {
    display: none;
    height: 1px;
    position: fixed;
    top: 101px;
    width: 80%;
    background: #1b5e9d;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 5
}

.SquareClanokmobile {
    position: relative;
    width: calc(100% - 88px);
    height: 175px;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 103px
}

.SquareClanokmobile img {
    position: absolute;
    max-width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.nb_phoneTitle {
    display: none;
    background: #f0faff
}

@media screen and (max-width:576px) and (min-width:410px) {
    .SquareClanokmobile {
        height: 200px
    }
}

@media screen and (max-width:768px) and (min-width:576px) {
    .SquareClanokmobile {
        height: 245px
    }
}

@media screen and (max-width:992px) and (min-width:768px) {
    .SquareClanokmobile {
        height: 310px
    }

    .similarSec {
        background: #f0faff;
        height: auto;
        padding-top: 50px;
        padding-left: 75px;
        padding-right: 75px
    }
}

@media screen and (max-width:992px) {
    .simRow {
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}

.mobile_offers {
    width: 44px;
    height: 44px;
    background: #28b74b;
    display: none;
    position: relative;
    cursor: pointer
}

@media screen and (max-width:576px) {
    .mobile_offers {
        display: inline-block
    }
}

.mobile_offers img {
    width: 22px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mobile_offers_amount {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff2c2c;
    right: -20%;
    top: -20%;
    text-align: center;
    line-height: 19px
}

.mobile_offers_amount span {
    color: white;
    font-family: Muller, sans-serif;
    font-weight: 600;
    font-size: 10px
}

.mobile_offers_box {
    display: inline-block;
    background: #20acea;
    width: 0;
    height: 90px;
    overflow: hidden;
    transition: width .2s ease-out
}

.mobile_offers_box.active {
    transition: width .2s ease-out
}

.mobile_offers_tpp {
    height: 50%;
    color: white;
    font-family: Muller, sans-serif;
    font-weight: 600;
    position: relative;
    font-size: 14px
}

.mobile_offers_line {
    width: 85%;
    height: 1px;
    background: white;
    margin: 0 auto;
    opacity: .5
}

.mobile_offers_brigady {
    height: 50%;
    color: white;
    font-family: Muller, sans-serif;
    font-weight: 600;
    position: relative;
    font-size: 14px
}

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

.mobile_offers_span_number {
    position: absolute;
    right: 14px;
    font-size: 12px
}

#wave {
    display: none;
    position: relative;
    text-align: center;
    width: 100px;
    height: 50px;
    margin-left: auto;
    margin-right: auto
}

.dot1 {
    opacity: .5;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
    background: #20acea;
    -webkit-animation: wave 1.3s linear infinite;
            animation: wave 1.3s linear infinite
}

.dot2 {
    opacity: .75;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
    background: #20acea;
    -webkit-animation: wave 1.3s linear infinite;
            animation: wave 1.3s linear infinite;
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.dot3 {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 3px;
    background: #20acea;
    -webkit-animation: wave 1.3s linear infinite;
            animation: wave 1.3s linear infinite;
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes wave {

    0%,
    60%,
    100% {
        transform: initial
    }

    30% {
        transform: translateY(-15px)
    }
}

@keyframes wave {

    0%,
    60%,
    100% {
        transform: initial
    }

    30% {
        transform: translateY(-15px)
    }
}

.backwards-mail {
    unicode-bidi: bidi-override;
    direction: rtl
}

.react-warning-reg {
    top: 0 !important
}

.margin-bb {
    margin-bottom: 15px;
}

.contact-h1 {
    text-align: center;
    font-size: 40px !important;
    color: #20acea
}

.info-box {
    position: fixed;
    right: 17px;
    width: 560px;
    height: auto;
    background: white;
    top: 113px;
    z-index: 50000;
    padding: 15px;
    color: #20acea;
    font-weight: lighter;
    font-size: 20px;
    line-height: 20px;
}

.info-box a {
    font-weight: bold !important;
    color: #20acea;
}

.info-box a:hover {
    text-decoration: underline !important;
}

.info-box-close img {
    width: 13px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .info-box {
        width: 325px;
        position: absolute;
        margin: 0 auto;
        top: 57px;
        right: 50%;
        transform: translate(50%, 0);
        font-size: 14px;
        line-height: 14px;
        padding: 18px;
    }
}

.only_mobil {
    display: none !important
}

@media screen and (max-width:576px) {
    .only_mobil {
        display: block !important
    }

    .only_desktop {
        display: none !important
    }

    #reagovat_btn_mobil {
        width:70% !important;
        margin-bottom: 4vw !important;
    }
}

/*neoznacovanie textu*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
@font-face {
	font-family: MullerNarrowExtraBold;
	src: url(../fonts/muller_narrow/MullerNarrowExtraBold.otf);
	font-style: normal;
}
@font-face {
	font-family: MullerNarrowLight;
	src: url(../fonts/muller_narrow/MullerNarrowLight.otf);
	font-style: normal;
}
@font-face {
	font-family: MullerNarrowMedium;
	src: url(../fonts/muller_narrow/MullerNarrowMedium.otf);
	font-style: normal;
}
.btn.blue.open-modal#custom_btn{
	margin-top: 2vw!important;
	position: relative;
	left: -3.1vw;
	font-family: Muller, sans-serif!important;
}
/*kalendar dizajn*/
.kalendar_container{
	width: 40.104vw;
	position: relative;
	margin-top: 1.5vw;
}
.kalendar_container .nadpis_kalendar{
	display: block;
	text-transform: uppercase;
	color: #004477;
	font-family: MullerNarrowLight!important;
	text-align: center;
	font-size: 1.7vw;
	width: 34.323vw;
	margin-bottom: 1.3vw;
}
.kalendar{
	position: relative;
	height:auto;
	width: 34.323vw;
	z-index: 1;
	background-color: #FFFFFF;
}
.kalendar_container *{
	font-family:MullerNarrowExtraBold!important;
}
.kalendar_header{
	border-radius: 0.781vw 0.781vw 0 0;
	width: 34.323vw;
	height: 7.240vw;
	background: #004477 0% 0% no-repeat padding-box;
	box-shadow: 0px 0.156vw 0.3vw #00000029;
	opacity: 1;
}
.kalendar .month_name{
	padding-top: 1.302vw;
	height: 3.229vw;
	text-align: center;
	margin-bottom: 1.458vw;
}
.kalendar .month_name .name_of_month{
	/*padding: 0 13.229vw;*/
	font-family:MullerNarrowExtraBold;
	font-size: 1.45vw;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.kalendar .month_name .arrow{
	top: 1.5vw;
	cursor: pointer;
	font-size: 1.042vw;
	color: #FFFFFF;
	opacity: 1;
	position: absolute;
}
.kalendar .month_name .arrow_left{
	left: 1.760vw;
}
.kalendar .month_name .arrow_right{
	/*right:2.760vw;*/
	left: 31.7vw;
}
.kalendar .header_table{
		width: 100%;
}
.kalendar .header_table th{
	text-align: center;
	font-family:MullerNarrowExtraBold;
	font-weight: 900;
	font-size: .942vw;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.kalendar_days{
	width: 34.323vw;
	padding-bottom: 1.4vw;
	/*height: 606px;*/
	box-shadow: 0px 0.156vw 0.3vw #0000004D;
	border: 0.5px solid #B4B4B4;
	opacity: 1;
	border-radius:0 0 0.781vw 0.781vw;
}
.kalendar_days_table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 33.333vw;
	/*height: 513px;*/
	margin:0 auto;
	margin-top: 1.6vw;
}
.kalendar_days_table td{
	position: relative;
	height: 4.8vw;
	width: 4.8vw;
	border: 0.5px solid #70707040;
	vertical-align: baseline;
	text-align: center;
	padding-top:0.208vw;
}
.kalendar_days_table td.tento.active{
  background-image: url(../img/srafy.svg);
		cursor: pointer;
}
.kalendar_days_table td span.day{
	height: 1.250vw;
	color: black;
	font-family:MullerNarrowExtraBold;
	font-weight: 700;
	font-size: 0.942vw;
	letter-spacing: 0px;
}
.kalendar_days_table td.tento.active span.day{
	color:#FFFFFF;
	background-color:#20ACEA;
	width: 100%;
	display: inline-block;
	border-radius: 0.521vw;
}
.kalendar_days_table td.before span.day,.kalendar_days_table td.after span.day{
 color: #B4B4B4;
}
.kalendar_days_table td.tento.active span.day.clicked{
	background-color:#1E983E;
}
.kalendar_days_table td span.time{
	display: none;
}
.kalendar_days_table td.tento.active span.time{
	display: block;
	padding-top: 1.406vw;
	height: 0.885vw;
	text-align: center;
	font-family:MullerNarrowExtraBold;
	font-weight: 900;
	font-size: 0.629vw;
	letter-spacing: 0px;
	color: #1E983E;
	opacity: 1;
}
.kalendar_days_table td.tento.active span.time img{
	margin-right:0.2vw;
	height: 0.521vw;
	width: 0.521vw;
}
/*oramovanie iba vnutri*/
.kalendar_days_table tr:first-child td {
  border-top: 0;
}
.kalendar_days_table tr td:first-child {
  border-left: 0;
}
.kalendar_days_table tr:last-child td {
  border-bottom: 0;
}
.kalendar_days_table tr td:last-child {
  border-right: 0;
}
.kalendar_days_table tr td .pointer{
	display: none;
}
.kalendar_days_table tr td.active .pointer{
	display: block;
	color: #20ACEA;
	position: absolute;
	font-size: 1.7vw;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 68%;
}
.kalendar_days_table tr td:not(.tento){
/*pointer-events: none;*/
}
.kalendar_days_table tr td:not(.tento) .pointer {
  display: none;
}
@media (max-width: 767px)  {
  .hr-banner{
    margin-top: 15px;
    height: 116px;
    display: block;
    padding:  0 17.5px;
    /*background-image: url(../img/banner_hr_ruky_mobile-min.png);*/
    background-size: auto 75px;
    background-position: top left;
  }
  .hr-banner img{
    width: 42.5px;
    margin-right: 0;
    float: right;
    margin-top: 6px;
  }
  .hr-banner p{
    width: 180px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    text-align: center;
    margin: 12.5px auto 5px auto;
  }
  .hr-banner a{
    font-size: 14px;
    font-weight: 500;
    width: 145px;
    height: 40px;
    line-height: 42.5px;
    display: block;
    margin: auto;
  }
  .header_novy_produkt div{
    font-weight: 400;
    right: auto!important;
    position: static;
  }
  .header_novy_produkt a:nth-child(1){
    padding-top: 20px!important;
  }
  .novy_produkt_link{
    position: absolute;
    top: 10px;
    border-bottom: none;
  }

	.btn.blue.open-modal#custom_btn{
	top: 4vw;
	width: 42.667vw!important;
	position: relative;
	height: 10.667vw!important;
	margin-top: 0px!important;
	left: 0!important;
	padding:0;
	font-family: Muller, sans-serif!important;
}
	.kalendar_container .nadpis_kalendar{
		font-size: 5.333vw;
		/*padding-right: 7.467vw;*/
		margin-bottom: 3.733vw;
		width:unset;
	}
	.kalendar_container{
        width: auto;
  }
	.kalendar{
		left: 50%;
    transform: translate(-50%);
    position: relative;
		width: 81.944vw;
	}
	.kalendar_header{
		border-radius: 3vw 3vw 0 0;
		width: 81.944vw;
		height: 15.278vw;
	}
	.kalendar .month_name{
		padding-top: 0.833vw;
		height: 8.333vw;
		margin-bottom: 0.833vw;
		position: relative;
	}
	.kalendar .month_name .name_of_month{
		font-size: 5.556vw;
	}
	.kalendar .month_name .arrow{
		font-size: 2.222vw;
	}
	.kalendar .month_name .arrow_left{
		left: 5vw;
		top: 3vw;
	}
	.kalendar .month_name .arrow_right{
		right: 0vw;
		left: 70vw;
		top: 3vw;
	}
	.kalendar .header_table th{
		font-size: 3.889vw;
	}

	.kalendar_days{
		width:81.944vw;
		padding-bottom: 0;
		border-radius:0;
	}
	.kalendar_days_table{
		width: 79.861vw;
		/*height: 513px;*/
		margin:0 auto;
		margin-top: 4.722vw;
	}
	.kalendar_days_table td{
		position: relative;
		height: 11.111vw;
		width: 11.111vw;
		padding-top:0;
	}
	.kalendar_days_table td.tento.active{
	  background-image: url(../img/srafy_mobil.svg);
	}
	.kalendar_days_table td span.day{
		height:4.722vw;
		font-size: 3.889vw;
	}
	.kalendar_days_table td.tento.active span.day{
		position: absolute;
    top: 0px;
    left: 0px;
		border-radius: 1.667vw;
		display: inline-block;
	}
	.kalendar_days_table td.tento.active span.day.clicked{
		background-color:#20ACEA;
	}
	.kalendar_days_table td.tento.active span.time{
		display: none!important;
	}
	.kalendar_days_table td.tento.active div.mobil_dot{
		width: 1.944vw;
		height: 1.944vw;
		top: 6.6vw;
		left: 4.4vw;
		border-radius: 2.778vw;
		border: 1px solid #B4B4B4;
		position:absolute;
		opacity: 1;
	}
	.kalendar_days_table td.tento.active div.mobil_dot.clicked{
		border: 0.5px solid #1E983E;
		background-color:  #1E983E;
	}
}

/*kalendar bocny panel*/
.kalendar_panel{
	position: absolute;
	top: 10.5vw;
	/*top: 7.240vw;*/
  left: 12.260vw;
	/*left: 40.260vw;*/
/*	top: 10.40vw;
	left: 20.260vw;
	z-index: 0;*/
}
.kalendar_panel .panel_hearer{
	border-radius: 0.781vw 0.781vw 0 0;
	width: 12.865vw;
	height: 5vw;
	background: #004477 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
	text-align: center;
	padding-top: .542vw;
}
.kalendar_panel .panel_datum{
	font-family:MullerNarrowExtraBold;
	font-weight: 900;
	font-size: 1.042vw;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.kalendar_panel .panel_vyberte{
  font-family:MullerNarrowExtraBold;
	font-weight: 900;
	font-size: 1.042vw;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
}
.kalendar_panel .panel_body{
	padding: 0.521vw 0;
	border-radius:0 0 0.781vw 0.781vw;
	width: 12.865vw;
	height: auto;
	box-shadow: 0px 3px 6px #0000004D;
	border: 0.5px solid #B4B4B4;
	opacity: 1;
	text-align: center;
}
.kalendar_panel .panel_body .prac_doba_div{
	padding:1.667vw 0;
}
.kalendar_panel .panel_body .hr{
	margin: 0 auto;
	border-top: 0.5px solid #70707040;
	opacity: 1;
	width: 9.740vw;
}
.kalendar_panel .panel_body .prac_doba{
	position: relative;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	width: 9.740vw;
	height: 1.979vw;
	background: #20ACEA 0% 0% no-repeat padding-box;
	opacity: 1;
	border-radius: 2.083vw;
	font-family:MullerNarrowMedium!important;
	font-weight: 900;
	font-size: 1.042vw;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-top: 0.365vw;
}
.kalendar_panel .panel_body .prac_doba.active{
	background-color: #1E983E;
}
.kalendar_panel .panel_body .prac_doba span{
	float: left;
	font-family:MullerNarrowMedium!important;
	letter-spacing: 1px;
  height: 1.042vw;
	margin-left: 1.4vw;
}
.kalendar_panel .panel_body .prac_doba .white_check{
	display:none;
}
.kalendar_panel .panel_body .prac_doba.active .white_check{
	position: absolute;
	width: 0.833vw;
	height: 1.250vw;
	display: block;
	margin-left: 8vw;
/*	margin-top: 0.208vw;*/
}

@media (max-width: 767px)  {
	.panel_mobil{
		position: relative;
		/*left: 50%;
    transform: translate(-50%);*/
		/*display: inline-block!important;*/
		height: auto;
	}
	.kalendar_panel{
		box-shadow: none;
		top: -66vw;
		left: 50%;
		transform: translate(-50%);
		position: relative;
		width: 81.944vw;
	}
	.kalendar_panel .panel_hearer{
		box-shadow: none;
		position: absolute;
		border-radius: 0.781vw 0.781vw 0.781vw 0.781vw;
		width: 12.500vw;
		height: 100%;
		padding-top: 4vw;
	}
	.kalendar_panel .panel_datum{
		font-size: 3.889vw;
	}
	.kalendar_panel .day_arrow{
		height: 5vw;
		position: absolute;
		left: 0;
		right: 0;
		color: #FFFFFF;
		transform: rotateX(30deg);
		font-size: 3.922vw;
	}
	.kalendar_panel .day_arrow.up{
		/*top: 0.6vw;*/
		top: 0;
	}
	.kalendar_panel .day_arrow.down{
		/*bottom: 1.389vw;*/
		bottom: 0;
	}

	.kalendar_panel .panel_body{
		box-shadow: none;
		background-color: #FFFFFF;
		margin-left: 11.111vw;
		padding: 4vw 0;
		border-radius:0 0.781vw 0.781vw 0;
		border: 0.5px solid #B4B4B480;
		width: 70.833vw;
		height: auto;
	}
	.kalendar_panel .panel_body .prac_doba_div{
		padding:0;
		padding-bottom: 1.111vw;
	}
	.kalendar_panel .panel_body .prac_doba_div:last-of-type{
		padding-bottom: 0;
	}
	.kalendar_panel .panel_body .prac_doba{
		margin: 0 auto;
		width: 47.222vw;
		height: 6.944vw;
		border-radius: 0.833vw;
		font-size: 3.889vw;
		padding-top: 1.111vw;
	}
	.kalendar_panel .panel_body .prac_doba.active{
		background-color: #1E983E;
	}
	.kalendar_panel .panel_body .prac_doba span{
		font-family: MullerNarrowLight!important;
		position: relative;
		letter-spacing: 1px;
		float: left;
		left: 7.778vw;
		padding-right: 8.889vw;
	}
	.kalendar_panel .panel_body .prac_doba .white_check{
		display:none;
	}
	.kalendar_panel .panel_body .prac_doba.active .white_check{
		width: 2.778vw;
		height: 2.778vw;
		position: absolute;
		right: 8vw;
		margin-top: 1.111vw;
	}
	.kalendar_panel .panel_body .prac_doba .mobil_dot_dole{
		width: 2.778vw;
		height: 2.778vw;
		right: 8vw;
		border-radius: 4.167vw;
		border: 1px solid #FFFFFF;
		position: absolute;
		margin-top: 1.111vw;
		float: left;
	}
	.kalendar_panel .panel_body .prac_doba.active .mobil_dot_dole{
		display: none;
	}
}
@media (max-width: 767px)  {
  .form-group.reagovat_padding{
    padding-bottom: 50px;
  }
}
/*novy produkt - header*/
.header_novy_produkt{
  position: relative;
}
.header_novy_produkt div{
  position: absolute;
  right: 0;
  line-height:18px;
  top: 0;
  height: 18px;
  width: 84px;
  background-color: #00ade9;
  font-size: 10px;
  color: #FFFFFFFF;
  border-radius: 20px;
  text-align: center;
}
.flip-card .novy_produkt_img .img_lichobeznik,.flip-card .nova_sluzba_img .img_lichobeznik{
  position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}
.flip-card .novy_produkt_img span{
  position: absolute;
  color: #FFFF;
  right: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 3;
  top: 35px;
  font-size: 14px;
}
.flip-card .nova_sluzba_img span{
  position: absolute;
  color: #FFFF;
  right: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 3;
  top: 35px;
  font-size: 14px;
}
.flip-card .ikona_hr_rescue_services_div{
  position: absolute;
  top: 47px;
}
.flip-card .ikona_mzdovy_outsourcing_div,.flip-card .ikona_outsourcing_kontroly_kvality_div{
  position: absolute;
  top: -20px;
}
.flip-card .ikona_hr_rescue_services{
  width: 50%;
}
.flip-card .ikona_mzdovy_outsourcing,.flip-card .ikona_outsourcing_kontroly_kvality{
  width: 100%;
}
.flip-card.hr_rescue strong,.flip-card.mzdovy_outsourcing strong{
  margin-top: 115px;
}
.flip-card.outsourcing_kontroly_kvality strong{
  margin-top: 145px;
}

/*faq*/
#homeHeader.faq-header{
  background-image: url(../img/faq.jpg);
  background-position-y: calc(calc(50% + -3.25vw));
  display: block;
  height: 100%;
  min-height: 400px !important;
}
#faq .collapse:not(.show){
display: none;
}
#faq .collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}
@media screen and (prefers-reduced-motion:reduce){#faq .collapsing{transition:none}}

#faq{
  width: 81%;
  margin: 75px auto 125px 9.15%;
  min-height: 800px;
}
#faq > p{
  margin-bottom: 22.5px;
}
#faq-select-category{
  list-style-type: none;
  width: 40%;
  min-height: 42vh;
}
#faq-select-category ul{
  padding-left: 20px;
  list-style-type: none;
  width: 280px;
  height: auto;
  background-color: #f6fbfe;
  border-radius: 23px;
  padding-bottom: 10px;
}
#faq-select-category li span{
  color: #20acea;
  font-weight: bold;
  padding: 17px 0 3px 0;
  display: inline-block;
  border-bottom: solid 3px #f6fbfe;
}
#faq-select-category li span:hover,.faq-category div[data-toggle="collapse"]:hover{
  cursor: pointer;
}
#faq-select-category li.active span{
  color: black;
  border-bottom: solid 3px #20acea;
}
.faq-container{
  padding-top: 22.5px;
  display: flex;
}
.faq-category{
  list-style-type: none;
  width: 746px;
  display: none;
  margin-top: -12px;
}
.mobile-select-category{
  display: none;
}
.faq-category div[data-toggle="collapse"]{
  color: #20acea;
  font-size: 18px;
  padding: 16px 22px 14px 14px;
  font-weight: 500;
  border-radius: 30px 30px 0 0;
  display: flex;
}
.faq-category div[data-toggle="collapse"] div:nth-child(1){
  width: 98%;
  padding-right: 1%;
}
.faq-category div[data-toggle="collapse"] svg{
  transform: rotate(90deg);
  transition: 0.5s ease-in-out;
  float: right;
}
.faq-category li{
    border-radius: 30px;
}
.faq-category li.active{
    background-color: #f6fbfe;
      display: block!important;
}
.faq-category div[aria-expanded="true"]{
 font-weight: bold;
 background-color: #f6fbfe;
}
.faq-category div[aria-expanded="true"] svg,.mobile-select-category[aria-expanded="true"] svg{
 transform: rotate(-90deg);
}
.faq-category-questions{
  width: 715px;
}
.faq-category div.faq-answer{
  padding: 0 22px 0 14px;
}
.faq-category div.faq-answer a{
  color: #20acea;
  text-decoration: underline;
}
@media screen and (max-width: 767px){
#homeHeader.faq-header {
    min-height: 337.5px !important;
    height: 337.5px !important;
    background-position-y: 0;
}
}

@media screen and (min-width: 1100px){
.faq-category.active{
  display: block!important;
}
}
@media screen and (max-width: 1100px){
  .mobile-select-category svg{
    transform: rotate(90deg);
    transition: 0.5s ease-in-out;
    float: right;
    margin-right: 2px;
  }
  .mobile-select-category{
    display: block;
    font-weight: bold;
    color: #20acea;
    font-size: 23px;
    padding: 17px 0;
  }
  #faq{
    margin: 0;
    width: 100vw;
    padding-bottom: 100px;
  }
  #faq h1{
    padding: 54px 16px 0 16px;
    font-size: 23px;
  }
  #faq > p{
    display: none;
  }
  .faq-container{
      display: block;
      width: 100%;
      padding: 0 16px;
      margin-top: -15px;
  }
  .faq-category{
    margin-top: 0;
    display: block;
    margin-left: -16px;
    width: 100vw;
  }
  .faq-category li{
      border-radius: 20px;
  }
  #faq-select-category{
    display: none;
  }
  .faq-category-questions{
    width: 100%;
  }
  .faq-category div.faq-answer{
    padding: 0 16px;
    font-size: 18px;
  }
  .faq-category div[data-toggle="collapse"]{
    padding: 10px 40px 10px 16px;
    font-weight: 400;
  }
  .faq-category div[data-toggle="collapse"] div:nth-child(1){
    width: calc(100vw - 61px);
  }
  .faq-category div[data-toggle="collapse"] svg{
    margin-right: -23px;
    height: 100%;
  }
  .faq-category div[data-toggle="collapse"] div:nth-child(2) svg{
    font-size: 13px;
  }
}


/* iCheck plugin Flat skin, green
----------------------------------- */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 14.6px;
    height: 15px;
    background-size: contain !important;
    background-color: white;
    border: 1px solid #707070;
    border-radius: 4px;
    cursor: pointer;
}

.icheckbox_flat-green.checked {
    background: url(../img/checked-check.svg) no-repeat;
    border: none;
}
.icheckbox_flat-green.disabled {
    background-position: -44px 0;
    cursor: default;
}
.icheckbox_flat-green.checked.disabled {
    background-position: -66px 0;
}

.iradio_flat-green {
    background-position: -88px 0;
}
.iradio_flat-green.checked {
    background-position: -110px 0;
}
.iradio_flat-green.disabled {
    background-position: -132px 0;
    cursor: default;
}
.iradio_flat-green.checked.disabled {
    background-position: -154px 0;
}

.jobble-logo{
  margin-left: 40px;
}
.jobble-logo img{
  height: 55px;
}
@media screen and (max-width: 580px) {
  .jobble-logo{
    margin-left: 0px;
    margin-top: 30px;
  }
  .jobble-logo img{
  }
}


/*new lang*/
.new-lang{
  display: list-item;
  float: left;
  width: 60px;
  padding: 0;
}
.new-lang.infoLanguage .icon{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.new-lang .dropdown-opener{
  display: inline-block;
  width: 100%;
}
.menuItem{
  margin-right: 20px;
}
.new-lang.infoLanguage a{
  padding-left: 8px;
}
.new-lang .dropdown-lang{
  left: 0;
  width: 100%;
}
.new-lang .dropdown-lang ul{
  float: none!important;
}
.new-lang .dropdown-lang li img{
  left: 8px;
}
.new-lang .dropdown-lang .main-text{
  margin-left: 26px;
}
.new-lang.menuButton:hover{
  background-color: unset;
}
.new-lang.menuButton:hover a{
  color: #047;
}

/**nezobrazenie na mobiloch a tabletoch**/
@media screen and (max-width: 1199px) {
.new-lang{
  display: none;
}
}


@media screen and (max-width: 1518px) {
  .menuItem{
    margin-right: 0.7VW;
  }
  #headerMenuIn{
    margin-left: 13.7vw;
  }
  #loggedInfo .profil-avatar-head{
    margin-right: 0.416vw;
  }
}
@media screen and (max-width: 1426px) and (min-width: 1385px){
  #headerMenu{
    padding: 0px 88px;
  }
}


@media screen and (max-width: 768px) {
.filter-results .result:hover{
  background-color: rgba(160,160,160,0.10);
}
.filter-results .result:hover .right-side a.btn.blue{
  background-color: #047!important;
}
}
.fb-btn {
    background-color: #4267B2;
    color: white;
    vertical-align: middle;
    margin-bottom: 10px;
    padding: 15px;
}
.socials-icon {
    float: left;
    padding-left: 1%;
    top: 0;
    margin-top: -6px;
}
.socials-icon-step2 {
    float: left;
    padding-left: 1%;
    top: 0;
}
.link-btn-fb {
    background-color: #4267B2;
    color: white;
    padding: 15px;
    position: relative;
    width: 149px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #4267b2;
    transition: 0.3s;
}
.link-btn-fb:hover {
    box-shadow: inset 149px 0 0 0 #2F3764;
}
.link-btn-li {
    background-color: #007BB6;
    color: white;
    padding: 15px;
    position: relative;
    width: 149px;
    border-radius: 6px;
    height: 42px;
    cursor: pointer;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #007bb6;
    transition: 0.3s;
}
.link-btn-li:hover {
    box-shadow: inset 149px 0 0 0 #2F3764;
}
.link-icon-fb {
    position: absolute;
    width: 12px ;
    height: 24px;
    top: 10px;
    left: 12px;
}
.link-icon-li {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 9px;
    left: 12px;
}
.link-text {
    position: absolute;
    right: 32px;
    top: 15px;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 30px 0;
    color: grey;
  }

  .separator::before,
  .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid lightgrey;
  }
  .separator:not(:empty)::before {
    margin-right: 1vw;
  }

  .separator:not(:empty)::after {
    margin-left: 1vw;
  }
  .separator-profil {
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
    width: 50mainInfosvw;
    color: white;
  }

  .separator-profil::before,
  .separator-profil::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid white;
  }
  .separator-profil:not(:empty)::before {
    margin-right: 1vw;
  }

  .separator-profil:not(:empty)::after {
    margin-left: 1vw;
  }

  .separator-login {
    display: flex;
    align-items: center;
    text-align: center;
    margin: auto;
    font-size: 0.938vw;
    color: #666666;
    height: 1.250vw;
    margin-top: 0.781vw;
    margin-bottom: 0.781vw;

  }

  .separator-login::before,
  .separator-login::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #707070;
    opacity: 0.5;
  }
  .separator-login:not(:empty)::before {
    margin-right: 1vw;
  }

  .separator-login:not(:empty)::after {
    margin-left: 1vw;
  }
  .btn-continue {
      background-color: #1E983E !important;
      color: white !important;
      padding: 15px !important;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 20px;
  }

.new-input {
    background-color: white !important;
    border: none !important;
    border-radius: 0;
    outline: 0 !important;
    border-bottom: #D4D4D4 1px solid !important;
    color: grey !important;
    transition: 0.2s !important;
    padding: 5px 0px !important;
    float: left;
    padding-bottom: 0.53vh;
}

.new-input::-webkit-input-placeholder {
    color: grey !important;
}

.new-input::-moz-placeholder {
    color: grey !important;
}

.new-input:-ms-input-placeholder {
    color: grey !important;
}

.new-input::-ms-input-placeholder {
    color: grey !important;
}

.new-input::placeholder {
    color: grey !important;
}
.new-input:focus {
    outline: 0 !important;
    border-bottom: #00ADE9 1px solid !important;
}
.new-input-right {
    width: 95% !important;
    float: right;
}
.new-input-small {
    margin-left: 27px;
}
.new-input-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background:url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 72px 11px;
    padding: 1.4mm !important;
    float: none;
}
.new-input-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background:url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 72px 11px;
    padding: 1.4mm !important;
    float: none;
}
.new-input-mesiac {
    width: 83%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 99% 11px;
    float: right;
    margin-right: -9px;
}
.mesiac > span {
    margin-left: 20px !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    position: relative;
}
.new-input-den {
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 99% 11px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 110%;
}
.new-input-selcet::-webkit-input-placeholder {
    font-size: 11px !important;
}
.new-input-selcet::-moz-placeholder {
    font-size: 11px !important;
}
.new-input-selcet:-ms-input-placeholder {
    font-size: 11px !important;
}
.new-input-selcet::-ms-input-placeholder {
    font-size: 11px !important;
}
.new-input-selcet::placeholder {
    font-size: 11px !important;
}
.new-input-rok  {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 80% !important;
    float: right;
    margin-right: -3px;
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 99% 11px;
}
select::-webkit-input-placeholder {
    font-size: 12px;
}
select::-moz-placeholder {
    font-size: 12px;
}
select:-ms-input-placeholder {
    font-size: 12px;
}
select::-ms-input-placeholder {
    font-size: 12px;
}
select::placeholder {
    font-size: 12px;
}
.remember {
    margin-top: 0.781vw;
}
.remember > label {
    margin-top: -0.7mm;
    padding-left: 0.521vw;
}
.pos-rel-podmienky {
    position: relative;
}
.span-label-reg {
    position: absolute;
    top: 2px;
    left: 20px;
    color: #666666;
}
.new-input-code {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 97% 11px;
    height: 29px !important;
    width: 90% !important;
    border-radius: 0;
}
.new-input-mesto {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 99% 11px;
    width: 68.5%;
    padding: 1.4mm 0px !important;
}

.action-button {
    all: unset;
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    border: 2px solid #B2B5C7;
    color: #B2B5C7;
    width: 4.844vw;
    font-size: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.406vw;
    padding: 0.365vw;
    margin: 0.260vw 0 1.250vw 4.583vw;
    height: 2.240vw;
}
.action-button > svg {
    margin-right: 0.260vw;
    margin-top: -0.260vw;
}
.new-input-name {
    width: 90% !important;
}
.action-button:hover {
    background-color: #B2B5C7;
    color: white;
}
input::-ms-reveal,
input::-ms-clear {
    display: none;
}
.edit-profile {
    border-radius: 50% !important;
    all: unset;
    cursor: pointer;
    background-color: #00ADE9;
    color: white;
    padding: 8px;
    float: right;
    margin-top: -1vw;
}
.edit-profile:hover {
    background-color: #2F3764;
}
.location-pads {
    margin-top: 2.188vw;
    margin-left: 3.854vw;
    width: auto;
    height: auto;
}
.location-pads > small {
    color: grey;
    margin: auto;
    font-size: 0.833vw;
    line-height: 1.094vw;
}
.lokalita {
    font-weight: 100;
    color: grey;
}
.change-pass-link {
    text-decoration: underline;
    color: #00ADE9 !important;
    float: right;
    font-size: 1.042vw;
    line-height: 1.406vw;
}
.edit-profile-info {
    border-radius: 50% !important;
    all: unset;
    cursor: pointer;
    height: 2.083vw;
    width: 2.083vw;
    background-color: #00ADE9;
    color: white;
    position: relative;
    float: right;
    margin-top: 0.260vw;
}
.edit-profile-info > img {
    position: absolute;
    top: 0.365vw;
    left: 0.521vw;
    width: 1.198vw;
    height: 1.302vw;
}
.edit-profile-info:hover {
    background-color: #2F3764;
}
.btn-edit-sekcia {
    border-radius: 50% !important;
    all: unset;
    cursor: pointer;
    background-color: #00ADE9;
    color: white;
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
}
.btn-edit-sekcia-top {
    border-radius: 50% !important;
    all: unset;
    cursor: pointer;
    background-color: #00ADE9;
    color: white;
    width: 2.083vw;
    height: 2.083vw;
    float: right;
    position: relative;
    margin-top: -0.625vw;
}
.btn-edit-sekcia:hover {
    background-color: #2F3764;
}
.btn-edit-sekcia-top:hover {
    background-color: #2F3764 !important;
}
.mobile-list {
    height: unset;
    min-height: unset;
}
.zmena-hesla {
    position: absolute;
    bottom: 2.500vw;
    left: 44.771vw;
}
.btn-edit-sekcia-i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 1.094vw;
    height: 1.094vw;
}
.sekcia {
    padding: 44px 140px 60px 140px;
    min-height: 400px;
    border-radius: 5px;
    border-top: 10px solid #B2B5C7;
    margin-bottom: 5.55vh;
    box-shadow: 0px 13px 16px 0px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 0px 13px 16px 0px rgb(0 0 0 / 7%);
    -moz-box-shadow: 0px 13px 16px 0px rgba(0,0,0,0.07);
}
.subory {
    background-image: url(../img/subory-pozadie.png);
    background-repeat: no-repeat;
    background-color: #FCFDFF;
    background-position: left bottom;
}
.schopnosti {
    background-image: url(../img/schopnosti-pozadie.png);
    background-repeat: no-repeat;
    background-color: #FCFDFF;
    background-position: left bottom;
}
.zamestnanie {
    background-image: url(../img/zamestnanie-pozadie.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-color: #FCFDFF;
}
.file-card {
    background-color: #F6F6F6;
    padding: 20px;
    margin: 0 50px 0 0;
    width: 170px;
    min-height: 172px;
    max-height: 172px;
    border-radius: 20px;
    color: #7A7A7A;
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 23%);
    -webkit-box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 23%);
    -moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.23);
}
.file-card:hover {
    background-color: #ECECEC;
}
.delete-file {
    transition: 0.2s;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.delete-file:hover {
    color: #ED4B4B;
}
.info {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}
.text-left {
    text-align: left!important;
    font-size: 18px;
    line-height: 24px;
}
.text-right {
    text-align: right;
}
.file-date {
    text-align: right;
    position: absolute;
    right: 0;
    top: 54px;
    color: #7C7C7C !important;
    font-size: 14px;
    line-height: 19px;
}
.skill-card {
    background-color: #F7F7F7 !important;
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto !important;
    margin-right: -8% !important;
    height: 47px;
    font-size: 20px;
    line-height: 27px;
    border-radius: 0 12px 12px 0;
    box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.11);
}
.skill-card > span {
    margin-top: 4px;
}
.skill-card-left {
    background-color: #D1D1D1;
    border-radius: 12px 0 0 12px;
    width: 14px;
    height: 47px;
    box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 2px 3px 3px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.11);
}
.skill-cover {
    border-radius: 12px 0 0 12px;
    width: auto;
    margin-right: 15px;
    margin-bottom: 20px;
    display: flex;
    height: 47px;
}
#delete-skill {
    color: black;
    transition: 0.1s;
    margin-left: 1vw;
}
.schopnosti-show-more {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}
.schopnosti-show-more > span {
    font-size: 20px;
    line-height: 27px;
    color: #00ADE9;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 33px;
}
.schopnosti-show-more > span:hover {
    color: #2F3764;
}
/* .skill-card:hover {
    background-color: #E6E6E6 !important;
} */
.skill-card:hover > #delete-skill {
    transform: scale(1.3);
    cursor: pointer;
}
.checkbox {
    visibility: hidden;
    opacity: 1;

}
.register-btn {
    width: 70% !important;
    padding: 0 !important;
    height: 49px;
    border-radius: 6px;
    color: white;
    background-color: #1E983E;
    border: none;
    cursor: pointer;
    display: inline-block;
    box-shadow: inset 0 0 0 0 #1e983e;
    transition: linear 0.2s;
    font-size: 17px;
    font-weight: 500;
}
.register-btn:hover {
    box-shadow: inset 258px 0 0 0 #0F792B;
}

.success-btn {
    width: 302px;
    margin: auto;
    display: block;
    color: #fff;
    background-color: #1E983E;
    text-align: center;
    border-style: none;
    border-radius: 6px;
    padding: 11px 0 13px;
    font-size: 20px;
    line-height: 27px;
    height: 57px;
    cursor: pointer;
    transition: .2s;
    box-shadow: inset 0 0 0 0 #1e983e;
    transition:  0.5s;
}

.success-btn:hover {
    box-shadow: inset 500px 0 0 0 #0F792B;
}

.home-btn {
   padding: 1rem;
   color: #fff!important;
   background-color: #00ADE9;
   border-radius: 6px;
}

.home-btn:hover {
    box-shadow: inset 500px 0 0 0 #2F3764;
}

.del-file-btn {
    color: #ED4B4B !important;
    text-decoration: underline;
}
.del-file-btn:hover {
    text-decoration: none;
}
.fb-log-btn {
    background-color: #4267B2;
    height: 2.135vw;
    border-radius: 6px;
    margin-top: 0.521vw;
    margin-bottom: 0.781vw;
    box-shadow: inset 0 0 0 0 #4267b2;
    transition: linear 0.3s;
}
.fb-log-btn:hover {
    cursor: pointer;
    box-shadow: inset 510px 0 0 0 #2F3764;
}
.fb-back {
    background-image: url(https://propluscoo.emtea.sk/theme/img/facebook-icon.svg);
    background-repeat: no-repeat;
    background-position: 0.729vw 0.313vw;
    color: white;
    background-size: 0.781vw 1.615vw;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    height: inherit;
    align-items: center;
}
.fb-log-btn > span {
    color: white;
    font-size: 20px;
    line-height: 20px;
}

.fb-back:hover {
    background-image: url(https://propluscoo.emtea.sk/theme/img/facebook-icon.svg);
    background-repeat: no-repeat;
    background-position: 0.729vw 0.313vw;
}
.fb-log-btn:active {
    background-color:  #2F3764;
}

.li-log-btn {
    width: 100%;
    background-color: #007BB6;
    height: 2.135vw;
    border-radius: 6px;
    margin-top: 0.521vw;
    box-shadow: inset 0 0 0 0 #007bb6;
    text-align: center;
    transition: linear 0.3s;
}
.li-back {
    background-image: url(https://propluscoo.emtea.sk/theme/img/linkedin-icon.svg);
    background-repeat: no-repeat;
    background-position: 0.729vw 0.260vw;
    color: white;
    background-size: 1.615vw 1.615vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
}
.span-log {
    font-size: 1.042vw;
    margin-top: 0.260vw;
    line-height: 1.406vw; 
}
.li-log-btn > span {
    font-size: 20px;
    color: white;
    line-height: 20px;
}
.li-log-btn:hover {
    cursor: pointer;
    box-shadow: inset 510px 0 0 0 #2F3764;

}
.li-back:hover {
    background-image: url(https://propluscoo.emtea.sk/theme/img/linkedin-icon.svg);
    background-repeat: no-repeat;
    background-position: 0.729vw 0.260vw;
}
#toggler {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #686868;
    cursor: pointer;
    width: 22px;
    height: 19px;
}
/* #toggler_l {
    position: absolute;
    right: 10px;
    top: 11px;
    color: #686868;
    cursor: pointer;
    width: 22px;
    height: 19px;
} */
#toggler_l {
    position: absolute;
    right: 0.521vw;
    top: 0.573vw;
    color: #686868;
    cursor: pointer;
    width: 1.146vw;
    height: 0.990vw;
}
.heslo {
    clear: both;
    text-align: left;
    width: 70%;

}
.heslo > span {
    color: #B8BACA;
    font-weight: lighter;
    font-size: 13px;

}

@media screen and (max-width:500px) {
    .heslo > span {
        font-size: 11px;
    }
}

.heading-sekcia {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid grey;
    padding-bottom: 10.5px;
}
.heading-sekcia > h3 {
    font-size: 32px;
    color: #2F3764;
    font-weight: 400;
    line-height: 43px;
}
.heading-sekcia-button {
    all: unset;
    margin-bottom: 2px;
    cursor: pointer;
    background-color: #00ADE9;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    color: white;
    height: auto;
    border-radius: 9px;
    padding: 8px 18px 8px 18px;
    box-shadow: inset 0 0 0 0 #00ade9;
    transition: linear 0.1s;
}
.heading-sekcia-button:hover {
    cursor: pointer;
    box-shadow: inset 190px 0 0 0 #2F3764;
}
.heading-sekcia-icon {
    margin-right: 7.4px;
}
.heading-sekcia-btn-span {
    margin-top: 4px !important;
}
.subory-cards {
    padding-top: 50px;
    padding-left: 22.5px;
    padding-right: 31px;
    display: flex;
}
.schopnosti-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}
.save-textarea {
    all: unset;
    background-color: #00ADE9;
    padding: .4rem 1rem;
    text-align: center;
    color: white;
    cursor: pointer;
    border-radius: 9px;
    margin-right: 1%;
}
.save-textarea:hover {
    background-color: #2F3764;
}
#save-close-textarea {
    display: flex;
    justify-content: center;
}
.close-textarea {
    all: unset;
    background-color: white;
    padding: .4rem 1rem;
    text-align: center;
    color: #A6A6A6;
    cursor: pointer;
    border-radius: 9px;
    border: solid 1px #A6A6A6;
    margin-left: 1%;
}
.close-textarea:hover {
    background-color: #A6A6A6;
    color: white;
}
.fb-icon-log {
    width: 15px;
    height: 31px;
    cursor: pointer;
    margin-left: 2%;
}
.li-icon-log {
    width: 31px;
    height: 31px;
    cursor: pointer;
    margin-left: 5%;
}
.pass-reg {
    padding-bottom: 1.38vh !important;
}
.new-input-surname {
    width: 90% !important;
    float: right;
}
.surname {
    position: relatives;
}
.surname-error {
    left: 28px;
    float: right;
    position: absolute;
    top: 35px;
}
.profile-div {
    position: relative;
    display: inline-block;
}
.profile-heading {
    font-size: 56px;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
    color: white;
    text-shadow: 0px 3px 6px rgb(0 0 0 / 50%);
    line-height: 74px;
}
.profile-heading:before {
    content: "";
    position: absolute;
    width: 47%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid white;
}
.profile-heading:after {
    content: "";
    position: absolute;
    width: 47%;
    height: 1px;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid white;
}
.profile-heading-icon {
    width: 22px !important;
    height: 29px;
    color: white;
    position: absolute;
    right: 48.5%;
    top: 69px;
}
.city-card {
    padding: 0.625vw;
    background-color: #A6A6A6;
    color: white;
    margin-right: 0.521vw;
    margin-bottom: 0.521vw;
    width: auto;
    height: 2.448vw;
    border-radius: 12px;
    line-height: 1.406vw;
    font-size: 1.042vw;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.11);
    transition: ease-in 0.2s;
}
.city-card-nonactive {
    padding: 0.625vw;
    background-color: #A6A6A6;
    color: white;
    margin-right: 0.521vw;
    margin-bottom: 0.521vw;
    width: auto;
    height: 2.448vw;
    border-radius: 12px;
    line-height: 1.406vw;
    font-size: 1.042vw;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
    -webkit-box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.11);
    transition: ease-in 0.2s;
}
.city-card:hover {
    background-color: #707070;
}
.city-card:hover .location-card-i {
    transform: scale(1.2);
    cursor: pointer;
}
#here {
    width: 16.094vw;
    display: flex;
    flex-wrap: wrap;
}
.add-city-input {
    width: 100%;
    height: 2.344vw;
    outline: #A6A6A6;
    border: 1px solid #A6A6A6;
    border-radius: 8px;
    padding: 0.573vw;
    margin-bottom: 1.042vw;
    font-size: 1.042vw;
}
.location-card-i {
    margin-left: 0.885vw;
    transition: ease-in 0.2s;
}
#save-edit-location {
    display: flex;
    justify-content: center;
    margin-top: 1.042vw;
}
.edit-location-icon {
    position: absolute;
    right: 4.427vw;
    height: 2.344vw;
}
.edit-location-icon:hover {
    cursor: pointer;
}
#save-edit-info {
    display: block;
    text-align: center;
    margin-top: 25px;
}
.edit-info-input {
    border-bottom: #242424 1px solid !important;
    color: #242424;
    padding: 3px 0px !important;
}
.err-small {
    color: #ff496b;
    text-align: left;
    font-size: 13px;
}
.heslo-s {
    display: none;
}
.left-text {
    text-align: left !important;
}
.rok-s {
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
    position: relative !important;
}
.result-row {
    display: flex;
    padding: 5px 0 !important;
    width: 100%;
}
.result-row:hover {
    cursor: pointer !important;
    background-color: #e7e7e7 !important;
}

.result::-webkit-scrollbar{
    width: 5px !important;
    background: transparent;
}
#city-choose {
    background: url(../img/select-arrow.svg) 0 0 no-repeat;
    background-position: 99% 11px;
}
.result::-webkit-scrollbar-thumb{
    background-color: #e7e7e7 !important;
}
.search-box {
    width: 69%;
}
.grecaptcha-badge {
    display: none;
}
@media screen and (max-width:550px) {
    .new-input-name {
        width: 100% !important;
    }
}

.bg-zmenit-heslo {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/registration-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: initial;
    height: 100vh;
}

@media screen and (max-width:500px) {
    .bg-zmenit-heslo {
        background-image: url(../img/registration-back.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

.box-zmena-hesla {
    max-width: 493px;
    height: auto;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 3rem 2rem;
    border-radius: 6px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.box-zmena-hesla h1 {
    font-size: 1.8rem;
    color: #2F3764;
    font-weight: 300;
    text-transform: uppercase;
    margin: .5rem;
}

.box-zmena-hesla h2 {
    font-size: 1.125rem;
    font-weight: lighter;
    color: #666666;
    border: none;
    margin-bottom: 1rem;
}

.box-zmena-hesla .zmena-success {
    margin: 2rem 0;
}

.box-zmena-hesla #toggler-zmena-hesla {
    width: 1.5rem;
    position: absolute;
    right: 0;
}

.box-zmena-hesla #toggler-zmena-hesla2 {
    width: 1.5rem;
    position: absolute;
    right: 0;
}

@media screen and (max-width:500px) {
    .box-zmena-hesla {
        border-radius: 0;
    }
}

.btn-zmenit-heslo {
    margin: auto;
    display: block;
    color: #fff;
    background-color: #1E983E;
    text-align: center;
    border-style: none;
    border-radius: 6px;
    padding: 11px 0 13px;
    font-size: 20px;
    line-height: 27px;
    cursor: pointer;
    transition: .2s;
    box-shadow: inset 0 0 0 0 #1e983e;
    transition:  0.5s;
}

.btn-zmenit-heslo:hover {
    box-shadow: inset 500px 0 0 0 #0F792B;
}

#redirect-zmena {
    max-width: 296px;
    background-color: #20acea;
    border-radius: 9px;
    padding: 10px 10px 10px;
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
    font-size: 20px;
    height: 59px;
    position: relative;
    box-shadow: inset 0 0 0 0 #20acea;
    transition: ease-in-out 0.2s;
}

#redirect-zmena a{
    text-decoration: none;
    color: inherit;
}

#redirect-zmena:hover {
    color: #fff;
    cursor: pointer;
    box-shadow: inset 296px 0 0 0 #2F3764;
}

#redirect-zmena:hover .bottom-btn-right-icon {
    position: absolute;
    right: 11px;
}
#redirect-zmena:hover .bottom-btn-left-icon {
    position: absolute;
    left: -20px;
}

#redirect-zmena:hover .profSaveAll-span {
    position: absolute;
    left: 3%;
}