@font-face {
font-family: 'Onest';
src: url(//www.stomatologiahappydent.sk/wp-content/themes/happydent/fonts/Onest-Regular.ttf);
font-weight: 400; 
}
@font-face {
font-family: 'Onest';
src: url(//www.stomatologiahappydent.sk/wp-content/themes/happydent/fonts/Onest-Bold.ttf);
font-weight: 700; 
}
strong {
font-family: 'Onest';
font-weight: 700;
}
:root {
--accent: #107680;
--secondary: #35B6B2;
--light: #F2F7F7;
--white: #ffffff;
--black: #000000;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
a {
text-decoration-skip-ink: auto;
transition: all 0.3s linear;
text-decoration: none;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
button {
outline: 0;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,td {
padding: 2px;
}
big {
font-size: 120%;
}
small,sup,sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,tt {
font-family: courier;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,strike,s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,cite,var {
font-style: italic;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
html {
max-width: 100%;
overflow-y: scroll;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
font-family: 'Onest';
background: var(--light);
font-size: 14px;
color: #043136;
}
p {
font-family: 'Onest';
color: #043136;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Onest';
color: var(--accent);
line-height: 1.1;
font-weight: 400;
}
h1 {
font-size: 78px;
}
h2 {
font-size: 50px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 18px;
}
img {
width: 100%;
height: auto;
display: block;
}
.light p, .light h1, .light h2, .light h3, .light h4, .light li, .light a {
color: var(--white);
} section {
width: 100%;
}
.row.in-grid {
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
.row.in-grid.large {
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
margin: auto;
}
.columns-wrapper {
display: flex;
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
float: none;
width: 100%; }
.columns-wrapper.middle {
align-items: center;
}
.col-12 {
flex: 0 0 100%;
width: 100%;
padding-left: 1%;
padding-right: 1%;
}
.col-11 {
flex: 0 0 91.66666667%;
width: 91.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-10 {
flex: 0 0 83.33333333%;
width: 83.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-9 {
flex: 0 0 75%;
width: 75%;
padding-left: 1%;
padding-right: 1%;
}
.col-8 {
flex: 0 0 66.66666667%;
width: 66.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-7 {
flex: 0 0 58.33333333%;
width: 58.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
padding-left: 1%;
padding-right: 1%;
}
.col-5 {
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
padding-left: 1%;
padding-right: 1%;
}
.col-2 {
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
padding-left: 1%;
padding-right: 1%;
}
.col-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.col-5-5 {
width: 100%;
padding-left: 1%;
padding-right: 1%;
}
.col-4-5 {
width: 80%;
padding-left: 1%;
padding-right: 1%;
}
.col-3-5 {
width: 60%;
padding-left: 1%;
padding-right: 1%;
}
.col-2-5 {
width: 40%;
padding-left: 1%;
padding-right: 1%;
}
.col-1-5 {
width: 20%;
padding-left: 1%;
padding-right: 1%;
}
.col-3-0 {
width: 30%;
padding-left: 1%;
padding-right: 1%;
}
.col-7-0 {
width: 70%;
padding-left: 1%;
padding-right: 1%;
}
.content-container {
position: relative;
z-index: 2;
max-width: 1310px;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
.main-menu {
display: flex;
align-items: center;
}
.main-menu a.main-btn {
margin-left: 30px;
}
.main-btn {
position: relative;
display: inline-block;
padding: 14px 55px 14px 22px;
background: var(--secondary);
font-size: 13px;
color: #fff;
border-radius: 45px;
transition: all 0.3s ease;
}
.main-btn span {
position: relative;
}
.main-btn:before {
content: '';
position: absolute;
width: 42px;
height: 42px;
background: rgb(255 255 255 / 22%);
border-radius: 42px;
right: 4px;
top: 3px;
transition: all 0.4s ease;
}
.main-btn:after {
content: '';
position: absolute;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
right: 20px;
top: 20px;
transition: all 0.3s ease;
}
button.main-btn {
border: none;
font-family: 'Onest';
font-size: 17px;
min-width: 220px;
line-height: 1;
padding: 21px 55px 21px 20px;
cursor: pointer;
}
button.main-btn:before {
width: 53px;
height: 53px;
border-radius: 53px;
}
button.main-btn:after {
width: 8px;
height: 8px;
right: 24.5px;
top: 24.5px;
}
.main-btn:hover:before {
width: calc(100% - 6px);
height: calc(100% - 6px);
}
.main-btn.outline {
background: transparent;
border: 1px solid;
}
.main-btn.outline.light {
border-color: var(--accent);
}
.main-btn.outline.light:before {
background: rgb(53 182 178 / 22%);
}
.main-btn.outline.light:after {
background: rgb(53 182 178 / 100%);
}
.main-btn.outline.dark {
border-color: var(--accent);
}
.main-btn.outline.dark:before {
background: rgb(16 118 128 / 22%);
}
.main-btn.outline.dark:after {
background: rgb(16 118 128 / 100%);
}
.main-btn.outline.dark {
color: var(--accent);
} button.plus-btn {
position: absolute;
right: 44px;
bottom: 44px;
width: 55px;
height: 55px;
border-radius: 50%;
border: 1px solid rgb(57 116 126 / 30%);
background: #fff;    
cursor: pointer;
padding: 18px;
transition: all 0.3s ease;
}
button.plus-btn svg {
width: 17px;
height: 17px;
transition: all 0.35s ease;
}
a.archive-item.standard:hover button.plus-btn,
a.about-cta:hover button.plus-btn,
a.main-banner-content:hover button.plus-btn,
button.plus-btn:hover,
.hover-box:hover button.plus-btn {
background-color: var(--accent);
border-color: var(--secondary);
}
a.archive-item.standard:hover button.plus-btn svg,
a.about-cta:hover button.plus-btn svg,
a.main-banner-content:hover button.plus-btn svg,
button.plus-btn:hover svg {
transform: rotate(90deg);
}
button.plus-btn line {
transition: all 0.2s ease;
}  
a.archive-item.standard:hover button.plus-btn line,
a.about-cta:hover button.plus-btn line,
a.main-banner-content:hover button.plus-btn line,
button.plus-btn:hover line,
.hover-box:hover button.plus-btn line {
stroke: #fff;
} @media (max-width: 1000px) {
.col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1, .col-5-5, .col-4-5, .col-3-5, .col-2-5, .col-1-5, .col-3-0, .col-7-0 {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-left: 0%;
padding-right: 0%;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 19px;
}
p {
font-size: 15px;
}
} #header {
display: flex;
justify-content: space-between;
padding: 21px 40px 25px 40px;
z-index: 3;
align-items: center;
}
.logo {
margin-right: auto;
margin-left: 0;
z-index: 3;
}
#header .logo a {
display: flex;
}
.logo img {
height: 50px;
width: auto !important;
}
ul.menu {
display: flex;
}
ul.menu li a {
color: var(--accent);
padding: 0 15px;
margin: 0 10px;
font-size: 14px;
text-decoration: none;
position: relative;
transition: var(--standard);
font-family: 'Onest';
font-weight: 400;
transition: all 0.3s ease;
position: relative;
}
li.menu-item-has-children>a {
margin-right: 18px !important;
}
ul.menu li:last-child a {
margin-right: 0;
}
li.menu-item-has-children {
position: relative;
}
ul.menu li:last-child a {
margin-right: 0;
}
li.menu-item-has-children > a:before {
content: '';
width: 8px;
height: 8px;
position: absolute;
right: -2px;
top: 5px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/menu-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
ul.sub-menu {
position: absolute;
padding-top: 25px;
min-width: 100%;
opacity: 0;
transition: all 0.35s ease;
transform: translateY(10px) translateX(-50%);
visibility: hidden;
overflow: hidden;
left: calc(50% + 10px);
}
li.menu-item-has-children:hover ul.sub-menu {
opacity: 1;
transform: translateY(0px) translateX(-50%);
visibility: visible;
}
ul.sub-menu li {
padding: 0px 6px;
background: #fff;
margin: 0;
}
ul.sub-menu li a {
padding: 16px 80px 16px 22px !important;
display: block;
margin: 0;
white-space: nowrap;
background: #fff;
color: #043136;
border-radius: 5px;
position: relative;
}
ul.sub-menu li a:hover {
background: #E6F1F2;
color: var(--accent);
}
ul.sub-menu li:first-child {
padding: 6px 6px 0px 6px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
ul.sub-menu li:last-child {
padding: 0px 6px 6px 6px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
ul.sub-menu li a:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/menu-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: all 0.3s ease;
}
ul.sub-menu li:hover a:after {
opacity: 1;
}
ul.menu > li > a:after {
content: '';
position: absolute;
width: 0%;
height: 4px;
background: var(--accent);
left: 0;
top: -38px;
transition: 0.3s ease;
}
ul.menu > li:hover > a:after,
ul.menu > li.current-menu-item > a:after {
width: 100%;
}
ul.menu > li.menu-item-has-children:hover > a:after, 
ul.menu > li.menu-item-has-children.current-menu-item > a:after {
width: calc(100% + 15px);
}
@media (min-width: 1000px) {
button.drawer-toggle.drawer-hamburger {
display: none;
}
}
@media (max-width: 1000px) { #header {
display: flex;
justify-content: space-between;
padding: 15px 20px;
z-index: 3;
align-items: center;
}
.main-menu {
display: none;
}
.logo img {
height: 40px;
}
.drawer-hamburger,
.drawer-hamburger:hover {
position: absolute;
margin-top: 10px;
margin-right: 11px;
padding: 13px 9px 25px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
background-color: var(--accent);
}
.drawer--right .drawer-nav {
right: -100vw;
}
.drawer-nav {
background-color: var(--light);
text-align: center;
height: 100vh;
width: 100vw;
z-index: 3;
padding: 60px 30px 20px 30px;
overflow-y: scroll;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 0px;
position:fixed;
}
ul.menu {
display: flex;
flex-direction: column;
margin-bottom: 40px;
align-items: flex-start;
}
ul.menu li a {
position: relative;
display: inline-block;
font-size: 20px;
margin-bottom: 10px !important;
color: #107680;
}
} #footer {
background: var(--accent);
}
.section-footer {
padding-top: 80px;
padding-bottom: 45px;
}
.col-5.footer-left {
padding-right: 45px;
display: flex;
flex-direction: column;
flex: 0 0 43.666667%;
max-width: 43.666667%;
}
.columns-wrapper.pobocky {
margin-top: auto;
}
h3.footer-text {
font-size: 40px;
}
h3.footer-text span {
color: #B7F2F2;
}
.col-6.pobocka .column-inner {
height: 100%;
border: 1px solid rgb(255 255 255 / 40%);
border-radius: 20px;
padding: 30px 20px;
min-height: 315px;
display: flex;
flex-direction: column;
}
.pobocka h4 {
font-size: 20px;
}
.pobocka a.tel {
font-weight: 700;
font-size: 25px;
}
.pobocka img.map {
margin-bottom: 10px;
margin-top: auto;
}
.pobocka img.map.ke {
max-width: 102px;
}
.pobocka img.map.chg {
max-width: 110px;
}
.col-7.contact-form {
padding: 50px;
background: #043136;
border-radius: 20px;
flex: 0 0 56.333333%;
width: 56.333333%;
}
.contact-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.contact-title p {
color: var(--accent);
}
.col-6.copyright-links {
display: flex;
justify-content: flex-end;
padding-bottom: 5px;
gap: 10px;
}
.col-6.copyright-links p,
.col-6.copyright-links a {
font-size: 13px;
color: #fff;
opacity: 0.5;
}
.col-6.social {
display: flex;
justify-content: flex-start;
padding-bottom: 25px;
gap: 50px;
align-items: center;
}
.col-6.social a {
display: flex;
align-items: center;
color: #fff;
gap: 5px;
}
.col-6.social a img {
height: 14px;
object-fit: contain;
}
.col-6.social a.fb img {
width: 6px;
}
.col-6.social a.yt img,
.col-6.social a.insta img{
width: 14px;
}
.section.copyright {
padding-bottom: 20px;
} .wpcf7-form {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.columns-wrapper.main {
padding-bottom: 35px;
}
.columns-wrapper.main .col-6 {
flex: 0 0 auto;
max-width: auto;
flex-grow: 1;
padding-left: 0;
padding-right: 10px;
}
.columns-wrapper.main .col-6:last-child {
padding-right: 0;
padding-left: 10px;
}
.wpcf7-form textarea, 
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form select {
border: 1px solid rgb(183 242 242 / 0%);
width: 100%;
background: rgb(183 242 242 / 20%);
margin-bottom: 0px;
margin-top: 8px;
height: 50px;
font-size: 14px;
color: #fff;
font-family: 'Onest';
padding: 17px 25px;
border-radius: 5px;
}
.wpcf7-form label {
color: #fff;
font-size: 14px;
}
.wpcf7-form textarea::placeholder, 
.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder {
color: rgb(183 242 242 / 50%);
}
.wpcf7-form textarea {
height: 120px;
}
.wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus {
outline: none;
border: 1px solid rgb(53 182 178 / 100%);
}
.wpcf7 input[type="checkbox"]  {
padding: 0px;
-webkit-appearance: none;
width: 0px !important;
margin: 0;
display: none;
}
span.wpcf7-list-item label {
display: flex;
}
.wpcf7-list-item {
margin: 0;
}
span.wpcf7-list-item-label {
position: relative;
padding-left: 40px;
font-size: 14px;
line-height: 1.1;
color: #fff;
cursor: pointer;
}
span.wpcf7-list-item-label a {
text-decoration: underline;
color: #fff;
}
span.wpcf7-list-item-label:before {
content: '';
width: 28px;
height: 28px;
position: absolute;
border-radius: 5px;
display: block;
left: 0;
top: 50%;
transform: translateY(-50%);
background: rgb(183 242 242 / 20%);
border: 1px solid rgb(53 182 178 / 0%);
}
span.wpcf7-list-item-label:after {
content: '';
width: 28px;
height: 28px;
position: absolute;
border-radius: 5px;
border: 1px solid rgb(53 182 178 / 100%);
display: block;
left: 0px;
top: 50%;
transform: translateY(-50%) scale(0);
background: rgb(53 182 178 / 100%) url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/icon-check.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
transition: all 0.2s ease;
}
input[type="checkbox"]:checked + span.wpcf7-list-item-label:after {
transform: translateY(-50%) scale(1);
}
.columns-wrapper.checkboxes {
margin-top: 8px;
}
.checkboxes span {
width: 100%;
}
.checkboxes span.wpcf7-list-item-label{
border: 1px solid rgb(98 179 177 / 20%);
padding: 16px 10px 16px 55px;
width: 100%;
border-radius: 5px;
transition: all 0.3s ease;
height: 51px
}
.checkboxes input[type="checkbox"]:checked + span.wpcf7-list-item-label{
border: 1px solid rgb(98 179 177 / 100%);
color: rgb(98 179 177 / 100%);
}
.checkboxes span.wpcf7-list-item-label:before {
width: 26px;
height: 26px;
border-radius: 50%;
left: 15px;
background: rgb(183 242 242 / 0%);
border: 1px solid rgb(53 182 178 / 20%);
transition: all 0.3s ease;
}
.checkboxes span.wpcf7-list-item-label:after {
content: '';
width: 18px;
height: 18px;
position: absolute;
border-radius: 50%;
border: none;
display: block;
left: 20px;
top: 50%;
transform: translateY(-50%) scale(0);
background: rgb(53 182 178 / 100%);
background-size: 18px;
}
.checkboxes input[type="checkbox"]:checked + span.wpcf7-list-item-label:before {
border: 1px solid rgb(53 182 178 / 100%);
}
span.wpcf7-not-valid-tip {
background: transparent;
box-shadow: none !important;
color: #ff6262 !important;
font-size: 11px;
bottom: -35px;
position: absolute;
right: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background: #b80a0a;
border-color: #b80a0a;
color: #fff;
}
.gdpr-wrapper span.wpcf7-not-valid-tip {
bottom: -20px;
right: auto;
left: 0;
}
.columns-wrapper.middle.gdpr-wrapper {
margin-top: 15px;
padding-left: 1%;
padding-right: 1%;
flex-wrap: nowrap;
justify-content: space-between;
} .main-slider .slick-slide {
height: 555px;
border-radius: 20px;
overflow: hidden;
padding: 60px 80px;
background-size: cover;
background-position: center;
position: relative;
}
.main-slider .slick-slide:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(to right, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%));
top: 0;
left: 0;
}
.main-slider h1,
.main-slider h2 {
font-size: 50px;
}
.main-slider p {
font-size: 14px;
max-width: 300px;
margin: 10px 0 25px 0; 
}
.col-7-0.slider {
padding-left: 0;
padding-right: 0;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.slider-content.light {
position: relative;
}
.columns-wrapper.slider-bottom {
position: absolute;
left: 0;
bottom: 0;
align-items: flex-end;
}
.col-5.slider-navigation {
padding-left: 80px;
padding-right: 80px;
padding-bottom: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
ul.slick-dots {
display: flex !important;
gap: 6px;
align-items: center;
}
ul.slick-dots button {
font-size: 0;
position: relative;
width: 18px;
height: 18px;
border: none;
padding: 0;
line-height: 18px;
cursor: pointer;
background: transparent;
}
ul.slick-dots button:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: rgb(255 255 255 / 100%);
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
ul.slick-dots button:after {
content: '';
position: absolute;
width: 18px;
height: 18px;
background: rgb(255 255 255 / 22%);
border-radius: 50%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) scale(0);
transition: all 0.3s ease;
}
ul.slick-dots button:hover:after,
li.slick-active button:after{
transform: translate(-50%,-50%) scale(1);
}
.slick-slider-nav {
display: flex;
align-items: center;
gap: 30px;
}
button.slick-arrow {
background: transparent;
border: none;
padding: 0;
width: 25px;
height: 17px;
text-align: center;
cursor: pointer;
line-height: 17px;
}
button.slick-arrow .st0 {
transition: all 0.3s ease;
}
button.slick-arrow:hover .st0 {
fill: var(--secondary);
}
button.slick-prev.slick-arrow {
transform: rotate(180deg);
}
.col-7.slider-info {
background: var(--accent);
padding: 23px 23px 23px 10px;
border-top-left-radius: 20px;
}
.col-7.slider-info .col-6 {
position: relative;
padding-right: 20px;
padding-left: 20px;
}
.col-7.slider-info .col-6:first-child {
border-right: 1px solid #fff;
}
.slider-info p.place {
position: relative;
padding-left: 12px;
margin-bottom: 15px;
}
.slider-info p.place img {
position: absolute;
width: 9px;
left: 0;
top: 3px;
}
.slider-info img.map {
position: absolute;
}
.slider-info img.map.ke {
max-width: 102px;
right: 20px;
bottom: 0;
}
.slider-info img.map.chg {
max-width: 110px;
right: 0px;
bottom: -12px;
}
.slider-info a.outline-btn {
font-size: 14px;
padding: 12px 28px;
border: 1px solid #fff;
display: inline-block;
border-radius: 44px;
transition: all 0.3s ease;
}
.slider-info a.outline-btn:hover {
background: var(--secondary);
border-color: var(--secondary);
}
.main-slider .slick-slide {
height: 555px;
border-radius: 20px;
overflow: hidden;
padding: 60px 80px;
background-size: cover;
background-position: center;
position: relative;
}
.col-3-0.main-banner {
padding-right: 0;
padding-left: 15px;
}
.main-banner-content {
background-color: #fff;
padding: 44px 120px 44px 44px;
height: 555px;
border-radius: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: top 40px center;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.main-banner-content h3 {
font-size: 25px;
padding-bottom: 15px;
}
.section.benefits-title {
padding-top: 75px;
padding-bottom: 20px;
}
.title-with-dot {
position: relative;
padding-left: 46px;
color: #107680;
}
.title-with-dot:before {
content: '';
width: 33px;
height: 33px;
position: absolute;
background: rgb(16 118 128 / 22%);
left: 0;
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
}
.title-with-dot:after {
content: '';
width: 7px;
height: 7px;
position: absolute;
background: rgb(16 118 128 / 100%);
left: 13px;
top: 50%;
border-radius: 50%;
transform: translateY(-50%);
}
.section.benefits-grid {
padding-bottom: 75px;
}
.benefits-grid-loop {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 2fr;
gap: 10px;
padding: 0 1%;
}
.benefits-item-col-3,
.benefits-item-col-6 {
background: #fff;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.benefits-item-col-6.benefit-03,
.benefits-item-col-6.benefit-04 {
grid-area: span 1/span 2;
}
.benefits-grid-content,
.benefits-grid-content .columns-wrapper{
height: 100%;
position: relative;
}
.benefits-grid-wrapper {
height: 100%;
padding: 71% 20px 25px 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.benefits-grid-content img {
position: absolute;
top: 0px;
left: 50%;
height: 71%;
object-fit: contain;
transform: translateX(-50%);
}
.benefit-01 .benefits-grid-content img,
.benefit-02 .benefits-grid-content img {
width: 100px;
}
.benefit-03 .benefits-grid-content img,
.benefit-04 .benefits-grid-content img,
.benefit-05 .benefits-grid-content img,
.benefit-06 .benefits-grid-content img{
width: 130px;
}
.benefits-item-col-6.benefit-03 .benefits-grid-content {
background-image: url(//www.stomatologiahappydent.sk/wp-content/uploads/2026/04/Benefit_3.webp);
background-size: auto 100%;
background-position: top right;
background-repeat: no-repeat;
}
.benefits-item-col-6.benefit-04 .benefits-grid-content {
background-image: url(//www.stomatologiahappydent.sk/wp-content/uploads/2026/04/Benefit_4.webp);
background-size: auto 100%;
background-position: top right;
background-repeat: no-repeat;
}
p.benefit-count {
opacity: 0.3;
padding-bottom: 5px;
font-size: 15px;
}
.section.home-2 h2 {
max-width: 500px;
padding-bottom: 20px;
}
.home-2-content {
padding: 70px 17px 17px 17px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2026/04/services_bg.webp);
background-size: cover;
border-radius: 20px;
}
.columns-wrapper.service-boxes {
margin-top: 270px;
width: calc(100% + 14px);
margin-left: -7px;
}
.service-boxes .col-3 {
padding-left: 7px;
padding-right: 7px;
}
.hover-box {
height: 100%;
background: #fff;
border-radius: 10px;
padding: 30px 70px 75px 25px;
position: relative;
transition: all 0.3s ease;
}
.hover-box p {
max-width: 170px;
padding-top: 10px;
}
.hover-box button.plus-btn {
right: 20px;
bottom: 20px;
z-index: 2;
}
.hover-box button.plus-btn:hover svg,
.hover-box:hover button.plus-btn svg {
transform: rotate(45deg);
}
.hover-box-bottom {
opacity: 0;
height: auto;
min-height: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 30px 70px 25px 25px;
transform: translateY(25px);
transition: all 0.5s ease;
background: var(--accent);
width: 100%;
border-radius: 10px;
z-index: -1;
}
.hover-box:hover .hover-box-bottom {
opacity: 1;
transform: translateY(0px);
z-index: 1;
}
.hover-box-bottom h3,
.hover-box-bottom p,
.hover-box-bottom li {
color: #fff;
}
.hover-box-bottom ul {
padding-top: 15px;
padding-bottom: 15px;
}
.hover-box-bottom ul li {
padding-left: 22px;
padding-bottom: 5px;
position: relative;
}
.hover-box-bottom ul li:before {
content: '';
position: absolute;
width: 12px;
height: 1px;
background: #fff;
left: 0;
top: 9px;
}
.hover-box .label {
position: absolute;
top: -13px;
left: 25px;
font-size: 14px;
color: #fff;
background: var(--secondary);
padding: 4px 12px;
border-radius: 26px;
}
.section.home-3 {
padding-top: 150px;
padding-bottom: 90px;
}
.section.home-3 h2 {
font-size: 80px;
}
.our-works {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 490px;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid var(--accent);
margin-bottom: 90px;
}
.our-works p {
max-width: 220px;
}
.video-box {
background: #fff;
border-radius: 20px;
display: flex;
align-items: center;
padding: 10px 10px 10px 25px;
justify-content: space-between;
}
.video-thumb {
flex: 0 0 36%;
max-width: 36%;
padding-bottom: 36%;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.video-thumb img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.video-box h3 {
font-size: 25px;
max-width: 250px;
}
.video-play {
display: flex;
align-items: center;
gap: 15px;
margin-top: 40px;
}
.video-play img {
width: 62px;
transition: all 0.3s ease;
}
.video-play a:hover img {
transform: scale(1.15);
}
.video-play p span {
color: var(--accent);
} .cd-image-container {
position: relative;
width: 91%;
height: auto;
margin: 0em auto; 
}
.cd-image-container img {
display: block;
border-radius: 20px;
}
.cd-image-container img {
display: block;
}
.image-label {
position: absolute;
display: block;
bottom: 20px;
left:20px;
color: #fff;
}
.image-label.po {
visibility: visible;
right: 20px;
left: auto;
}
.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none;
}
.is-visible .cd-resize-img {
width: 50%; -webkit-animation: cd-bounce-in 0.7s;
-moz-animation: cd-bounce-in 0.7s;
animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@-moz-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
.cd-handle {
position: absolute;
height: 75px;
width: 75px; left: 50%;
top: 50%;
margin-left: -40px;
border-radius: 50%;
background: #F2F7F7;
cursor: pointer;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
-moz-transform: translate3d(0, 0, 0) scale(0);
-ms-transform: translate3d(0, 0, 0) scale(0);
-o-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
z-index: 999;
}
.cd-handle.draggable { background-color: #F2F7F7;
}
.is-visible .cd-handle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1) translateY(-50%);
-moz-transform: translate3d(0, 0, 0) scale(1) translateY(-50%);
-ms-transform: translate3d(0, 0, 0) scale(1) translateY(-50%);
-o-transform: translate3d(0, 0, 0) scale(1) translateY(-50%);
transform: translate3d(0, 0, 0) scale(1) translateY(-50%);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
span.cd-handle:before {
content: '';
border: solid #39747E;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
transform: rotate(135deg) translateY(-50%);
-webkit-transform: rotate(135deg) translateY(-50%);
position: absolute;
left: 20px;
top: 50%;
transform-origin: top;
}
span.cd-handle:after {
content: '';
border: solid #39747E;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 5px;
transform: rotate(-45deg) translateY(-50%);
-webkit-transform: rotate(-45deg) translateY(-50%);
position: absolute;
right: 20px;
top: 50%;
transform-origin: top;
}
.cd-resize-img {
border-right: 5px solid #F2F7F7;
}
.col-6.image-comparision {
padding-left: 40px;
} .section.address {
background: var(--white);
padding-top: 100px;
padding-bottom: 100px;
}
.address-image {
height: 100%; background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/05/aupark-kosice.jpg);
background-size: cover;
background-position: center;
border-radius: 20px;
min-height: 320px;
}
.address .col-3-5 {
padding-left: 100px;
}
.address p.title-with-dot {
margin-top: 7px;
}
.address-content {
display: flex;
margin-top: 20px;
margin-bottom: 90px;
justify-content: space-between;
align-items: flex-start;
}
.address-content h2 {
max-width: 400px;
}
.street {
padding-left: 25px;
border-left: 1px solid var(--accent);
}
.street strong {
color: var(--accent);
}
.street a.main-btn {
margin-top: 20px;
min-width: 180px;
}
.address-boxes .column-inner {
height: 100%;
background: var(--light);
padding: 25px;
text-align: center;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.address-boxes p.number {
margin-bottom: 15px;
}
.address-boxes p.number span {
color: var(--accent);
font-size: 80px;
line-height: 1;
}
.section.about-us {
padding-top: 100px;
padding-bottom: 100px;
}
.col-6.about-info p {
max-width: 420px;
margin-top: 20px;
margin-bottom: 30px;
}
.buttons-wrapper {
gap: 15px;
display: flex;
align-items: center;
}
.video-about {
margin-top: 90px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2026/04/zubna-klinika-stomatologia-happydent.webp) center center / cover no-repeat !important;
background-size: cover;
background-position: center;
padding: 230px 20px 10px 20px;
border-radius: 20px;
}
.video-about .video-play p {
color: #fff;
}
.video-about .video-play p span {
color: #B7F2F2;
}
.repasi-image {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 15px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2026/04/dr-michal-repasi-zkladatel-kliniky.webp);
background-size: cover;
background-position: top center;
border-radius: 20px;
}
a.about-cta {
position: relative;
background: #fff;
padding: 25px;
border-radius: 10px;
}
a.about-cta h3 {
font-size: 25px;
padding-bottom: 5px;
}
a.about-cta button.plus-btn {
right: 25px;
bottom: 23px;
}
.section.home-4 {
padding-bottom: 100px;
}
.section.home-4 h2,
.home-4 .center {
text-align: center;
}
.columns-wrapper.steps-block {
margin-top: 50px;
margin-bottom: 70px;
padding-right: 1%;
}
.step h3 {
font-size: 25px;
max-width: 200px;
}
.step-label {
font-size: 15px;
color: #fff;
background: var(--accent);
display: inline-block;
padding: 3px 13px;
margin-top: 10px;
border-radius: 25px;
}
.step-inner {
height: 100%;
position: relative;
padding-left: 70px;
}
.step-number {
position: absolute;
left: 0px;
top: 5px;
height: 50px;
width: 50px;
border: 1px solid rgb(57 116 126 / 40%);
border-radius: 50%;
text-align: center;
color: var(--accent);
line-height: 50px;
}
.col-3.step {
padding: 0;
}
.step-inner:after {
content: '';
position: absolute;
width: calc(100% - 10px);
height: 40px;
left: 30px;
bottom: -40px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/step-line.svg);
background-size: 100% auto;
background-repeat: no-repeat;
}
.last .step-inner:after {
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/step-end.svg);
background-size: 100% auto;
background-repeat: no-repeat;
} .section.page-header {
background: #fff;
padding-top: 96px;
margin-top: -96px;
}
.blog-header .columns-wrapper,
.page-header .columns-wrapper {
background: var(--accent);
border-radius: 20px;
overflow: hidden;
}
.col-6.header-title {
min-height: 405px;
padding: 45px 50px 30px 70px;
display: flex;
flex-direction: column;
}
.page-header-bottom {
margin-top: auto;
border-top: 1px solid #fff;
padding-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
p.uvodny-text {
max-width: 250px;
}
.page-header-bottom .main-btn.outline.light {
border-color: var(--secondary);
}
.col-6.header-bgr {
background-size: cover;
background-position: center;
}
.col-6.header-title h1 span {
opacity: 0.3;
padding-right: 20px;
margin-right: 20px;
position: relative;
}
.col-6.header-title h1 span:after {
content: '';
position: absolute;
right: -5px;
top: 45px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/arrow-slider.svg);
background-size: contain;
background-repeat: no-repeat;
width: 10px;
height: 17px;
} .post-archive {
padding-top: 90px;
padding-bottom: 80px;
}
a.archive-item.first-post {
position: relative;
padding: 30px;
border-radius: 10px;
height: 510px;
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
a.archive-item.first-post .label {
background: var(--secondary);
position: absolute;
top: -13px;
left: 30px;
color: #fff;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 26px;
z-index: 1;
}
.archive-item.first-post .post-thumbnail {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 10px;
overflow: hidden;
}
.archive-item.first-post .post-thumbnail:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgb(4 49 54 / 40%);
}
.archive-item.first-post .post-thumbnail img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.post-title {
position: relative;
}
.post-title h3 {
color: #fff;
font-size: 50px;
}
.post-author {
position: relative;
display: flex;
margin-top: auto;
align-items: center;
gap: 10px;
}
.post-author .autor-image {
width: 55px;
height: 55px;
border-radius: 50%;
background: rgb(255 255 255 / 20%);
position: relative;
}
.post-author .autor-image img {
position: absolute;
width: 45px;
height: 45px;
border-radius: 50%;
object-fit: cover;
left: 5px;
top: 5px;
}
a.archive-item.first-post p.author-name {
color: #fff;
}
p.author-name span {
opacity: 0.5;
}
.first-post button.plus-btn {
border: 1px solid rgb(255 255 255 / 30%);
background: transparent;
right: 30px;
bottom: 30px;
}
.first-post button.plus-btn line {
stroke: #fff;
}
.first-post:hover button.plus-btn,
.first-post button.plus-btn:hover {
background: var(--accent);
border-color: var(--accent);
}
.first-post:hover button.plus-btn svg,
button.plus-btn:hover svg {
transform: rotate(90deg);
}
.archived-posts {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
a.archive-item.standard {
flex: 0 0 calc(50% - 5px);
max-width: calc(50% - 5px);
background: #fff;
padding: 9px;
border-radius: 15px;
}
a.archive-item.standard .post-thumbnail {
position: relative;
padding-bottom: 60%;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
a.archive-item.standard .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
a.archive-item.standard .post-content {
padding: 20px 15px 15px 15px;
position: relative;
}
a.archive-item.standard h3.post-title {
font-size: 25px;
margin-bottom: 10px;
}
a.archive-item.standard .post-author {
margin-top: 25px;
}
a.archive-item.standard .post-author .autor-image {
background: rgb(16 118 128 / 17%);
}
a.archive-item.standard button.plus-btn.box {
right: 15px;
bottom: 15px;
}
a.page-numbers {
color: #043136;
border: 1px solid transparent;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 50%;
}
a.page-numbers:hover {
border: 1px solid #107680;
}
span.page-numbers.current {
border: 1px solid #107680;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
border-radius: 50%;
}
.archive-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-top: 60px;
font-size: 15px;
}
a.prev.page-numbers,
a.next.page-numbers {
display: flex;
align-items: center;
gap: 15px;
border: 1px solid transparent;
border-radius: 52px;
color: #107680;
transition: all 0.3s ease;
width: auto;
height: auto;
}
a.prev.page-numbers:hover,
a.next.page-numbers:hover {
border: 1px solid #107680;
}
a.next.page-numbers {
padding: 3px 3px 3px 25px;
margin-left: 25px;
}
a.prev.page-numbers {
padding: 3px 25px 3px 3px;
margin-right: 25px;
}
a.prev.page-numbers svg,
a.next.page-numbers svg {
width: 44px;
height: 44px;
}
.col-4.sidebar {
padding-left: 25px;
}
.popular-posts {
background: #fff;
padding: 30px 20px;
border-radius: 20px;
}
.popular-posts h4 {
font-size: 20px;
margin-bottom: 20px;
padding-left: 15px;
}
a.archive-item-popular {
display: flex;
align-items: center;
margin-bottom: 5px;
padding: 5px 40px 5px 5px;
background: transparent;
border-radius: 10px;
gap: 15px;
transition: all 0.3s ease;
position: relative;
}
a.archive-item-popular .post-thumbnail {
width: 50px;
height: 50px;
position: relative;
flex: 0 0 50px;
border-radius: 5px;
overflow: hidden;
}
a.archive-item-popular .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
a.archive-item-popular h3 {
font-size: 15px;
}
a.archive-item-popular:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/menu-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: all 0.3s ease;
}
a.archive-item-popular:hover {
background: #E6F1F2;
}
a.archive-item-popular:hover:after {
opacity: 1;
}
ul#tag-cloud {
margin-top: 15px;
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
gap: 4px;
}
ul#tag-cloud li a {
font-size: 14px;
color: var(--accent);
padding: 4px 14px;
border: 1px solid rgb(16 118 128 / 50%);
display: inline-block;
border-radius: 28px;
margin-bottom: 3px;
transition: all 0.3s ease;
}
ul#tag-cloud li a.active,
ul#tag-cloud li a:hover {
background: var(--accent);
color: #fff;
} .single-post-title {
position: relative;
padding: 40px;
min-height: 500px;
border-radius: 20px;
overflow: hidden;
margin-bottom: 15px;
}
.single-post-title img.wp-post-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-post-image-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgb(4 49 54 / 20%);
}
.single-post-title h1 {
color: #fff;
position: relative;
font-size: 50px;
}
.single-post-content {
background: #fff;
border-radius: 20px;
padding: 50px;
}
.content-top {
display: flex;
align-items: flex-start;
gap: 30px;
padding-bottom: 40px;
margin-bottom: 50px;
border-bottom: 1px solid #107680;
}
.content-top .title-with-dot {
white-space: nowrap;
margin-top: 7px;
}
.content-top p.perex {
font-size: 15px;
color: var(--accent);
}
.post-full-content p,
.post-full-content h5,
.post-full-content h4,
.post-full-content h3,
.post-full-content h2 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.post-full-content li {
list-style: disc;
padding-bottom: 10px;
}
.post-full-content ul {
margin-left: 15px;
}
.single-post-bottom {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 33px;
margin-bottom: 50px
}
.single-post-bottom .post-tags {
display: flex;
align-items: center;
gap: 5px;
}
.single-post-bottom .post-tags a {
font-size: 14px;
color: var(--accent);
padding: 4px 14px;
background: var(--accent);
display: inline-block;
color: #fff;
border-radius: 28px;
transition: all 0.3s ease;
}
.post-share {
display: flex;
align-items: center;
gap: 10px;
}
.post-share a {
font-size: 14px;
color: var(--accent);
padding: 4px 14px 4px 30px;
border: 1px solid rgb(16 118 128 / 50%);
display: inline-block;
border-radius: 28px;
margin-bottom: 3px;
transition: all 0.3s ease;
position: relative;
color: #107680;
}
.post-share a:hover {
background: var(--accent);
color: #fff;
}
.post-share a svg {
position: absolute;
width: 6px;
height: 14px;
left: 15px;
top: 5px;
}
.post-share a svg path {
fill: var(--accent);
transition: all 0.3s ease;
}
.post-share a:hover svg path {
fill: #fff;
}
.single-post-author {
background: #fff;
border-radius: 20px;
padding: 10px 40px 10px 10px;
display: flex;
align-items: center;
gap: 30px;
}
.single-post-author .autor-image {
flex: 0 0 30%;
padding-bottom: 30%;
position: relative;
max-width: 30%;
border-radius: 10px;
overflow: hidden;
}
.single-post-author .autor-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.single-post-author p.author-clanku {
opacity: 0.5;
margin-bottom: 5px;
}
.single-post-author p.author-position {
margin-bottom: 15px;
}
.single-post-author a.author-link {
color: var(--accent);
margin-top: 15px;
display: inline-block;
} .section.blog-cta {
background: var(--accent);
border-radius: 20px;
padding: 50px 10px 50px 30px;
margin-top: 60px;
}
.col-6.cta-text {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.col-6.cta-text a.main-btn {
margin-top: auto;
margin-bottom: 0;
}
.col-6.cta-icons {
display: flex;
flex-wrap: wrap;
padding-left: 30px
}
.cta-icons-item {
flex: 0 0 50%;
display: flex;
align-items: center;
gap: 10px;
padding: 25px 5px;
}
.cta-icons-item.three img,
.cta-icons-item.four img{
width: 42px !important;
max-height: 45px;
object-fit: contain;
}
.cta-icons-item.one img,
.cta-icons-item.two img{
width: 42px !important;
max-height: 38px;
object-fit: contain;
}
.cta-icons-item.one,
.cta-icons-item.two {
border-bottom: 1px solid #fff;
}
.cta-icons-item.one,
.cta-icons-item.three {
border-right: 1px solid #fff;
}
.section.related-posts {
padding-top: 60px;
padding-bottom: 60px;
}
.related-posts-loop {
display: flex;
gap: 10px;
margin-top: 20px;
}
.related-posts a.archive-item.standard {
flex: 0 0 calc(33.333% - 5px);
max-width: calc(33.333% - 5px);
background: #fff;
padding: 9px;
border-radius: 15px;
}
.related-posts .col-12.align-right {
padding-top: 20px;
text-align: right;
padding-left: 0;
padding-right: 0;
}
.section.post-archive.author-single {
padding-top:0
}
.archived-posts.author-posts {
margin-top: 15px;
}  .section.page-header.medtourism-header {
background: none;
}
.medtourism-header h1 {
font-size: 42px;
padding-right: 32px;
line-height: 1.4;
}
.medtourism-header .page-header-bottom-blocks {
border-top: 0;
display: flex;
justify-content: space-between;
gap: 24px;
align-items: flex-end;
}
.medtourism-header .medtourism-header-but {
margin-top: 24px;
}
.medtourism-header .medtourism-header-but .main-btn.outline.light {
border-color: var(--secondary);
}
.medtourism-header .page-header-bottom-blocks .item {
background: #18848B;
border: 1px solid #35B6B2;
border-bottom-width: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
border-radius: 20px 20px 0 0;
color: #fff;
height: 108px;
width: 100%;
padding: 0 16px;
}
.medtourism-header .page-header-bottom-blocks .item div {
font-size: 50px;
font-weight: 500;
}
.medtourism-header .page-header-bottom-blocks .item p {
font-size: 16px;
max-width: 180px;
}
.medtourism-header .col-6.header-title {
padding-bottom: 0;
}  .results-widget {
padding: 80px 0 40px;
}
.results-widget .box-wr {
display: flex;
gap: 60px;
justify-content: space-between;
align-items: center;
}
.results-widget .box-wr .text {
width: 100%;
}
.results-widget .box-wr .text .text-content {
margin-top: 50px;
display: flex;
flex-direction: column;
}
.results-widget .box-wr .text .text-content p {
line-height: 1.6;
}
.results-widget .box-wr .text .text-content h2,
.results-widget .box-wr .text .text-content h3,
.results-widget .box-wr .text .text-content h4,
.results-widget .box-wr .text .text-content h5,
.results-widget .box-wr .text .text-content h6 {
font-weight: 300;
text-transform: uppercase;
margin-bottom: 40px;
}
.results-widget .box-wr .text .text-content h2 b, .results-widget .box-wr .text .text-content h2 strong,
.results-widget .box-wr .text .text-content h3 b, .results-widget .box-wr .text .text-content h3 strong,
.results-widget .box-wr .text .text-content h4 b, .results-widget .box-wr .text .text-content h4 strong,
.results-widget .box-wr .text .text-content h5 b, .results-widget .box-wr .text .text-content h5 strong,
.results-widget .box-wr .text .text-content h6 b, .results-widget .box-wr .text .text-content h6 strong {
font-weight: 400;
}
.text-content p {
font-size: 20px;
line-height: 1.4;
font-weight: 400;
}
.text-content ul {
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 24px;
font-size: 16px;
font-weight: 300;
}
.text-content ul li {
padding-left: 54px;
position: relative;
font-size: 16px;
}
.text-content ul li::before {
position: absolute;
left: 24px;
top: 8px;
}
.results-widget .box-wr .gallery-block {
display: grid;
gap: 24px 40px;
width: 100%;
max-width: 580px;
flex-shrink: 0;
grid-template-columns: 1fr 1fr;
}
.results-widget .box-wr .gallery-block .item {
position: relative;
height: 364px;
width: 100%;
max-width: 270px;
}
.results-widget .box-wr .gallery-block .item .item-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
position: relative;
width: 100%;
height: 100%;
}
.results-widget .box-wr .gallery-block .item:hover .item-inner {
transform: rotateY(180deg);
}
.results-widget .box-wr .gallery-block .item .front, .results-widget .box-wr .gallery-block .item .back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 1;
transition: opacity 0.6s;
}
.results-widget .box-wr .gallery-block .item:hover .front {
opacity: 0;
}
.results-widget .box-wr .gallery-block .item .back {
border-radius: 20px;
transform: rotateY(180deg);
padding: 60px 24px;
}
.results-widget .box-wr .gallery-block .item .front .before, .results-widget .box-wr .gallery-block .item .front .after {
width: 100%;
height: 178px;
border-radius: 20px;
overflow: hidden;
}
.results-widget .box-wr .gallery-block .item .front .before img, .results-widget .box-wr .gallery-block .item .front .after img {
width: 100%;
height: 100%;
object-fit: cover;
}
.results-widget .box-wr .gallery-block .item .front .after {
margin-top: 8px;
}
.results-widget .box-wr .gallery-block .item .back p, .results-widget .box-wr .gallery-block .item .back ul, .results-widget .box-wr .gallery-block .item .back ol, .results-widget .box-wr .gallery-block .item .back ul li, .results-widget .box-wr .gallery-block .item .back ol li {
font-size: 16px;
font-weight: 300;
gap: 12px;
}
.results-widget .box-wr .gallery-block .slick-list {
padding: 0 0 25% 0 !important;
}
.results-widget .box-wr .gallery-block .item .front .type {
position: absolute;
left: 12px;
bottom: 12px;
display: flex;
align-items: center;
}
.results-widget .box-wr .gallery-block .item .front .type .icon {
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--white);
display: flex;
justify-content: center;
align-items: center;
}
.results-widget .box-wr .gallery-block .item .front .type .icon img {
max-height: 18px;
}
.results-widget .box-wr .gallery-block .item .front .type p {
margin: 0;
border-radius: 30px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
height: 24px;
font-size: 15px;
text-transform: uppercase;
padding: 0 16px;
color: #fff;
}
.results-widget .box-wr .text .but.contact-us {
display: flex;
justify-content: space-between;
gap: 16px;
margin-top: 24px;
}
.results-widget .box-wr .text .but.contact-us .item {
border: 1px solid #35B6B2;
border-radius: 20px;
padding: 18px 44px 0 44px;
width: 100%;
position: relative;
}
.results-widget .box-wr .text .but.contact-us .item::after {
width: 192px;
height: 99px;
content: "";
position: absolute;
right: -14px;
bottom: -45px;
background: url(//www.stomatologiahappydent.sk/wp-content/themes/happydent/images/map.png) center center no-repeat;
}
.results-widget .box-wr .text .but.contact-us .item .title {
font-size: 20px;
font-weight: 500;
line-height: 30px;
color: #107680;
}
.results-widget .box-wr .text .but.contact-us .item p {
color: #107680;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
display: flex;
align-items: center;
gap: 4px;
margin: 0;
}
.results-widget .box-wr .text .but.contact-us .item p::before {
width: 27px;
height: 30px;
content: "";
display: inline-flex;
background: url(//www.stomatologiahappydent.sk/wp-content/themes/happydent/images/Maskgroup.png) center center no-repeat;
flex-shrink: 0;
}
.results-widget .box-wr .text .but.contact-us .item a {
margin-top: 18px;
color: #107680;
}  .benefits-block {
padding: 40px 0 60px;
}
.benefits-block h2 {
text-align: center;
}
.benefits-block .box {
margin-top: 60px;
display: flex;
justify-content: center;
gap: 120px;
}
.benefits-block .box .item {
display: flex;
flex-direction: column;
align-items: center;
}
.benefits-block .box .item .img {
overflow: hidden;
width: 185px;
height: 139px;
border-radius: 14px;
}
.benefits-block .box .item .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.benefits-block .box .item p {
margin-top: 32px;
font-size: 14px;
font-weight: 300;
line-height: 150%;
max-width: 185px;
}
.benefits-block .box.additional-befefits {
margin-top: 80px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.benefits-block .box.additional-befefits .title {
color: #107680;
font-size: 50px;
font-weight: 500;
line-height: 55px;
}
.benefits-block .box.additional-befefits .text {
width: 100%;
max-width: 665px;
border-radius: 14px;
background: #107680;
padding: 20px 24px;
flex-shrink: 0;
}
.benefits-block .box.additional-befefits .text p {
font-size: 20px;
font-weight: 500;
line-height: 35px;
color: #fff;
}  .price-block {
margin: 40px 0;
background: #fff;
position: relative;
}
.price-block::before {
z-index: -1;
width: 100vw;
height: 100%;
background: #fff;
position: absolute;
left: 50%;
top: 0;
content: ""; 
transform: translateX(-50%);
}
.price-block .box table {
width: 100%;
border: 0;
}
.price-block .box table th {
color: #107680;
font-size: 35px;
font-weight: 500;
line-height: 35px;
padding: 22px 0;
}
.price-block .box table tbody tr:not(:first-child) td {
border-top: 1px solid #107680;
}
.price-block .box table tbody tr:not(:first-child) td:nth-child(2) {
border-top: 1px solid #239ca8;
}
.price-block .box table td {
padding: 40px 0;
font-size: 20px;
font-weight: 400;
line-height: 27px;
}
.price-block .box table td:not(:first-child) {
padding-left: 36px;
color: #107680;
}
.price-block .box table td:nth-child(2), .price-block .box table th:nth-child(2) {
background: #107680;
color: #fff;
}
.price-block .box table th:nth-child(2) {
border-radius: 14px 14px 0 0;
}
.price-block .box table tbody tr:last-child td:nth-child(2) {
border-radius: 0 0 14px 14px;
}  .steps {
padding: 40px 0 60px;
}
.steps .box {
margin-top: 60px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px 40px;
}
.steps .box .item {
display: flex;
gap: 40px;
position: relative;
}
.steps .box .item .text::before {
width: 12px;
height: 12px;
content: "";
position: absolute;
background: #35B6B2;
top: -5px;
left: 264px;
border-radius: 50%;
z-index: 3;
}
.steps .box .item::after {
width: 2px;
height: calc(100% + 80px);
content: "";
background: #35B6B2;
top: -40px;
left: 269px;
z-index: 2;
position: absolute;
}
.steps .box .item .number {
border-radius: 50px;
background: #35B6B2;
padding: 0 55px 0 24px;
height: 36px;
display: flex;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 100%;
color: #fff;
text-transform: uppercase;
gap: 12px;
position: absolute;
left: 0;
top: -18px;
z-index: 2;
text-align: left;
}
.steps .box .item .number::before {
display: flex;
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 2px;
right: 2px;
border-radius: 50%;
background: #64C6C3;
}
.steps .box .item .number::after {
display: flex;
content: "";
width: 6px;
height: 6px;
position: absolute;
top: 15px;
right: 14px;
border-radius: 50%;
background: #fff;
}
.steps .box .item::before {
width: 270px;
height: 2px;
background: #35B6B2;
content: "";
position: absolute;
left: 0;
top: calc(0% - 2px);
z-index: -1;
}
.steps .box .item .image {
width: 100%;
max-width: 270px;
height: 158px;
border-radius: 12px 0px 12px 12px;
flex-shrink: 0;
border-radius: 14px;
overflow: hidden;
}
.steps .box .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.steps .box .item .text .title {
font-size: 20px;
line-height: 120%;
text-transform: uppercase;
color: #107680;
margin-bottom: 24px;
}
.steps .box .item .text p {
font-size: 14px;
font-weight: 300;
line-height: 150%;
}  .form-widget {
padding: 70px 0;
margin-top: 20px;
position: relative;
}
.form-widget-wr {
background: #107680;
border-radius: 25px;
padding: 32px 70px;
position: relative;
display: flex;
align-items: center;
gap: 70px;
}
.form-widget-wr::after {
content: "";
z-index: 2;
width: 379px;
height: 309px;
position: absolute;
right: 0;
bottom: 0;
background: url(//www.stomatologiahappydent.sk/wp-content/themes/happydent/images/dd.webp) center center / contain no-repeat;
}
.form-widget-wr .text {
width: 100%;
max-width: 440px;
}
.form-widget-wr h2 {
font-size: 32px;
color: #fff;
font-weight: 500;
line-height: 1.3;
margin-bottom: 32px;
}
.form-widget-wr .container h2 b, .form-widget-wr .container h2 strong {
font-weight: 600;
}
.form-widget-wr .text p {
font-size: 16px;
font-weight: 300;
color: #fff;
}
.form-widget-wr .form {
width: 100%;
max-width: 342px;
}
.form-widget-wr .form form {
display: flex;
flex-direction: column;
gap: 8px;
}
.form-widget-wr .form form .but {
margin-top: 20px;
}
.form-widget-wr .form form input[type="text"], .form-widget-wr .form form input[type="tel"] {
width: 100%;
height: 42px;
padding: 0 32px;
border-radius: 12px;
border: 0.5px solid #35B6B2;
background: rgba(255, 255, 255, 0.50);
transition: var(--all-out);
}
.form-widget-wr .form form input[type="text"].wpcf7-not-valid, .form-widget-wr .form form input[type="tel"].wpcf7-not-valid {
transition: var(--all-in);
border-color: #f00;
}
.form-widget-wr .form form [type="submit"] {
width: 100%;
text-transform: uppercase;
}  .about-widget {
padding: 40px 0;
}
.about-widget .box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.about-widget .box .team {
position: relative;
max-width: 100%;
border-radius: 40px;
overflow: hidden;
max-height: 450px;
}
.about-widget .box .team .label {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
border-radius: 40px;
background: rgba(136, 186, 191, 0.30);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 32px 112px;
display: flex;
flex-direction: column;
gap: 24px;
}
.about-widget .box .team .label div {
font-family: var(--font-title);
font-size: 24px;
color: var(--white);
text-transform: uppercase;
line-height: 1;
}
.about-widget .box .team .label p {
margin: 0;
font-size: 20px;
text-transform: uppercase;
line-height: 1;
color: var(--light-violet);
font-weight: 300;
}
.about-widget .box .info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.about-widget .box .info .numbers {
justify-content: space-between;
display: flex;
flex-direction: column;
}
.about-widget .box .info .numbers .items {
display: flex;
flex-direction: column;
gap: 8px;
}
.about-widget .box .info .numbers .items .item {
padding: 0 32px;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
border-radius: 12px;
background: rgba(136, 186, 191, 0.30);
}
.about-widget .box .info .numbers .items .item div {
font-family: var(--font-title);
color: var(--dark);
font-size: 32px;
width: 120px;
flex-shrink: 0;
}
.about-widget .box .info .numbers .items .item p {
font-size: 20px;
line-height: 1.3;
}
.about-widget .box .info .numbers .items .item:first-child {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
}
.about-widget .box .info .numbers .items .item:last-child {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
}
.about-widget .box .info .numbers .but a {
width: 100%;
text-transform: uppercase;
}
.about-widget .box .info .img {
border-radius: 40px;
max-height: 450px;
}
.about-widget .box .info .img img {
width: 100%;
height: 100%;
object-fit: cover;
}  .reviews-widget {
padding: 40px 0;
}
.reviews-widget .box {
margin-top: 60px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
.reviews-widget .box .item {
position: relative;
}
.reviews-widget .box .item .title {
height: 36px;
position: absolute;
z-index: 2;
left: 0;
top: -18px;
padding: 0 55px 0 24px;
border-radius: 24px;
background: #35B6B2;
display: flex;
align-items: center;
text-align: left;
gap: 12px;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.reviews-widget .box .item .title::before {
display: flex;
content: "";
width: 32px;
height: 32px;
position: absolute;
top: 2px;
right: 2px;
border-radius: 50%;
background: #64C6C3;
}
.reviews-widget .box .item .title::after {
display: flex;
content: "";
width: 6px;
height: 6px;
position: absolute;
top: 15px;
right: 14px;
border-radius: 50%;
background: #fff;
}
.reviews-widget .box .item .content {
gap: 40px;
padding: 60px 24px 40px 24px;
border-radius: 40px;
background: rgba(136, 186, 191, 0.30);
display: flex;
flex-direction: column;
}
.reviews-widget .box .item .content .info {
display: flex;
gap: 32px;
align-items: center;
}
.reviews-widget .box .item .content .info .photo {
width: 100%;
max-width: 160px;
height: 120px;
border-radius: 12px;
}
.reviews-widget .box .item .content .info .photo img {
object-fit: cover;
width: 100%;
height: 100%;
}
.reviews-widget .box .item .content .info .person {
display: flex;
flex-direction: column;
gap: 16px;
}
.reviews-widget .box .item .content .info .person .name {
font-size: 24px;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
margin-top: 8px;
}
.reviews-widget .box .item .content .info .person .city {
font-size: 12px;
font-weight: 300;
line-height: 100%;
}
.reviews-widget .box .item .content .info .person .other {
display: flex;
gap: 12px;
align-items: center;
}
.reviews-widget .box .item .content .info .person .other .age {
width: 40px;
height: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 300;
line-height: 100%;
border-radius: 50%;
box-shadow: 0px 0.72px 1.44px rgba(77, 41, 115, 0.25);
background: #fff;
}
.reviews-widget .box .item .content .info .person .other .age span {
font-weight: 600;
font-size: 13px;
line-height: 1.1;
}
.reviews-widget .box .item .content .info .person .other .date-wr {
display: flex;
flex-direction: column;
gap: 6px;
}
.reviews-widget .box .item .content .info .person .other .date-wr .date {
font-size: 10px;
font-weight: 400;
opacity: 0.5;
}
.reviews-widget .box .item .content .info .person .other .date-wr .rating {
display: flex;
align-items: center;
}
.reviews-widget .box .item .content .info .person .other .date-wr .rating span {
display: flex;
width: 10px;
height: 10px;
align-items: center;
justify-content: center;
}
.reviews-widget .box .item .content .info .person .other .date-wr .rating span path {
stroke-width: 1px;
stroke: #13121F;
}
.reviews-widget .box .item .content .info .person .other .date-wr .rating span.star path {
fill: #13121F;
}
.reviews-widget .box .item .content .review p, .reviews-widget .box .item .content .review ul, .reviews-widget .box .item .content .review ol {
font-size: 14px;
font-weight: 300;
line-height: 1.8;
font-style: italic;
}  @media (max-width: 767px) {
.medtourism-header .col-6.header-title {
padding-bottom: 30px;
}
.medtourism-header .page-header-bottom-blocks .item {
border-bottom-width: 1px;
border-radius: 20px;
}
.results-widget {
padding: 40px 0 20px;
}
.results-widget .box-wr .text .text-content {
margin-top: 32px;
}
.results-widget .box-wr .text .text-content p, .results-widget .box-wr .text .text-content ul, .results-widget .box-wr .text .text-content ul li, .results-widget .box-wr .text .text-content ol, .results-widget .box-wr .text .text-content ol li {
font-size: 16px;
}
.results-widget .box-wr {
gap: 64px;
flex-direction: column;
}
.results-widget .box-wr .text .but.contact-us {
gap: 32px;
flex-direction: column;
}
.results-widget .box-wr .text .but.contact-us .item {
padding: 18px 44px 18px 44px;
}
.results-widget .box-wr .gallery-block {
max-width: 100%;
grid-template-columns: 100%;
}
.results-widget .box-wr .gallery-block .item {
max-width: 100%;
}
.benefits-block .box {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.benefits-block .box .item .img {
width: 100%;
}
.benefits-block .box .item p {
margin-top: 16px;
max-width: 100%;
}
.benefits-block .box.additional-befefits {
margin-top: 40px;
flex-direction: column;
}
.benefits-block .box.additional-befefits .title {
font-size: 32px;
line-height: 1.3;
}
.price-block .box {
overflow-x: scroll;
}
.steps .box {
margin-top: 40px;
grid-template-columns: 100%;
gap: 30px;
}
.steps .box .item .image {
max-width: 122px;
height: 95px;
}
.steps .box .item .number {
padding: 0 14px;
height: 32px;
font-size: 12px;
gap: 4px;
top: -16px;
}
.steps .box .item .number::before, .steps .box .item .number::after {
display: none;
}
.steps .box .item::before {
width: 122px;
}
.steps .box .item::after {
height: calc(100% + 50px);
top: -24px;
left: 122px;
}
.steps .box .item {
gap: 16px;
}
.steps .box .item .text .title {
font-size: 16px;
}
.steps .box .item .text p {
font-size: 12px;
}
.steps .box .item .text::before {
top: -7px;
left: 117px;
}
.about-widget {
padding: 40px 0;
}
section .container h2 {
font-size: 32px;
line-height: 1.2;
}
.about-widget .box {
margin-top: 40px;
grid-template-columns: 1fr;
gap: 30px;
}
.about-widget .box .team {
order: 1;
height: 240px;
border-radius: 15px;
}
.about-widget .box .info {
order: 2;
gap: 4px;
grid-template-columns: 1fr 1fr;
}
.about-widget .box .team .label div {
font-size: 14px;
}
.about-widget .box .team .label p {
font-size: 12px;
}
.about-widget .box .team .label {
border-radius: 15px;
padding: 0px 15px;
gap: 6px;
height: 60px;
justify-content: center;
}
.about-widget .box .info .numbers {
gap: 10px;
}
.about-widget .box .info .numbers .items {
gap: 2px;
}
.about-widget .box .info .numbers .items .item {
padding: 0 15px;
height: 62px;
gap: 18px;
border-radius: 5px;
}
.about-widget .box .info .numbers .items .item:first-child {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.about-widget .box .info .numbers .items .item:last-child {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.about-widget .box .info .numbers .items .item div {
font-size: 14px;
width: 52px;
}
.about-widget .box .info .numbers .items .item p {
font-size: 10px;
}
.about-widget .box .info .img {
border-radius: 15px;
max-height: 256px;
}
.about-widget .box .info .numbers .but a {
font-size: 12px;
gap: 4px;
}
.reviews-widget .box {
margin-top: 56px;
display: block;
}
.reviews-widget .box .slick-list {
padding: 0 25% 0 0 !important;
}
.reviews-widget .box .item {
padding-left: 10px;
padding-right: 10px;
padding-top: 16px;
}
.reviews-widget .box .item .title {
height: 32px;
top: 0px;
padding: 0 14px;
font-size: 14px;
}
.reviews-widget .box .item .content {
gap: 24px;
padding: 40px 12px;
border-radius: 30px;
}
.reviews-widget .box .item .content .info .photo {
max-width: 120px;
height: 100px;
border-radius: 8px;
flex-shrink: 0;
}
.reviews-widget .box .item .content .info {
gap: 10px;
}
.reviews-widget .box .item .content .info .person {
gap: 8px;
}
.reviews-widget .box .item .content .info .person .name {
font-size: 16px;
margin-top: 16px;
}
.reviews-widget .box .item .content .info .person .city {
font-size: 10px;
}
.reviews-widget .box .item .content .info .person .other {
gap: 8px;
}
.reviews-widget .box .item .title::before, .reviews-widget .box .item .title::after {
display: none;
}
.price-block .box table th {
font-size: 21px;
padding: 22px;
width: 100%;
}
.price-block .box table td {
padding: 20px 0;
font-size: 16px;
}
.price-block .box table td:not(:first-child) {
min-width: 155px;
}
.price-block .box table th:nth-child(2) {
border-radius: 4px 4px 0 0;
}
.price-block .box table tbody tr:last-child td:nth-child(2) {
border-radius: 0 0 4px 4px;
}
.form-widget {
padding: 0;
}
.form-widget-wr {
padding: 32px 24px;
gap: 32px;
flex-direction: column;
padding-bottom: 350px;
}
.form-widget-wr h2 {
margin-top: 0;
}
.form-widget-wr::after {
width: 100%;
}
} @media (max-width: 1000px) {
ul.menu {
text-align: left;
}
ul.menu > li {
margin: 0;
padding-top: 5px;
padding-bottom: 15px;
}
ul.menu > li > a {
margin: 0 !important;
font-size: 18px;
}
ul.sub-menu {
position: relative;
padding-top: 5px;
min-width: 100%;
opacity: 1;
transform: translateY(0px);
visibility: visible;
left: 20px;
}
ul.sub-menu li a {
padding: 0px !important;
display: block;
white-space: nowrap;
background: transparent;
margin-left: 15px;
font-size: 15px;
margin-bottom: 0px !important;
}
ul.sub-menu li a:hover {
background: transparent;
}
ul.menu li a:after {
content: '';
position: absolute;
width: 0%;
height: 2px;
background: var(--accent);
left: 0;
top: auto;
bottom: -4px;
transition: 0.3s ease;
}
ul.menu li a:hover:after,
ul.menu li.current-menu-item a:after {
width: 100%;
}
li.menu-item-has-children:hover ul.sub-menu {
transform: translateY(0px) translateX(0);
}
ul.sub-menu li:first-child {
padding: 20px 6px 15px 6px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
ul.sub-menu li {
background: transparent;
padding-bottom: 15px;
}
ul.sub-menu li a {
position: relative;
}
ul.sub-menu li a:after {
display: none;
}
} @media (max-width: 1000px) {
.row.in-grid.large {
padding-left: 15px;
padding-right: 15px;
}
.blog-header .columns-wrapper, .page-header .columns-wrapper {
background: var(--accent);
border-radius: 20px;
overflow: hidden;
flex-direction: column-reverse;
}
.col-6.header-bgr {
height: 300px;
flex: 0 0 300px;
}
.header-title h1 {
line-height: 1.3;
}
.col-6.header-title {
min-height: 250px;
padding: 30px 20px 30px 20px;
}
.col-6.header-title h1 span {
display: block;
font-size: 20px;
}
.col-6.header-title h1 span:after {
display: none;
}
.page-header-bottom .main-btn.outline.light {
min-width: 150px;
}
p.uvodny-text {
font-size: 13px;
}
.page-header-bottom {
gap: 10px;
align-items: flex-start;
flex-direction: column;
margin-top: 20px;
}
.main-slider .slick-slide {
height: 550px;
padding: 30px 20px;
}
.main-slider h1,
.main-slider h2 {
font-size: 30px;
}
.col-5.slider-navigation {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
}
.col-7.slider-info {
padding: 20px 0;
border-top-right-radius: 20px;
}
.col-7.slider-info .columns-wrapper {
flex-wrap: nowrap;
}
.col-7.slider-info .col-6 {
position: relative;
padding-right: 20px;
padding-left: 20px;
flex: 0 0 50%;
}
.slider-info h4 {
font-size: 17px;
}
.slider-info p.place {
margin-bottom: 40px;
margin-top: 5px;
font-size: 13px;
}
.slider-info img.map.ke {
right: 10px;
bottom: 50px;
}
.slider-info img.map.chg {
right: 10px;
bottom: 42px;
}
.slider-info a.outline-btn {
font-size: 13px;
padding: 9px 16px;
}
.col-3-0.main-banner {
padding-right: 0;
padding-left: 0px;
padding-top: 20px;
}
.main-banner-content {
padding: 30px 120px 30px 20px;
height: 400px;
background-size: 280px auto;
background-position: top 0px left;
}
.main-banner-content h3 {
font-size: 22px;
padding-bottom: 15px;
}
.main-banner-content button.plus-btn {
right: 30px;
bottom: 30px;
}
.benefits-grid-loop {
grid-template-columns: repeat(2, 1fr);
}
.benefits-grid-wrapper {
padding: 45% 10px 20px 10px;
height: 155px;
}
p.benefit-count {
font-size: 13px;
}
.benefits-grid-wrapper h4 {
font-size: 14px;
}
.benefits-grid-content img {
height: 45%;
}
.benefit-01 .benefits-grid-content img, .benefit-02 .benefits-grid-content img {
width: 50px;
}
.benefit-03 .benefits-grid-content img, .benefit-04 .benefits-grid-content img, .benefit-05 .benefits-grid-content img, .benefit-06 .benefits-grid-content img {
width: 60px;
}
.benefits-grid-content .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.section.home-2 h2 {
max-width: 200px;
padding-bottom: 20px;
}
.home-2-content {
padding: 30px 15px 0px 15px;
background: linear-gradient(to bottom, rgb(53 182 178 / 0%) 180px, #35b6b2 245px);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.home-2-content-bgr {
position: absolute;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/services_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 250px;
width: 100%;
top: 0;
left: 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
z-index: -1;
}
.columns-wrapper.service-boxes {
margin-top: 50px;
}
.service-boxes .col-3 {
margin-bottom: 15px;
}
.hover-box {
padding: 30px 70px 65px 25px;
}
.hover-box p {
max-width: 180px;
}
.hover-box button.plus-btn {
z-index: 1;
}
.section.home-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.section.home-3 h2 {
font-size: 36px;
}
.our-works a.main-btn {
min-width: 150px;
}
.our-works {
gap: 10px;
}
.video-box h3 {
font-size: 20px;
}
.video-play {
margin-top: 30px;
}
.col-6.image-comparision {
padding-left: 0px;
padding-top: 15px;
}
.cd-image-container {
width: 100%;
}
.section.address {
padding-top: 15px;
padding-bottom: 15px;
}
.address .col-3-5 {
padding-left: 0px;
padding-top: 20px;
}
.address-content {
margin-bottom: 40px;
flex-direction: column;
}
.street {
padding-left: 0px;
border-left: none;
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid var(--accent);
}
.street a.main-btn {
margin-top: 10px;
width: 180px;
display: block;
}
.address-boxes .col-4 {
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
padding-left: 1%;
padding-right: 1%;
}
.address-boxes .column-inner {
padding: 15px 5px;
}
.address-boxes p.number span {
font-size: 40px;
}
.address-boxes p {
font-size: 11px;
}
.section.about-us {
padding-top: 60px;
padding-bottom: 60px;
}
.video-about {
margin-top: 60px;
padding: 100px 20px 10px 20px;
}
.repasi-image {
min-height: 400px;
margin-top: 15px;
}
a.about-cta {
padding: 15px 50px 15px 15px;
}
a.about-cta h3 {
font-size: 20px;
}
a.about-cta button.plus-btn {
right: 10px;
bottom: 23px;
}
.pp_pic_holder,
.pp_content_container,
.pp_overlay {
width: 100vw !important;
}
div.ppt, .pp_details {
display: none !important;
}
.col-3.step {
height: 150px;
padding-left: 40px;
}
.step h3 {
font-size: 20px;
padding-top: 8px;
max-width: 200px;
max-width: 170px;
}
.step-inner:after {
content: '';
position: absolute;
width: 40px;
height: 145px;
left: -40px;
bottom: auto;
top: 32px;
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/step-line-mobile.svg);
background-size: auto 100%;
background-repeat: no-repeat;
}
.last .step-inner:after {
display: none;
}
.col-3.step.last {
height: auto;
}
.col-3.step:nth-child(3) .step-inner:after {
background: url(//www.stomatologiahappydent.sk/wp-content/uploads/2024/01/step-end-mobile.svg);
background-size: auto 100%;
background-repeat: no-repeat;
}
.columns-wrapper.steps-block {
margin-top: 40px;
margin-bottom: 30px;
padding-right: 0;
}
.section.home-4 {
padding-bottom: 50px;
}
.section-footer {
padding-top: 40px;
padding-bottom: 40px;
}
.col-5.footer-left {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
padding-left: 0%;
padding-right: 0%;
}
h3.footer-text {
font-size: 25px;
}
.columns-wrapper.pobocky {
margin-top: 15px;
}
.col-6.pobocka {
margin-bottom: 15px;
}
.col-6.pobocka .column-inner {
padding: 20px;
min-height: 215px;
}
.col-7.contact-form {
padding: 35px 20px;
border-radius: 20px;
flex: 0 0 100%;
width: 100%;
}
.contact-title {
align-items: flex-start;
margin-bottom: 30px;
flex-direction: column;
}
.columns-wrapper.main .col-6 {
flex: 0 0 100%;
max-width: 100%;
flex-grow: 1;
padding-left: 0;
padding-right: 0px;
margin-bottom: 10px;
}
.columns-wrapper.main .col-6:last-child {
padding-right: 0;
padding-left: 0px;
}
.columns-wrapper.main {
padding-bottom: 20px;
}
.columns-wrapper.middle.gdpr-wrapper {
margin-top: 10px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
span.wpcf7-list-item-label {
font-size: 12px;
}
.col-6.copyright-links {
gap: 5px;
flex-direction: column;
}
.post-archive {
padding-top: 50px;
padding-bottom: 50px;
}
.archive-pagination {
margin-top: 40px;
font-size: 14px;
margin-bottom: 40px;
}
.col-4.sidebar {
padding-left: 0px;
}
ul#tag-cloud li a {
font-size: 11px;
padding: 3px 6px;
border-radius: 22px;
margin-bottom: 1px;
}
ul#tag-cloud {
margin-bottom: 30px;
}
a.archive-item.first-post {
padding: 30px 15px;
height: 300px;
margin-bottom: 25px;
}
.post-title h3 {
color: #fff;
font-size: 28px;
}
a.archive-item.standard {
flex: 0 0 100%;
max-width: 100%;
}
.archived-posts {
display: flex;
flex-wrap: wrap;
gap: 25px;
}
a.archive-item.standard .post-content {
padding: 20px 9px 15px 9px;
position: relative;
}
a.archive-item.standard h3.post-title {
font-size: 20px;
}
a.archive-item p.excerpt {
font-size: 13px;
}
a.archive-item p.author-name {
font-size: 12px;
}
.single-post-title {
padding: 20px;
min-height: 350px;
}
.single-post-title h1 {
font-size: 28px;
}
.single-post-content {
padding: 20px 15px;
}
.content-top {
gap: 20px;
padding-bottom: 30px;
margin-bottom: 30px;
flex-direction: column;
}
.single-post-bottom {
align-items: flex-start;
margin-bottom: 50px;
flex-direction: column;
gap: 25px;
}
.single-post-bottom .post-tags {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap;
}
.single-post-bottom .post-tags a {
font-size: 11px;
padding: 3px 6px;
border-radius: 22px;
margin-bottom: 1px;
}
.single-post-author {
padding: 15px 15px 25px 15px;
align-items: flex-start;
gap: 30px;
flex-direction: column;
}
.single-post-author .autor-image {
flex: 0 0 300px;
padding-bottom: 300px;
position: relative;
max-width: 100%;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.section.blog-cta {
padding: 25px 5px;
margin-top: 40px;
margin-bottom: 40px;
}
.col-6.cta-text {
margin-bottom: 25px;
gap: 10px;
}
.col-6.cta-icons {
padding-left: 0px;
}
.col-6.cta-icons p {
font-size: 12px;
}
.cta-icons-item.one img, .cta-icons-item.two img {
width: 32px !important;
max-height: 30px;
}
.cta-icons-item.three img, .cta-icons-item.four img {
width: 32px !important;
max-height: 40px;
object-fit: contain;
}
.related-posts-loop {
flex-wrap: wrap;
}
.related-posts a.archive-item.standard {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
.related-posts .col-12.align-right {
padding-top: 10px;
text-align: center;
}
}
.custom-ba p > img {
width: 400px;
height: 240px;
object-fit: cover;
}