/* 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: 0; display: block;}

body {width: 100%; font-weight: 400; color: #fff; background-color: #110e14;}
.container, .teaser-slider .slick-list {position: relative; margin: 0 auto; width: 85%;}
.page {padding: 250px 0 0 0;}
.bg_page {background: url(/img/bg_page.jpg) top right no-repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1 !important; background-size: cover !important;}

.icon img {vertical-align: middle; margin: 0 10px 0 0; width: 40px; height: auto;} 
.icon {margin: 0 20px 10px 0; display: inline-block;}

@media (min-width: 1px) {
    body {font: normal 14px/1.4 'Lato', sans-serif;}
}
@media (min-width: 480px) {
}
@media (min-width: 640px) {
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    body {font: normal 15px/1.4 'Lato', sans-serif;}
}
@media (min-width: 1366px) {
    body {font: normal 16px/1.4 'Lato', sans-serif;}
}
@media (min-width: 1600px) {
    body {font: normal 17px/1.4 'Lato', sans-serif;}
}

/* HEADER */
h1 {line-height: 1; letter-spacing: 3px; font-weight: 700; color: #fff; text-transform: uppercase;}
h2 {line-height: 1.2; font-weight: 300; color: #a9a9aa; }
.page h2 {width: 100%; margin: 25px 0;}
h3 {font-family: 'Lato'; font-weight: 300; line-height: 1.2; color: #a9a9aa;  margin: 0 0 20px 0;}
.header_main {position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: rgb(9,7,11);
background: linear-gradient(180deg, rgba(9,7,11,1) 0%, rgba(9,7,11,0) 100%); padding: 15px 0 30px 0;}



@media (min-width: 1px) {    
    .header_main .container {display: grid; grid-template-columns: 50% 50%; grid-template-rows: 100%;}
    .header_logo {justify-self: start; align-self: center;}
    .header_nav {display: grid; grid-template-columns: 70% 30%;}
    .header_nav {justify-self: end; align-self: center; width: 100%;}
    .header_logo img {width: 130px; height: auto;}
     h2 {width: 100%; margin: 0 auto 30px auto;}
}
@media (min-width: 480px) {
    .header_logo img {width: 140px; height: auto;}
}
@media (min-width: 640px) {
    .header_logo img {width: 150px; height: auto;}
}
@media (min-width: 768px) {
    h2 {width: 70%; margin: 0 auto 45px auto;}
}
@media (min-width: 1024px) {
    .header_main .container {display: grid; grid-template-columns: 25% 75%; grid-template-rows: 100%;}
    .header_logo img {width: 180px; height: auto;}
    .header_nav {display: grid; grid-template-columns: 85% 15%;}
    .header_nav {justify-self: start; align-self: center; width: 100%;}
}
@media (min-width: 1366px) {
    .header_main .container {display: grid; grid-template-columns: 23% 77%; grid-template-rows: 100%;}
    .header_logo img {width: 215px; height: auto;}
}
@media (min-width: 1600px) {
    .header_main .container {display: grid; grid-template-columns: 20% 80%; grid-template-rows: 100%;}
    .header_logo img {width: 230px; height: auto;}
}

/* FOOTER */
footer {color: #fff; padding: 30px 0 70px 0; margin: 90px 0 0 0; font-size: 14px; background-color: #09070b; text-align: center; position: relative; z-index: 1;}
.footer_links {text-transform: uppercase; margin: 30px 0;}
.footer_links li, .footer_links ul, .footer_links_a {display: inline-block;}
.footer_links a {color: #a9a9aa; padding: 0 10px;}
.footer_links a:hover {color: #f5aa25;}

.footer_copy {color: #a9a9aa;}



/* NAV */
#nav_lang {justify-self: end; align-self: center; text-align: right;}
#nav_main li, #nav_lang li {display: inline-block;}
#nav_main li a, #nav_lang li a {cursor: pointer; color: #fff; font-family: 'Lato', sans-serif; line-height: 2; font-weight: 600; 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, #nav_main li a.selected, #nav_lang li a:hover, #nav_lang li a.selected {color: #f5aa25;}
.menu-elem-7 {color: #f5aa25 !important;}

#rwd-menu-button {font-size: 18px; line-height: 36px; color: #fff; text-align: right; font-weight: 600; background: url(/img/bg_rwd_menu.png) center right no-repeat; display: block; z-index: 20; cursor: pointer; height: 36px; font-family: 'Lato', sans-serif;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat; display: block;}
#rwd-menu-container {display: none; position: absolute; left: 0; top: 80px; width: 100%; z-index: 119; background-color: #09070b; text-align: center;}

.rwd-main ul {margin: 0 auto; display: block; list-style-type: none;}
.rwd-main li {border-top: 1px solid #454545;}
.rwd-main li:first-child {border-top: 0 solid #09070b;}
.rwd-main li a {font-size: 16px; display: block; padding: 12px 0; text-transform: uppercase; text-align: center; color: #fff; font-weight: 600; font-family: 'Lato', sans-serif;}
.rwd-main li a:hover, .rwd-main li a.selected {background-color: #141414; color: #e5ac45;}



@media (min-width: 1px) {
    #nav_rwd {display: block; width: 100%;}
    #nav_main, #sub_nav {display: none;}
    #rwd-menu-button {width: 70%; padding: 0 30% 0 0;}
    #nav_lang li a {font-size: 13px; padding: 0 5px;}
}
@media (min-width: 480px) {
    #rwd-menu-button {width: 75%; padding: 0 25% 0 0;}
}
@media (min-width: 640px) {
    #rwd-menu-button {width: 80%; padding: 0 20% 0 0;}
}
@media (min-width: 768px) {
}
@media (min-width: 1024px) {
    #nav_rwd {display: none;}
    #nav_main {display: block; text-align: left;}
    #nav_main li a, #nav_lang li a {font-size: 13px; padding: 0 5px;}
    #nav_main li:last-child a {padding: 0 0 0 5px;}
}
@media (min-width: 1366px) {    
    #nav_main li a, #nav_lang li a {font-size: 14px; padding: 0 10px;}
    #nav_main li:last-child a {padding: 0 0 0 10px;}
}
@media (min-width: 1600px) {
    #nav_main li a, #nav_lang li a {font-size: 15px; padding: 0 10px;}
    #nav_main li:last-child a {padding: 0 0 0 10px;}
}

/* BANNER */
.banner_home {display: grid; height: 300px; position: relative;}
.smile_home, .philosophy_home {display: grid; height: 400px; position: relative;}
.item-1 .banner_home_wrap {width: 85%; left: 7.5%;  margin: 0 auto; position: absolute; z-index: 200;}
.smile_home_content, .philosophy_home_content {width: 55%; left: 37.5%; position: absolute; z-index: 200; justify-self: start; align-self: center;}
.banner_home_wrap_title {line-height: 2; letter-spacing: 3px; font-weight: 700; color: #fff;}
.banner_home_wrap_subtitle {line-height: 1; letter-spacing: 5px; font-weight: 900; color: #fff; text-transform: uppercase; position: relative;}
.banner_home_wrap_subtitle::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0; left: 0;}
.banner_home_wrap_desc {line-height: 1.2; font-weight: 300; color: #a9a9aa;}
.smile_home .banner_home_wrap_desc, .philosophy_home .banner_home_wrap_desc {width: 100%;}

.banner_home_background {
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.banner_home_background.show {
    filter: alpha(opacity=100);
    opacity: 1;
}

@media (min-width: 1px) {
    .banner_home, .smile_home {padding: 100px 0 200px 0;}
    .philosophy_home {padding: 250px 0;}
    .banner_home_background {background-size: contain !important; background-position: center right !important;}
    .smile_home .banner_home_background, .philosophy_home .banner_home_background {background-position: top left !important;}
    .banner_home_wrap {top: 150px;}
    .banner_home_wrap_subtitle {font-size: 12px; padding: 0 0 30px 0; margin: 0 0 20px;}
    .banner_home_wrap_title {font-size: 16px;}
    .banner_home_wrap_desc {width: 80%; font-size: 14px;}
    .banner_home_wrap_subtitle::after {width: 100px;}
}
@media (min-width: 480px) {
    .banner_home {padding: 200px 0 150px 0;}
    .smile_home {padding: 25px 0;}
    .philosophy_home {padding: 175px 0;}
    .banner_home_wrap {top: 200px;}
    .banner_home_wrap_subtitle {font-size: 20px; padding: 0 0 30px 0; margin: 0 0 25px;}
    .banner_home_wrap_title {font-size: 20px;}
    .banner_home_wrap_desc {width: 70%; font-size: 15px;}
    .banner_home_wrap_subtitle::after {width: 125px;}
}
@media (min-width: 640px) {
    .banner_home {padding: 250px 0 200px 0;}
    .smile_home, .philosophy_home {padding: 75px 0;}
    .banner_home_wrap {top: 225px;}
    .banner_home_wrap_subtitle {font-size: 30px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .banner_home_wrap_title {font-size: 21px;}
    .banner_home_wrap_desc {width: 65%; font-size: 16px;}
    .banner_home_wrap_subtitle::after {width: 150px;}
}
@media (min-width: 768px) {
    .banner_home {padding: 250px 0 250px 0;}
    .smile_home, .philosophy_home {padding: 50px 0;}
    .banner_home_background { background-size: cover !important; background-position: top right !important;}
    .smile_home .banner_home_background {background-size: contain !important; background-position: center left !important;}
    .banner_home_wrap {top: 250px;}
    .banner_home_wrap_subtitle {font-size: 32px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .banner_home_wrap_title{font-size: 22px;}
    .banner_home_wrap_desc {width: 60%; font-size: 19px;}
    .banner_home_wrap_subtitle::after {width: 175px;}
}
@media (min-width: 1024px) {
    .banner_home {padding: 250px 0 350px 0;}
    .smile_home, .philosophy_home {padding: 200px 0;}
    .banner_home_wrap {top: 250px;}
    .banner_home_wrap_subtitle {font-size: 46px; padding: 0 0 35px 0; margin: 0 0 35px;}
    .banner_home_wrap_title {font-size: 24px;}
    .banner_home_wrap_desc {width: 65%; font-size: 20px;}
    .banner_home_wrap_subtitle::after {width: 200px;}
}
@media (min-width: 1366px) { 
    .banner_home {padding: 300px 0 700px 0;}
    .smile_home, .philosophy_home {padding: 300px 0;}
    .banner_home_wrap {top: 250px;}
    .banner_home_wrap_subtitle {font-size: 54px; padding: 0 0 40px 0; margin: 0 0 40px;}
    .banner_home_wrap_title {font-size: 28px;}
    .banner_home_wrap_desc {width: 55%; font-size: 22px;}
    .banner_home_wrap_subtitle::after {width: 225px;}
}
@media (min-width: 1600px) {
    .banner_home {padding: 400px 0 950px 0;}
    .smile_home, .philosophy_home {padding: 350px 0;}
    .banner_home_wrap {top: 300px;}
    .banner_home_wrap_subtitle {font-size: 74px; padding: 0 0 45px 0; margin: 0 0 45px;}
    .banner_home_wrap_title {font-size: 30px;}
    .banner_home_wrap_desc {width: 55%; font-size: 24px;}
    .banner_home_wrap_subtitle::after {width: 250px;}
}

/* METAMORPH */
.metamorph_home_title {line-height: 1; letter-spacing: 3px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center;}
.metamorph_home_desc {line-height: 1.2; font-weight: 300; color: #a9a9aa; text-align: center;}
.metamorph_home_link {text-align: center;}

.metamorphoses_foto img {width: 100%; height: auto;}
.metamorphoses_title {line-height: 1; letter-spacing: 2px; font-weight: 700; color: #fff; position: relative; text-transform: uppercase;}
.metamorphoses_title::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0; left: 0;}

.metamorphoses_gallery_item img {width: 100%; height: auto;}
.metamorphoses_gallery_title {line-height: 1; font-weight: 400; color: #fff; text-transform: uppercase; text-align: center; margin: 25px 0;}
.metamorphoses_gallery_desc {line-height: 1.2; font-weight: 300; color: #a9a9aa; text-align: center;}

@media (min-width: 1px) {
    .metamorph_home_title {font-size: 24px; margin: 0 0 30px;}
    .metamorph_home_desc {font-size: 17px; width: 100%; margin: 0 auto 30px auto;}
    h1 {font-size: 24px; margin: 0 0 30px;}
    h2, h3 {font-size: 17px;}
    #metamorphoses_gallery {display: grid; grid-template-columns: 100%; margin: 0 0 30px 0;}
    .metamorphoses_gallery_title {font-size: 20px;}
    .metamorphoses_gallery_desc {font-size: 17px;}
    .metamorphoses_header {display: grid; grid-template-columns: 100%; margin: 60px 0 30px 0;}
    .metamorphoses_title {font-size: 24px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .metamorphoses_title::after {width: 100px;}
}
@media (min-width: 480px) {
    .metamorph_home_title {font-size: 28px; margin: 0 0 30px;}
    .metamorph_home_desc {font-size: 18px; width: 100%; margin: 0 auto 30px auto;}
    h1 {font-size: 28px; margin: 0 0 30px;}
    h2, h3 {font-size: 18px;}
    .metamorphoses_gallery_title {font-size: 21px;}
    .metamorphoses_gallery_desc {font-size: 18px;}
    .metamorphoses_title {font-size: 26px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .metamorphoses_title::after {width: 125px;}
}
@media (min-width: 640px) {
    #element-metamorfozy-pacjentow {padding: 50px 0 0 0; margin: -100px 0 0 0; position: relative; z-index: 200;}
    .metamorph_home_title {font-size: 30px; margin: 0 0 30px;}
    .metamorph_home_desc {font-size: 19px; width: 100%; margin: 0 auto 30px auto;}
    h1 {font-size: 30px; margin: 0 0 30px;}
    h2, h3 {font-size: 19px;}
    #metamorphoses_gallery {display: grid; grid-template-columns: 47% 47%; grid-column-gap: 6%; margin: 0 0 30px 0;}
    .metamorphoses_gallery_title {font-size: 20px;}
    .metamorphoses_gallery_desc {font-size: 17px;}
    .metamorphoses_header {display: grid; grid-template-columns: 30% 65%; grid-column-gap: 5%; margin: 90px 0 45px 0;}
    .metamorphoses_title {font-size: 28px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .metamorphoses_title::after {width: 150px;}
}
@media (min-width: 768px) {
    #element-metamorfozy-pacjentow {padding: 50px 0 0 0; margin: -100px 0 0 0;}
    .metamorph_home_title {font-size: 30px; margin: 0 0 30px;}
    .metamorph_home_desc {font-size: 19px; width: 100%; margin: 0 auto 30px auto;}
    h1 {font-size: 30px; margin: 0 0 30px;}
    h2, h3 {font-size: 19px;}
    .metamorphoses_gallery_title {font-size: 21px;}
    .metamorphoses_gallery_desc {font-size: 18px;}
    .metamorphoses_title {font-size: 30px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .metamorphoses_title::after {width: 175px;}
}
@media (min-width: 1024px) {
    #element-metamorfozy-pacjentow {padding: 60px 0 0 0; margin: -200px 0 0 0;}
    .metamorph_home_title {font-size: 36px; margin: 0 0 35px;}
    .metamorph_home_desc {font-size: 20px; width: 80%; margin: 0 auto 35px auto;}
    h1 {font-size: 36px; margin: 0 0 35px;}
    h2, h3 {font-size: 20px;}
    #metamorphoses_gallery {display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; margin: 0 0 35px 0;}
    .metamorphoses_gallery_title {font-size: 19px;}
    .metamorphoses_gallery_desc {font-size: 16px;}
    .metamorphoses_title {font-size: 32px; padding: 0 0 35px 0; margin: 0 0 35px;}
    .metamorphoses_title::after {width: 200px;}
}
@media (min-width: 1366px) { 
    #element-metamorfozy-pacjentow {padding: 70px 0 0 0; margin: -500px 0 0 0;}
    .metamorph_home_title {font-size: 44px; margin: 0 0 40px;}
    .metamorph_home_desc {font-size: 22px; width: 70%; margin: 0 auto 40px auto;}
    h1 {font-size: 44px; margin: 0 0 40px;}
    h2, h3 {font-size: 22px;}
    #metamorphoses_gallery {margin: 0 0 40px 0;}
    .metamorphoses_gallery_title {font-size: 20px;}
    .metamorphoses_gallery_desc {font-size: 17px;}
    .metamorphoses_title {font-size: 34px; padding: 0 0 40px 0; margin: 0 0 40px;}
    .metamorphoses_title::after {width: 225px;}
}
@media (min-width: 1600px) {
    #element-metamorfozy-pacjentow {padding: 80px 0 0 0; margin: -700px 0 0 0;}
    .metamorph_home_title {font-size: 50px; margin: 0 0 45px;}
    .metamorph_home_desc {font-size: 24px; width: 70%; margin: 0 auto 45px auto;}
    h1 {font-size: 50px; margin: 0 0 45px;}
    h2, h3 {font-size: 24px;}
    #metamorphoses_gallery {margin: 0 0 45px 0;}
    .metamorphoses_gallery_title {font-size: 21px;}
    .metamorphoses_gallery_desc {font-size: 18px;}
    .metamorphoses_title {font-size: 36px; padding: 0 0 45px 0; margin: 0 0 45px;}
    .metamorphoses_title::after {width: 250px;}
}

/* VIDEO */
.video {margin: 60px 0;}
.video iframe {width: 100%;}
.box-video {margin: 0 0 60px 0;}

@media (min-width: 1px) {
    .video iframe, .box-video iframe {height: 145px;}
}
@media (min-width: 480px) {
    .video iframe, .box-video iframe {height: 200px;}
}
@media (min-width: 640px) {
    .video iframe, .box-video iframe {height: 290px;}
}
@media (min-width: 768px) {
    .video iframe, .box-video iframe {height: 340px;}
}
@media (min-width: 1024px) {
    .video iframe, .box-video iframe {height: 436px;}
}
@media (min-width: 1366px) {
    .video iframe, .box-video iframe {height: 650px;}
}
@media (min-width: 1600px) {
    .video iframe, .box-video iframe {height: 800px;}
}

/* YT */
.text_youtube {margin: 40px 0;} 
.box-video {display: block; width: 100%; position: relative;}
.box-video-overlay {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.box-video-container {display: block !important;}



/* BOXES ICON */
.boxes_icon_item {background-size: cover !important; margin: 0 0 30px 0;}
.boxes_icon_wrap {opacity: 0; background-color:rgba(55,55,55,0); display: grid; width: 100%;}
.boxes_icon_content {justify-self: center; align-self: center;}
.boxes_icon_item:hover .boxes_icon_wrap {opacity: 1; background-color:rgba(55,55,55,0.9);}
.boxes_icon_title {line-height: 1; text-transform: uppercase; font-weight: 600; color: #fff;}
.boxes_icon_plus {text-align: center; font-weight: 300; line-height: 1;}
.boxes_icon_desc {font-size: 14px; color: #fff; margin: 20px 0 0 0;}

@media (min-width: 1px) {
    .boxes_icon {display: grid; grid-template-columns: 100%; grid-row-gap: 30px; margin: 36px 0;}
    .boxes_icon_wrap {height: 363px;}
    .boxes_icon_title {font-size: 21px;}
    .boxes_icon_plus {font-size: 70px;}
}
@media (min-width: 480px) {
    .boxes_icon_wrap {height: 533px;}
    .boxes_icon_title {font-size: 25px;}
    .boxes_icon_plus {font-size: 100px;}
}
@media (min-width: 640px) {
    .boxes_icon {display: grid; grid-template-columns: 47% 47%; grid-column-gap: 6%; grid-row-gap: 30px; margin: 60px 0;}
    .boxes_icon_wrap {height: 340px;}
    .boxes_icon_title {font-size: 21px;}
    .boxes_icon_plus {font-size: 70px;}
}
@media (min-width: 786px) {
    .boxes_icon_wrap {height: 400px;}
    .boxes_icon_title {font-size: 22px;}
    .boxes_icon_plus {font-size: 80px;}
}
@media (min-width: 1024px) {
    .boxes_icon_wrap {height: 530px;}
    .boxes_icon_title {font-size: 25px;}
    .boxes_icon_plus {font-size: 110px;}
}
@media (min-width: 1366px) {
    .boxes_icon_wrap {height: 470px;}
    .boxes_icon {margin: 70px 0; display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%;}
    .boxes_icon_title {font-size: 24px;}
    .boxes_icon_plus {font-size: 100px;}
}
@media (min-width: 1600px) {
    .boxes_icon_wrap {height: 600px;}
    .boxes_icon {margin: 80px 0;}
    .boxes_icon_title {font-size: 26px;}
    .boxes_icon_plus {font-size: 120px;}
}

/* SMILE */
#element-wymarzony-usmiech {margin: -50px 0 0 0;}
.smile_home_title {line-height: 1; letter-spacing: 2px; font-weight: 400; color: #fff;}
.smile_home_subtitle1 {line-height: 1.2; letter-spacing: 3px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 5px 0;}
.smile_home_subtitle2 {line-height: 1.2; letter-spacing: 2px; font-weight: 400; color: #fff; position: relative;}
.smile_home_subtitle2::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0; left: 0;}
.smile_home_desc {line-height: 1.2; font-weight: 300; color: #a9a9aa;}

@media (min-width: 1px) {
    .smile_home_subtitle1 {font-size: 20px;}
    .smile_home_subtitle2 {font-size: 18px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .smile_home_title {font-size: 18px;}
    .smile_home_desc {font-size: 17px; margin: 0 0 30px 0;}
    .smile_home_subtitle2::after {width: 100px;}
}
@media (min-width: 480px) {
    .smile_home_subtitle1 {font-size: 22px;}
    .smile_home_subtitle2 {font-size: 19px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .smile_home_title {font-size: 19px;}
    .smile_home_desc {font-size: 18px; margin: 0 0 30px 0;}
    .smile_home_subtitle2::after {width: 125px;}
}
@media (min-width: 640px) {
    .smile_home_subtitle1 {font-size: 24px;}
    .smile_home_subtitle2 {font-size: 20px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .smile_home_title {font-size: 20px;}
    .smile_home_desc {font-size: 19px; margin: 0 0 30px 0;}
    .smile_home_subtitle2::after {width: 150px;}
}
@media (min-width: 768px) {
    .smile_home_subtitle1 {font-size: 24px;}
    .smile_home_subtitle2 {font-size: 20px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .smile_home_title {font-size: 20px;}
    .smile_home_desc {font-size: 19px; margin: 0 0 30px 0;}
    .smile_home_subtitle2::after {width: 175px;}
}
@media (min-width: 1024px) {
    .smile_home_subtitle1 {font-size: 32px;}
    .smile_home_subtitle2 {width: 80%; font-size: 26px; padding: 0 0 35px 0; margin: 0 0 35px;}
    .smile_home_title {font-size: 26px;}
    .smile_home_desc {font-size: 22px; margin: 0 0 35px 0;}
    .smile_home_subtitle2::after {width: 200px;}
}
@media (min-width: 1366px) { 
    .smile_home_subtitle1 {font-size: 44px;}
    .smile_home_subtitle2 {font-size: 32px; padding: 0 0 40px 0; margin: 0 0 40px;}
    .smile_home_title {font-size: 32px;}
    .smile_home_desc {font-size: 24px; margin: 0 0 40px 0;}
    .smile_home_subtitle2::after {width: 225px;}
}
@media (min-width: 1600px) {
    .smile_home_subtitle1 {font-size: 50px;}
    .smile_home_subtitle2 {font-size: 36px; padding: 0 0 45px 0; margin: 0 0 45px;}
    .smile_home_title {font-size: 36px;}
    .smile_home_desc {font-size: 28px; margin: 0 0 45px 0;}
    .smile_home_subtitle2::after {width: 250px;}
}

/* TEASERS */
.teaser-home_title {line-height: 1; letter-spacing: 3px; font-weight: 400; color: #fff; position: relative;}
.teaser-home_title::before {content: ''; height: 2px; background-color: #f5aa25; position: absolute; left: 0;}
.teaser-home_subtitle {line-height: 1.6; letter-spacing: 5px; font-weight: 700; color: #fff; text-transform: uppercase;}
.teaser-home_desc {line-height: 1.2; font-weight: 300; color: #a9a9aa;}

.teaser-slider.initial {height: 300px; overflow: hidden;}
.teaser-slider .teaser_item {background-color: #09070b;}
.teaser-slider .teaser_title {line-height: 1; font-weight: 400; color: #fff; margin: 0 0 10px 0;}
.teaser-slider .teaser_subtitle {line-height: 1.2; font-weight: 300; color: #a9a9aa; margin: 0 0 30px 0;}
.teaser-slider .teaser_desc {color: #fff; font-style: italic;}

@media (min-width: 1px) {
    .teaser-home {padding: 50px 0 0 0; margin: 0 0 40px 0;}
    .teaser-home_title {font-size: 20px; padding: 0 0 0 85px;}
    .teaser-home_title::before {width: 60px; bottom: 30px;}
    .teaser-home_subtitle {font-size: 22px;}
    .teaser-home_desc {font-size: 17px; margin: 15px 0 30px 0;}
    
    .teaser-slider .teaser_item {padding: 30px; float: left;}
    .teaser-slider .teaser_title {font-size: 18px;}
    .teaser-slider .teaser_subtitle {font-size: 16px;}
}
@media (min-width: 480px) {
    .teaser-home {padding: 50px 0 0 0; margin: 0 0 40px 0;}
    .teaser-home_title {font-size: 21px; padding: 0 0 0 150px;}
    .teaser-home_title::before {width: 125px; bottom: 30px;}
    .teaser-home_subtitle {font-size: 26px;}
    .teaser-home_desc {font-size: 17px; margin: 15px 0 30px 0;}
    
    .teaser-slider .teaser_title {font-size: 19px;}
    .teaser-slider .teaser_subtitle {font-size: 16px;}
}
@media (min-width: 640px) {
    .teaser-home {padding: 50px 0 0 0; margin: 0 0 40px 0;}
    .teaser-home_title {font-size: 22px; padding: 0 0 0 180px;}
    .teaser-home_title::before {width: 150px; bottom: 20px;}
    .teaser-home_subtitle {font-size: 28px;}
    .teaser-home_desc {font-size: 17px; margin: 15px 0 30px 0;}
    
    .teaser-slider .teaser_title {font-size: 20px;}
    .teaser-slider .teaser_subtitle {font-size: 16px;}
}
@media (min-width: 768px) {
    .teaser-home {padding: 50px 0 0 0; margin: 0 0 40px 0;}
    .teaser-home_title {font-size: 24px; padding: 0 0 0 225px;}
    .teaser-home_title::before {width: 175px; bottom: 22px;}
    .teaser-home_subtitle {font-size: 30px;}
    .teaser-home_desc {font-size: 18px; margin: 15px 0 30px 0;}
    
    .teaser-slider .teaser_item {float: left;}
    .teaser-slider .teaser_title {font-size: 20px;}
    .teaser-slider .teaser_subtitle {font-size: 16px;}
}
@media (min-width: 1024px) {
    #element-opinie {margin: -150px 0 0 0; position: relative; z-index: 200;}
    .teaser-home {padding: 60px 0 0 0; margin: 0 0 50px 0;}
    .teaser-home_title {font-size: 26px; padding: 0 0 0 250px;}
    .teaser-home_title::before {width: 200px; bottom: 28px;}
    .teaser-home_subtitle {font-size: 36px;}
    .teaser-home_desc {font-size: 20px; margin: 15px 0 35px 0;}
    
    .teaser-slider .teaser_item {padding: 36px; float: left;}
    .teaser-slider .teaser_title {font-size: 20px;}
    .teaser-slider .teaser_subtitle {font-size: 16px;}
}
@media (min-width: 1366px) {
    #element-opinie {margin: -175px 0 0 0;}
    .teaser-home {padding: 70px 0 0 0; margin: 0 0 55px 0;}
    .teaser-home_title {font-size: 32px; padding: 0 0 0 300px;}
    .teaser-home_title::before {width: 225px; bottom: 34px;}
    .teaser-home_subtitle {font-size: 44px;}
    .teaser-home_desc {font-size: 22px; margin: 20px 0 40px 0;}
    
    .teaser-slider .teaser_item {padding: 45px; float: left;}
    .teaser-slider .teaser_title {font-size: 21px;}
    .teaser-slider .teaser_subtitle {font-size: 17px;}
}
@media (min-width: 1600px) {
    #element-opinie {margin: -200px 0 0 0;}
    .teaser-home {padding: 80px 0 0 0; margin: 0 0 60px 0;}
    .teaser-home_title {font-size: 36px; padding: 0 0 0 350px;}
    .teaser-home_title::before {width: 250px; bottom: 36px;}
    .teaser-home_subtitle {font-size: 50px;}
    .teaser-home_desc {font-size: 24px; margin: 20px 0 45px 0;}
    
    .teaser-slider .teaser_item {padding: 50px; float: left;}
    .teaser-slider .teaser_title {font-size: 22px;}
    .teaser-slider .teaser_subtitle {font-size: 18px;}
}

/* PHILOSOPHY */
#element-filozofia {margin: 0;}
.philosophy_home_title {line-height: 1; letter-spacing: 3px; font-weight: 400; color: #fff; position: relative;}
.philosophy_home_title::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0; left: 0;}
.philosophy_home_subtitle {line-height: 1.6; letter-spacing: 5px; font-weight: 700; color: #fff; text-transform: uppercase;}
.philosophy_home_header {line-height: 1.2; font-weight: 300; color: #a9a9aa;}

@media (min-width: 1px) {
    .philosophy_home_title {font-size: 20px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .philosophy_home_title::after {width: 100px;}
    .philosophy_home_subtitle {font-size: 22px;}
    .philosophy_home_header {font-size: 17px; margin: 0 0 30px 0;}
}
@media (min-width: 480px) {
    .philosophy_home_title {font-size: 21px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .philosophy_home_title::after {width: 125px;}
    .philosophy_home_subtitle {font-size: 26px;}
    .philosophy_home_header {font-size: 17px; margin: 0 0 30px 0;}
}
@media (min-width: 640px) {
    .philosophy_home_title {font-size: 22px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .philosophy_home_title::after {width: 150px;}
    .philosophy_home_subtitle {font-size: 28px;}
    .philosophy_home_header {font-size: 17px; margin: 0 0 30px 0;}
}
@media (min-width: 768px) {
    .philosophy_home_title {font-size: 24px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .philosophy_home_title::after {width: 175px;}
    .philosophy_home_subtitle {font-size: 30px;}
    .philosophy_home_header {font-size: 18px; margin: 0 0 30px 0;}
}
@media (min-width: 1024px) {
    .philosophy_home_title {font-size: 28px; padding: 0 0 35px 0; margin: 0 0 35px;}
    .philosophy_home_title::after {width: 200px;}
    .philosophy_home_subtitle {font-size: 36px;}
    .philosophy_home_header {font-size: 20px; margin: 0 0 35px 0;}
}
@media (min-width: 1366px) { 
    .philosophy_home_title {font-size: 36px; padding: 0 0 40px 0; margin: 0 0 40px;}
    .philosophy_home_title::after {width: 225px;}
    .philosophy_home_subtitle {font-size: 44px;}
    .philosophy_home_header {font-size: 22px; margin: 0 0 40px 0;}
}
@media (min-width: 1600px) {
    .philosophy_home_title {font-size: 36px; padding: 0 0 45px 0; margin: 0 0 45px;}
    .philosophy_home_title::after {width: 250px;}
    .philosophy_home_subtitle {font-size: 50px;}
    .philosophy_home_header {font-size: 24px; margin: 0 0 45px 0;}
}

/* CONTACT */
.contact_data_title, .contact_home_title {line-height: 1; letter-spacing: 3px; font-weight: 400; color: #fff; position: relative;}
.contact_data_title::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0;}
.contact_data_subtitle, .contact_home_title span {line-height: 1; letter-spacing: 5px; font-weight: 700; color: #fff; text-transform: uppercase;}
.contact_data_desc {line-height: 1.4; color: #fff; font-weight: 300;}

.contact_home_title::after {content: ''; height: 2px; background-color: #f5aa25; position: absolute; bottom: 0; left: 0;}

.contact_map, .map {width: 100%; color: #313131;}
.contact_form .btn {padding: 15px 20px;}

@media (min-width: 1px) {
    .contact_home .container {display: grid; grid-template-columns: 70%;}
    .contact_data {justify-self: start; align-self: start;}
    .contact_data_title::after {left: 0;}
    #element-kontakt {margin: 0; position: relative; z-index: 200;}
    .contact_home {background-size: contain !important;}
    .token {width: 100%; margin: 0 0 15px 0;}
    .contact_data_title, .contact_home_title {font-size: 20px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .contact_data_title::after, .contact_home_title::after {width: 100px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 24px;}
    .contact_data_desc {font-size: 17px;}
    .contact_map, .map {height: 300px; margin: 30px 0;}
}
@media (min-width: 480px) {
    .contact_home .container {display: grid; grid-template-columns: 65%;}
    .token {width: 60%; float: left; margin: 0;}
    .contact_form .btn {width: 100px; float: right; margin: 0;}
    .contact_data_title, .contact_home_title {font-size: 21px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .contact_data_title::after, .contact_home_title::after {width: 125px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 26px;}
    .contact_data_desc {font-size: 17px;}
    .contact_map, .map {height: 300px; margin: 30px 0;}
}
@media (min-width: 640px) {
    .contact_data_title, .contact_home_title {font-size: 22px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .contact_data_title::after, .contact_home_title::after {width: 150px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 28px;}
    .contact_data_desc {font-size: 17px;}
    .contact_map, .map {height: 300px; margin: 30px 0;}
}
@media (min-width: 768px) {
    .contact_data_title, .contact_home_title {font-size: 24px; padding: 0 0 30px 0; margin: 0 0 30px;}
    .contact_data_title::after, .contact_home_title::after {width: 175px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 30px;}
    .contact_data_desc {font-size: 18px;}
    .contact_map, .map {height: 300px; margin: 30px 0;}
}
@media (min-width: 1024px) {
    .contact_home .container {display: grid; grid-template-columns: 30% 65%; grid-column-gap: 5%;}
    .contact_data {justify-self: end; align-self: end; text-align: right;}
    .contact_data_title::after {left: auto; right: 0;}
    .contact_home {background-size: cover !important;}
    #element-kontakt {margin: 0;}
    .contact_data_title, .contact_home_title {font-size: 26px; padding: 0 0 35px 0; margin: 0 0 35px;}
    .contact_data_title::after, .contact_home_title::after {width: 200px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 36px;}
    .contact_data_desc {font-size: 20px;}
    .contact_map, .map {height: 350px; margin: 35px 0 0 0;}
}
@media (min-width: 1366px) {
    #element-kontakt {margin: 0;}
    .contact_data_title, .contact_home_title {font-size: 32px; padding: 0 0 40px 0; margin: 0 0 40px;}
    .contact_data_title::after, .contact_home_title::after {width: 225px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 44px;}
    .contact_data_desc {font-size: 22px;}
    .contact_map, .map {height: 450px; margin: 40px 0 0 0;}
}
@media (min-width: 1600px) {
    #element-kontakt {margin: 0;}
    .contact_data_title, .contact_home_title {font-size: 36px; padding: 0 0 45px 0; margin: 0 0 45px;}
    .contact_data_title::after, .contact_home_title::after {width: 250px;}
    .contact_data_subtitle, .contact_home_title span {font-size: 50px;}
    .contact_data_desc {font-size: 24px;}
    .contact_map, .map {height: 600px; margin: 45px 0 0 0;}
}


.contact_form .token {clear: none;}
.agree {font-size: 14px; margin: 0 0 15px 0;}
.agree a {text-decoration: underline;}
.tkode {vertical-align: middle; margin: 0 15px 0 0;}
input[name="kode"] {width: 100px; text-align: center; vertical-align: middle; padding: 14px 2%; margin: 0;}
input[type="checkbox"] {width: 16px; height: 16px; display: inline-block; margin: 0 5px 0 0;}


/* GALLERY SIMPLE */
#gallery_simple {margin: 36px 0;}
.gallery_simple_list {display: grid; grid-template-columns: 48% 48%; grid-column-gap: 4%; grid-row-gap: 30px;}
.gallery_simple_item img {width: 100%; height: auto;}



/* BLOCK DESCRIPTION */
.blocks ul, .blocks ol, #page_blocks ul, #page_blocks ol, .page ul, .page ol  {margin: 0 0 30px 0;}
.blocks ul li, #page_blocks ul li, .page ul li {background: url(/img/bg_li.png) 0 6px no-repeat; padding: 3px 0 3px 30px; margin: 3px 0;}
.blocks ol li, #page_blocks ol li, .page ol li {list-style-type: decimal; list-style-position: outside; margin: 5px 0; margin-left: 25px;}
.blocks ol ol li, #page_blocks ol ol li, .page ol ol li {margin-left: 25px;}

.block_description {align-self: center;}
.block_description_foto img {width: 100%; height: auto;}

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

.text_image img {width: 100%; height: auto;}

.text_file {margin: 36px 0;}
.text_file_item {display: block; padding: 15px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.text_file_header {font-size: 24px; font-weight: 700; color: #af1518; font-family: 'Lato'; margin: 0 0 20px 0;}

.background_text {position: relative; z-index: 1000;}
.background_text_container {display: grid; grid-template-columns: 10% 80% 10%; min-height: 400px; position: relative; z-index: 1000;}
.background_text_item {color: #fff; background: linear-gradient(135deg, rgba(94,94,94,1) 0%, rgba(57,55,51,1) 100%); font-size: 13px; min-height: 336px;}
.background_text_title {font-weight: 600; font-family: 'Lato', sans-serif; text-transform: uppercase;}
.background_text_item ul li {color: #fff !important;}

@media (min-width: 1px) {
    .block_description_right, .block_description_left {width: 100%; margin: 30px auto;}
    .two_texts {display: grid; grid-template-columns: 100%; margin: 30px 0;}
    .block_description_foto {margin: 0 0 30px 0;}
}
@media (min-width: 480px) {
    .block_description_right, .block_description_left {margin: 50px auto;}

}
@media (min-width: 640px) {
    .block_description_right, .block_description_left {margin: 60px auto;}
}
@media (min-width: 768px) {
    .block_description_right, .block_description_left {margin: 65px auto;}
}
@media (min-width: 1024px) {
    .two_texts {display: grid; grid-template-columns: 48% 48%; grid-column-gap: 4%; margin: 36px 0;}
    .block_description_right{width: 100%; display: grid; grid-template-columns: 48% 4% 48%; margin: 36px 0;}
    .block_description_left {width: 100%; display: grid; grid-template-columns: 48% 4% 48%; margin: 36px 0;}
    .block_description_foto {margin: 0;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1600px) {
}
@media (min-width: 1800px) {
}

/* POPUP */
#popup {width: 260px; padding: 50px 30px 30px 30px; display: none; text-align: center; background-color: #000; color: #fff; position: fixed; bottom: 0px; right: 0px; z-index: 111113;}
#popup .popup-close {font-size: 16px; font-weight: 700; background-color: #f5aa25; display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 0; right: 0; color: #fff;}
#popup .popup-close:hover {background-color: #707070;}

#popup .btn {background-color: #f5aa25; color: #000; font-weight: 700;}
#popup .btn:hover {background-color: #110e15; color: #fff;}


/* PRELOAD */
#preloadb {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9001; background-color: #000; opacity: 0.85 !important; filter: alpha(opacity=85) !important; display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 9002; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm {font-family: 'Lato', sans-serif; width: 1100px; position: fixed; top: 36px; left: 50%; margin: 0 0 0 -600px; padding: 50px; z-index: 9003; background-color: #af1518; font-size: 16px; color: #fff; display: none; cursor: pointer; text-align: center; border-radius: 6px;}



/* COOKIES */
.cookies-container {position: fixed; bottom: -100px; display: block; width: 100%; min-height: 100px; z-index: 1000; background-color: rgba(9, 7, 11, 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: 20px auto; color: #fff; font-size: 13px;}
.cookies_link {margin-top: 10px;}
.cookies_link .btn_link_1 {margin: 0 10px 0 0;}
.cookies a {color: #f5aa25; font-weight: 600; text-transform: uppercase; font-size: 12px;}
.cookies a:hover {color: #fff;}

@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;}
}


/* BUTTON */
.btn {font-weight: 500; font-family: 'Lato', sans-serif; font-size: 15px; line-height: 1; border: 0 solid #d21c14; padding: 15px 30px; cursor: pointer; display: inline-block; color: #fff; background-color: #09070b; text-transform: uppercase; -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: relative;} 
.btn:hover {color: #fff; background-color: #f5aa25; border: 0 solid #0a91db;}


/* FORMS */
input, textarea {width: 96%; padding: 15px 2%; margin: 0 0 15px 0; border: 1px solid #9b9b9c; color: #9b9b9c; background: transparent; font-family: 'Lato', sans-serif; font-weight: 400; border-radius: 8px;}
select {width: 96%; padding: 15px 2%; margin: 0 0 15px 0; border: 1px solid #9b9b9c; color: #9b9b9c; background: transparent; font-family: 'Lato', sans-serif; font-weight: 400; border-radius: 8px;}
input:focus, textarea:focus {border: 1px solid #f5aa25;}

a {color: #9b9b9c;}
a:hover {color: #f5aa25;}