/*tutorial*/



element.style {
}
.tutorial-punktor-kontener {
    display: flex;
    height: auto;
}

.tutorial-punktor {
    display: inline-flex;
    margin: 15px 0px 15px 20px;
    border-radius: 36px;
    font-size: 25px;
    font-weight: bold;
    font-family: monospace;
    color: #002147;
    width: 50px;
    height: 50px;
    justify-content: center;
    background-color: #002147;
    color: white;
    align-content: center;
    align-items: center;
}

.tutorial-opis-punktora {
    display: inline;
    font-size: 20px;
    color: #002147;
    /* padding: 0px 0px 0px 25px; */
    margin: 0px 0px 0px 20px;
    height: auto;
    width: auto;
    align-items: baseline;
}

.node--type-tutorial img {
    box-shadow: 3px 3px 4px 0px #c5c5c5;
    border: solid 3px #002147;
    margin: 0px 0px 0px 30px;
    padding: 5px;
    width: auto;
}

video.video_instrukcja {
    box-shadow: 3px 3px 4px 0px #c5c5c5;
    border: solid 3px #002147;
    margin: 0px 0px 0px 30px;
    padding: 5px;
    max-width: 100%;
}

div#views_slideshow_controls_text_tutorial_primo-block_1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-size: 30px;
    padding-bottom: 10px;
}

span#views_slideshow_controls_text_previous_tutorial_primo-block_1 {

    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}

span#views_slideshow_controls_text_pause_tutorial_primo-block_1 {
    display: none;
}

span#views_slideshow_controls_text_previous_tutorial_primo-block_1 :hover {
    border-color: #bbbbbb;
    color: #002147;
    text-decoration: none;
}

span#views_slideshow_controls_text_next_tutorial_primo-block_1 {
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
}

span#views_slideshow_controls_text_next_tutorial_primo-block_1 :hover {
    border-color: #bbbbbb;
    color: #002147;
    text-decoration: none;
}

div#block-olivero-views-block-tutorial-primo-block-1	 {
    border: solid 1px #002147;
    padding: 10px;
}

div#block-views-block-tutorial-primo-block-1-2 {
    border: solid 1px #002147;
    padding: 10px;
}



div#block-views-block-tutorial-primo-block-1 img {
    box-shadow: 0px 0px 5px 0px #bfbbbb;
    max-width: 100%;
    height: auto;
}

.tutorial-punktor-first {
    display: inline-flex;
    border-radius: 36px;
    font-size: 25px;
    font-weight: bold;
    font-family: monospace;
    color: #002147;
    width: 50px;
    height: 50px;
    justify-content: center;
    background-color: #002147;
    color: white;
    align-content: center;
    align-items: center;
    margin: -2px;
}

.tutorial-punktor-main {
    border: solid 2px #002147;
    width: 87px;
    height: 50px;
    border-radius: 27px;
    display: inline-block;
    margin: 14px;
}

.tutorial-punktor-secound {
    display: initial;
    position: absolute;
    font-weight: bold;
    font-size: 19px;
    margin: 9px 0px 0px 8px;
}