/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-05-21, 12:42:53
    Author     : Robert
*/

@font-face {
    font-family: "Metropolis";
    font-weight: 100;
    src: url(../../fonts/Metropolis-Thin.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 200;
    src: url(../../fonts/Metropolis-ExtraLight.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 300;
    src: url(../../fonts/Metropolis-Light.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 400;
    src: url(../../fonts/Metropolis-Regular.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 500;
    src: url(../../fonts/Metropolis-Medium.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 600;
    src: url(../../fonts/Metropolis-SemiBold.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 700;
    src: url(../../fonts/Metropolis-Bold.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 800;
    src: url(../../fonts/Metropolis-ExtraBold.otf);
}

@font-face {
    font-family: "Metropolis";
    font-weight: 900;
    src: url(../../fonts/Metropolis-Black.otf);
}

a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: none;
}

p {
    font-family: "Metropolis", sans-serif;
}

h1 {
    font-family: "Metropolis", sans-serif;
    font-weight: 700;
}

h2 {
    font-family: "Metropolis", sans-serif;
    padding-top: 40px;
}

h3 {
    font-family: "Metropolis", sans-serif;
}

h5 {
    font-family: "Metropolis", sans-serif;
}

h6 {
    font-family: "Metropolis", sans-serif;
}

ul {
    font-family: "Metropolis", sans-serif;
    font-weight: 100;
    font-size: 13px;
    list-style-image: url('../../image/images/blue_dot.png');
    padding-top: 19px;
}

li {
    padding-bottom: 20px;
}

label {
    font-family: "Metropolis", sans-serif;
}

input {
    font-family: "Metropolis", sans-serif;
    box-shadow: none !important;
}

button {
    box-shadow: none !important;
}

.logo1 {
    height: 54px;
    width: 175px;
    margin-left: 0;
}

.button_color {
    background-color: #4C9AF1;
    border: none;
}

.carousel_padding_bottom_h1 {
    color: #FFFFFF;
    font-family: "Metropolis", sans-serif;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 40px;
    margin-bottom: 0;
}

.carousel_padding_bottom_benefits {
    color: #000000;
    font-family: "Metropolis", sans-serif;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0;
}



.carousel_margin_bottom_p {
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 40px;
}

.carousel_margin_bottom_benefits {
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 40px;
    color:#000000;
}

.button_dimensions {
    height: 55px;
    width: 255px;
    margin-bottom: 40px;
}

.button_dimensions_2 {
    /* height: 55px;
     width: 200px;*/
    margin-bottom: 20px;
    width: auto;
}

.button_dimensions_aplikuj {
    /*height: 55px;
    width: 30%;*/
    margin-bottom: 40px;
}

.button_dimensions_3 {
    /*height: 55px;
    width: 90%;*/
    margin-bottom: 20px;
    margin-left: 35px;
    width: auto;
}

.button_dimensions_4 {
    height: 55px;
    width: auto;
    margin-bottom: 20px;

}

.button_dimensions_5 {
    height: 55px;
    width: auto;
    margin-bottom: 20px;
    margin-left: 45px;
}

.button_dimensions_6 {
    height: 40px;
    width: 100px;
}

.icones_social {
    height: 30px;
}

.margin_capcha {
    margin-left: 55px;
}

.kontakt_shadow {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    width: 850px;
}

.button_dimensions_social {
    height: 40px;
    width: 70%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.button_font_social {
    font-size: 11px;
    font-weight: 600;
    line-height: 25px;
}

.button_dimensions_7 {
    height: 52px;
    width: 231px;
    border: none;
}

.button_dimensions_7:hover {
    background-color: #202432;
}

.button_font_size2 {
    font-size: 14px;
    padding-bottom: 10px;
}

.button_font_size {
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    /*line-height: 40px;*/
    text-align: center;
}

.padding_button_1 {
    padding: 15px 60px 15px 60px;
}

.padding_button_2 {
    padding: 15px 58px 15px 58px;
}

.padding_button_3 {
    padding: 15px 20px 15px 20px;
}

.padding_button_4 {
    padding: 15px 126px 15px 126px;
}

.padding_button_5 {
    padding: 12px 36px 12px 36px;
}

.padding_button_6 {
    padding: 15px 36px 15px 36px;
}

.padding_button_7 {
    padding: 15px 114px 15px 114px;
}

.padding_button_8 {
    padding: 15px 126px 15px 126px;
}

.padding_button_9 {
    padding: 15px 149px 15px 149px;
}

.logo_fit {
    object-fit: contain;
    border-radius: 5%;
}

.button_font_location {
    margin-top: 7px;
}

.button_font_size_dodaj_ogloszenie {
    font-size: 14px;
    font-weight: 600;
    font-family: "Metropolis", sans-serif;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 15px;
    width: auto;
    border: none;
}

.button_witaj {
    font-family: "Metropolis", sans-serif;
    color: #FAFAFC;
}

.button_border {
    border-color: #4cbbf1;
    color: white;
}

.button_color:hover {
    background-color: #202432;
}

.margin_menu {
    margin-left: 20px;
    margin-right: 60px;
}

.body_color {
    background-color: #f9fafc;
}

.body_color_2 {
    background-color: white;
}

.feature_color {
    background-color: white;
    margin-bottom: -16px;
}

.jak_to_dziala {
    padding-bottom: 91px;
    padding-top: 27px;
}

.three {
    background-color: white;
    border-radius: 5px;
    height: 403px;
}

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

.three_p_FS {
    font-size: 14px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.margin_h6 {
    margin-left: 20px;

}

.white_box_introduction {
    padding-top: 15px;

}

.h6_font_weight {
    font-weight: 700;
}

.margin_threep {
    margin-left: 10px;
    padding-right: 30px;
    width: 360px;

}

.ul_padding_right {
    padding-right: 20px;
}

.round_position {
    position: relative;
    top: -25px;

}

.round_oval {
    border-style: solid;
    border-width: 2px;
    border-color: #d2eefb;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: auto;
}

.round_circle {
    background-color: #4cbbf1;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-top: 13px;
}

.round_circle:hover {
    background-color: #28293a;
}

.round_text_color {
    color: white;
    padding-top: 10px;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.recruitment {
    margin-bottom: 70px;
}

.recut_button {
    padding-top: 80px;
    padding-bottom: 70px;
}

.recut_button3 {
    padding-top: 40px;
    padding-bottom: 65px;
}

.footer_color {
    background-color: #202432;
    height: 150px;
}

.footer_color_home {
    background-color: white;
    margin-top: -16px;
}

.footer_color_home.footer_home_height {
    height: auto;
}

.footer_logo {
    margin-top: 80px;
}

.featurette_margin {
    padding-top: 90px;
}

.zobacz_jak {
    padding-top: 80px;
    padding-bottom: 64px;
}

.feature {
    padding-top: 15px;
    font-size: 15px;
}

.rekrutuja_firmy {
    margin: auto;
    height: 87px;
    width: 165px;
    border: solid 1px;
    border-color: #f6f6f6;
    border-radius: 15px;
}

.newsletter_image {
    background-image: url('../../image/newsletter/newsletter.jpg');
    height: 435px;

}

.social {
    padding-top: 90px;
    float: right;
    padding-left: 72px;
}

.social_IN {
    padding-left: 15px;
}

.newsletter_heading {
    padding-top: 100px;
}

.newsletter_text {
    padding-top: 43px;
    padding-bottom: 80px;
}

.newsletter_width {
    height: 55px;
    width: 400px;
    margin: auto;
}

.newsletter_color {
    color: white;
}

.newsletter_button {
    background-color: #202432;
    border-color: #202432;
    color: white;
}

.footer_second {
    background-color: white;
    color: white;
    height: 93px;
}

.footer_second_margin {
    margin-left: 60px;
    padding-top: 36px;
    margin-bottom: -3px;
}

/*.site-index{
    background-color: white;
}*/
/*Menu */

.main_navigation {
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: white;
}

.white_background {
    color: black;
}

/*.main_navigation_hover:hover{
    border-bottom-color: #9096b6;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 100px;
}*/

.nav_height {
    height: 90px;
}

.font_nav {
    font-size: 15px;
}

.dropdown-item_color {
    padding-left: 20px;
    padding-right: 20px;
    color: black;
    text-decoration: none;
}

.dropdown-divider2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.dropdown-item_color:hover {
    color: #4C9AF1;
    text-decoration: none;
}

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

.background_home_menu {
    background-color: transparent;
    border-bottom: 1px solid white;
    opacity: 0.15;
}

/* Logowanie Kandydata */

.button_pl_logowanie {
    border-color: #4cbbf1;
    color: black;
}

.button_pl_logowanie:hover {
    background-color: #4cbbf1;
}

.button_dimension_3 {
    height: 55px;
}

.button_dimension_4 {
    width: 55px;
}

.log_margin {
    margin-top: 192px;
}

.white_box_log {
    width: 390px;
    margin: auto;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
}

.logowanie_kandydata {
    text-align: left;
    padding-top: 28px;
    padding-left: 25px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Metropolis", sans-serif;
}

.adres_e-mail {
    padding-top: 20px;
    text-align: left;
    padding-left: 25px;
    letter-spacing: 0.015em;
    color: #9096B6;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;

}

.haslo {
    padding-top: 20px;
    text-align: left;
    padding-left: 25px;
    letter-spacing: 0.015em;
    color: #9096B6;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;

}

.border_logowanie {
    width: 90%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    color: #28293A;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
}

.border_logowanie_text {
    width: 90%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border: 1px solid #dedede;
    outline: none;
    color: #28293A;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
}

.border_logowanie2 {
    width: 78%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 10px;

}

.accept {
    background-image: url('../../image/icones/accept.png');
    background-repeat: no-repeat;
    background-position: top right;
}

.error {
    background-image: url('../../image/icones/error.png');
    background-repeat: no-repeat;
    background-position: top right

}

.logowanie_div {
    color: #646464;
    padding-right: 15px;
}

.logowanie_div:focus {
    color: #4cbbf1;
}

.border_logowanie:hover {
    border-bottom: 1px solid #4cbbf1;
}

.border_logowanie_text:hover {
    border: 1px solid #4cbbf1;
}

.resetuj {
    padding-top: 5px;
    padding-left: 25px;
    color: #202432;
    font-family: "Metropolis", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.zaloguj {
    padding-top: 15px;
}

.button_dimension_5 {
    /* margin:auto;*/
    /* height: 55px;*/
    background-color: #4C9AF1;
    /*width:86%;*/
    margin-top: 0;
    border: none;
    width: auto;
}

.recut_button2 {
    padding-top: 5px;
    padding-bottom: 12px;
}

.recut_button3 {
    padding-bottom: 12px;
}

.lub {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.015em;
}

.hr_position {
    margin: 10px 28px 0 28px;
}

.button_color_fb {
    background-color: #4368b3;
}

.fb_position {
    margin-right: 30px;
}

.zarejestruj_sie {
    padding-bottom: 35px;
    color: #202432;
    font-family: "Metropolis", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.przekierowanie {
    text-decoration: none;
}

.przekierowanie:hover {
    text-decoration: none;
}

/* Rejestracja Kandydata */

.step_circle {
    margin-top: 170px;
}

.hr_right {
    float: right;
}

.hr_left {
    float: left;
}

.hr_steps {
    margin: 10px 0 0 0;
    width: 175px;

}

.width_right {
    width: 590px;
}

.width_left {
    width: 590px;
}

.rej_margin {
    margin-top: 40px;
    margin-bottom: 80px;
}

.black_round_circle {
    background-color: #28293a;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-top: 13px;
}

.grey_round_circle {
    background-color: #d2d2d2;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: auto;
    margin-top: 13px;
}

.rej_button_margin {
    margin-top: 20px;
}

.button_pomin {
    background-color: #4C9AF1;
    border: 1px #4C9AF1;
    color: white;
    margin-bottom: 10px;
}

.button_pomin:hover {
    background-color: #202432;
}

.text_rej {
    width: 86%;
    margin: 25px;
    border-color: #4cbbf1;
}

.accept_box {
    border-style: solid;
    border-width: 1px;
    border-color: #d2d2d2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 25px;
    margin-top: 0;
}

.row_accept {
    margin-left: 0;
}

.akceptuje {
    padding-top: 20px;
    font-size: 12px;
    padding-left: 25px;
    margin-top: -18px;
}

/*strona główna*/

.wyszukiwarka_glowna {
    height: 75px;
    width: 51.1%;
    margin: auto;
}

.wyszukiwarka_button {
    background-color: #4C9AF1;
    border: none;
    color: white;
    width: 195px;
    vertical-align: middle;
    margin: 0 auto;
    display: table-cell;
    padding-top: 13px;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    transition-duration: 0.3s;
}

.side_menu {
    background-color: white;
    width: 265px;
    border-radius: 5px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.side_menu.height_kategoria {
    height: 475px;
}

.side_menu.height_forma {
    height: 215px;
}

.side_menu.height_poziom {
    height: 273px;
}

.side_menu.height_lokalizacja {
    height: 455px;
}

.oferty {
    background-color: white;
    height: 100px;
    width: 909px;
    height: 1500px;
    border-radius: 5px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.ulubione {
    background-color: white;
    height: 100px;
    width: 990px;
    height: 600px;
    border-radius: 5px;
    margin-left: 260px;
    margin-top: 190px;
    margin-bottom: 300px;
}

.naglowek_side_menu {
    font-size: 18px;
    padding-left: 30px;
    padding-top: 30px;
    margin-bottom: 35px;
    color: #282939;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    float: left;
}

.medium_circle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
    border-color: #9096b6;
    position: absolute;
    margin-top: 30px;
}

.medium_circle.margin_kategoria {
    margin-left: 100px;
}

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

.medium_circle_dwa {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #9096b6;
}

.medium_circle_dwa.margin_dwa {
    /* margin-left: 20px;*/
}

.what_skills {
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.margin_top_skils {
    margin-top: 5px;
}

.box {
    display: inline-block;
}

.margin_side_menu {
    margin-top: 30px;
}

.decoration_side_menu {
    text-decoration: none;
    color: black;
}

.decoration_side_menu:hover {
    text-decoration: none;
    color: black;
}

.pod_kategorie {
    position: absolute;
    margin-left: 12px;
}

.small_circle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 2px;
    border-color: #9096b6;
}

.small_circle.glowne {
    margin-left: 30px;
}

.small_circle.poboczne {
    margin-left: 50px;
}

.small_circle.full {
    background-color: #9096b6;
}

.big_circle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-width: 2px;
    border-color: #9096b6;
}

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

.serce1 {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.margin_pod_kategorie {
    margin-bottom: 5px;
}

.logo_firma {
    width: 100px;
    height: 100px;
    margin: 20px 30px 20px 20px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.05);
    /* margin-top: 30px;*/
}

.logo_firma.tlo {
    background-color: #1b2e58;
}

.logo_firma.tlo2 {
    background-color: #349eed;
}

.oferta {
    position: relative;
    height: 140px;
    border-bottom: #dfdfe2 solid 1px;
    width: auto;
    margin: 0;
    background-color: white;

}

.oferta:hover {
    position: relative;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    z-index: 5;
}

.oferta_ulubiona {
    height: 150px;
    border-bottom: #dfdfe2 solid 1px;
    width: 990px;
    margin: 0;
}

.pierwszy_rzad {
    height: auto;
}

.tytul {
    font-size: 18px;
    /*margin-left: 20px;*/
    font-weight: 500;
    margin-top: 30px;
    width: 300px;
    color: #28293A;
}

.liczba_pierwsza {
    margin-top: 32px;
    margin-left: 85px;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #306BAC;
}

.liczba_pierwsza2 {
    margin-top: 32px;
    margin-left: 200px;
    font-size: 16px;
}

.forma_zarudnienia {
    margin-top: 32px;
}

.forma_button {
    font-size: 11px;
    background-color: #202432;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #9096b6;
    color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
}

.forma_button2 {
    font-size: 11px;
    background-color: #202432;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #9096b6;
    color: #ffffff;
    padding: 5px 10px;
    text-decoration: none;
}

.fiirst_word {
    /* margin-left: 20px; */
}

.second_word {
    margin-left: 3px;
}

.dot_circle {
    border-radius: 50%;
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #9096b6;
    background-color: #9096b6;
}

.dot_circle.margin_dot {
    margin-left: 5px;
}

.dot_circle.margin_dot2 {
    margin-left: 50px;
}

.margin_doswiadczenie {
    margin-left: 10px;
    font-size: 12px;
}

.button_skills {
    font-size: 12px;
    background-color: #eeeff4;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #eeeff4;
    color: #000000;
    padding: 5px 10px;
    text-decoration: none;
}

.skills_margin {
    margin-left: 235px;
}

.skills_margin2 {
    margin-left: 340px;
}

.laduj_wiecej {
    margin-top: 40px;
    margin-bottom: 100px;
}

.button_color_wiecej {
    background-color: #4C9AF1;
    border: none;
}

.button_color_wiecej:hover {
    background-color: #202432;

}

.event {
    padding-top: 100px;
}

.event_margin {
    margin-top: 30px;
    margin-bottom: 120px;
}

.zalety {
    margin-bottom: 120px;
}

.margin_events {
    padding-top: 70px;
}

.events {
    width: 360px;
    height: 240px;
    margin-left: 10px;
    border-radius: 5px;
    border-style: none;
    border-width: 1px;
    /*border-color: #9096b6;*/
    background-color: #469BEA;
}

.events.color_pierwszy {
    background-color: #4C9AF1;
}

.events.color_drugi {
    background-color: #202432;
}

.events.color_trzeci {
    background-color: #28293a;
}

.events_name {
    margin-left: 40px;
    margin-top: 30px;
    color: #FAFAFC;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.events_time {
    padding-left: 40px;
    padding-top: 110px;;
    color: #FFFFFF;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.events_adress {
    padding-left: 40px;
    padding-top: 5px;
    color: #FFFFFF;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.help_color {
    background-color: #9096b6;
}

.help_text_color {
    color: black;
}

.help_heading {
    padding-top: 80px;
}

.help_button_color {
    border-color: #ffffff;
    background-color: transparent;
}

.help_button_color:hover {
    background-color: transparent;
    border-color: #ffffff;
}

.border_nav {
    border-bottom: 5px solid red;
}

.logo_oferta {
    display: block;
    margin: 0 auto;
    padding-top: 25%
}

.foot_color {
    color: #28293A;
}

.foot_color.naglowek_foot {
    font-size: 16px;
    font-weight: 600;
    margin-top: 80px;
    margin-left: 60px;
    font-family: "Metropolis", sans-serif;
}

.foot_color.podstrony_foot {
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.foot_color.podstrony_foot.podstrony_foot_margin {
    margin-top: 30px;
    margin-left: 60px;
}

.foot_color.podstrony_foot.podstrony_foot_margin2 {
    margin-top: 10px;
    margin-left: 60px;
}

.regulamin_color {
    color: #28293A;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.regulamin_color.regulamin_margin {
    margin-left: 60px;
    margin-top: 10px;

}

/*Aplikuj*/

.card_aplikuj {
    margin-top: 190px;
    margin-bottom: 100px;
    width: 750px;
    background-color: white;
    border-radius: 5px;
    height: 2000px;
    margin-left: auto;
    margin-right: auto;
}

.aplikuj_czcionka {
    font-weight: 500;
    color: #646464;
    font-size: 12px;
}

.aplikuj_czcionka.margin_aplikuj {
    padding-top: 40px;
    margin-left: 40px;
}

.aplikuj_stanowisko {
    font-family: "Metropolis", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 56px;
}

.aplikuj_stanowisko.margin_stanowisko {
    margin-left: 40px;
    margin-right: 40px;
}

.aplikuj_stanowisko.margin_stanowisko2 {
    margin-top: 30px;
    margin-left: 40px;
}

.nazwa_firmy {
    margin-left: 40px;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.strona_firmy {
    margin-left: 3px;
    color: blue;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.sektor_label {
    height: 157px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0
}

.sektor_dane_personalne {
    height: 382px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0
}

.dane_personalne_tytul {
    font-weight: 500;
    font-size: 18px;
}

.dane_personalne_tytul.margin_dane_personalne {
    margin-top: 40px;
    margin-left: 40px;
}

.row_dane_personalne {
    margin-left: auto;
    margin-top: 10px;
}

.label_input_dane {
    padding-top: 20px;
    text-align: left;
    padding-left: 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #646464;
    font-family: "Metropolis", sans-serif;
}

.label_input_dane2 {
    padding-top: 40px;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.015em;
}

.label_input_dane2.margin_label_dane2 {
    margin-left: 20px;
}

.label_input_dane3 {
    padding-top: 20px;
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.015em;
}

.sektor_twoja_aplikacja {
    height: 845px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0
}

.twoja_aplikacja_tytul {
    font-weight: 500;
    font-size: 18px;
}

.twoja_aplikacja_tytul.twoja_aplikacja_margin {
    margin-top: 40px;
    margin-left: 40px;
}

.row_twoja_aplikacja {
    margin-left: 20px;
    margin-top: 10px;
}

.row_twoja_aplikacja2 {
    margin-left: auto;
    margin-top: 10px;
}

.row_twoja_aplikacja3 {
    margin-left: 20px;
}

.border_twoja_aplikacja {
    width: 90%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 10px;
}

.input_twoja_aplikacja {
    width: 78%;
    height: 50px;
    margin-left: 25px;
    margin-top: 10px;
}

.text_rej_aplikuj {
    width: 89%;
    margin-left: 25px;
    border-color: #4cbbf1;
}

.button-width {
    width: 140px;
}

.CV_color {
    background-color: #4C9AF1;
    color: white;
    border: none;
}

.CV_color:hover {
    background-color: #202432;
    color: white;
    border: none;
}

.socialmedia_color {
    background-color: #4C9AF1;
    color: white;
    border: none;
}

.socialmedia_color:hover {
    background-color: #202432;
    color: white;
    border: none;
}

.radio_buttons_trzy {
    margin-left: 40px;
}

.radio_buttons_trzy2 {
    margin-left: 70px;
}

.sektor_zgody_administracyjne {
    height: 340px;
    /*border-bottom: #dfdfe2 solid 1px;
    margin: 0*/
}

.zgody_administracyjne_aplikacja_tytul {
    font-weight: 500;
    font-size: 18px;
}

.zgody_administracyjne_aplikacja_tytul.zgody_administracyjne_margin {
    margin-top: 40px;
    margin-left: 40px;
}

.zgoda_margin {
    margin-right: 50px;
    text-align: justify;
}

/* radio_button */
.container_radio {
    display: block;
    position: relative;
    padding-left: 68px;
    margin-bottom: 12px;
    margin-top: 30px;
    padding-top: 2px;
    cursor: pointer;
    color: #28293A;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-weight: 500;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: 40px;
    height: 16px;
    width: 16px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #B9B9B9;
}

/* On mouse-over, add a grey background color */
.container_radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container_radio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container_radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container_radio .checkmark:after {
    top: 6px;
    left: 6px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2196F3;
}

/*oferta*/

.oferty2 {
    background-color: white;
    /*margin-top: 190px;*/
    height: 100px;
    width: 850px;
    height: 1920px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.label_1 {
    font-size: 12px;
    font-weight: 600;
}

.label_1.position_1 {
    margin-top: 50px;
}

.label_2 {
    font-size: 15px;
    font-weight: 600;
    font-family: "Metropolis", sans-serif;
}

.label_2.position_2 {
    margin-top: 10px;
}

.sekcja_cechy {
    height: 100px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0
}

.label_1.position_3 {
    margin-top: 30px;
    margin-left: 40px;
}

.label_2.position_4 {
    margin-top: 5px;
    margin-left: 40px;
}

.cechy_border {
    border-right: #dfdfe2 solid 1px;
    height: 100px;
}

.sektor_umiejetnosci {
    height: 300px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0
}

.opis_oferty {
    font-weight: 600;
    font-size: 18px;
}

.opis_oferty.opis_ferty_margin {
    margin-top: 40px;
    margin-left: 40px;
}

.tresc_oferty {
    margin-top: 40px;
    margin-left: 40px;
    font-size: 15px;
    margin-right: 50px;
    font-family: "Metropolis", sans-serif;
    font-weight: 300;
}

.naglowek_oferty {
    margin-top: 40px;
    margin-left: 40px;

    font-size: 15px;
    font-weight: 600;
}

.naglowek_oferty2 {
    margin-top: 20px;
    margin-left: 45px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}

.li_margin {
    margin-left: 12px;
}

.serce {
    margin-left: 30px;
    margin-top: 45px;
}

.oferty3 {
    background-color: white;
    width: 90%;
    height: 233px;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-left: 35px;
}

.fb_button_color {
    border-color: #ceced1;
    background-color: transparent;
    color: #4a67a0;
}

.fb_button_color:hover {
    border-color: #ceced1;
    background-color: transparent;
    color: #4a67a0;
}

.tw_button_color {
    border-color: #ceced1;
    background-color: transparent;
    color: #1da1f2;
}

.tw_button_color:hover {
    border-color: #ceced1;
    background-color: transparent;
    color: #1da1f2;
}

.sb_oferta {
    margin-left: 90px;
}

.icone_position {
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*ulubione_oferty*/

.scrollbar {
    background-color: #202432;
    float: left;
    height: 300px;
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 40px;
    width: 65px;
    overflow-y: scroll;
}

.force-overflow {
    min-height: 450px;
}

#style-1::-webkit-scrollbar {
    width: 6px;
    background-color: #202432;
}

#style-1::-webkit-scrollbar-thumb {
    background-color: #202432;
}

.sidenav {
    height: 100%;
    width: 230px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #202432;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 20px;
    color: #fafafc;
}

/*.sidenav_powitanie{

    height: 221px;
    border-bottom: #dfdfe2 solid 1px ;
    margin: 0;
    border-color:rgba(255,255,255, 0.2);
    padding-top: 20px;
}*/

.sidenav_pozegnanie {
    margin-top: 50px;
    padding-top: 28px;
    border-top: #dfdfe2 solid 1px;
    border-color: rgba(255, 255, 255, 0.2);
    padding-top: 20px;

}

/*.powitanie{
    padding-top: 150px;
    margin-left: 15px;
    font-size: 14px;
}*/

.sidenav_naglowek {
    padding-top: 30px;
    font-size: 14px;
    margin-left: 15px;
    color: #ffffff;
    margin-top: 25px;
    font-weight: 500;
}

.sidenav a {
    padding: 8px 8px 8px 15px;
    text-decoration: none;
    font-size: 12px;
    color: #fafafc;
    display: block;
    transition: 0.3s;
}

.sidenav a :hover {
    color: #4cbbf1;
}

.napis_panel {
    font-size: 14px;
    margin-bottom: 20px;
}

/* moje_aplikacje*/

.moje_a {
    margin-left: 264px;
    margin-top: 130px;
}

.moje_a1 {
    margin-left: 264px;
}

.moje_table {
    margin-top: 43px;
    width: 95%;
}

.moje_button {
    height: 50px;
    width: 20%;
}

.ptaszek::after {
    margin-left: 40px;
}

.filtrowanie {
    color: white;
    width: auto;
}

.input_height {
    height: 52px;
}

/*ustawienia_twojego_konta*/

.white_box_utk {
    width: 66%;
    height: 293px;
    background-color: white;
    border-radius: 5px;
}

.margin_top_utk {
    margin-top: 40px;
    margin-left: 205px;
}

margin_top_utk_2 {
    margin-top: 40px;
}

.margin_utk {

    margin-left: 260px;
}

.margin_utk2 {
    margin-left: 20px;
}

.border_logowanie3 {
    width: 90%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 10px;

}

.utk_buttons {
    margin-top: 30px;

}

.utk_inline {
    float: left;
}

.button_uk {
    background-color: rgba(0, 0, 0, 0);
    border-color: #202432;
    color: black;
}

.button_uk:hover {
    background-color: #202432;
}

.font_ustawienia {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

/*edytuj_profil*/

.white_box_ep {
    width: 66%;
    height: 630px;
    background-color: white;
    border-radius: 5px;
}

.white_box_ep2 {
    width: 66%;
    height: 550px;
    background-color: white;
    border-radius: 5px;
}

.input_wybierz_plik_ep {
    width: 90%;
    /*height: 50px;*/
    margin-left: 25px;
    margin-top: 10px;
}

.text_rej_edytuj {
    width: 89%;
    margin-left: 25px;
    height: 250px;
    border-color: #4cbbf1;
}

.dodaj_wiecej_ep {
    float: right;
    color: #4C9AF1;
    margin-right: 50px;
}

/*dodaj_ofertę_pracy*/

.dropdown_oferta_pracy {
    border: solid 1px;
    border-color: #dedede;
    margin-left: 20px;
    height: 50px;
    color: #202432;
    width: 40%;
    text-align: left;

}

.dropdown_oferta_pracy:hover {
    background-color: #4cbbf1;
    border-color: #4cbbf1;
}

.white_box_dodaj_oferte {
    width: 66%;
    height: 440px;
    background-color: white;
    border-radius: 5px;
}

.white_box_dodaj_oferte2 {
    width: 66%;
    height: 440px;
    background-color: white;
    border-radius: 5px;
}

.white_box_dodaj_oferte3 {
    width: 66%;
    height: 360px;
    background-color: white;
    border-radius: 5px;
}

.margin_do {
    margin-left: 58px;
    margin-top: 30px;
    padding-left: 15px;
    width: 93.3%;
}

.text_rej_edytuj2 {
    width: 95%;
    margin-left: 10px;
    height: 250px;
    border-color: #4cbbf1;
}

/*aplikuj_na_staniowsko*/
.card_aplikuj_praca {
    margin-top: 190px;
    margin-bottom: 100px;
    width: 750px;
    background-color: #202432;
    border-radius: 5px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

.strona_firmy_praca {
    margin-left: 3px;
}

.sektor_aplikuj_na_stanowsko {
    height: auto;
    border-bottom: #414551 solid 1px;
    margin: 0
}

.sektor_label_apliku_na_stanowisko {
    height: 157px;
    border-bottom: #414551 solid 1px;
    margin: 0
}

.tresc_oferty_apliku_na_stanowisko {
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 40px;
    font-size: 15px;
    margin-right: 50px;
    color: white;
}

.button_color_zaloz_konto {
    color: black;
    background-color: white;
}

.margin_aplikuj_na_stanowisko {
    margin-top: 60px;
}

.margin_aplikuj_na_stanowisko2 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.trzecia_sekcja {
    background-color: white;
}

.trzecia_sekcja_text_color {
    color: black;
}

/*Moje aplikacje*/

.blue_naglowek {
    border-color: #4C9AF1;
    background-color: #4C9AF1;
    color: white;
}

.white_szczegoly {
    background-color: white;
}

.moje_aplikacje_tytul {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
}

.moje_aplikacje_rodzaj {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
}

.moje_aplikacje_szczegoly {
    font-weight: 500;
    font-size: 12px;
}

.szczegoly_margin {
    margin-top: -30px;
}

.szczegoly_border {
    border-left: 1px solid #dee2e6;
}

.szczegoly_border_bottom {
    border-bottom: 1px solid #dee2e6;
}

.szczegoly_width {
    width: 33%;
}

.tabela_wiersz:hover {
    background-color: white;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
}

.szczegoly_wspolczynik_konwersji {
    color: #4cbbf1;
    font-size: 54px;
    font-weight: 900;
}

.szczegoly_font_color {
    color: #dee2e6;
}

/*dashboard*/

.moja_aktywnosc {
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 40px;
}

.moje_d {
    margin-left: 260px;
    margin-top: 190px;
}

.moje_d2 {
    margin-left: 260px;
    margin-top: 40px;
}

.white_box_dashboard {

    margin-right: 15px;
    margin-left: 15px;
    height: 260px;
    background-color: white;
    border-radius: 5px;
}

.white_box_dashboard_1 {
    margin-right: 15px;
    margin-left: 15px;
    height: 260px;
    background-color: white;
    border-radius: 5px;
}

.white_box_dashboard2 {

    margin-right: 15px;
    margin-left: 15px;
    height: auto;
    background-color: white;
    border-radius: 5px;
}

.blue_big_font {
    margin-top: 60px;
    color: #4cbbf1;
    font-size: 54px;
    font-weight: 900;
}

.dashboard_font_box {
    font-weight: 900;
    font-size: 18px;
}

.margin_top_dashboard {
    margin-top: 40px;
}

.margin_dashboard_box_actualnosc {
    margin-top: 35px;
    color: #9096B6;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.font_skills {
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #646464;
}

.oferta_miejsce {
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.home_margin {
    margin-top: 0;
}

.font_wydarzenia {
    color: #02246A;
    font-family: "Metropolis", sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 70px;
    margin-top: -24px;
}

/*menu*/

.shadow-coder {
    box-shadow: 0 0.4rem 0.3rem rgba(0, 0, 0, 0.1) !important;
}

/*wyszukiwarka-fix*/

.search-form-menu {
    height: 52px;
    width: 250px;
    border: 1px solid #232323;
    background-color: #FFFFFF;
    border-radius: 3px 0 0 3px;
    opacity: 0.15;
    margin-left: 40px;
}

.search-form-menu::placeholder {
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    padding-left: 19px;
}

.search-button-menu {
    height: 52px;
    width: 52px;
    background-color: #4C9AF1;
    color: #FFFFFF;
    border: none;
    float: right;
    border-radius: 0 3px 3px 0;
}

.search-button-menu:hover {
    background-color: #202432;
}

/*serce*/
.marginesy_serce {

}

/*footer_copyright*/
.copyright {
    opacity: 0.8;
    color: #28293A;
    font-family: "Metropolis", sans-serif;
    font-size: 13px;
}

/*hr_style*/
.hr_style {
    margin: 0;
}

/*.hr_margin_hp{
  margin-top: 78px;
}*/

/*panel*/
.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

button {
    background-color: transparent;
    border: none;
    width: 100%;
    cursor: pointer;
}

.sektor_label_2 {
    height: 105px;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0;
}

/*kontakt*/

.kontakt_label {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin-left: 25px;
    line-height: 110px;
}

.kontakt_label_2 {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 40px;
    line-height: 110px
}

.margin_row_napisz_do_nas {
    margin-right: 10px;
    margin-left: 0;
}

.label_input_kontakt {
    text-align: left;
    padding-left: 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.015em;
    color: #646464;
    font-family: "Metropolis", sans-serif;
}

.margin_kontakt_2 {
    margin-top: 30px;
    padding-bottom: 10px;
}

.margin_kontakt_3 {
    margin-top: 20px;
    padding-bottom: 10px;
}

.margin_kontakt_4 {
    padding-bottom: 40px;
}

.margin_kontakt {
    margin-top: 30px;
    margin-left: 15px;
}

.input_style_kontakt {
    height: 52px;
    width: 43%;
    margin-left: 25px;
}

.sektor_napiszdonas {
    height: auto;
    border-bottom: #dfdfe2 solid 1px;
    margin: 0;
    padding-top: 30px;
}

.text_napiszdonas {
    width: 89%;
    margin-left: 25px;
    border-color: #4cbbf1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.zgody_napisy {
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.napiszdonas {
    background-color: white;
    margin-top: 190px;
    width: 850px;
    height: auto;
    border-radius: 5px;
    margin-bottom: 40px;
}

.oferty_napiszdonas {
    background-color: white;
    margin-top: 190px;
    height: auto;
    width: 240px;

    border-radius: 5px;
    margin-bottom: 40px;
    margin-left: 45px;
}

.oferty_napiszdonas2 {
    background-color: white;
    margin-top: 20px;
    height: auto;
    width: 240px;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-left: 45px;
}

.dane_kontaktowe {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 25px;
    padding-top: 20px;
}

.dane_kontaktowe2 {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-left: 25px;
    padding-top: 5px;
}

.dane_kontaktowe3 {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 900;
    margin-left: 25px;
    padding-top: 20px;
}

.dane_kontaktowe4 {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 900;
    margin-left: 25px;
    padding-top: 25px;
    color: #40BDED;
}

.dane_kontaktowe5 {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 900;
    margin-left: 25px;
    padding-top: 5px;
    padding-bottom: 20px;
    color: #40BDED;

}

/*wizytówka*/

.zdjecie_w_tle {
    margin-top: 121px;
    height: 500px;
    width: auto;
    background-color: #4CBBF1;
}

.miejsce_na_logo {
    height: 180px;
    width: 180px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 306px;
    border: 4px solid #FFFFFF;
}

.sector_row {
    border-bottom: #dfdfe2 solid 1px;
}

.sector_1 {
    border-right: #dfdfe2 solid 1px;
    height: auto;
    float: right;
    padding-right: 225px;
}

.sector_2 {

    height: auto;
}

.sector_3 {

    height: auto;
}

.sector_col {
    padding-bottom: 40px;
    border-right: #dfdfe2 solid 1px;
}

.sector_1_nazwa {
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 28px;
    font-weight: 600;
    padding-top: 30px;
  padding-bottom: 20px;
    position: absolute;
    right: 0;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    max-width: 300px;
}

.sector_2_nazwa {
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding-top: 40px;

}

.wizytowka_width {
    /* width:848px;*/
    margin-left: -150px;
}

.wizytowka_width2 {
    width: 848px;
    margin-left: 250px;
}

.label_wizytowka {
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 56px;
}

.wizytowka_tresci {
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 60px;
}

.wizytowka_tlo_oferty {
    background-color: #F9FAFC;
    width: 1900px;
    margin-left: -395px;
    padding-bottom: 121px;

}

.wizytowka_padding {
    padding-top: 40px;
    padding-bottom: 20px;
}

.wynagrodzenie_wizytowka {
    color: #5A5C7D;
    font-family: "Metropolis", sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-top: 32px;
}

.oferta_miejsce {
    color: #646464;
    font-family: "Metropolis", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.miejsce_margin {
    margin-left: 20px;
}

.miejsce_margin2 {
    margin-left: 6px;
}

.font_skills {
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #646464;
}

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

.oferty_wizytowka {
    background-color: white;
    width: 850px;
    height: auto;
    border-radius: 5px;
}

.offer-counter {
    color: #ffffff;
    font-weight: 900;
}

.event a:hover {
    text-decoration: none;
}

.cztery {
    background-color: white;
    margin-top: 70px;
}

.czteryjeden {
    font-family: Metropolis, sans-serif;
    font-size: 60px;
    font-weight: 600;
    color: #202432;
}

.czterydwa {
    color: #202432;
    font-family: Metropolis, sans-serif;;
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
}

.czterytrzy {
    margin-top: 30px;
    float: right;
}

.czterycztery {
    margin-top: 400px;
    margin-left: 300px;
}

.mobile-top-menu,
.mobile-menu-left,
.mobile-menu-filters {
    display: none !important;
}

.top-menu {
    display: block !important;
}

#search-container.show-top-search {
    display: block;
}

.mobile-filters-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile-filters span {
    padding: 14px 36px;
    display: none !important;
    cursor: pointer;
}

.mobile-filters .filter-btn {
    display: flex;
    align-items: center;
    min-width: 182px;
}

.mobile-filters .filter-btn svg {
    margin-left: 9px;
}

.mobile-filters .filter-btn svg path {
    fill: #fff;
}

/*korzyści*/

.image_below{
    position: relative;
    top: 0;
    left: 0;
}

.image_above{
    position: absolute;
    top: 0;
    left:-100px;
}

.position_image{
    right: -150px;
}

.korzysci-height{
    height: 460px;
}

/*Sekcja Archiwum*/

.sekcja_archiwum{
    background-color: #D3D3D3;
    text-align: center;
    color:black;
    font-size: 15px;
    font-weight: 500;
}

.komunikat_archowum{
    padding-top: 34px;
    padding-bottom: 34px;
}

.archiwum_box_1{
    margin-left: 30px;
    /*margin-right: 30px;*/
    margin-bottom: 30px;
    border-radius: 10px;
    border: solid 1px #DEDDDE;
    min-height: 363px;
}

.archiwum_box_2{
    /*margin-left: 30px;*/
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: solid 1px #DEDDDE;
    min-height: 363px;
}

.bo1{
    border-bottom: solid 1px #DEDDDE;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.bo2{
    border-bottom: solid 1px #DEDDDE;
    border-right:  solid 1px #DEDDDE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #9096B6;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    word-break: break-all;
}

.bo3{
    border-bottom: solid 1px #DEDDDE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #9096B6;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    word-break: break-all;
}

.bo4{
    /*border-top: solid 1px #DEDDDE;*/
    padding-top: 20px;
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px;
}

.bo5{
    border-bottom: solid 1px #DEDDDE;
    padding-top: 20px;
    padding-left: 20px;
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.bo6{
    /*border-top: solid 1px #DEDDDE;*/
    padding-top: 20px;
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px;
    border-bottom: solid 1px #DEDDDE;
}

.row_no_margin{
    margin-left: 0;
    margin-right: 0;
}

.archiwum_li{
    color:black;
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.archiwum_li_p{
    padding-bottom: 0;
}

.archiwum_p{
    color: #232323;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.archiwum_blue{
    color: #4C9AF1;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.archiwum_header{
    color: #9096B6;
    font-family: Metropolis, serif;
    font-size: 12px;
    font-weight: 600;
}

.button_color_gray {
    background-color: #D3D3D3;
    border: none;
}

.button_color_gray:hover {
    background-color: #D3D3D3;
    border: none;
}

/*pagination*/

.pagination_center{
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.pagination {
  display: inline-block;
  color: #232323;
}

.pagination span {
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #DEDEDE;
  border-radius:3px;
  margin: 0 4px;
  color: #232323;
}

.pagination span.active {
  background-color: #4C9AF1;
  color: white;
  border: 1px solid #4CAF50;
}

.pagination span:hover:not(.active) {background-color: #202432;color:white;}

/*bradcrumbs*/

.bradcrumbs{
    display: inline-block;
    padding-top:125px;
    padding-bottom: 20px;
    margin-left: -10px;
}

.bradcrumbs a {
    color: #9096B6;
    font-family: Metropolis, Sans-Serif, serif;
    font-size: 12px;
    font-weight: 600
}

.bradcrumbs a:nth-child(even) {
  padding-left: 15px;
  padding-right: 15px;
}

.bradcrumbs span.breadcrumbs-title {
    color: #9096B6;
    font-family: Metropolis, Sans-Serif, serif;
    font-size: 12px;
    font-weight: 600
}

.bradcrumbs a:nth-child(even) {
    padding-left: 15px;
    padding-right: 15px;
}
.bradcrumbs span.breadcrumbs-title:nth-child(even) {
    padding-left: 15px;
    padding-right: 15px;
}

 /*oferta_pracy_rozwiń

  .button_rozwin{
  display: none;
  }

  .button_rozwin2 {
 dispaly:none;
}

.button_rozwin2:hover {
  display:none;
}

*/

/*
Thank you page
*/

.margin_thank{
    margin-top: 220px;
}

.circle_thank{
    border-radius: 100%;
    background-color: #bddeaf;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.fa_thank{
    color:#52B326;
    padding-top: 27px;
    padding-left: 27px;
}

.thank_thank{
    padding-top:50px;
    color: black;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}

.thank_content{
     color: black;
     font-size: 18px;
     font-weight: 500;
     text-align: center;
     padding-top:30px;
}

.thank_content_less{
     color: black;
     font-size: 18px;
     font-weight: 500;
     text-align: center;
}


.thank_div{
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.thank_button{
    background-color: #4C9AF1; /* blue */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 5px;
    width: auto;
}

.thank_button:hover{
    background-color: #202432;
}

.thank_p{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
}

/*wrong*/

.circle_wrong{
    border-radius: 100%;
    background-color: #efaeb4;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.fa_wrong{
    color: #E12335;
    padding-top: 29px;
    padding-left: 31px;
}
.wrong_p{
    text-align: center;
}
.wrong_content_small{
     color: black;
     font-size: 15px;
     font-weight: 600;
}
.wrong_blue{
     color: #4C9AF1;
     font-size: 16px;
     font-weight: 600;
}
.wrong_bottom{
     padding-top: 20px;
     color: #4C9AF1;
     font-size: 12px;
     font-weight: 500;
}

/*offer_new*/

.infromacje_podstawowe{
    color: #232323;
    font-size: 18px;
    font-weight: 600;
    display:grid;
    padding-left: 25px;
    padding-top:30px;
}

.border_dodaj_oferte{
    width: 94%;
    margin-left: 25px;
    box-sizing: border-box;
    border: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    border-radius: 5px;
}

.border_dodaj_oferte_small{
    width: 94%;
    margin-left: 25px;
    box-sizing: border-box;
    border: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 10px;
    border-radius: 5px;
}

.offer_button{
    background-color: #4C9AF1; /* blue*/
    border: none;
    color: white;
    border-radius:5px;
    cursor:pointer;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    width:auto;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    margin-right: 30px;
}

.offer_button:hover{
    background-color: #008CBA;
    color: white;
}

.offer_dodaj{
    display:flex;
    justify-content:flex-end;
}

.offer_logowanie{
    width: 94%;
    margin-left: 25px;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none;
    font-size: 15px;
    padding-bottom: 10px;
}

.offer_margin_small{
    margin-left: 15px;
    display: flex;
    justify-content: flex-start;
}

.offer_benefity{
    padding: 9px 25px;
    border-radius:50px;
    cursor:pointer;
    transition:all 0.3s ease 0s;
    border: 1px solid #4C9AF1;
    width:auto;
    font-size: 11px;
    font-weight: bold;
    margin-left: 15px;
}

.offer_benefity:hover{
    background-color: #4C9AF1;
    color: #FFFFFF;
}

.offer_wrapper{
    /*width:90%;*/
    margin: 0 auto;
    display:grid;
    grid-template-columns: 50% 50%;
}

.offer_item{
    /*background-color:#58d5f6;*/
    color:white;
    padding:10px;
}

/*.offer_item:nth-child(even){
    background:#236fc8;
}*/

.offer_box_utk {
    height: auto;
    padding-bottom: 20px;
    width: 90%;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
}

/*offer_button*/

.quantity {
   position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
   height: 43px;
   line-height: 1.65;
   float: left;
   display: block;
   padding: 20px 82px 20px 20px;
   border-radius: 5px;
   margin: 0;
   padding-left: 20px;
   border: 1px solid #cacaca ;
   color: #232323;
   font-family: "Metropolis", sans-serif;
   font-size: 15px;
   font-weight: 500
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 50px;
  background-color: #4C9AF1;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  /*height: 50%;*/
  top: 0;
 /* border-bottom: 1px solid #eee;*/
 border:none;
 border-top-right-radius:5px;
 color:white;
 border:none;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  /*height: 50%;*/
  border-bottom-right-radius:5px;
  color:white;
  border:none;
}

.offer_updown_label{
   color: #232323;
   font-family: Montserrat;
   font-size: 15px;
   font-weight: 500;
   padding-top:10px;
   width: 70%;
   float: right;
}

/*show*/

.border_umiejetnosci{
    border-bottom: #dfdfe2 solid 1px;
}

.offer_wrapper_show{
    /*width:90%;*/
    margin: 0 auto;
    display:grid;
    grid-template-columns: auto auto auto auto auto;
}

.show_grid_label{
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    text-align:center;
}


.ikonki_show{
    text-align: center;
    padding-bottom: 20px;
    padding-top:40px;
}

.label_rozklad_dnia{
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    padding-left:40px;
}

.chart_number{
    text-align: center;
    vertical-align:middle;
    color: #232323;
}

/*payment*/

.payment-container{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    border-radius: 5px;
    margin-left: 265px;
    margin-right:40px;
    background-color: white;
}

.payment-grid-container{
    padding: 20px;
    font-size: 30px;
    padding-left: 40px;
}

.payment-border{
    border-right: solid 1px #D3D3D3;
}

.payment-container_1.payment_cennik{
    margin-top: 30px;
}

.payment-container_1{
    display: grid;
    grid-template-columns: auto auto auto;
    margin-left: 265px;
    margin-right: 40px;
}

.payment-grid-container_1{
    padding: 20px;
    font-size: 30px;
    text-align: center;
    border-radius: 5px;
    background-color: white;
    border-radius: 5px;
}

.payment-grid-container_1.payment_right{
    margin-right: 15px;
}

.payment-grid-container_1.payment_left{
    margin-left: 15px;
}


.payment-grid-container_1.both_side{
    margin-right: 15px;
    margin-left: 15px;
}

.payment_label{
    color: #646464;
    font-size: 12px;
    font-weight: 600
}

.payment_label_big{
    color: #232323;
    font-size: 18px;
    font-weight: 600;
}

.payment_text{
    color: #232323;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
}

.paymant_blue_text{
    color: #4C9AF1;
    font-family: "Metropolis", sans-serif;
    font-size: 36px;
    font-weight: 600;
}

/*PriceList*/

.price_grid{
    width:1140px;
    margin: 125px auto auto;
    display: grid;
    grid-template-columns: auto auto auto;
    background-color:transparent;
    padding: 10px;
}

.price_grid_item{
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.8);
    margin: 20px;
    font-size: 30px;
    text-align: center;
    border-radius: 5px;
    border: none;
}

.price_grid_item_2{
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.8);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
    border-radius: 5px;
    border: none;
}

.price_grid_item_shadow{
    position: relative;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.40);
    z-index: 5;
}

.price_title{
    margin-top: 200px;
    text-align: center;
}

.price_subtitle{
    margin-top: 50px;
    text-align: center;
}

.price_title_font{
    color: black;
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}

.price_subtitle_font{
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-top: 30px;
}

.font_price_title{
    color: #202432;
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-top:40px;
}

.font_price_blue{
    color: #469CEA;
    font-family: "Metropolis", sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.price_jednorazowo{
    margin-top:10px;
    color: #202432;
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
}

.price_tresci{
    margin-top:10px;
    color: #202432;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
}

.price_button{
    background-color: #5AA6EB;
    text-decoration: none;
    color: white;
    width:auto;
    padding:20px 20px 20px 20px;
    text-align: center;
    display: inline-block;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom:50px;
}

/*Dołącz do grupy*/

.button_grupy {
    background-color: #FFFFFF;
    text-decoration: none;
    color: black;
    width:auto;
    padding:20px 20px 20px 20px;
    text-align: center;
    display: inline-block;
    margin-left:30px;
    border-radius: 5px;
    margin-top: 90px;
}

/*order*/

.order_container{
    width: 755px;
    border-radius: 5px;
    background-color: white;
    margin: 190px auto 280px;
}

.order_label{
    height: auto;
    padding-left: 40px;
    font-size: 22px;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 40px;
}

.order_grid_container {
    display: grid;
    grid-template-columns: 40% 20% 20% 20%;
    width:90%;
    margin:0 auto;
}
.order_grid_item {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 20px 20px 0;
    font-size: 30px;
}

.order_lebel_medium{
    height: auto;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 9px;
}

.order_grid_container_mednium {
    display: grid;
    grid-template-columns: auto auto;
}
.order_grid_item_mednium {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 20px 0 20px;
    font-size: 30px;
    margin-left: 20px;
}

.order_grid_container_mednium_one {
    display: grid;
    grid-template-columns: auto;
}

.order_little_label {
    font-family: "Metropolis", sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-top: 18px;
}

.order_medium_text {
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding-top: 9px;
}

.order_medium_text_blue{
    font-family: "Metropolis", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.order_medium_text_ordynary{
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
}

.input_order {
    margin-left:40px;
    margin-right:40px;
    border-top:none;
    border-left:none;
    border-right:none;
    padding-bottom: 10px;
}

.input_order_one {
    margin-left:40px;
    margin-right:40px;
    border-top:none;
    border-left:none;
    border-right:none;
    padding-bottom: 10px;
    width: 78%;
}

.button_order{
    width: auto;
    padding: 20px 20px 20px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "Metropolis", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.button_order_font{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
}

.input_order,
.order_label,
.input_order_one,
.order_bottom {
    border-bottom: 1px solid #dfdfe2;
}

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

    .body_color_min {
        background-color: red;
    }

}