@font-face {
    font-family: 'aller-b';
    src: url('fonts/aller-b.eot');
    src: url('fonts/aller-b.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller-b.woff2') format('woff2'),
         url('fonts/aller-b.woff') format('woff'),
         url('fonts/aller-b.ttf') format('truetype'),
         url('fonts/aller-b.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller-reg';
    src: url('fonts/aller-reg.eot');
    src: url('fonts/aller-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller-reg.woff2') format('woff2'),
         url('fonts/aller-reg.woff') format('woff'),
         url('fonts/aller-reg.ttf') format('truetype'),
         url('fonts/aller-reg.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin: 0px; padding: 0px; font-size: 18px; background-color: #f0f0f2;}
* {font-family: 'aller-reg', Calibri, Candara, sans-serif; font-weight: normal;}
h1, h2, h3, h4, h5, h6, b, strong {font-family: 'aller-b', Calibri, Candara, sans-serif; font-weight: normal;}

/*--struktura--*/
.kontener  {width: 1520px; margin: 0 auto;}
a {text-decoration: none;}
a img {border: none;}
img {display: block;}
.left {float: left;} .right {float: right;}


/*--menu glowne--*/
.menu ul {float: left; margin: 0; padding: 0;}
.menu ul li {list-style: none; margin: 0; padding: 0; float: left;}
.menu a {font-size: 1em; color: #1068b2; padding: 45px 25px 45px; margin: 0 15px; display: block;}
.menu a.active {color: #1068b2;}
.menu a:first-child {padding-left: 0; margin-left: 0;}
.menu {width: 100%; height: 120px}

/*--baner--*/
.baner .logo-black {display: none;}
.baner {width: 100%; border-top: 25px solid white; border-bottom: 25px solid white; height: 400px; background: url(../images/baner_tlo.jpg) right top no-repeat; background-size: auto 100%; position: relative; }
.baner .kontener {padding-top: 80px; position: relative; height: 320px;}
.baner .k_zdjecie {bottom: 0; position: absolute; right: 0px;}
.baner .logo {margin: 0 auto; width: 240px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.baner .logo img {width: 100%; height: auto;}
.baner .baner_tekst {width: 420px; margin: 0; color: white;}
.baner .baner_tekst h2 {font-size: 1.3em; color: white; padding-bottom: 34px;  margin: 0 0 34px; position: relative;}
.baner .baner_tekst h2::before {content: ""; height: 3px; width: 100px; background-color: white; bottom: 0; position: absolute; left: 0;}
.baner .baner_tekst p {font-size: 0.95em; line-height: 1.2em; color: white; margin: 18px 0;}

/*-----TRESC-------*/
/*--struktura--*/
.ktresc {display: table; padding-bottom: 25px; }
.tresc {float: left; margin: 0; width: 830px; position: relative;}
.tresc #print-button {position: absolute; right: 0px; top: 45px; z-index:100;}
.modul {float: right; margin: 0; width: 540px;}

/*--artykul--*/
.tresc h1, .tresc h2, .front h2, .modul h3 { padding: 45px 55px 38px 0; margin: 0 0 32px; color: #1068b2; font-size: 1.4em; line-height: 1.1em; position: relative;}
.tresc h1::before, .tresc h2::before, .front h2::before, .modul h3::before {content: ""; height: 3px; width: 100px; background-color: #1068b2; bottom: 0; position: absolute; left: 0;}
.tresc p {color: #404040; font-size: 0.9em;}
.tresc p a {color: #404040; border-bottom: 1px dotted #1068b2;}
.tresc p a:hover {border-bottom: none;}
.tresc p.two-column, p.two-column {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 55px; -moz-column-gap: 55px; column-gap: 55px; orphans: 3;}
.tresc p.blue, p.blue {color: #1068b2; margin-top: 35px;}

/*--zyciorys--*/
.zyciorys .field {float: left; width: 130px;  position: relative; padding: 0px 300px 30px 0; top: 11px; border-top: 2px dotted #1068b2;}
.zyciorys .field p {margin: 0; color: #1068b2; font-size: 1.05em; text-align: right; top: -13px; position: relative; background-color: #f0f0f2; padding-right: 10px;}
.zyciorys .field-long {float: left; width: 370px; border-left: 2px dotted #1068b2; position: relative;  padding: 0px 0 35px 28px;}
.zyciorys .field-long p {margin: 0; font-size: 0.95em; color: #404041;}
.zyciorys .field-long:before {content: ""; display: block; position: absolute; left: -13px; top: -1px; width: 16px; height: 16px; background-color: white; border: 4px solid #1068b2;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.zyciorys .field-long:nth-of-type(2) {padding-top: 35px; margin-top: 20px;}
.zyciorys .field-long:nth-of-type(2):before {content: ""; display: block; position: absolute; left: -14px; top: 32px; width: 16px; height: 16px; background-color: white; border: 4px solid #1068b2;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.zyciorys .field:nth-of-type(1) {margin-top: 53px;}
.zyciorys .field:last-child, .zyciorys .field-long:last-child {padding-bottom: 35px;}
.zyciorys .field:nth-of-type(1):before {position: absolute; top: -64px; right: -9px; content:""; width: 16px; height: 16px; background-color: #1068b2; display: block; 
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.zyciorys .field-long:last-of-type:after {position: absolute; bottom: -5px; left: -9px; content:""; width: 16px; height: 16px; background-color: #1068b2; display: block; 
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
/*.zyciorys .field:hover + .field-long > .field-items > .field-item {color: #1068b2;}  - DO POPRAWY */
.zyciorys .field-long:hover p {color: #1068b2;}

/*--oferta--*/
.oferta {display: table;}
.oferta .field-group-div {float: left; width: 48%; margin: 18px 0;}
.oferta .field-group-div:nth-child(2n) {margin-left: 4%;}
.oferta .podpunkt {float: left; width: 100%; margin-top: 30px;}
.oferta .podpunkt:first-child {margin-top: 0;}

.oferta .ikona, .oferta .opis {float: left;}
.oferta .opis {width: 73.5%;}
.oferta .ikona {margin-right: 30px;}
.oferta h3 {font-size: 1.05em; color: #1068b2; margin: 0 0 15px;}
.oferta .field-long {font-size: 0.9em; color: #404041;}

/*---formularz---*/
.modul textarea {border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; max-width: 100%; min-width: 100%; height: 200px; font-size: 0.9em; box-sizing: border-box; font-family: "aller-reg",Calibri,Candara,sans-serif; margin-bottom: 25px;}
.modul input {background-color: #1068b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; font-size: 0.9em; font-family: "aller-reg",Calibri,Candara,sans-serif; color: white; border: none; outline: none; width: 65%; box-sizing: border-box; height: 50px; float: left; }
.modul .wyslij {float: right; height: 50px; background-color: #1068b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; font-size: 0.9em; font-family: "aller-reg",Calibri,Candara,sans-serif; color: white; border: none; outline: none; box-sizing: border-box; width: 30%;}
.modul .grippie {display: none;}

/*--zakladka kontakt--*/
.kontakt.two-column {-moz-column-fill: balance; column-fill: balance; float: left;}
.kontakt.two-column .right {margin-left: 15px;}
.blue {color: #1068b2;}

/*-----koniec TRESC-------*/

/*--stopka--*/
.stopka {background-color: #919396; margin-top: 50px;}
.stopka .kontener {display: table;}
.stopka_implanty {float: left; margin-right: 4%; width: 20%; position: relative; top: -50px; height: 175px;}

.stopka_k {float: left; width: 76%; }
.moduly_stopka {width: 100%; float: left;}
.moduly_stopka p {color: #404041; font-size: 0.9em; margin: 30px 0 0; float: left; width: 45%; max-width: 350px;}
.moduly_stopka p:first-child {margin-right: 4%; width: 51%;}
.moduly_stopka p span.right {margin-left: 10px;}
.moduly_stopka p span.left {clear: both;}

.moduly_stopka a {color: #404041; font-size: 0.9em;}
.moduly_stopka a:hover {border-bottom: 1px dotted #404041;}

.stopka-podpis {margin-top: 30px; float: left;}
.stopka-podpis p {color: #5f5f61; font-size: 0.75em; margin: 0 0 25px;}
.stopka-podpis p a {color: #5f5f61; text-decoration: none;}

@media all and (min-width: 1920px) {
.baner {background-size: 100% auto; background-position: center;}
}

@media all and (max-width: 1600px) and (min-width: 1240px) {
body {font-size: 16px;}
.kontener  {width: 1200px;}
/*--menu--*/
.menu {height: 95px;}
.menu a {padding: 36px 25px;}

/*--baner--*/
.baner .kontener {height: 340px; padding-top: 60px;}
.baner .logo {width: 180px;}
.baner {border-top: 18px solid white; border-bottom: 18px solid white;}

/*--tresc--*/
.tresc {width: 720px;}
.modul {width: 400px;}
.modul .e-mail input {width: 250px;}
.modul .form-submit {width: 110px;}

/*--zyciorys--*/
.zyciorys .field {padding: 0 190px 30px 0;}

/*--googlemapa--*/
.field-name-field-adres iframe {width: 720px !important;}

/*--oferta--*/
.oferta .field-group-div {margin: 15px 0; width: 48%; }
.oferta .field-group-div:nth-child(2n) {margin-left: 4%;}
.oferta .ikona {margin-right: 20px; width: 60px;}
.oferta .ikona img {width: 100%; height: auto;}

/*--stopka--*/
.stopka_implanty {width: 200px; top: -30px; margin-right: 50px; height: 150px;}
.stopka_implanty img {width: 100%;}
.stopka_k {width: 950px;}
.stopka p {font-size: 0.85em;}
}

@media all and (max-width: 1240px) and (min-width: 800px) {
body {font-size: 14px;}
.kontener  {width: 92%; margin: 0 4%;}
/*--menu--*/
.menu {height: 60px;}
.menu a {padding: 20px 25px;}

/*--baner--*/
.baner .kontener {height: 340px; padding-top: 60px;}
.baner .logo {width: 160px;}
.baner {border-top: 18px solid white; border-bottom: 18px solid white;}
.baner .baner_tekst {width: 250px;}
.baner .baner_tekst p {font-size: 1em;}
.baner .k_zdjecie {width: 275px;}
.baner .k_zdjecie img {width: 100%; height: auto;}

/*--tresc--*/
.tresc {width: 62%;}
.modul {width: 30%;}
.modul .e-mail input {width: 90%; padding: 8px 5%;}
.modul .form-submit {width: 100%; margin-top: 20px;}
.tresc p.two-column, p.two-column {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}

/*--zyciorys--*/
.zyciorys .field {padding: 0 5% 30px 0; width: 15%;}
.zyciorys .field-long {width: 65%; padding: 0 0 35px 5%;}

/*--googlemapa--*/
.field-name-field-adres iframe {width: 100% !important; height: 300px !important;}

/*--oferta--*/
.oferta .field-group-div {margin: 15px 0 25px; width: 45%; }
.oferta .field-group-div:nth-child(2n) {margin-left: 10%;}
.oferta .ikona {margin-bottom: 20px;}
.oferta .ikona img {width: 100%; height: auto;}
.oferta .field, .oferta .field-long {min-height: 40px; width: 100%;}
.oferta h3 {margin: 0;}

/*--stopka--*/
.stopka_implanty img {width: 100%; height: auto;}
}

@media all and (max-width: 800px) {
body {font-size: 16px;}
.kontener  {width: 90%; margin: 0 auto; max-width: 500px;}

/*--baner--*/
.baner {height: auto; background: url(../images/baner_tlo_mobilna.jpg) center no-repeat; background-size: auto 100%; }
.baner .kontener {height: auto; padding-top: 30px;}
.baner .baner_tekst {width: 100%; margin-top: 30px;}
.baner .baner_tekst h2 {font-size: 1.3em; padding-bottom: 24px; margin: 0 0 24px;}
.baner .k_zdjecie {position: static; top: 0; left: 0; width: 100%; margin-top: 45px;}
.baner .k_zdjecie img {width: 70%; height: auto; margin: 0 auto; max-width: 250px;}
.baner .logo {width: 130px; position: static; transform: none;}
.not-front .baner {height: auto; background: url(../images/baner_tlo_mobilna.jpg) center no-repeat; background-size: 100% auto; padding-bottom: 30px;}
.not-front .baner .k_zdjecie {display: none;}
.not-front  .baner .baner_tekst {display: none;}

/*--tresc--*/
.tresc {width: 100%;}
.modul {width: 100%;}
.tresc p.two-column, p.two-column {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}

/*---modul---*/
.modul textarea {width: 100%; padding: 8px 4%; }
.modul .e-mail input {width: 92%; padding: 8px 4%;}
.modul .form-submit {margin: 20px 0 0; padding: 8px;}


/*---zyciorys--*/
.zyciorys .field {padding: 0 8px 30px 0; width: 105px;}
.zyciorys .field-long {width: 230px;}
.zyciorys .field .field-item {font-weight: normal;}

/*--oferta--*/
.oferta .field-group-div {width: 100%;}
.oferta .field-group-div:nth-child(2n) {margin-left: 0;}

/*--kontakt--*/
.node-kontakt iframe {width: 100%; height: 300px;}

/*--stopka--*/
.moduly_stopka {width: 100%; float: left; display: block;}
.moduly_stopka table {width: 100%; margin: 0; max-width: 100%; margin-top: 20px;}
.moduly_stopka table tr td:first-child {width: 20%;}
.stopka-podpis {width: 100%; float: left; display: block;}
.stopka_k {width: 100%;}
.stopka_implanty {width: 150px; top: -20px; margin: 0 auto; height: auto; float: none;}
.stopka_implanty  img {width: 100%;}
.moduly_stopka p, .moduly_stopka p:first-child {margin: 0; padding: 0; width: 100%;}
.moduly_stopka p:last-child {margin: 20px 0 0; padding: 0;}
.moduly_stopka p:nth-child(2n+1) {margin-top: 20px;}

/*--mobilna menu--*/
 .site > .kontener:first-child {width: 100%; padding: 0; margin: 0; max-width: 100%;}
 .menu ul {width: 100%; height: auto; float: none;}
 .menu ul li {width: 100%; float: none; height: 0; overflow: hidden;}
 .menu li a {width: 100%; height: 50px; line-height: 50px; display: block; margin: 0 auto; text-align: center; padding: 0; font-weight: 400; font-size: 1.1em; border-bottom: 2px solid white; cursor: pointer;}
 .menu .mob-but {width: 100%; height: 50px; background: url(../images/menu_mobilna.png) center top no-repeat; background-size: 28px auto; cursor: pointer;}
 .menu {height: auto; width: 100%; display: block;}
 .menu.active ul li {
	height: 52px;
	-webkit-animation-name: rozwijanie_menu; animation-name: rozwijanie_menu;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

 .menu.ukrywanie ul li {
	height: 52px;
	-webkit-animation-name: ukrywanie_menu; animation-name: ukrywanie_menu;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

 .menu.active .mob-but  {background-position: center -50px;}

/*--mobilna formularz--*/
 .modul h2 {width: 92%; padding: 0 4%; height: 55px; line-height: 55px; color: white; margin: 50px 0 10px; background: url(../images/arrow_kontakt.png) 95% top no-repeat #1068b2; cursor: pointer;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

 .modul textarea {height: 184px; max-height: 200px; min-height: 184px;}
 .modul .content {height: 0; overflow: hidden;}
.modul.active .content {
	height: auto;
	-webkit-animation-name: rozwijanie_kontakt; animation-name: rozwijanie_kontakt;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.modul.ukrywanie .content {
	height: auto;
	-webkit-animation-name: ukrywanie_kontakt; animation-name: ukrywanie_kontakt;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.modul.active h3 {
	background-position: 95% 100%;
	-webkit-animation-name: aktywny_naglowek; animation-name: aktywny_naglowek;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.modul.ukrywanie h3 {
	background-position: 95% 0%;
	-webkit-animation-name: nieaktywny_naglowek; animation-name: nieaktywny_naglowek;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}



}

@media all and (max-width: 800px) and (min-width: 600px){
.zyciorys .field-long {width: 300px;}
.tresc #print-button {display: none;}
}

@media all and (max-width: 600px) and (min-width: 520px){
.zyciorys .field-long {width: 280px;}
.tresc #print-button {display: none;}
}

@media all and (max-width: 500px) and (min-width: 450px){
.zyciorys .field-long {width: 230px;}
.tresc #print-button {display: none;}
.moduly_stopka table tr td:first-child {width: 25%;}
}

@media all and (max-width: 450px) and (min-width: 350px){
.zyciorys .field-long {width: 150px;}
.oferta .field, .oferta .field-long {width: 100%;}
.oferta .field {margin-top: 20px;}
.tresc #print-button {display: none;}
.moduly_stopka table tr td:first-child {width: 30%;}
}

@media all and (max-width: 350px) {
.zyciorys .field {border-top: none; border-left: 2px dotted #1068b2; width: 90%; padding-left: 9%; position: relative; top: 0; left: 0; bottom: 0; right: 0;}
.zyciorys .field .field-item {position: static; text-align: left;}
.zyciorys .field-long {width: 90%; padding: 0 0 35px 9%; position: relative; top: 0; left: 0; bottom: 0; right: 0;}
.zyciorys .field-long:nth-of-type(2) {margin: 0;}
.oferta .field, .oferta .field-long {width: 100%;}
.oferta .field {margin-top: 20px;}
.tresc #print-button {display: none;}
.moduly_stopka table tr td:first-child {width: 35%;}
}

/*--animacje---*/
@keyframes rozwijanie_menu {
0% {height: 0px;} 
100% {height:52px;}
}

@-webkit-keyframes rozwijanie_menu {
0% {height: 0px;} 
100% {height: 52px;}
}

@keyframes ukrywanie_menu {
0% {height: 52px;} 
100% {height: 0px;}
}

@-webkit-keyframes ukrywanie_menu {
0% {height: 52px;} 
100% {height: 0px;}
}

@keyframes rozwijanie_kontakt{
0% {height: 0px;} 
100% {height: 348px;}
}

@-webkit-keyframes rozwijanie_kontakt {
0% {height: 0px;} 
100% {height: 348px;}
}

@keyframes ukrywanie_kontakt{
0% {height: 348px;}
100% {height: 0px;} 
}

@-webkit-keyframes ukrywanie_kontakt {
0% {height: 348px;} 
100% {height: 0px;}
}


@keyframes aktywny_naglowek{
0% {background-position: 95% 0;}
100%{background-position: 95% 100%;}
}

@-webkit-keyframes aktywny_naglowek {
0% {background-position: 95% 0;}
100%{background-position: 95% 100%;}
}

@keyframes nieaktywny_naglowek{
0% {background-position: 95% 100%;}
100%{background-position: 95% 0;}
}

@-webkit-keyframes nieaktywny_naglowek {
0% {background-position: 95% 100%;}
100%{background-position: 95% 0;}
}