@import "reset.css";

.container {
    width: 1300px;
    margin: 0 20px;
    min-width: 280px;
}

.linia {
    display: flex;
    justify-content: center;
}

hr,
.selektor_poziomy {
    border-top: 1px solid #dfdfdf;
    margin: 0 auto;
}

hr {
    margin: 50px auto;
}

h1 {
    font: 700 62px/64px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 60px;
}

h2 {
    font: 700 48px/50px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 50px;
}

h3 {
    font: 700 36px/40px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 45px;
}

h4 {
    font: 700 27px/32px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 40px;
}

h5 {
    font: 700 21px/26px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 30px;
}

p {
    font: 300 16px/26px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 30px;
    text-align: justify;
}


/* ------ header -------- */

header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 110px;
    width: 100%;
    display: flex;
    justify-content: center;
}

header .container {
    display: flex;
    justify-content: space-between;
}

#header_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

#header_top {
    display: flex;
    margin-top: 8px;
}

#header_top .ico_small {
    font: 400 14px/20px 'Lato', sans-serif;
    color: #056353;
    position: relative;
    padding-left: 23px;
}

#header_top .ico_small::before {
    position: absolute;
    left: 0;
    top: 0;
}

#header_top .tel_small::before {
    content: url(../grafika/ico_tel_small.png);
}

#header_top .email_small::before {
    content: url(../grafika/ico_email_small.png);
}

#header_top .separator_header_top {
    width: 1px;
    height: 21px;
    background: #277c69;
    margin: 0 20px;
}

#header_top .lang {
    width: 23px;
    height: 23px;
}

#lang_pl {
    background: url(../grafika/jezyk_pl.png) 0 -23px no-repeat;
}

#lang_pl:hover,
#lang_pl.active {
    background: url(../grafika/jezyk_pl.png) 0 0 no-repeat;
}

#lang_en {
    background: url(../grafika/jezyk_en.png) 0 -23px no-repeat;
    margin-left: 12px;
}

#lang_en:hover,
#lang_en.active {
    background: url(../grafika/jezyk_en.png) 0 0 no-repeat;
}

#header_bottom {
    background: #267c69;
    padding: 25px 0;
    opacity: 0.95;
    box-sizing: border-box;
    border-radius: 45px;
}

#header_bottom ul {
    display: flex;
}

#header_bottom ul li a {
    text-transform: uppercase;
    font: 700 17px/17px 'Lato', sans-serif;
    color: #fff;
    padding: 24px 20px 27px;
    box-sizing: border-box;
}

#header_bottom ul li:first-of-type a {
    padding-left: 45px;
    border-radius: 45px 0 0 45px;
}

#header_bottom ul li:last-of-type a {
    padding-right: 45px;
    border-radius: 0 45px 45px 0;
}

#header_bottom ul li a:hover:not(.active) {
    background: #056353;
}

#header_bottom ul li a img {
    position: relative;
    top: -2px;
}

#header_bottom ul li a.active,
#header_bottom ul li a img.active {
    background: #056353;
}

#button-menu-mobile {
    display: none;
}

/* ------ slider_wraper ------*/

#slider_container {
    max-height: 948px;
    height: 100%;
    width: 100vw;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.slide {
    position: relative;   
    background-size: cover;
    max-height: 948px;
    height: inherit;
    width: 100vw;
    max-width: 100%;
    display: flex;
    justify-content: center;
}

#slider_wrapper .slide .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

#slider_wrapper .slide_text {
    font: 400 48px/72px 'Lato', sans-serif;
    color: #32c2a2;
    margin-bottom: 0;
    margin-top: 85px;
    text-shadow: 9px 10px 12px rgba(1,0,0,0.18);
}

#slider_wrapper .slide_text_big {
    text-transform: uppercase;
    font: 700 70px/70px 'Lato', sans-serif;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 9px 10px 12px rgba(1,0,0,0.18);
}

#slider_wrapper .slide_text_small {
    font: 300 20px/28px 'Lato', sans-serif;
    color: #fff;
}

#slider_wrapper .container a {
    margin-top: 30px;
}

.tobottom {
    position: absolute;
    background: url(../grafika/kolko_dol.png);
    width: 49px;
    height: 49px;
    left: 50%;
    bottom: 45px;
    z-index: 1;
    transform: translate(-50%, 0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;  
}

.tobottom:hover {
    background: url(../grafika/kolko_dol_hover.png);
    bottom: 35px;
}

.wrapper {
    height: 170px;
    background: url(../grafika/baner_mini.jpg) 50% 50%;
}

/* ------- buttony ------- */

.button {
    display: inline-block;
    position: relative;
    font: 600 18px/18px 'Titillium Web', sans-serif;
    color: #fff;
    border-radius: 26px;
    background: #2db093;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button:hover {
    background: #32c2a2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button_prawy {
    padding: 17px 65px 17px 32px;
    position: relative;
}

.button_prawy::after {
    content: url('../grafika/strzalka_biala_prawo.png'); 
    position: absolute;
    top: 17px;
    right: 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button_prawy:hover::after {
    right: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button_lewy {
    padding: 17px 32px 17px 65px;
}

.button_lewy::before {
    content: url('../grafika/strzalka_biala_lewo.png'); 
    position: absolute;
    top: 17px;
    left: 28px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.button_lewy:hover::before {
    left: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#button_send {
    border: none;
    text-align: left;
    box-sizing: border-box;
}

#button_send::after {
    top: 26px;
}

/* ------ box_ikony ------ */

#box_ikony {
    display: flex;
    justify-content: center;
    background: #f6f6f6;
    padding: 100px 0 90px;
}

#box_ikony .container {
    display: flex;
    justify-content: space-between;
}

.ikona {
    display: flex;
    align-items: center;
    flex: 1;
}

.ikona:nth-child(n+2) {
    margin-left: 100px;
}

.ikona img {
    width: 157px;
    height: 170px;
    margin-right: 60px;
}

.text_ikona {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.nag {
    font: 700 44px/48px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 40px;
}

.text {
    font: 300 16px/24px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 40px;
    text-align: justify;
    height: 72px;
    overflow: hidden;
}

/* ------- o firmie --------*/

#o_firmie {
    display: flex;
    justify-content: center;
}

#o_firmie .container {
    margin: 90px 0;
    display: flex;
    justify-content: space-between;
}

#o_firmie .container img {
    height: 399px;
    width: 600px;
    margin-right: 100px;
}

#text_o_firmie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#text_o_firmie .text_big {
    font: 700 54px/56px 'Lato', sans-serif;
    color: #4b4b4b;
}

#text_o_firmie .text_big span {
    color: #069a80;
}

#text_o_firmie p:nth-child(2) {
    max-height: 130px;
    overflow: hidden;
}


/* ------ parallax ------- */

#parallax {
    background: url(../grafika/paralax.jpg) center 50% fixed;
    height: 560px;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}

#parallax .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 158px 0;
}

#parallax img {
    height: 142px;
    width: 490px;
}

#separator_parallax {
    width: 4px;
    height: 100%;
    background: #2db093;
    border-radius: 2px;
    margin: 0 100px;
}

#parallax .text_parallax {
    font: 300 48px/64px 'Lato', sans-serif;
    color: #f6f6f6;
    text-align: left;
    margin: 0;
    width: 550px;
    text-shadow: 9px 10px 12px rgba(1,0,0,0.18);
}

#parallax .text_parallax span {
    font: 700 48px/64px 'Lato', sans-serif;
}

/* ------ footer ------- */

footer {
    display: flex;
    align-items: center;
    flex-direction: column;
}

footer .dane_kontaktowe {
    background: #277c69;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 150px;
    box-sizing: border-box;
    padding: 40px 0;
}

footer .dane_kontaktowe .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}    

.kontakt_text_duzy {
    color: #fff;
    font: 700 20px/24px 'Lato', sans-serif;
    margin: 0;
}

.kontakt_text_maly {
    color: #fff;
    font: 300 16px/24px 'lato', sans-serif;
    margin: 0;
}

.ikona-kontakt {
    position: relative;
    padding-left: 55px;
}

.ikona-kontakt:before {
    position: absolute;
    left: 0;
    top: 0;
}

.kontakt-adres:before {
    content: url(../grafika/ico_adres.png);
}

.kontakt-telefon:before {
    content: url(../grafika/ico_tel.png);
}

.kontakt-email:before {
    content: url(../grafika/ico_email.png);
}

.separator_dane_kontaktowe {
    width: 3px;
    background: #056353;
    height: 100%;
    border-radius: 2px;
}

footer .stopka {
    background: #f6f6f6;
    width: 100%;
    display: flex;
    justify-content: center;
}

footer .stopka .container {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}

footer .stopka p,
footer .stopka p a {
    font: 300 12px/26px 'Lato', sans-serif;
    color: #9d9b9b;
    margin: 0;
}

/* ----------------- toTop ------------------- */

#toTop {
    width: 49px;
    height: 49px;
    position:fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#toTop:before {
    content: '';
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/ico_totop.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#toTop:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#toTop:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#toTop:after {
    content: '';
    width: 49px;
    height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/ico_totop.png') 0 -49px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* ------ podstrona -------*/

#content_podstrona {
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
}

#content_podstrona .container {
    display: flex;
}

#selektor_pionowy {
    width: 1px;
    height: 100%;
    background: #dfdfdf;
    margin: 0 69px 0 50px;
}

#content_left {
    width: 250px;
    margin-top: 70px;
}

#content_right {
    width: 930px;
    margin-top: 60px;
}


/* ------- menu boczne ------- */

#menu_boczne a {
    color: #4b4b4b;
    font: 700 17px/17px 'Lato', sans-serif;
    text-transform: uppercase;
}

#menu_boczne > ul > li {
    padding: 0 0 45px 0;
}

#menu_boczne > ul > li:last-child {
    padding: 0;
}

#menu_boczne > ul > li  > a {
    position: relative;
    display: block;
    padding: 0 0 0 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu_boczne > ul > li > a::before {
    content: url(../grafika/strzalka_szara.png);
    position: absolute;
    left: 0;
    top: 0;	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#menu_boczne ul li a:hover,
#menu_boczne ul li a.active {
    color: #2db093;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu_boczne > ul > li > a:hover::before {
    content: url(../grafika/strzalka_seledynowa.png);
    position: absolute;
    left: 12px;
    top: 0;	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#menu_boczne > ul > li > a.active::before {
    content: url(../grafika/strzalka_seledynowa.png);
    position: absolute;
    left: 0;
    top: 0;	
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#menu_boczne > ul > li > ul > li {
    padding: 35px 0 0 55px;
}

#menu_boczne > ul > li > ul > li > a {
    font: 700 14px/14px 'Lato', sans-serif;
}

/* ----- selektor poziomy lewa strona ------ */

#content_left .selektor_poziomy {
    margin: 50px auto;
    border-top: 1px solid #2db093;
}

#content_left .selektor_poziomy:last-of-type {
    margin-bottom: 0;
}

/* ------ kontakt boczny ----- */

#kontakt_boczny {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#kontakt_boczny .ikona-kontakt {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    flex-direction: column;
    padding-left: 0;
}

#kontakt_boczny .ikona-kontakt:last-child {
    margin: 0;
}

#kontakt_boczny .ikona-kontakt:before {
    position: relative;
}

#kontakt_boczny .kontakt-telefon:before {
    content: url(../grafika/ico_tel2.png);
}

#kontakt_boczny .kontakt-email:before {
    content: url(../grafika/ico_email2.png);
}

#kontakt_boczny .kontakt_text_duzy,
#kontakt_boczny .kontakt_text_maly {
    color: #4b4b4b;
}

#kontakt_boczny .kontakt_text_duzy {
    margin: 5px 0;
}

/* --------- box ikony boczne ----- */

.ikona_boczna {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
}

.ikona_boczna:last-child {
    margin-bottom: 0;
}

.ikona_boczna img {
    margin-bottom: 15px;
}

.ikona_boczna .text_ikona {
    align-items: center;
}

.ikona_boczna .nag {
    font: 700 30px/46px 'Lato', sans-serif;
    margin-bottom: 10px;
}

.ikona_boczna .text {
    text-align: center;
    margin-bottom: 20px;
	height: auto;
}


/* -------- tabela na podstronie --------- */

#content_right li {
    font: 300 16px/26px 'Lato', sans-serif;
    color: #4b4b4b;
    text-align: justify;
}

#content_right ul {
    margin: 0 0 50px 0;
}

#content_right li {
    padding: 0 0 0 25px;
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}

#content_right li::before {
    content: '';
    background: url(../grafika/kropka_li.png);
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 12px;
}

#content_right table {
    background-color: #f4f4f4;
    border-collapse: collapse;
    margin: 0 0 50px 0;
	width: auto !important; 
    overflow-x: auto;
    border-radius: 25px;
}

#content_right table td, th {
    border: 1px solid #ffffff;   
    text-align: center;
    vertical-align: middle;
    padding: 30px 35px;
}

#content_right table thead th {
    border-bottom: 1px solid #2db093;
}

#content_right table thead {
    font: 700 18px/24px 'Lato', sans-serif;
    color: #4b4b4b;
}

#content_right table tbody {
    font: 300 16px/20px 'Lato', sans-serif;
    color: #4b4b4b;
}

/* ---------------- */

#content_right  img {
    margin: 10px 0;
    max-width: 100%;
	height: auto;
	width: auto;
}

#content_right .selektor_poziomy {
    margin: 0 0 50px 0;
}

/* ------- pliki na podstronie ------------ */

#content_right #pliki {
    margin: 0 0 50px 0;
}

#content_right #pliki a {
    font: 700 16px/20px 'Lato', sans-serif;
    margin-bottom: 25px;
    color: #4b4b4b;
    position: relative;
    display: block;
    padding: 0 0 0 40px;
}

#content_right #pliki a:last-child {
    margin-bottom: 0;
}

#content_right #pliki a:hover {
    color: #2db093;
}

#content_right #pliki a:before {
    content: '';
    width: 27px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: url('../grafika/ico_download.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* ----------- galeria na podstronie --------- */

#content_right #galeria,
#content_right #kategoria_txt {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 40px 0;
    justify-content: center;
}

#content_right #galeria a,
#content_right #kategoria_txt a{
    position: relative;
    margin: 0 0 20px 17px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#content_right #galeria a:nth-child(3n+1),
#content_right #kategoria_txt a:nth-child(3n+1) {
    margin-left: 0;
}

#content_right #galeria a img {
    width: 298px;
    height: 298px;
    margin: 0;
}

#content_right #galeria a:before  {
    position: absolute;
    content: url("../grafika/maska.png");
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#content_right #galeria a:hover:before {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

/* ------------ paginacja ------------------- */

#paginacja {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
}

#paginacja p {
    margin-bottom: 0;
}

#paginacja .wybor {
    width: 45px;
    height: 45px;
    position: relative;
}

#paginacja .wybor::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#paginacja .wybor:hover::after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#paginacja .poprzednia {
    background: url(../grafika/paginacja_lewo.png) 0 0 no-repeat;
    margin: 0 14px 0 0;
}

#paginacja .poprzednia::after {
    background: url(../grafika/paginacja_lewo.png) -45px 0px no-repeat;
}

#paginacja .nastepna {
    margin: 0 0 0 14px;
    background: url(../grafika/paginacja_prawo.png) 0 0 no-repeat;
}

#paginacja .nastepna:after {
    background: url(../grafika/paginacja_prawo.png) -45px 0 no-repeat;
}

#paginacja select {
    border: 1px solid #dbdbdb;
    margin: 0 12px;
    padding: 8px;
}

#paginacja_aktual {
    margin: 50px 0;
}

/* ------ przykladowa kategoria galeria --------- */

#kategoria_txt a {
    width: 298px;
    height: 298px;
    background: #f6f6f6;
    text-align: center;
    position: relative;
    box-sizing: border-box;   
}

#kategoria_txt a span {
    font: 700 20px/25px 'Lato', sans-serif;
    color: #4b4b4b;
    height: 75px;
    overflow: hidden;
    padding: 110px 40px 0 40px;
    display: block;
}

#kategoria_txt a:hover span {
    color: #056353;
}

#kategoria_txt a::after {
    content: '';
    background: url("../grafika/kolko_gora.png") no-repeat;
    position: absolute;
    height: 33px;
    width: 33px;
    bottom: 34px;
    left: 50%;
    transform: translate(-50%, 0);
}

#kategoria_txt a:hover::after {
    content: '';
    background: url("../grafika/kolko_gora_hover.png") no-repeat;
    bottom: 55px;
}

#kategoria_txt a:hover,
#kategoria_txt a::after,
#kategoria_txt a:hover::after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* -------- tabela w kontakt --------- */

#content_right #table_kontakt {
    border-collapse: collapse;
    background: #fff;
    text-align: left;
    width: 100% !important;
    display: table;
    margin: 0;
    border-bottom: 1px solid #ececec;
}

#content_right #table_kontakt td {
    border: none;
    text-align: left;
    padding: 0;
    vertical-align: top;
}

#content_right #table_kontakt td:first-of-type {
    padding-right: 70px;
    width: 50%;
}

#content_right #table_kontakt td:last-of-type {
    width: 50%;
}

#content_right #table_kontakt iframe {
    width: 100%;
}

#content_right #table_kontakt a {
    color: #32c2a2;
}

/* ------ formularz kontaktowy --------*/

#form {
    padding: 20px 0 0 0;
}

#formularz_kontaktowy {
    margin-bottom: 50px;
}

#formularz_kontaktowy .form_text {
    font: 300 14px/26px 'Lato', sans-serif;
    color: #4b4b4b;
    margin-bottom: 10px;
}

#formularz_kontaktowy span {
    color: #2db093;
    margin: 0;
}

#formularz_kontaktowy input,
#formularz_kontaktowy textarea {
    border: 1px solid #dbdbdb;
    padding: 8px 10px;
}

#formularz_kontaktowy input:focus,
#formularz_kontaktowy input:hover,
#formularz_kontaktowy textarea:focus, 
#formularz_kontaktowy textarea:hover {
    border: 1px solid #2db093 !important;
}

#formularz_kontaktowy .formularz_box1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

#formularz_kontaktowy .formularz_box1 input {
    box-sizing: border-box;
    width: 195px;
    height: 50px;
}

#formularz_kontaktowy .formularz_box1 div,
#formularz_kontaktowy .formularz_box2 .textarea {
    display: flex;
    flex-direction: column;
}

#formularz_kontaktowy .formularz_box2 {
    display: flex;
    justify-content: space-between;
}

.formularz_box2_kolumna1 {
    display: flex;
    flex-direction: column;
    width: 685px;
}

#formularz_kontaktowy .formularz_box2 textarea {
    box-sizing: border-box;
    width: 685px;
    height: 174px;
    margin-bottom: 30px;
}

#formularz_kontaktowy .formularz_box2 .zgoda {
    display: flex;
    align-items: flex-start
}

#formularz_kontaktowy .formularz_box2 .zgoda p {
    margin: -5px 0 0 20px;
    font: 300 13px/20px 'Lato', sans-serif;
    color: #4b4b4b;
}

.formularz_box2_kolumna2 {
    display: flex;
    flex-direction: column;
    width: 195px;
}

#formularz_kontaktowy .formularz_box2 .formularz_box2_kolumna2 img {
    width: 90px;
    height: 50px;
    margin: 0;
}

#formularz_kontaktowy .formularz_box2 .formularz_box2_kolumna2 input {
    width: 80px;
    height: 50px;
    box-sizing: border-box;
}

.formularz_box2_kolumna2 .token div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}


/* -------- menu mobilne ------------ */

#menu-mobile {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    color: #fff;
}

#menu-mobile.open {
    display: flex;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-mobile::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #212121;
    opacity: 0.95;
    width: 100%;
    height: 100%;
}

#menu-mobile ul li {
    margin: 25px;
    text-align: center;
}

#menu-mobile ul li a {
    color: #fff;
    text-transform: uppercase;
    font: 600 30px/30px 'Lato', sans-serif;
    position: relative;
}

#menu-mobile ul li a:hover {
    color: #2db093;
}

#button-menu-mobile {
    display: none;
    align-items: center;
}

#button-menu-mobile span {
    color: #fff;
    margin: 0 20px 0 0;
    font: 600 20px/20px 'Lato', sans-serif;
}


#menu-mobile .close {
    display: block;
    background: url(../grafika/krzyzyk.png);
    position: absolute;
    width: 40px;
    height: 35px;
    right: 20px;
    top: 15px;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: rotate(-90deg);
}

#menu-mobile .close:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: rotate(90deg);
}

#hamburger {
    display: inline-block;
    width: 40px; 
    height: 35px;
    position: relative;
    background: url(../grafika/hamburger.png);
    cursor: pointer;
}

#hamburger:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 36px;
    opacity: 0;
    background: url(../grafika/hamburger.png) 0 -35px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#hamburger:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

.menu_boczne_mobile {
    display: none;
	flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px 0;
}

.menu_boczne_mobile select {
    font: 300 16px/32px 'Fira Sans', sans-serif;
    color: #424242;
    border: 1px solid #c4c4c4; 
    margin: 0 10px 10px 10px;
    padding: 8px;
    width: 275px;
}



/* =============================================================================
   Cookies
   ========================================================================== */

#ciasteczka {
    /*display: none;*/
    max-width: 250px;
    height: 80px;
    background: #fff;
    padding: 0 10px;
    position: fixed;
    bottom: 9px;
    left: 0;
    z-index: 9999;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    border: 1px solid #E0E0E0;
    overflow: hidden;
    cursor: pointer;
    opacity: .95;
}

#ciasteczka .zawartosc {
    max-width: 300px; /* do zmiany */
}

#ciasteczka p.info {
    margin: 3px 0 0 0;
    font: 300 9px/10px 'Arial';
    text-align: justify;
}

#ciasteczka p strong {
    font: 600 10px/12px 'Arial';
}

#ciasteczka .zamknij {
    float: right;
    width: 34px;
    height: 35px;
    background: url('../grafika/ico-ok.png') no-repeat;
    display: block;
    overflow: hidden;
    margin: 18px 0 0 9px;
    cursor: pointer;
}

#ciasteczka:hover .zamknij {
    background-position: 0 -36px;
}

/* Komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikaty {
    margin: 0 0 30px 0;
}

.komunikat {
    position: relative;
    color: #ffffff;
    font: 400 16px/24px "Open Sans", sans-serif;
    padding: 15px 75px;
    margin: 5px 0;
    overflow: hidden;
    min-height: 33px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.komunikat::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.komunikat:hover::before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: rotate(360deg);
}
.komunikat_ok::before {
    background: url('../grafika/ikona-ok.png');
}
.komunikat_ok {
    background-color: #99cc00;
}

.komunikat_uwaga:before {
    background: url('../grafika/ikona-uwaga.png');
}

.komunikat_uwaga {
    background-color: #ED6F00;
}

.komunikat_blad:before {
    background: url('../grafika/ikona-blad.png');
}

.komunikat_blad {
    background-color: #ff0000;
}

.komunikat_info:before {
    background: url('../grafika/ikona-info.png');
}

.komunikat_info {
    background-color: #00A4FF;
}