@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url(https://web.archive.org/web/20250915172611im_/https://fonts.gstatic.com/s/titilliumweb/v19/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url(https://web.archive.org/web/20250915172611im_/https://fonts.gstatic.com/s/titilliumweb/v19/NaPecZTIAOhVxoMyOr9n_E7fdM3mCA.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url(https://web.archive.org/web/20250915172611im_/https://fonts.gstatic.com/s/titilliumweb/v19/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url(https://web.archive.org/web/20250915172611im_/https://fonts.gstatic.com/s/titilliumweb/v19/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzZg.ttf) format('truetype');
}


/* RESET------------------------------------------------------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0px;}
header, nav, section, article, aside, footer {display: block;}


/* BODY--------------------------------------------------------------------------------------------------------------------------------------------------- */
body {font-weight: 400; color: #616161; background-color: #fff;}
.container {margin: 0 auto; position: relative;}
.home_page {margin: 60px auto;}
.page {padding: 170px 0 60px 0;}

@media (min-width: 1px) {
    .container {width: 300px; min-width: 300px;}
    body {font: normal 14px/1.4 'Titillium Web', sans-serif;}
}
@media (min-width: 480px) {
    .container {width: 400px;}
}
@media (min-width: 640px) {
    .container {width: 560px;}
}
@media (min-width: 768px) {
    .container {width: 700px;}
    body {font: normal 16px/1.4 'Titillium Web', sans-serif;}
}
@media (min-width: 1024px) {
    .container {width: 900px;}
}
@media (min-width: 1366px) {
    .container {width: 1070px;}
}
@media (min-width: 1600px) {
    .container {width: 1170px;}
    
}

    
/* HEADER------------------------------------------------------------------------------------------------------------------------------------------------- */
#header_logo {float: left; position: relative; z-index: 1000;}
#header_top {width: 100%; position: relative; z-index: 1; transition: all .3s; transform: translateY(0); background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_homebanner.png) top center repeat-x;}
#header_top.fixed {position: fixed; top: 0; left: 0; z-index: 1000;}
#header_top.hidden {transition: all .3s; transform: translateY(-190px);}
#header_top #header_logo img {transition: all .3s;}
#header_top.fixed #header_logo img.fixed {transition: all .3s;}
#nav_lang {margin: 0 40px 0 0;}
#nav_lang li {display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 16px;}
#nav_lang li a {color: #62c0be; padding: 0 2px;}
#nav_lang li a:hover, #nav_lang li a.selected {color: #475993;}

@media (min-width: 1px) {
    #nav_lang {float: left;}
    .header_address, .header_phone, .header_mail {display: none;}
    .header_contact {display: block; height: 45px; font-size: 13px; line-height: 45px;}
    #header_top {height: 190px; padding-top: 10px;}
    #header_logo {width: 63px; margin: 0 27px 0 0;}
    #header_logo img {width: 63px; height: auto;}
}
@media (min-width: 480px) {
    #nav_lang {float: right;}
    .header_address {display: inline-block; margin: 0 15px 0 0; padding: 0;}
}
@media (min-width: 640px) {
    .header_phone {display: inline-block; margin: 0 15px 0 0; padding: 0;}
    #header_top {padding-top: 0px;}
    #header_logo {width: 73px; margin: 0 27px 0 0;}
    #header_logo img {width: 73px; height: auto;}
    
}
@media (min-width: 768px) {
    .header_contact {height: 45px; font-size: 13px; line-height: 45px;}
    .header_contact span {display: inline-block; margin: 0 15px 0 0; padding: 0 0 0 32px;}
    .header_address {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/ico/address_ico.png) left center no-repeat;}
    .header_phone {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/ico/phone_ico.png) left center no-repeat;}
    .header_mail {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/ico/mail_ico.png) left center no-repeat;}
}
@media (min-width: 1024px) {
    #header_logo {width: 83px; margin: 0 27px 0 0;}
    #header_logo img {width: 83px; height: auto;}
    .header_contact {height: 45px; font-size: 14px; line-height: 45px; margin-left: 110px;}
    .header_contact span {display: inline-block; margin: 0 30px 0 0; padding: 0 0 0 32px;}
}
@media (min-width: 1366px) {}
@media (min-width: 1600px) {}
    
/* NAV---------------------------------------------------------------------------------------------------------------------------------------------------- */
#nav_main, #nav_rwd {float: right; background-color: #62c0be; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center;}
#nav_main li {display: inline-block;}
#nav_main li a {color: #fff; line-height: 1; font-family: 'Titillium Web', sans-serif; font-weight: 400; text-transform: uppercase; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#nav_main li a:hover{background-color: #475993;}
#nav_rwd {display: none;}

#rwd-menu-button {float: right; color: #fff; text-align: center; font-weight: 600; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_rwd_menu.png) center right no-repeat; display: block; z-index: 20; cursor: pointer; width: 140px; margin: 0 30px 0 0;}
#rwd-menu-button a:hover {background-color: #475993;}
#rwd-menu-button.open {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_rwd_menu_close.png) center right no-repeat; display: block;}
#rwd-menu-container {display: none; position: absolute; right: 0px; z-index: 1119; height: auto; background-color: #62c0be; text-align: right;}
.rwd-main ul {margin: 0 auto; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #80dfdd;}
.rwd-main li:first-child {border-top: 0px solid #80dfdd;}
.rwd-main li a {display: block; padding: 10px 30px 10px 10px; font: normal 18px/25px 'Titillium Web', Tahoma, Arial, sans-serif; text-transform: uppercase; text-align: right; color: #fff; font-weight: 400;}
.rwd-main li a:hover, .rwd-main li a.selected {background-color: #475993;}

@media (min-width: 1px) {
    #nav_main  {display: none;}
    #nav_rwd {display: block; width: 210px;}
    #rwd-menu-button {height: 62px; font: normal 22px/62px 'Titillium Web', sans-serif;}
    #rwd-menu-container {top: 105px;}
    #rwd-menu-container {width: 300px;}
}
@media (min-width: 480px) {
    #nav_rwd {width: 310px;}
    #rwd-menu-container {width: 310px;}
}
@media (min-width: 640px) {
    #nav_rwd {width: 460px;}
    #rwd-menu-button {height: 72px; font: normal 22px/72px 'Titillium Web', sans-serif;}
    #rwd-menu-container {top: 115px;}
}
@media (min-width: 768px) {
    #nav_rwd {width: 600px;}
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #rwd-menu-button {height: 82px; font: normal 22px/82px 'Titillium Web', sans-serif;}
    #rwd-menu-container {top: 120px;}
    #nav_main  {display: block; width: 790px; margin: 0;}
    #nav_main li a {font-size: 16px; padding: 33px 10px;}
}
@media (min-width: 1366px) {
    #nav_main  {width: 960px; margin: 0;}
    #nav_main li a {font-size: 17px; padding: 32px 16px;}
}
@media (min-width: 1600px) {
    #nav_main  {width: 1060px; margin: 0;}
    #nav_main li a {font-size: 18px; padding: 31px 20px;}
}


/* HOME BANNER-------------------------------------------------------------------------------------------------------------------------------------------- */
#banner_home {background-color: #fff; width: 100%; position: relative;}
#banner_home .slide {width: 100%; background-size: cover !important;} 
.slide_text .title {color: #ff0000; font-family: 'Titillium Web', sans-serif; line-height: 1; font-weight: 700; margin: 0 0 30px 0; text-transform: uppercase;}  
.slide_text .desc {color: #fff; font-family: 'Titillium Web', sans-serif; line-height: 1.4; font-weight: 700; margin: 0 0 30px 3px; text-transform: uppercase; letter-spacing: 2px;}  

#banner_home_nav {left: 0px; right: 0px; margin: 0 auto; position: absolute; z-index: 100; width: 100%; text-align: center; }
#banner_home_nav a {width: 12px; height: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: inline-block; margin: 0 4px; background-color: #fff;}
#banner_home_nav a:hover, #banner_home_nav a.selected {background-color: #475993;}
#banner_home_slidetabs {display: none;}
/*.cookies {margin: 5px 0 0 0;}*/

.scroll_down {position: absolute; left: 0px; right: 0px; display: block; width: 20px; height: 53px; margin: 0 auto; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_scroll.png) center center no-repeat; z-index: 101; cursor: pointer;}

@media (min-width: 1px) {
    #banner_home {height: 260px; margin-top: 170px;}
    #banner_home .slide, #banner_home .slide .container {height: 260px;}
    #banner_home_nav {display: none;}
    .scroll_down {display: none;}
}
@media (min-width: 480px) {
    #banner_home {height: 320px;}
    #banner_home .slide, #banner_home .slide .container {height: 320px;}    
}
@media (min-width: 640px) {
    #banner_home {height: 500px; margin-top: 170px;}
    #banner_home .slide, #banner_home .slide .container {height: 500px;}
    #banner_home_nav {bottom: 100px; display: block;}
    .scroll_down {bottom: 25px; display: block;}
}
@media (min-width: 768px) {
    #banner_home {height: 600px;}
    #banner_home .slide, #banner_home .slide .container {height: 600px;}
}
@media (min-width: 1024px) {
    #banner_home {height: 700px; margin-top: 0px;}
    #banner_home .slide, #banner_home .slide .container {height: 700px;}
}
@media (min-width: 1366px) {
    #banner_home {height: 800px;}
    #banner_home .slide, #banner_home .slide .container {height: 800px;}
}
@media (min-width: 1600px) {
    #banner_home {height: 1000px;}
    #banner_home .slide, #banner_home .slide .container {height: 1000px;}
}

/* PAGE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

hr {background-color: #62c0be; width: 130px; height: 3px; border: 0px; text-align: center; display: inline-block; margin: 0 0 30px 0; padding: 0px;}

@media (min-width: 1px) {
    .text {width: 100%; margin: 0 auto;}
}
@media (min-width: 480px) {

}
@media (min-width: 640px) {
    .text {width: 90%; margin: 0 auto;}
}
@media (min-width: 768px) {

}
@media (min-width: 1024px) {
    .text {width: 80%; margin: 0 auto;}
}
@media (min-width: 1366px) {

}
@media (min-width: 1600px) {

}

/* GABINET--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#gabinet {padding: 100px 0 0 0; text-align: center;}
#gallery_list {margin: 30px 0; display: none;}
.gallery_item {width: 20%; height: 250px; display: block; background-size: cover !important; float: left; position: relative;}
.gallery_hover {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_zoom.png) center center no-repeat rgba(71, 89, 147, 0.8); opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: 100;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.gallery_item:hover .gallery_hover {opacity: 1;}

@media (min-width: 1px) {
    .gallery_item {width: 100%; height: 220px;}
}
@media (min-width: 480px) {
    .gallery_item {width: 50%; height: 165px;}
}
@media (min-width: 640px) {
    .gallery_item {width: 25%; height: 110px;}
}
@media (min-width: 768px) {
    .gallery_item {width: 25%; height: 130px;}
}
@media (min-width: 1024px) {
    .gallery_item {width: 20%; height: 140px;}
}
@media (min-width: 1366px) {
    .gallery_item {width: 20%; height: 185px;}
}
@media (min-width: 1600px) {
    .gallery_item {width: 20%; height: 250px;}
}

/* ZESPÓŁ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#zespol {padding: 85px 0 0 0; text-align: center;}

.personnel_item {float: left; position: relative; overflow: hidden;}
.personnel_foto {display: block; width: 100%; background-size: cover !important;}
.personnel_content {background-color: #ebebeb; padding: 30px; height: 40px; transition: .3s ease;}
.show-more {background-color: #70c5c3; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; display: block; text-align: center;
width: 100%; height: 20px; padding: 20px 0; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 0.3s, opacity 0.4s 0.3s;
 position: absolute; top: auto; bottom: 0; left: 0; opacity: 0;}
.show-more:hover {color: #fff; background-color: #475993;}
.show-more:after {content: "\f067"; font-family: FontAwesome; color: #fff; margin: 0 0 0 7px; vertical-align: middle; font-weight: 400; font-size: 14px;}
 

#implantologia {padding: 100px 0 50px 0;}
#implantologia h2, #implantologia hr {text-align: center;}
#implantologia li {list-style-type: disc; list-style-position: inside;}

#full_contents_list {display: none; position: fixed; top: 0; left: 0; z-index: 111112;}
#full_contents_list .item {display: block; position: absolute; right: 0px; bottom: 0px; z-index: 10; background-color: #fff; margin: 0 auto; opacity: 0; filter: alpha(opacity = 0);}


#full_contents_list .item .close {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_close.png) top center no-repeat; width: 20px; height: 20px; display: block; margin: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; z-index: 100;}
#full_contents_list .item .close:hover {background-position: 0px -20px;}

@media (min-width: 1px) {
    .personnel_item {width: 100%;}
    .personnel_item {height: 560px;}
    .personnel_foto {height: 460px;}
    .full_foto {display: none;}
    #full_contents_list .item {top: 50px; left: -160px; width: 300px; height: 400px;}
    .full_contents {width: 260px; height: 360px; display: block; float: left;  padding: 20px; overflow-y: scroll;}
    #full_contents_list .item .close {top: 15px; right: 15px;}
    .full_contents h4 {color: #62c0be; font-size: 16px;}
    .full_contents h5 {color: #62c0be; font-size: 14px; margin: 0 0 30px 0;}
    
    .personnel_item .personnel_content {-webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);}
    .personnel_item .show-more {opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
}
@media (min-width: 480px) {
    #full_contents_list .item {top: 50px; left: -200px; width: 400px; height: 700px;}
    .full_contents {width: 360px; height: 660px; display: block; float: left;  padding: 20px; overflow-y: scroll;}
    .full_contents h4 {color: #62c0be; font-size: 18px;}
    .full_contents h5 {color: #62c0be; font-size: 14px; margin: 0 0 30px 0;}
}
@media (min-width: 640px) {
    .personnel_item {width: 50%;}
    #full_contents_list .item {top: 50px; left: -280px; width: 560px; height: 440px;}
    .full_contents {width: 520px; height: 400px; display: block; float: left;  padding: 20px; overflow-y: scroll;}
    .full_contents h4 {color: #62c0be; font-size: 18px;}
    .full_contents h5 {color: #62c0be; font-size: 14px; margin: 0 0 30px 0;}
}
@media (min-width: 768px) {
    #full_contents_list .item {top: 100px; left: -350px; width: 700px; height: 700px;}
    .full_contents {width: 640px; height: 640px; display: block; float: left;  padding: 30px; overflow-y: scroll;}
    #full_contents_list .item .close {top: 25px; right: 30px;}
    .full_contents h4 {color: #62c0be; font-size: 21px;}
    .full_contents h5 {color: #62c0be; font-size: 16px; margin: 0 0 30px 0;}
}
@media (min-width: 1024px) {
    .personnel_item {width: 50%;}
    #full_contents_list .item {top: 50px; left: -500px; width: 1000px; height: 500px;}
    .full_foto {width: 500px; height: 500px; display: block; float: left; display: block;}
    .full_foto img {width: 500px; height: 500px; margin: 0px;}
    .full_contents {width: 440px; height: 440px; display: block; float: left; padding: 30px; overflow-y: scroll;}
    .full_contents h4 {color: #62c0be; font-size: 21px;}
    .full_contents h5 {color: #62c0be; font-size: 16px; margin: 0 0 30px 0;}
    
    .personnel_item .personnel_content {-webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}
    .personnel_item .show-more {opacity: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
    
    .personnel_item:hover .personnel_content {-webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);}
    .personnel_item:hover .show-more {opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);
transition: opacity 0.1s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s, -webkit-transform 0.3s;}
}
@media (min-width: 1366px) {
    .personnel_item {width: 25%;}
    #full_contents_list .item {top: 50px; left: -600px; width: 1200px; height: 600px;}
    .full_foto {width: 600px; height: 600px; display: block; float: left;}
    .full_foto img {width: 600px; height: 600px;}
    .full_contents {width: 520px; height: 520px; display: block; float: left;  padding: 40px; overflow-y: scroll;}
    #full_contents_list .item .close {top: 25px; right: 35px;}
    .full_contents h4 {color: #62c0be; font-size: 24px;}
    .full_contents h5 {color: #62c0be; font-size: 17px; margin: 0 0 30px 0;}
    .personnel_item {height: 420px;}
    .personnel_foto {height: 320px;}
}
@media (min-width: 1600px) {
    #full_contents_list .item {top: 100px; left: -800px; width: 1600px; height: 800px;}
    .full_foto {width: 800px; height: 800px; display: block; float: left;}
    .full_foto img {width: 800px; height: 800px;}
    .full_contents {width: 680px; height: 680px; display: block; float: left;  padding: 60px; overflow-y: scroll;}
    .full_contents h4 {color: #62c0be; font-size: 30px;}
    .full_contents h5 {color: #62c0be; font-size: 19px; margin: 0 0 30px 0;}
    .personnel_item {height: 550px;}
    .personnel_foto {height: 450px;}
    
}


/* ACTIVITIES--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#leczenie {padding: 100px 0 0 0; text-align: center;}

#activities {text-align: center;}
.activity_item {float: left; text-align: center; transition: all 300ms; height: 160px; margin: 0 0 20px 0; opacity: 0; filter: alpha(opacity = 0);}
.activity_item:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6;}
.activity_title {font-size: 17px; line-height: 1.2;}

@media (min-width: 1px) {
    .activity_item {width: 100%;}
    .activity_item figure img {width: 100px; height: auto;}
}
@media (min-width: 480px) {
    .activity_item {width: 44%; padding: 0 3%;}
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
    .activity_item {width: 27%; padding: 0 3%;}
}
@media (min-width: 1024px) {
}
@media (min-width: 1366px) {
    .activity_item {width: 10%; padding: 0 3%;}
    .activity_item figure img {width: 80px; height: auto;}
}
@media (min-width: 1600px) {
    .activity_item figure img {width: 100px; height: auto;}
}
    

/* WYWIAD--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#wywiad {padding: 80px 0 100px 0; text-align: center; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_wywiad.jpg) top center no-repeat; background-size: cover;}
#wywiad h2 {color: #fff;}
#wywiad h2 span, #implantologia h2 span, #osocze h2 span  {font-size: 30px; text-transform: none; line-height: 1;}
#wywiad hr {background-color: #fff;}

/* KREDYTOWANIE--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#kredytowanie_leczenia {padding: 70px 0; text-align: center;}
#osocze {padding: 110px 0 0 0;}
/* PRICES----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#cennik {padding: 80px 0 100px 0; text-align: center; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_cennik.jpg) top center no-repeat; background-size: cover;}
#cennik h2, #cennik h3 {color: #fff;}
#cennik hr {background-color: #fff;}

.pricing_info {margin: 60px 0 0 0; color: #fff;}

.procedure_item {padding: 6px 0;}
.procedure_title {float: left; text-align: right;}
.procedure_price {float: left; text-align: right; margin: 0 5% 0 0; color: #6bc4c2; font-weight: 700;}

@media (min-width: 1px) {
    .osocze_txt {width: 100%;}
    .procedure_title {width: 75%;}
    .procedure_price {width: 20%;}
    .osocze_img {width: 300px; height: auto;}
}
@media (min-width: 480px) {
    .osocze_img {width: 400px; height: auto;}
}
@media (min-width: 640px) {
    .procedure_title {width: 85%;}
    .procedure_price {width: 10%;}
    .osocze_img {width: 600px; height: auto;}
}
@media (min-width: 768px) {
    .osocze_txt {width: 350px; float: right; padding: 20px 0 0 0;}
    .osocze_img {width: 350px; height: auto; float: left;}
}
@media (min-width: 1024px) {
    .osocze_txt {width: 450px; float: right; padding: 60px 0 0 0;}
    .osocze_img {width: 450px; height: auto; float: left;}
}
@media (min-width: 1366px) {
    .osocze_txt {width: 535px; float: right; padding: 80px 0 0 0;}
    .osocze_img {width: 535px; height: auto; float: left;}
}
@media (min-width: 1600px) {
    .osocze_txt {width: 585px; float: right; padding: 90px 0 0 0;}
    .osocze_img {width: 585px; height: auto; float: left;}
}

/* KONTAKT--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#kontakt {text-align: center;}
#kontakt .container {padding: 90px 0;}
#map {width: 100%; height: 600px;}

/* FOOTER------------------------------------------------------------------------------------------------------------------------------------------------- */
footer {background-color: #475993; color: #fff; font-family: 'Titillium Web'; font-size: 15px; font-weight: 400; padding: 25px 0; margin: 0 0 140px 0;}
.foot_l {float: left;}
.foot_r {margin: 10px 0 0 0;}
.foot_r nav {margin: 5px 0 0 0;}
.foot_r nav li {display: inline-block; padding: 0 3px 0 6px; border-left: 1px solid #fff; line-height: 1; text-transform: uppercase;}
.foot_r nav li a {color: #fff;}
.foot_r nav li a:hover {color: #6bc4c2;}

@media (min-width: 1px) {
    .foot_r {float: left; text-align: left;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    .foot_r {float: right; text-align: right;}
    .foot_r nav li:first-child {border-left: 0px solid #fff;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}

    
/* SOCIAL MEDIA --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.fb_ico {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/ico/fb_ico.png) top center no-repeat; width: 26px; height: 26px; display: inline-block; margin: 11px 8px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.fb_ico:hover {background-position: 0px -26px;}
.in_ico {background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/ico/in_ico.png) top center no-repeat; width: 26px; height: 26px; display: inline-block; margin: 11px 0 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right;}
.in_ico:hover {background-position: 0px -26px;}

/* HEADING-------------------------------------------------------------------------------------------------------------------------------------------- */
h1 {font-family: 'Titillium Web'; font-weight: 300; line-height: 1; color: #62c0be; text-transform: uppercase; margin: 0 0 30px 0; text-align: center;}
h2 {font-family: 'Titillium Web'; font-weight: 300; line-height: 1; color: #62c0be; text-transform: uppercase; margin: 0 0 30px 0; text-align: center;}
h3 {font-family: 'Titillium Web'; font-weight: 600; line-height: 1.3; text-align: center; margin: 0 0 30px 0;}
h4 {font-family: 'Titillium Web'; font-weight: 700; line-height: 1; margin: 0 0 5px 0; text-align: center;}
h5 {font-family: 'Titillium Web'; font-weight: 300; line-height: 1; text-align: center;}

@media (min-width: 1px) {
    h1 {font-size: 30px;}
    h2 {font-size: 30px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}
@media (min-width: 480px) {
    h1 {font-size: 32px;}
    h2 {font-size: 32px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}
@media (min-width: 640px) {
    h1 {font-size: 34px;}
    h2 {font-size: 34px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}
@media (min-width: 768px) {
    h1 {font-size: 36px;}
    h2 {font-size: 36px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}
@media (min-width: 1024px) {
    h1 {font-size: 38px;}
    h2 {font-size: 38px;}
    h3 {font-size: 16px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}
@media (min-width: 1366px) {
    h1 {font-size: 40px;}
    h2 {font-size: 40px;}
    h3 {font-size: 17px;}
    h4 {font-size: 16px;}
    h5 {font-size: 14px;}
}
@media (min-width: 1600px) {
    h1 {font-size: 42px;}
    h2 {font-size: 42px;}
    h3 {font-size: 18px;}
    h4 {font-size: 18px;}
    h5 {font-size: 16px;}
}

.highlight {color: #f00;}
strong {font-weight: 700;}

/* 404 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page_404 {text-align: center;}
#page_404 h1 {font-size: 80px; font-weight: 700;}
#page_404 h2 {font-size: 36px;}
.counter-404-link {margin: 40px 0 80px 0;}

/* LINK-------------------------------------------------------------------------------------------------------------------------------------------- */
a {color: #70c5c3;}
a:hover {color: #475993;}

/* BUTTON --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn {padding: 10px 15px; font-weight: 700; background-color: #70c5c3; border: 1px solid #70c5c3; cursor: pointer; text-transform: uppercase; display: inline-block; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 15px;}
.btn:after {content: "\f067"; font-family: FontAwesome; color: #fff; margin: 0 0 0 7px; vertical-align: middle; font-weight: 400; font-size: 14px;}
.btn:hover {background-color: #475993; color: #fff; border: 1px solid #475993;}

/* FORMS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
input, textarea {border: 1px solid #7a1414; color: #fff; background-color: #7a1414; padding: 11px 10px; font: normal 14px/1 'Titillium Web', Tahoma, Arial, sans-serif; margin: 0 0 3px 0; text-transform: lowercase;}
select {border: 1px solid #7a1414; color: #fff; background-color: #7a1414; padding: 10px 10px; font: normal 14px/1 'Titillium Web', Tahoma, Arial, sans-serif; margin: 0px; text-transform: lowercase;}
input:focus, textarea:focus, select:focus {border: 1px solid #70c5c3;}

/* PRELOAD */

#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #000; opacity: 0.90; filter: alpha(opacity = 90); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family: 'Titillium Web', sans-serif; width: 300px; position: fixed; top: 40px; left: 50%; margin: 0 0 0 -150px; padding: 20px; line-height: 24px; text-align: center; z-index: 111113; background-color: #70c5c3; font-size: 16px; font-weight: 700; color: #fff; display: none; cursor: pointer;}

.gallery-all-images {display: none;}
/*.ellipsis {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/

#news_list .full-content{display: none;}
#news_list_nav .loader{display: none;}
#personnel_list_nav .loader{display: none;} 
.show-less {display: none;}


/* ACCORDION */
.accordion_container {margin: 5px 0px;}
.accordion_header {border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding: 10px 0 8px 0;}
.accordion_header, .accordion_header:hover {cursor: pointer;}
.accordion_more_a {line-height: 1.2; font-weight: 700; float: left; text-align: left;}
.accordion_more_img {float: right; width: 30px; height: 30px; background: url(https://web.archive.org/web/20250311031149im_/https://dentstyle.pl/img/bg_accordion.png) top center no-repeat; cursor:pointer;}
#cennik .open, #cennik .close:hover {color: #6bc4c2;}
#wywiad .open, #wywiad .close:hover {color: #fff;}
.close, .open:hover {color: #fff;}
.open .accordion_more_img, .close:hover .accordion_more_img {background-position: 0px -30px;}
.close .accordion_more_img, .open:hover .accordion_more_img {background-position: 0px 0px;}
.accordion_content {display: none; padding: 15px 0; position: relative; color: #fff; text-align: left;}
.accordion_content a {color: #6bc4c2;}
.accordion_content a:hover {color: #fff;}
@media (min-width: 1px) {
    .accordion_more_a {width: 270px;}
    .accordion_more_a {font-size: 17px;}
}
@media (min-width: 480px) {
    .accordion_more_a {width: 370px;}
}
@media (min-width: 640px) {
    .accordion_more_a {width: 510px;}
}
@media (min-width: 768px) {
    .accordion_more_a {width: 650px;}
    .accordion_more_a {font-size: 18px;}
}
@media (min-width: 1024px) {
    .accordion_more_a {width: 850px;}
    .accordion_more_a {font-size: 19px;}
}
@media (min-width: 1366px) {
    .accordion_more_a {width: 1020px;}
    .accordion_more_a {font-size: 20px;}
}
@media (min-width: 1600px) {
    .accordion_more_a {width: 1120px;}
    .accordion_more_a {font-size: 21px;}
}

/* COOKIES */
.cookies-container {position: fixed; bottom: 0%; display: block; width: 100%; min-height: 14%; z-index: 100000; background-color: rgba(220, 220, 220, 0.90); -webkit-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3); -moz-box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3); box-shadow: 0 -10px 15px -10px rgba(0,0,0,0.3);}
.cookies {display: block; margin: 30px auto 15px auto; color: #2b2b2b;}
.cookies_link {margin-top: 15px;}
.cookies_link .btn_link_1 {margin: 0 10px 0 0;}
.cookies a {color: #70c5c3; font-weight: 600; text-transform: uppercase;}
.cookies a:hover {color: #313131;}

@media (min-width: 1px) {
    .cookies_link .btn_link_1 {margin: 0 10px 10px 0;}
}
@media (min-width: 1366px) {
    .cookies_link .btn_link_1 {margin: 0 10px 0 0;}
}




.placeDiv {
    z-index: 9999;
    position: absolute;
}

.map-container {
    position: relative;
}

.placecard__container {
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    max-width: 330px;
    width: 100%;
    background: white none repeat scroll 0% 0%/auto padding-box border-box;
    border-radius: 2px 2px 2px 2px;
    font: normal normal normal normal 11px/normal Roboto, Arial, sans-serif;
    margin: 10px;
    padding: 9px 4px 9px 11px;
    overflow: hidden;
}
.placecard__left {
    float: left;
    width: 75%;
}
.placecard__right {
    text-align: center;
    float: left;
    width: 25%;
}
.placecard__business-name {
    cursor: default;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    perspective-origin: 100px 9.5px;
    transform-origin: 100px 9.5px;
    font: normal normal 500 normal 14px/normal Roboto, Arial;
    overflow: hidden;
    margin: 0;
}
.placecard__info {
    color: #5b5b5b;
    cursor: default;
    height: 32px;
    width: 200px;
    column-rule-color: #5b5b5b;
    perspective-origin: 100px 16px;
    transform-origin: 100px 16px;
    border: 0px none #5b5b5b;
    font: normal normal normal normal 12px/normal Roboto, Arial;
    margin: 6px 0px 0px;
    outline: #5b5b5b none 0px;
}
.placecard__direction-icon {
    background: rgba(0, 0, 0, 0) url("https://web.archive.org/web/20250311031149im_/https://maps.gstatic.com/mapfiles/embed/images/entity11.png") repeat scroll 0px 0px/70px 210px padding-box border-box;
    height: 22px;
    width: 22px;
    margin-right: auto;
    margin-left: auto;
}
.placecard__direction-link {
    color: #3a84df;
    display: block;
    height: 43px;
    text-decoration: none;
    width: 54.7344px;
}
.placecard__view-large {
    display: block;
    margin-top: 10px;
    color: #3a84df;
    text-decoration: none;
}




/* WordPress integration / recovery overrides */
html { scroll-behavior: smooth; }
body.admin-bar #header_top.fixed { top: 32px; }
@media screen and (max-width: 782px){ body.admin-bar #header_top.fixed { top:46px; } }
#header_top { box-sizing: border-box; }
#banner_home .slide { position:absolute; left:0; top:0; }
#banner_home { overflow:hidden; }
#banner_home > .container { height:0; z-index:101; }
#banner_home_nav { pointer-events:auto; }
#banner_home_nav a { cursor:pointer; }
#rwd-menu-container { box-sizing:border-box; }
#full_contents_list { display:none; }
#preloadb { position:fixed; }
.ds-map-iframe { width:100%; height:520px; border:0; display:block; }
#map { height:520px !important; }
.cookies-container[hidden] { display:none !important; }
.cookies .btn { color:#fff; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Avoid inherited WP theme editor defaults */
body { margin:0; }
img { max-width:100%; }