/*!
Theme Name:   Łuba Dental Clinic
Theme URI:    http://grajda.com/
Description:  ŁDC 2025 Theme.
Text Domain:  ldcth
!*/
 @charset "UTF-8";
/*
    font-family: 'Work Sans', Calibri, Arial, Helvetica, sans-serif;
    beige bg: #f3eee7
    dark blue: #060335


*/

html { background:#f3eee7; background:rgba(243,238,231,1); }
html, body { margin:0; padding:0; }
body { font: 20px/1.65 'Work Sans', Calibri, Arial, Helvetica, sans-serif; color:#000; font-weight:300; display:none;}
body.mousemove-initiated #page-content {cursor:none;}
body:not(.page-template-template-contact) .grecaptcha-badge {visibility:hidden;}

img {border:none; float:left;}
div {margin:0; padding:0; }

a {color:#000; text-decoration:underline; transition:all 300ms; cursor:pointer;}
a:hover {color:#000;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Bodoni Moda', Times New Roman, Times, serif; line-height:1.35; clear:both; color:#000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
a h1, a h2, a h3, a h4, a h5, a h6 {text-decoration:none;}
h1 {font-size:3.5em; margin:1em 0 0.5em 0; font-weight:300; text-transform:none;}
h2 {font-size:3.3em; margin:0em 0 0.75em 0; font-weight:300; text-transform:none; line-height:1.15;}
h2 strong {font-weight:700;}
.h2-like {font-family: 'Bodoni Moda', Times New Roman, Times, serif; font-size:3.3em; margin:0; font-weight:300; line-height:1.15;}
.subpage h2 {font-size:2.8em;}
.subpage .promo h2 {font-size:3.3em;}
h3 {font-size:1.25em; margin-bottom:0.65em; font-weight:300;}
h4 {margin:1em 0 0.5em;}
h5 {font-size:1.55em;}
h6 {font-size:1.25em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {height:1em; width:auto; float:none; display:inline-block;}
strong {font-weight:700;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}

section {clear:both;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 22px 0px rgba(217, 206, 185, .4); -moz-box-shadow: 0px 0px 22px 0px rgba(217, 206, 185, .4); box-shadow: 0px 0px 22px 0px rgba(217, 206, 185, .4);}
.white-bg {background:#fff;}
.mobile-menu, .mobile-menu-container {display:none;}
.blank {content:""; display:block;}
.desktop {}
.mobile {display: none;}
.posrelative {position:relative;}
.bodoni {font-family: 'Bodoni Moda', Times New Roman, Times, serif;}

.wrap {margin:0 auto;}
.wrap:after {clear:both; display:block; content:'';}
.wraprel {position:relative;}
.wrapA {width:1000px;}
.wrapB {width:1220px;}
.wrapC {width:1400px;}
.wrapD {width:1640px;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-shadow {text-shadow: 2px 2px 2px rgba(48, 16, 95, .4);}
.classic {padding:5em 0;}

.title {position:relative;}
.title .more-button {position:absolute; top:50%; right:0; transform:translate(0,-50%);}

.pt-5 {padding-top:5em;}
.mb-025 {margin-bottom:0.25em !important;}
.mt-1 {margin-top:1em !important;}


.fc {display:flex; flex-flow:row wrap;margin-left:-1.5em; margin-right:-1.5em; margin-top:-1.5em;}
.auto-cols {flex-flow:nowrap;}
.fi {margin:1em; flex: 1 1 auto;}
.fi1 {margin:1.5em; flex: 0 1 calc(100% - 3em); min-width: 0px;}
.fi2 {margin:1.5em; flex: 0 1 calc(50% - 3em); min-width: 0px;}
.fi3 {margin:1.5em; flex: 0 1 calc(33.3% - 3em);}
.fi4 {margin:1.5em; flex: 0 1 calc(25% - 3em);}
.fi5 {margin:1.5em; flex: 0 1 calc(20% - 3em);}
.fi6 {margin:1.5em; flex: 0 1 calc(16.66666% - 3em);}
.align-items-center {align-items:center;}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}

.ls {opacity:0; left:-100px; position:relative;}
.ls-02 {opacity:0; left:-100px; position:relative;}
.rs {opacity:0; right:-100px; position:relative;}
.rs-02 {opacity:0; right:-100px; position:relative;}
.ts {opacity:0; top:-100px; position:relative;}
.ts-02 {opacity:0; top:-100px; position:relative;}
.ts-03 {opacity:0; top:-100px; position:relative;}
.ts-04 {opacity:0; top:-100px; position:relative;}

.beauty-zoom {overflow:hidden;}
.beauty-zoom img {transition:all 1s;}
.beauty-zoom:hover img {transition:all 5s; transform:scale(1.1);}

.entry-content ul {list-style-type:disc; margin:0 0 1em 1em; padding:0; margin-top:-0.25em;}
.entry-content ul li {position:relative; padding-left:0;}
/*.entry-content ul li:before {position:absolute; top:0.55em; left:0; width:0.6em; height:0.6em; content:''; display:block; background:#dc0d15; border-radius:50%;}*/

.content ul {list-style-type:none; margin:0; padding:0 0 1em;}
.content ul li {displau:block; padding-bottom:0.25em; padding-left:1.25em; position:relative;}
.content ul li:before {background:#000; content:''; display:block; position:absolute; top:0.65em; left:0.35em; width:0.35em; height:0.35em; border-radius:50%;}

html {margin-top:0 !important;}
#wpadminbar {position:fixed; bottom:0; left:0; top:auto; width:100%; opacity:0.5;}
#wpadminbar:hover {opacity:1;}


/*header*/
#hp {position:absolute; top:0; left:0; width:100%; z-index:110;}
#hp .menu {}
.subpage:not(.subpage-contact) #hp {position:relative;}

.location, .lang {padding:1em 0;}
.location {float:left; position:absolute; left:3em;}
.location2 {float:right; position:absolute; right:3em; top:3em; padding-top:0;}
.lang {float:right; position:absolute; right:5.5em; text-transform:uppercase;}
.location ul, .lang ul {list-style-type:none; margin:0; padding:0; color:#fff;}
.location ul li, .lang ul li {padding:0.25em 0 0.25em 0.5em; display:block; float:left;}
.location ul li:before, .lang ul li:before {content:'/'; display:block; float:left; padding-right:0.5em;}
.location ul li:first-of-type:before, .lang ul li:first-of-type:before {display:none;}
.location a, .lang a {color:#fff; position:relative; display:inline-block; text-decoration:none; line-height:1.15;}
.location a:before, .lang a:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; display:block; background:#fff; transition:all 500ms ease-out;}
.location a:hover:before, .lang a:hover:before, .location a.active:before, .lang .active a:before, .lang .current-lang a:before {width:100%;}
.location a.active, .lang .active a, .lang .current-lang a {font-weight:500;}
.subpage .location ul, .subpage .lang ul, .subpage .location a, .subpage .lang a {color:#000;}
.subpage .location a:before, .subpage .lang a:before {background:#000;}
.subpage.subpage-contact .location ul, .subpage.subpage-contact .lang ul, .subpage.subpage-contact .location a, .subpage.subpage-contact .lang a {color:#fff;}
.subpage.subpage-contact .location a:before, .subpage.subpage-contact .lang a:before {background:#fff;}

.menu {position:relative; padding:1em 0; transition:all 500ms;}
.menu.sticky {position:fixed; top:0; left:0; width:100%; z-index:100; background:rgba(243,238,231,.75); backdrop-filter:blur(10px);}
.menu ul {clear:left; float:left; list-style-type:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
.menu ul li {display:block; float:left; list-style-type:none; margin:0; padding:0.25em 1.5em; position:relative; right:50%; line-height:1;}
.menu a {color:#000; text-decoration:none; display:block; position:relative; padding:0.25em 0;}
.menu a:before {display:block; content:''; position:absolute; bottom:0; left:0; height:1px; background:#000; width:0; transition:all 500ms ease-out;}
.menu a:hover:before {width:100%;}
.menu-homepage {}
.nav-helper {height:4em; display:none;}
.nav-helper.enabled {display:block;}
.subpage nav.menu {padding-top:0; margin-bottom:1em;}
.subpage nav.menu.sticky {padding-top:1em;}
.subpage-contact .menu a {color:#fff;}
.subpage-contact .menu a:before {background:#fff;}
#hp .menu, .menu-homepage {text-transform:uppercase;}
#hp .menu.sticky a {color:#000;}
#hp .menu.sticky a:before {background:#000;}

.mobile-menu {float:left; margin:1em 1em 0 0; position:relative; z-index:10;}
.menu-mobile {display:none; position:fixed; width:100; height:100%; background:rgba(243,238,231,.9);}
.menu-toggle {cursor:pointer; width:1.6em; height:1.2em; float:left; /*margin-top:7px; margin-right:8px;*/ transition:all 350ms; background:none; padding:1.2em 2em;}
.menu-toggle.open {/*margin-top:2px;*/}
	.menu-toggle span{background:#fff; display:block; width:1.6em; height:2px; margin-bottom:4px; -webkit-transition:all 0.5s linear; transition:all 0.3s linear; border-radius:3px;}
    .menu-toggle span:nth-child(3) {width:1em;}
    .menu-toggle.open span:nth-child(1), .menu-toggle.open span:nth-child(3) {transform:translate(0, 0.5em) rotate(-45deg) scalex(1.1); margin:0; background:#000;}
	.menu-toggle.open span:nth-child(2) {height:0; margin:0;}
	.menu-toggle.open span:nth-child(3) {transform: translate(0px, 0.3em) rotate(45deg) scalex(1.1); width:1.6em; background:#000;}
.menu-info {float:left; padding:4px 0; font-family: 'Work Sans', sans-serif; font-weight:600; text-decoration:none; text-transform:uppercase; font-size:17px; color:#fff;}
.menu-info a {color:#fff;}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block;}

.socials {position:fixed; top:1.15em; right:3em; z-index:1000;}
.socials ul {list-style-type:none; margin:0; padding:0;}
.socials ul li {display:inline-block; padding:0; margin:0;}
.socials .social {cursor:pointer; width:1.75em; height:1.75em; display:block; padding:0.35em; box-sizing:border-box; border-radius:50%; transition:all 350ms;}
.socials .social svg {display:block;}
.socials .social svg path, .socials .social svg circle {fill:#000; transition:fill 350ms;}
.homepage .socials .social svg path, .homepage .socials .social svg circle {fill:#fff;}
.homepage .socials.reached .social svg path, .homepage .socials.reached .social svg circle {fill:#000;}
.socials .social:hover {background:#000;}
.socials .social:hover svg path, .socials .social:hover svg circle {fill:#f3eee7;}
/*end_of header*/

/*buttons*/
.button {text-decoration:none; text-transform:uppercase; display:inline-block; position:relative; padding:0.65em 1.75em; border:1px solid #8a837d; color:#000; background:none; z-index:0; transition:all 500ms ease-out;}
.button:before {content:''; display:block; position:absolute; top:0; left:0; width:0; background:#fff; height:100%; transition:all 500ms ease-out; z-index:-1;}
.button:hover {border-color:#fff;}
.button:hover:before {width:100%;}
.button.plus {padding:0; border:none; text-transform:none; padding-right:1.25em; line-height:1.3;}
.button.plus:before {top:auto; bottom:0; height:1px; background:#000; width:100%;}
.button.plus:after {position:absolute; top:50%; right:0; width:.75em; height:.75em; content:''; background:url("images/plus.svg") center center no-repeat; background-size:.75em; transform:translateY(-50%); transition:all 500ms;}
.button.plus:hover {opacity:0.5;}
.button.plus:hover:before {width:30%;}
.button.plus:hover:after {transform:translateY(-50%) rotate(-90deg);}
/*end_of buttons*/

/*form*/
form input, form textarea, form button {font-size:1em; font-family:'Work Sans', Calibri, Arial, Helvetica, sans-serif; width:100%; padding:0.8em 1.5em; font-weight:300; background:#ececec; border:1px solid transparent; box-sizing:border-box;}
form input[type="submit"], form button, form input[type="radio"], form input[type="checkbox"] {width:auto;}
form input[type="submit"], form button[type="submit"] {background:none; color:#000; padding:1.15em 2.5em; border:1px solid #000; transition:all 500ms; font-weight:300; text-transform:uppercase; cursor:pointer; font-size:1em; float:none; margin:0 auto; position:relative;}
form input[type="submit"]:hover, form button[type="submit"]:hover {background:#000; color:#fff;}
form .submit-container {position:relative; clear:both; display:inline-block; cursor:pointer;}
form .submit-container input[type="submit"]:hover, form .submit-container button[type="submit"]:hover {background:none;}
form .submit-container:before {display:block; content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#000; transition:all 500ms ease-out;}
form .submit-container:hover:before {width:100%;}
form input:focus, form textarea:focus {outline:none;}
form textarea {height:7em;}

.form {max-width:70%;}
.no-margin {margin-bottom:0;}
.font-small {font-size:0.85em;}

label {position:relative; padding-left:2em; cursor:pointer; line-height:1.35; display:inline-block;}
label:before {position:absolute; top:0; left:0; width:0.8em; height:0.8em; content:''; background:#fff; border:0.25em solid #ececec; }
label.checked:before {background:#000;}
span[data-name="rodo-acceptance"] span.wpcf7-list-item-label {margin-left:-2em; padding-left:2em; z-index:1; position:relative;}
form label:before {width:1.1em; height:1.1em;}

input[type="checkbox"] {display:none;}
.cky-accordion-header input[type="checkbox"] {display:block;}
input[type="radio"] {display:none;}

select[multiple] {width:100%; border:none; font-size:0.9em; font-weight:300; font-family:'Work Sans', Calibri, Arial, Helvetica, sans-serif; padding:0.25em;}
select[multiple] option {padding:0.25em 0.5em;}

.wpcf7-not-valid-tip {font-size:0.8em;}

::-webkit-input-placeholder {opacity:0.5;}
::-moz-placeholder {opacity:0.5;}
:-ms-input-placeholder {opacity:0.5;}
:-moz-placeholder {opacity:0.5;}
/*end_of form*/

/*custom cursor*/
.circle {position:fixed; background-color:#fff; width:5px; height:5px; left:-6.5px; top:-6.5px; border-radius:100%; z-index:1; z-index:10000; mix-blend-mode:difference; pointer-events:none;}
.circle-follow {position:fixed; border:1px solid #fff; width:33px; height:33px; left:-22px; top:-22px; border-radius:100%; user-select:none; pointer-events:none; transform:scale(1); mix-blend-mode:difference;}
/*end_of custom cursor*/

#page-content {}

#first {position:relative; overflow:hidden; min-height:calc(100vh - 4.5em);}
#first .video-container {padding-bottom:0;}
#first .video-container video {object-fit:cover; width:100vw; height:100%; position:absolute; top:50%; left:0; transform:translate(0,-50%);}

#animated-logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32.5em; height:32.5em;}
#animated-logo img {width:100%; height:auto;}
#animated-logo-top {position:absolute; top:1.5em; left:3em; width:7.5em; height:7.5em;}
#animated-logo img, #animated-logo svg {width:100%; height:auto;}
#animated-hiding-logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32.5em; height:32.5em; animation:hiding 14.15s linear infinite;}
#animated-horizontal-logo-bottom {position:absolute; bottom:2em; left:50%; transform:translate(-50%,0); width:20em; height:6em;}
#animated-logo-bottom {position:absolute; bottom:50%; left:50%; transform:translate(-50%,50%); width:27.5em; height:27.5em; animation:movedown 5s ease-out forwards;}
#animated-logo-bottom svg {overflow:visible;}
.svg-circle{fill-rule:evenodd; clip-rule:evenodd; fill:none; stroke:#fff; stroke-miterlimit:10; stroke-dasharray:1000; stroke-dashoffset:1000; animation: dash 4s ease-out forwards;}
.svg-texts{}
.svg-outlines {fill:none; stroke:#fff; stroke-dasharray:100%; stroke-width:.5; stroke-dashoffset:100%; animation:outline 5s ease-in forwards;}
.svg-fill {fill-opacity:0; fill:#fff; animation:fill 0.5s ease-in forwards; animation-delay:2.5s;}
.subpage .svg-circle {stroke:#000;}
.subpage .svg-outlines {stroke:#000;}
.subpage .svg-fill {fill:#000;}
.subpage.subpage-contact .svg-circle {stroke:#fff;}
.subpage.subpage-contact .svg-outlines {stroke:#fff;}
.subpage.subpage-contact .svg-fill {fill:#fff;}
#animated-logo-subpage {width:6.5em; margin:0 auto; padding:1em 0 1em; overflow:visible;}
#animated-logo-subpage a {display:block;}
#animated-logo-subpage svg {overflow:visible;}

.scroll-down {position:absolute; bottom:2em; left:50%; transform:translate(-50%,0);}
.scroll-down a {display:inline-block; width:3em; height:1em; content:''; background:url(images/arrow-down-white.svg) center center no-repeat;}

.homepage .watch-video {position:absolute; bottom:2em; right:3em; color:#fff; cursor:pointer; font-size:0.8em; text-transform:uppercase; text-decoration:none; display:inline-block;}
.homepage .watch-video:before {position:absolute; bottom:0; left:0; height:1px; width:0; content:''; display:block; transition:all 500ms ease-out; background:#fff;}
.homepage .watch-video:hover:before {width:100%;}

@keyframes dash {
    to {stroke-dashoffset: 0;}
}
@keyframes outline {
    0% {stroke-dashoffset:100%;}  
    50% {stroke-dashoffset:0%;opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}
@keyframes fill {
    from{fill-opacity: 0;} 
    to{fill-opacity: 1;}
}
@keyframes hiding {
    0% {opacity:1;}  
    38% {opacity:1;}
    41% {opacity:0;}
    99% {opacity:0;}
    100% {opacity:1;}
}
@keyframes movedown {
    0% {bottom:50%; width:27.5em; height:27.5em; transform:translate(-50%,50%);}  
    84% {bottom:50%; width:27.5em; height:27.5em; transform:translate(-50%,50%);}
    100% {bottom:2.5em; width:7.5em; height:7.5em; transform:translate(-50%,0%);}
}
@keyframes movedown1920 {
    0% {bottom:50%; width:22em; height:22em; transform:translate(-50%,50%);}  
    84% {bottom:50%; width:22em; height:22em; transform:translate(-50%,50%);}
    100% {bottom:2.5em; width:7.5em; height:7.5em; transform:translate(-50%,0%);}
}
@keyframes movedown1024 {
    0% {bottom:50%; width:18em; height:18em; transform:translate(-50%,50%);}  
    84% {bottom:50%; width:18em; height:18em; transform:translate(-50%,50%);}
    100% {bottom:5.5em; width:7.5em; height:7.5em; transform:translate(-50%,0%);}
}

/*.parallax-elem {position:absolute;}*/
.sketch-01 {position:absolute; top:-5em; right:-7em; width:14em; height:auto;}
.sketch-02 {position:absolute; top:0; left:-20em; width:15em; height:auto; -webkit-animation:mover-upndown 3.3s infinite alternate; animation:mover-upndown 3.3s infinite alternate;}
.subpage .sketch-01 {top:-11em; right:3em;}

@-webkit-keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }
@keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }

.module {}
.module .button {}
.module:after {clear:both; display:block; content:'';}

.image-left-text {display:flex; align-items:center;}
.image-left-text .image {flex:0 1 40%; box-sizing:border-box; overflow:hidden;}
.image-left-text .content {flex: 0 1 55%; box-sizing:border-box; padding-left:4em;}
.image-left-text.smaller-image .image {flex:0 1 26%;}
.image-left-text.smaller-image .content {flex:0 1 74%;}

.duoimages-right-text {display:flex; align-items:center; flex-direction:row-reverse;}
.duoimages-right-text .images {flex:0 1 50%; box-sizing:border-box;}
.duoimages-right-text .images .image-01 {float:left; width:58%;}
.duoimages-right-text .images .image-02 {float:left; width:40%; margin-left:2%;}
.duoimages-right-text .content {flex:0 1 50%; box-sizing:border-box; padding-left:3em; padding-right:4em; text-align:right;}

.image-left-text-image {display:flex;}
.image-left-text-image .image-left {flex:0 1 41%; box-sizing:border-box;}
.image-left-text-image .content {flex:0 1 59%; box-sizing:border-box; padding-left:4em;}
.image-left-text-image .image-bottom { margin-top:3em;}

.team-slider {}
.team-slider .item {margin:0 1em; transition:all 500ms;}
.team-slider .item:hover {transform:scale(1.05);}
.team-slider .slick-list {margin:0 -1em; padding:1em 0;}
.team-slider .item img {max-width:100%; height:auto;}

.articles-slider {min-width:0px; min-height:0px;}
.article-item {display:flex !important; align-items:center; min-width:0px; min-height:0px;}
.article-item .image {flex:0 1 44%; box-sizing:border-box;}
.article-item .content {flex:0 1 56%; box-sizing:border-box; padding-left:4em;}
.article-item .content .text {display:block; padding-bottom:1em;}
.article-item .content a:not(.button) {text-decoration:none; color:#000;}

.photos-duo {display:flex; align-items:flex-end;}
.photos-duo .image-01 {flex:0 1 62%; box-sizing:border-box;}
.photos-duo .image-02 {flex:0 1 calc(38% - 2em); box-sizing:border-box; margin-left:2em;}

.title-with-leading {display:flex;}
.title-with-leading .title {padding-right:4.5em;}
.title-with-leading .leading {max-width:600px;}
.title-with-leading.wide .leading {max-width:none;}

.sliding-slider {margin-bottom:0; display:flex;}
.sliding-slider .slick-list {padding:0 30%;}
.sliding-slider .item {margin:1em 2em; position:relative;}
.sliding-slider .item img {width:100%; float:none; display:block;}
.sliding-slider .item .content {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; height:100%; background:#f3eee7; padding:2em 3em; border:1px solid #fff; transition:all 500ms; opacity:0; direction:ltr;}
.sliding-slider .item.visible .content {opacity:1;} /*.sliding-slider .item:hover .content, .sliding-slider .item.slick-active .content, */
.sliding-slider .item.visible:hover .content {background:#fff;}
.sliding-slider h2, .sliding-slider h3 {font-size:2em;}
.sliding-slider .item .button {position:absolute; bottom:3em; left:3em;}
.sliding-slider .slick-prev, .sliding-slider .slick-next {background:#f3eee7; width:4em; height:4em; opacity:0; transition:all 500ms;}
.sliding-slider:hover .slick-prev, .sliding-slider:hover .slick-next {opacity:1;}
.sliding-slider .slick-prev:hover, .sliding-slider .slick-next:hover {background:#f3eee7;}
.sliding-slider .slick-prev:before, .sliding-slider .slick-next:before {width:1.5em; background-position:center center; margin:0.5em 1.25em;}
.sliding-slider .slick-prev {left:0; right:auto;}
.sliding-slider .slick-next {right:0;}

.sliding-module {display:flex; flex-flow:row wrap; padding-bottom:5em;}
.sliding-module.reverse {flex-direction:row-reverse;}
.sliding-module .image {flex:0 1 33.3%; box-sizing:border-box;}
.sliding-module .treatment-slider-container {flex:0 1 50%; box-sizing:border-box; min-width:0; min-height:0; align-self:center;}
.treatment-slider {}
.treatment-slider .item {padding:5em 3em;}
.sliding-module.reverse .treatment-slider .item {text-align:right;}
.treatment-slider .item a {text-decoration:none;}
.treatment-slider .item h3 {font-size:2em;}
.treatment-slider .slick-prev, .treatment-slider .slick-next {bottom:0;}
.treatment-slider .slick-prev {left:3em;}
.treatment-slider .slick-next {right:3em;}

.promo {padding:6em 0;}
.promo-baner {}
.promo-baner .content {padding-left:5em;}
.promo-baner .content .text {max-width:600px;}
.promo-baner .content .text.wide {max-width:85%;}
.promo .sketch-02 {left:-14em; width:12em;}

.promo-image {min-height:70vh; position:relative; overflow:hidden; margin:5em 0;}
.promo-image .image {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:50% 50%; transition:all 250ms;}

.homepage .module-01 {padding:4em 0 2em;}
.homepage .module-01 .button {margin-top:1.25em;}
.homepage .module-02 {padding:1em 0 8em;}
.homepage .module-02 .button {margin-top:1.25em;}
.homepage .module-03 {padding:5em 0;}
.homepage .module-03 .button {margin-top:1.25em;}
.homepage .module-04 {padding:1em 0 5em;}

#articles {padding-bottom:5em;}
#articles .buttons {padding:4em 0 2em;}

#header {min-height:55vh; position:relative; overflow:hidden;}
#header .image {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:50% 50%; transition:all 250ms;}

.sub-navigation {font-size:1.25em; font-weight:200;}
.sub-navigation ul {list-style-type:none; margin:0; padding:0;}
.sub-navigation ul:after {clear:both; display:block; content:'';}
.sub-navigation ul li {display:block; float:left; padding-right:2em; padding-bottom:1em;}
.sub-navigation a {text-decoration:none; color:#000; display:inline-block; padding-right:1.5em; position:relative;}
.sub-navigation a:before {position:absolute; bottom:0; left:0; content:''; display:block; width:0; height:1px; background:#000; transition:all 500ms ease-out;}
.sub-navigation a:hover:before {width:100%;}
.sub-navigation a:after {position:absolute; top:0; right:0; width:1.15em; height:1.15em; content:'/'; font-size:0.8em; display:block; transition:all 500ms; margin-top:0.25em; text-align:right;
    /*background:url("images/plus-thin.svg") center center no-repeat;*/}
.sub-navigation a:hover:after {/*transform:rotate(90deg);*/}

#team.listing {padding:2em 0 4em;}

.team-item-desc {display:block; padding-top:1em; line-height:1.35;}
.team-item-desc .name {font-family: 'Bodoni Moda', Times New Roman, Times, serif; font-size:1.25em; display:block; padding:0.25em 0;}
.team-item-desc .position {display:block; padding-bottom:0.45em;}
.team-item-desc .specialization {color:#9c9c9c; display:block;}

.team-intro, .intro {padding:3em 0 2em;}
.team-intro .team-item-desc .position {font-size:0.9em;}

.team-listing {padding:0; margin-left:-2em; margin-right:-2em; display:flex; flex-direction:row; flex-flow:wrap; justify-content:center;}
.team-listing .item {flex:0 1 calc(25% - 4em); margin:2em;}
.team-listing .item .photo {display:block;}
.team-listing .item .team-item-desc {display:block;}
.team-listing .item .team-item-desc .name {font-size:1.5em;}
.team-listing .item:nth-child(2) {margin-top:9.5em;}
.team-listing .item:nth-child(4) {margin-top:7em;}
.team-listing .item:nth-child(6) {margin-top:5em;}
.team-listing .item:nth-child(7) {margin-top:-1em;}
.team-listing .item:nth-child(8) {margin-top:3.5em;}

.subpage-clinic .module-05 {padding:5em 0;}

.video-intro {position:relative; width:100%; height:90vh;}
.play-video-container {display:block; cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:50% 50%;}
.play-video-container .content {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor:pointer;}
.play-video-container .icon {display:block; width:8em; height:8em; margin:1em auto; cursor:pointer; transition:all 500ms ease-out;}
.play-video-container .icon:hover {transform:scale(1.1);}
.play-video-container .title {display:block; font-family: 'Bodoni Moda', Times New Roman, Times, serif; font-size:2em; text-align:center; font-weight:300; color:#fff; cursor:pointer; line-height:1.35;}
.ico-play {fill:#fff;}
.video-player {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,1); z-index:150;}
.video-overlay {display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.video-player .video {width:75%; margin:0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.video-player .video-close {position:absolute; top:1.5em; right:1.5em; content:''; display:block; transition:all 350ms ease-out; cursor:pointer; background:url("images/plus-thin-white.svg") center center no-repeat; width:2em; height:2em; transform:rotate(45deg); z-index:200;}
.video-player .video-close:hover {transform:rotate(135deg);}

.subpage-treatment .image-left-text-image .content {padding-top:5em;}
.subpage-treatment .sliding {padding-bottom:7em;}

.subpage-parent {font-family: 'Bodoni Moda', Times New Roman, Times, serif; font-size:1.25em; margin-bottom:-3em;}
.subpage-parent a {text-decoration:none; position:relative; display:inline-block;}
.subpage-parent > a {padding-left:1.1em;}
.subpage-parent > a:before {position:absolute; top:0.6em; left:0; width:1em; height:0.5em; content:''; display:block; background:url("images/arrow-right-black.svg") center center no-repeat; transition:all 350ms; transform:rotate(180deg);}
.subpage-parent > a:hover:before {left:-0.25em;}

.treatment-module-01 {padding:2em 0 5em;}

.header-contact {padding-top:11em; color:#fff;}
.header-contact .image:after {clear:both; display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
.header-contact .content {position:relative;}
.header-contact h1, .header-contact h2, .header-contact h3, .header-contact h4, .header-contact h5 {color:#fff;}
.header-contact h2 {font-size:2.2em; margin-bottom:0.35em;}
.header-contact h2 small {font-size:0.65em;}
.header-contact a {color:#fff;}
.header-contact .locations {padding-bottom:4em;}

.subpage-standard #main {padding-bottom:5em;}

.subpage-selahatin .image-left-text-image {flex-direction:row-reverse;}
.subpage-selahatin .image-left-text-image .content {padding-left:0; padding-right:4em; text-align:right;}
.sliding-slider-01b .slick-list {padding:0 35%;}
.subpage-selahatin .sketch-02 {top:6em;}

#video-player .video-container {position:static;}
.video-player .video {height:100%; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:100%;}

#contact-form {padding:8em 0;}
.contact-form p {padding-bottom:0;}
.wpcf7-not-valid-tip {font-size:0.8em; font-weight:200;}

.download {font-family: 'Bodoni Moda', Times New Roman, Times, serif; line-height:1.35; font-size:1.25em; display:block; padding:0.5em 0; border-bottom:1px solid #a7a7a7; position:relative; padding-right:2.5em; text-decoration:none; margin:0.25em 0;}
.download:after {position:absolute; top:0.5em; right:0; width:1em; height:1.5em; content:''; background:url(images/arrow-right-black.svg) center center no-repeat;; background-size:1em; transition:all 500ms;}
.download:hover {padding-left:0.25em; border-color:#000;}
.download:hover:after {right:0.5em;}

.download-item {border-bottom:1px solid #a7a7a7; position:relative; transition:all 500ms;}
.download-item .title {font-family: 'Bodoni Moda', Times New Roman, Times, serif; line-height:1.35; font-size:1.25em; display:block; padding:0.5em 0; padding-right:2.5em; text-decoration:none; margin:0.25em 0; cursor:pointer;}
.download-item:after {position:absolute; top:0.5em; right:0; width:1em; height:1.5em; content:''; background:url(images/arrow-right-black.svg) center center no-repeat;; background-size:1em; transition:all 500ms;}
.download-item:hover {padding-left:0.25em; border-color:#000;}
.download-item:hover:after {right:0.5em;}
.download-item .content {display:none; padding-bottom:0.5em;}
a.file {font-family: 'Bodoni Moda', Times New Roman, Times, serif; line-height:1.35; position:relative; padding:0.5em 0; padding-right:1.5em; text-decoration:underline; cursor:pointer; display:inline-block;}
a.file:after {position:absolute; top:0.5em; right:0; width:1em; height:1.5em; content:''; background:url(images/arrow-right-black.svg) center center no-repeat; background-size:1em; transition:all 500ms;}
a.file:hover {padding-left:0.25em; border-color:#000;}
a.file:hover:after {right:-0.5em;}

.content-toggler {position:absolute; bottom:1em; left:1.5em; text-decoration:none;}
#content-container {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background:rgba(243,238,231,.95); padding:2em; z-index:1; display:none;}
#content-container .content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:90%;}
.close-toggled-content {display:block; position:absolute; top:3em; right:1em; content:''; width:1.5em; height:1.5em; background:url("images/plus-thin.svg") center center no-repeat; background-size:1.5em; transition:all 500ms; transform:rotate(-45deg);}
.close-toggled-content:hover {transform:rotate(45deg);}




























/*footer*/
footer#foot {border-top:1px solid #797773; padding:5em 0 4.5em;}
.subpage-team footer#foot, .subpage-treatment footer#foot, .subpage-treatment-item footer#foot, .subpage-item footer#foot, .subpage-contact footer#foot {border-top:none;}
#foot {font-size:0.85em;}
#foot .col {float:left;}
#foot .col:after {clear:both; content:''; display:block;}
#foot .logo {width:11%;}
#foot .colA {width:17%; box-sizing:border-box; padding-left:2em;}
#foot .colB {width:22%; box-sizing:border-box; padding-left:2em;}
#foot .colC {width:50%; box-sizing:border-box; padding-left:4em;}
#foot .title {font-size:1.15em; font-family: 'Bodoni Moda', Times New Roman, Times, serif; margin:0; font-weight:300; line-height:1.15; padding-bottom:0.7em;}
#foot .title a {text-decoration:none;}
#foot .colA a, #foot .colB a {text-decoration:none; padding:0; color:#000;}
#foot ul {list-style-type:none; margin:0; padding:0;}
#foot ul li {padding:0.2em 0;}
#foot ul li a {position:relative; display:inline-block;}
#foot ul li a:before {position:absolute; bottom:0; left:0; content:''; display:block; width:0; height:1px; background:#000; transition:all 500ms ease-out;}
#foot ul li a:hover:before {width:100%;}
#foot ul li.underlined a:before {width:100%;}
#foot p {padding-bottom:0.5em;}

#foot .copyrights {padding:1.25em 0 0;}
#foot .copyrights .left {}
#foot .copyrights .right {text-align:right;}
#foot .copyrights .designedby {width:1.5em; height:1em; display:inline-block; float:none; margin-bottom:-0.15em;}
.creators {font-size:0.85em;}
.footer-links {font-size:0.85em;}
/*end_of footer*/






































@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media all and (max-width: 2560px) {
}
@media all and (max-width: 1920px) {
    #animated-logo {width:26em; height:26em;}
    #animated-logo-bottom {width:22em; height:22em; animation:movedown1920 5s ease-out forwards;}
}
@media all and (max-width: 1890px) {
}
@media all and (max-width: 1680px) {
    body {font-size:17px;}
    .wrapA {width:60%;}
    .wrapB {width:75%;}
    .wrapC {width:85%;}
    .wrapD {width:94%;}
    
    .sketch-01 {right:-5em;}
    
    #foot .fi2 {flex:0 1 calc(49% - 3em);}
    #foot .logo {width:10%; padding-right:1%;}
    #foot .copyrights .designedby {width:2em;}
}
@media all and (max-width: 1440px) {
    body {font-size:16px;}
    
    #animated-logo {width:23em; height:23em;}
    
    .sliding-slider .slick-list {padding:0 27%;}
    .sliding-slider.sliding-slider-01b .slick-list {padding:0 33%;}
}
@media all and (max-width: 1366px) {
    #animated-logo {width:20em; height:20em;}
    
    .slick-prev, .slick-next {bottom:-4em;}
    .slick-prev {left:0;}
    .slick-next {right:0;}
}
@media all and (max-width: 1280px) {
    body {font-size:14px;}
}

@media all and (max-width: 1080px) {
    body {font-size:13px;}
    
    #animated-logo-bottom {width:18em; height:18em; animation:movedown1024 5s ease-out forwards;}
    
    .team-listing .item {flex:0 1 calc(33.3% - 4em);}
    .team-listing .item:nth-child(4) {margin-top:-3.5em;}
    .team-listing .item:nth-child(6) {margin-top:0em;}
    .team-listing .item:nth-child(7) {margin-top:0em;}
    
    .sliding-slider.sliding-slider-01b .slick-list {padding:0 30%;}
}

@media all and (max-width: 980px) {
}

@media all and (max-width: 768px) {
    #animated-logo-subpage {height:6.4em; padding-right:0.1em; width:6.5em;}
    
    .image-left-text {display:block;}
    .image-left-text .image {width:50%;}
    .image-left-text .content {padding-top:4em;}
    .duoimages-right-text {display:block;}
    .duoimages-right-text .images {width:80%; margin:0 auto;}
    .duoimages-right-text .content {text-align:left; padding-top:4.5em; clear:both; width:80%; margin:0 auto;}
    .image-left-text-image {display:block;}
    .image-left-text-image .image-left {width:50%;}
    .sketch-01 {right:-1em; width:18em;}
    
    .team-slider .item {display:block;}
    
    .title .more-button {position:static;}
    
    .circle, .circle-follow {display:none !important;}
    body {cursor:auto;}
    
    .sliding-module .treatment-slider-container {flex:0 1 66.6%;}
    
    #content-container .content {max-width:100%; width:100%;}
    .close-toggled-content {width:3em; height:3em; background-size:3em;}
}

@media (orientation: portrait) {
}

@media only screen and (max-width: 580px) {
    .mobile {display:block;}
    .mobile-menu {display:block;}
    .menu-desktop, .lang, .location {display:none;}
    .menu-mobile {display:none; width:100%;}
    .menu-mobile .lang, .menu-mobile .location {display:block;}
    .menu-mobile > ul {padding-top:4em;}
    .subpage .mobile-menu {position:absolute; top:0;}
    .subpage:not(.subpage-contact) .menu-toggle span {background:#000;}
    .subpage-contact .menu a, .subpage.subpage-contact .location ul, .subpage.subpage-contact .lang ul, .subpage.subpage-contact .location a, .subpage.subpage-contact .lang a {color:#000;}
    .subpage-contact .menu a:before {background:#000;}
    
    .menu ul {position:static; float:none; font-size:1.25em;}
    .menu ul li {float:none; right:auto; padding:0.5em 0;}
    .lang {position:relative; float:none; right:auto;}
    .lang ul {text-align:center;}
    .lang a:before {display:none;}
    .lang ul li {display:inline-block; position:relative; padding-left:1em;}
    .lang ul li:first-child {padding-left:0;}
    .lang ul li:before {color:#000; position:absolute; left:0.25em; top:0.8em;}
    .location {position:relative; float:none; left:auto; padding-top:0;}
    .location a:before {display:none;}
    .location ul li {display:inline-block; position:relative; padding-left:1em;}
    .location ul li:before {color:#000; position:absolute; left:0.25em; top:0.8em;}
    .nav-helper {height:1em;}
    
    nav.menu-mobile {font-size:1.25em;}
    nav.menu-mobile ul.menu {padding-top:2.5em;}
    
    .socials {top:1.35em; position:absolute;}
    .socials .social {width:2.25em; height:2.25em;}
    
    .image-left-text .image {width:75%; margin:0 auto;}
    .image-left-text .content {padding-left:0;}
    .duoimages-right-text .content {padding-left:0; padding-right:0;}
    
    .subpage-treatment .image-left-text-image .content {padding-top:7em;}
    
    .sketch-01 {width:12em; z-index:1;}
    .image-left-text-image .image-left {width:75%; margin:0 auto;}
    .image-left-text-image .content {padding-left:0;}
    
    #articles .wrapA {width:75%;}
    .article-item {display:block !important; padding-left:7.5em; box-sizing:border-box;}
    .article-item .image {width:90%;}
    .article-item .content {padding-left:0; width:100%; padding-top:2.5em;}
    
    .sketch-02 {left:-11em;}
    
    .photos-duo {display:block;}
    .photos-duo .image-01 {width:100%;}
    .photos-duo .image-02 {position:static; margin:2em auto; width:70%;}
    
    .title-with-leading {display:block;}
    
    .team-listing {margin-left:-1em; margin-right:-1em; justify-content:flex-start;}
    .team-listing.centred {justify-content:center;}
    .team-listing .item {flex:0 1 calc(50% - 2em); margin:1em;}
    .team-listing .item:nth-child(3) {margin-top:-3.5em;}
    .team-listing .item:nth-child(4) {margin-top:2em;}
    .team-listing .item:nth-child(6) {margin-top:5em;}
    
    .promo .sketch-02 {left:-10em;}
    .promo .wrapA {width:75%;}
    
    #page-content {overflow:hidden;}
    
    .sliding-slider .slick-list {padding:0 10%;}
    .sliding-slider .item .content .desc {display:none;}
    .sliding-slider .item .button {bottom:2em;}
    .sliding-slider .item {margin:1em 1em;}
    
    .promo-baner .content {padding-left:3.5em;}
    .subpage .promo h2 {font-size:2.8em;}
    
    .locations .fi2 {flex:0 1 100%;}
    .subpage-contact .sketch-02 {left:-9em;}
    .subpage-contact .contact-form .wrapA {width:85%;}
    .subpage-contact .promo-baner .content {padding-left:0;}
    .subpage-contact .promo-baner .content {padding-left:7em;}
    .promo-baner .content .text.wide {max-width:100%;}
    .subpage-item .promo-baner .content {padding-left:0;}
    
    .subpage .sketch-01 {width:9em; top:-13em;}
    
    .appointment .fi2 {flex:0 1 calc(100% - 3em);}
    
    .subpage-selahatin .image-left-text-image .content {padding-right:0; padding-top:2.5em; text-align:left;}
    .sliding-slider.sliding-slider-01b .slick-list {padding:0 15%;}
    
    .sliding-module {display:block;}
    .sliding-module .image {display:block; width:60%;}
    .sliding-module .treatment-slider-container {display:block; width:100%; clear:both;}
    .sliding-module.reverse .treatment-slider .item {text-align:left;}
    .treatment-slider .item {padding:3em 0;}
    .treatment-slider .slick-prev, .treatment-slider .slick-next {bottom:-2em;}
    .treatment-slider .slick-prev {left:0;}
    .treatment-slider .slick-next {right:0;}
    
    #foot .logo {width:22%; float:none; margin:0 auto; padding-bottom:2em;}
    #foot .colA {width:50%; padding-left:0; text-align:right; padding-right:2em;}
    #foot .colB {width:50%;}
    #foot .colC {width:100%; padding:2em 0 0;}
    #foot .colC .title {text-align:center;}
    #foot .colC .fi2:first-of-type {text-align:right;}
    
    #foot .copyrights .left {float:none; text-align:center;}
    #foot .copyrights .right {float:none; text-align:center; padding-top:0.5em;}
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { /*iPad portrait and (orientation:portrait) and (orientation:landscape)*/
    .circle, .circle-follow {display:none !important;}
}
@media (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) { /*Galaxy Tab portrait and (orientation:portrait) and (orientation:landscape)*/
    .circle, .circle-follow {display:none !important;}
}