input:focus, textarea:focus, select:focus {
    outline:none !important;
}

a {
    text-decoration:none !important;
}
body {
    font-family: 'Circe Rounded', sans-serif;
    color:#6a6a6a;
    overflow-x:hidden;
}
#header {
    width:100vw;
    position:relative;
}
#header.header-hp {
    background:url('./images/main-slider.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    width:100vw;
    height:600px;
    position:relative;
}
#header .navbar {
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(255,255,255,1);
    padding:0vh 5vw 0vh;
    height:80px;
    z-index:100;
}
#header .navbar .nav-item {
    margin:0px 15px;
}
#header .navbar .nav-item .nav-link {
    font-family: 'Circe Rounded', sans-serif;
    font-size:1rem;
    color:#2e4b62;
    font-weight:normal;
    letter-spacing:1px;
}
#header .banner {
    padding-top:18.5vh;
    padding-left:15vw;
    padding-right:15vw;
    background:transparent;
}
#header .banner .banner-image {
    margin-right:1vw;
    margin-left:auto;
    width:500px;
    height:333px;
    object-fit:cover;
    object-position:center;
    z-index:5;
    position:relative;
}
#header .banner .banner-image img {
    width:500px;
    position:absolute;
    top:0;
    left:0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}
#header .banner .banner-image .line-horizontal {
    position:absolute;
    top:338px;
    height:2px;
    width:101.5%;
    background:#4b7039;
}
#header .banner .banner-image .line-vertical {
    position:absolute;
    left:505px;
    height:101.5%;
    width:2px;
    background:#4b7039;
}
#header .banner .title {
    font-size:3rem;
    font-family: 'Lato', sans-serif;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
    color:#4b7039;
}
#header .banner .subtitle {
    color:#2e4b62;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    font-size:1.2rem;
    width:80%;
    margin-top:3vh;
    margin-bottom:5vh;
}
#header .p-absolute {
    position:absolute;
}
#header .p-relative {
    position:relative;
}
#header .banner .banner-button, .accordion-body .banner-button {
    border:1px solid transparent;
    border-radius:0px;
    color:#fff;
    background:#4b7039;
    padding:12px 25px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    z-index:5;
    transition: background 0.8s ease;
    transition: color 0.8s ease;
}
#staff .staff-button {
    border:1px solid transparent;
    border-radius:0px;
    color:#fff;
    background:#2e4b62;
    padding:12px 25px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    z-index:5;
    transition: background 0.8s ease;
    transition: color 0.8s ease;
}
#staff .staff-button:hover {
    background:#4b7039;
}
#header .banner .banner-button:hover, #header .about-us .slider .slider-content .slider-button:hover, .accordion-body .banner-button:hover {
    background:#2e4b62;
    color:#fff;
}
#header .banner .banner-button img {
    width:auto;
    margin-top:-6px;
    height:0.9rem;
}
#about-us {
    background:#fafafa;
}
#about-us .about-us {
    padding:5vh 15vw 5vh;
    position:relative;
}
#about-us .about-us .slider .slider-content .pretitle{
    font-size:1rem;
    color:#2e4b62;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:300;
    text-transform:capitalize;
    margin-bottom:0;
    font-weight:600;
}

#about-us .about-us .title, #services .title, #staff .title, #about-staff .title, #certifications .title, #full-services .title, #full-gallery .title, #full-contact .title, #contact-data .title,
#full-blog .title{
    font-size:1.4rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    text-transform:uppercase;
    color:#2e4b62;
}
#about-us .about-us .slider .slider-content h2.title {
    font-size:1.6rem;
    color:#2e4b62;
    font-family: 'Lato', sans-serif;
    font-weight:600;
    text-transform:capitalize;
    margin-bottom:3vh;
    margin-top:1vh;
}
#about-us .about-us .slider .slider-content a.slider-button {
    border:1px solid transparent;
    color:#fff;
    background:#2e4b62;
    padding:8px 25px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    z-index:5;
    transition: background 0.8s ease;
    transition: color 0.8s ease;
}
#about-us .about-us .slider .slider-content .anchertag {
    margin-top:3.5vh;
}
#about-us .about-us .slider .slider-content .slider-button:hover {
    background:#4b7039;
}
#services {
    padding:5vh 15vw 5vh;
    position:relative;
    background:#fafafa;
}
#services .services-row {
    display:flex;
    justify-content:space-between;
}
#services .title {
    margin-bottom:3vh;
}
#services .service-one {
    margin-left:0;
    margin-right:auto;
}
#services .service-two {
    margin-left:auto;
    margin-right:auto;
}
#services .service-three {
    margin-left:auto;
    margin-right:0;
}
#services .service-one, #services .service-two, #services .service-three {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    padding:30px;
    text-align:left;
    width:400px;
    background:#fff;
}
#services .service-one .title, #services .service-two .title, #services .service-three .title {
    font-size:1.4rem;
    color:#2e4b62;
    margin-bottom:0;
    font-family: 'Lato', sans-serif;
    font-weight:normal;
    margin-bottom:15px;
    text-transform:none;
}
#services .service-one .description, #services .service-two .description, #services .service-three .description, #full-services .description  {
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    color:#2e4b62;
    width:88%;
}
#services .service-one .image img, #services .service-two .image img, #services .service-three .image img {
    width:auto;
    height:50px;
    margin-bottom:30px;
}
@keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.staf1 {
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.staf2 {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.staf3 {
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
.opacity.smile1 {
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}
.opacity.smile2 {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.opacity.smile3 {
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
.about-us {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}

.come-in.service-one {
  transform: translateY(150px);
  animation: come-in 0.8s ease 0s forwards;
}
.come-in.service-two {
  transform: translateY(150px);
  animation: come-in 0.8s ease 0.3s forwards;
}
.come-in.service-three {
  transform: translateY(150px);
  animation: come-in 0.8s ease 0.6s forwards;
}
#staff {
    padding:5vh 15vw 10vh;
}
#staff .absolute-images {
    position:relative;
}
#staff .absolute-images img {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#staff .absolute-images .staf1 {
    top:30px;
    right:20%;
    position:absolute;
    z-index:1;
}
#staff .absolute-images .staf2 {
    top:260px;
    left:30%;
    position:absolute;
    z-index:3;
}
#staff .absolute-images .staf3 {
    top:0;
    left:0;
    position:absolute;
    z-index:2;
}
#staff .title {
    margin:5vh 0vw 3vh;
}
#staff .moto {
    font-size:2rem;
    font-family: 'Lato', sans-serif;
    font-weight:600;
    color:#2e4b62;
    margin-bottom:3vh;
}
#staff .moto span {
    color:#4b7039;
}
#staff .description {
    color:#2e4b62;
    font-size:1rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    width:80%;
    margin-bottom:5vh;
}
#preventiv {
    padding:5vh 15vw;
}
#preventiv .gallery {
    position:relative;
    height:450px;
}
#preventiv .title {
    font-size:2rem;
    color:#2e4b62;
    margin:3vh 0vw;
    font-family: 'Lato', sans-serif;
    font-weight:600;
    text-transform:none;
}
#preventiv .subtitle {
    color:#6a6a6a;
    font-size:1rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    margin-bottom:3vh;
    width:85%;
}
.preventiv-button {
    border:1px solid transparent;
    color:#fff;
    background:#4b7039;
    padding:12px 25px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    z-index:5;
    transition: background 0.8s ease;
    transition: color 0.8s ease;
}
.preventiv-button:hover {
    background:#2e4b62;
}
.galeri-button {
    border:1px solid #4b7039;
    background:transparent;
    color:#4b7039;
    padding:12px 25px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
    font-size:1rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    z-index:5;
    transition: background 0.8s ease;
    transition: color 0.8s ease;
}
.galeri-button:hover {
    border:1px solid #2e4b62;
    color:#2e4b62;
}
#preventiv .smile1 {
    width:300px;
    height:auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position:absolute;
    top:0;
    right:350px;
}
#preventiv .smile2 {
    width:300px;
    height:160px;
    object-fit:cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position:absolute;
    top:0;
    right:0;
}
#preventiv .smile3 {
    width:300px;
    height:250px;
    object-fit:cover;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    position:absolute;
    top:197px;
    right:0;
}
#footer {
    padding:5vh 15vw;
    background:#2e4b62;
}
#footer .footer-title {
    font-size:1.4rem;
    color:#FCDDAD;
    margin-bottom:16px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
}
#footer .footer-subtitle {
    font-size:1rem;
    color:#FCDDAD;
    margin-bottom:16px;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
}
#footer p, #footer a {
    font-size:1rem;
    color:#fff;
    margin-bottom:0;
    font-family: 'Circe Rounded', sans-serif;
    font-weight:normal;
}
#footer p.tel {
    margin-top:3vh;
}
#footer .oraret {
    margin-left:auto;
    margin-right:0;
    width:200px;
}
#footer .curved {
    margin-bottom:0;
    margin-top:3vh;
}
#footer .curved a {
    color:#FCDDAD;
}
#footer .icons {
    margin-top:3vh;
}
#footer .icons img{
    width:25px;
    height:25px;
    box-shadow:none;
    object-fit:cover;
}
/* about us page */
.banner-page{
    width:100vw;
    height:500px;
    position:relative;
    
}
.banner-page:before {
    content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('./images/main-slide.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner-page.services-page:before {
    content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('./images/services-page.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner-page .page-content {
    width:100vw;
    height:500px;
    position:relative;
    padding:22vh 10vw;
    background-image:linear-gradient(to right bottom, rgba(46, 74, 97, 0.3), rgba(10, 86, 104, 0.3), rgba(0, 98, 97, 0.3), rgba(31, 107, 80, 0.3), rgba(75, 112, 57, 0.3));
}
.banner-page .title {
    font-size:2.6rem;
    color:#FCDDAD;
    font-family: 'Lato', sans-serif;
    font-weight:bold;
    text-transform:none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}
.banner-page .subtitle {
    color:#2e4b62;
    font-size:1.2rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    margin-bottom:3vh;
    width:85%;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
#about-staff .icons.certs .modal img {
    width:100% !important;
    height:100% !important;
} 
.accordion-item:not(:first-of-type) {
    border:1px solid rgba(0,0,0,.125) !important;
}
#about-intro {
    padding:5vh 15vw;
}
#about-intro .pretitle {
    font-size:1.2rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    color:#2e4b62;
    margin-bottom:0;
}
#about-intro .title {
    font-size:2.6rem;
    font-weight:600;
    font-family:'Lato', sans-serif;
    margin-bottom:3vh;
    color:#4b7039;
}
#about-intro .description {
    font-size:1rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    color:#2e4b62;
    width:90%;
}
#about-intro .counter span {
    font-size:3rem;
    font-weight:bold;
    color:#4b7039;
    font-family:'Lato', sans-serif;
}
#about-intro .counter p {
    font-size:1rem;
    color:#2e4b62;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
}
#about-intro .staff-image img{
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#about-staff {
    padding:5vh 15vw;
    background:#fafafa;
}
#about-staff .title {
    margin-bottom:3vh;
}
#about-staff img {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#about-staff .icons img, #contact-data .icons img{
    width:30px;
    height:30px;
    box-shadow:none;
    object-fit:cover;
}
#about-staff .icons.certs img{
    width:80px !important;
    height:80px !important;
    box-shadow:none;
    object-fit:cover;
}
#about-staff .icons.certs {
    max-width:400px;
    overflow-x:auto;
    overflow-y:hidden;
}
#about-staff .name-staff {
    font-size:1.4rem;
    font-weight:600;
    text-shadow:1px 1px 2px rgba(0,0,0,0.25);
    font-family: 'Lato', sans-serif;
    color:#4b7039;
    margin-bottom:0;
}
#about-staff .staff-contact {
    font-size:1.2rem;
    font-weight:600;
    font-family: 'Lato', sans-serif;
    color:#4b7039;
    margin-bottom:1vh;
}
.staff-hr {
    margin:3vh 0;
}
#about-staff .title-staff, #about-staff .story, #about-staff .staff-contact-href {
    font-size:1rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    color:#2e4b62;
    margin-bottom:1vh;
}
#about-staff .staff-contact-href span {
    color:#4b7039;
}
#about-staff .story {
    width:90%;
}
#about-staff .icons {
    margin-bottom:1vh;
}
#about-staff .icons img {
    width:25px;
    height:auto;
}
#certifications {
    padding:5vh 0;
}
#certifications img {
    width:auto;
    height:200px;
    object-fit:cover;
}
/* services */
#full-services, #full-contact {
    padding:5vh 15vw;
}
#full-services .title {
    margin-bottom:3vh;
}
#full-services label {
    font-size:1.2rem;
    font-weight:600;
    /*text-shadow:1px 1px 2px rgba(0,0,0,0.25);*/
    font-family: 'Lato', sans-serif;
    color:#2e4b62;
    margin:2vh 0vw;
}

#full-services .nav-link.active {
    color:transparent !important;
    background:rgba(0,0,0,0.3);
}
#heading1 .accordion-button, #heading2 .accordion-button, #heading3 .accordion-button, #heading4 .accordion-button, #heading5 .accordion-button, #heading6 .accordion-button, #heading7 .accordion-button, #heading8 .accordion-button, #heading9 .accordion-button, 
#heading10 .accordion-button, #heading11 .accordion-button, #heading12 .accordion-button, #heading13 .accordion-button, #heading14 .accordion-button, #heading15 .accordion-button, #heading16 .accordion-button, #heading17 .accordion-button, #heading18 .accordion-button{
    height:100px;
    background-repeat:no-repeat;
    background-size:cover;
    border:0;
    color:transparent;
    outline:none;
}
#heading1 .accordion-button.collapsed, #heading2 .accordion-button.collapsed, #heading3 .accordion-button.collapsed, #heading4 .accordion-button.collapsed, #heading5 .accordion-button.collapsed, #heading6 .accordion-button.collapsed, #heading7 .accordion-button.collapsed, #heading8 .accordion-button.collapsed, #heading9 .accordion-button.collapsed, 
#heading10 .accordion-button.collapsed, #heading11 .accordion-button.collapsed, #heading12 .accordion-button.collapsed, #heading14 .accordion-button.collapsed, #heading15 .accordion-button.collapsed, #heading16 .accordion-button.collapsed, #heading17 .accordion-button.collapsed, #heading18 .accordion-button.collapsed {
    box-shadow:inset 1px 1px 2000px rgba(0,0,0,0.35);
    font-size:1.2rem;
    font-family: 'Circe Rounded', sans-serif;
    color:#fff;
    border:0;
    outline:none;
}
.accordion-item {
    margin-bottom:1vh;
}
#heading1 .accordion-button {
    background-image:url('./images/invisalign.jpg');
}
#heading2 .accordion-button {
    background-image:url('./images/whitening.jpg');
}
#heading3 .accordion-button {
    background-image:url('./images/veneers.jpg');
}
#heading4 .accordion-button {
    background-image:url('./images/crowns.jpg');
}
#heading5 .accordion-button {
    background-image:url('./images/fillings.jpg');
}
#heading6 .accordion-button {
    background-image:url('./images/implant.jpg');
}
#heading7 .accordion-button {
    background-image:url('./images/denture.jpg');
}
#heading8 .accordion-button {
    background-image:url('./images/all-on-4.jpg');
}
#heading9 .accordion-button{
    background-image:url('./images/invisalign.jpg');
}
#heading10 .accordion-button {
    background-image:url('./images/braces.jpg');
}
#heading11 .accordion-button {
    background-image:url('./images/child-braces.jpg');
}
#heading12 .accordion-button {
    background-image:url('./images/children.jpg');
}
#heading14 .accordion-button {
    background-image:url('./images/removal.jpg');
}
#heading15 .accordion-button {
    background-image:url('./images/preventive-care.jpg');
}
#heading16 .accordion-button {
    background-image:url('./images/wisdom.jpg');
}
#heading17 .accordion-button {
    background-image:url('./images/emergency.jpg');
}
#heading18 .accordion-button {
    background-image:url('./images/aumento.jpg');
}
.tab-pane {
    height:100%;
    width:100%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    background:#fff;
    padding:3vh;
    border-radius:.25rem;
}
.tab-pane .subtitle {
    font-size:1.2rem;
    font-weight:600;
    color:#2e4b62;
    font-family: 'Circe Rounded', sans-serif;
    margin-bottom:3vh;
}
.tab-pane .description {
    font-size:1rem;
    font-weight:normal;
    font-family: 'Circe Rounded', sans-serif;
    margin-bottom:3vh;
    width:90%;
    color:#2e4b62;
}
#full-gallery {
    padding:5vh 10vw;
    background:#fafafa;
}
#full-gallery .title {
    margin-bottom:3vh;
}
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}
.column img {
  margin-top: 3vh;
  vertical-align: middle;
  width: 100%;
}
#full-gallery .lips {
    max-width:60px;
    margin-left:-10px;
    transform:rotate(-30deg);
}
/* preventiv page */
#search-preventive {
    padding:5vh 30vw;
}
.banner-page.preventiv-page:before {
    content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('./images/preventiv.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#search-preventive form {
    background-image:linear-gradient(to right bottom, #2e4a61, #0a5668, #006261, #1f6b50, #4b7039);
    padding:3vh 3vw;
}
#search-preventive form .title {
    font-size:1.2rem;
    font-weight:normal;
    color:#fff;
    font-family: 'Circe Rounded', sans-serif;
    margin-bottom:1vh;
    width:90%;
}
#search-preventive form input {
    width:75%;
    height:40px;
    background:#fff;
    color:#2e4b62;
    padding-left:1vw;
    border:0;
    border-radius:0;
    margin-bottom:1vh;
}
#search-preventive form select {
    width:75%;
    height:100%;
    background:#fff;
    color:#2e4b62;
    padding-left:1vw;
    border:0;
    border-radius:0;
    margin-bottom:1vh;
}
#search-preventive form label {
    color:#fff;
    font-family: 'Circe Rounded', sans-serif;
}
#search-preventive form textarea {
    width:75%;
    height:100px;
    border:0;
    border-radius:0;
}
#search-preventive form button {
    margin-top:2vh;
    height:40px;
    border:1px solid #fff;
    background:transparent;
    color:#fff;
    font-family: 'Circe Rounded', sans-serif;
    font-size:1rem;
    padding:0vh 3vw;
}
#search-preventive form button:hover {
    background:#fff;
    color:#2e4b62;
}
/* contact page */

#full-contact .title, #contact-data .title {
    margin-bottom:3vh;
}

#full-contact .book-img img{
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#full-contact form {
    padding:3vh 3vw;
    background:#FCDDAD;
    width:80%;
    margin-left:0;
    margin-right:auto;
}
#full-contact form label {
    font-size:1rem;
    font-weight:600;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
}
#full-contact form input, #full-contact form select {
    margin-bottom:1vh;
    font-size:0.9rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    width:60%;
    border-bottom:1px solid #2e4b62;
    border-top:0;
    border-left:0;
    border-right:0;
    background:transparent;
    outline:0;
    padding-left:1vw;
    color:#2e4b62;
    height:35px;
}
#full-contact form input::placeholder, #full-contact form select::placeholder, #full-contact form textarea::placeholder {
    font-size:0.9rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
}
#full-contact form p {
    font-size:0.9rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
}
#full-contact form textarea {
    width:100%;
    background:transparent;
    height:80px;
    padding-left:1vw;
    border:1px solid #2e4b62;
}
#full-contact form button {
    height:40px;
    margin-top:1vh;
    background:#2e4b62;
    color:#fff;
    border:1px solid #2e4b62;
    width:60%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#contact-data {
    background:#fafafa;
    padding:5vh 15vw;
}
#contact-data .brand {
    font-size:1.4rem;
    font-weight:600;
    font-family:'Lato', sans-serif;
    color:#4b7039;
}
#contact-data .brand span {
    color:#2e4b62;
}
#contact-data a.tel, #contact-data .address {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
}
#contact-data a.book-appointment{
    padding:1vh 3vh;
    border:1px solid #2e4b62;
    color:#2e4b62;
    background:#fff;
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
}
#contact-data .book {
    margin:3vh 0;
}
#contact-data a.book-appointment:hover {
    padding:1vh 3vh;
    border:1px solid #2e4b62;
    background:#2e4b62;
    color:#fff;
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;    
}
#contact-data .work-hours{
    font-size:1.4rem;
    font-weight:600;
    font-family:'Lato', sans-serif;
    color:#4b7039;
}
#contact-data .hours {
    color:#2e4b62;
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
}
.navbar-nav .book-appointment {
    padding:1vh 3vw;
    background:#4b7039;
    color:#fff !important;
}
.navbar-nav a.book-appointment:hover {
    background:#2e4b62;
    color:#fff !important;
}
/* blog page */
#full-blog, #blog-details {
    padding:5vh 10vw;
}
#full-blog .title, #blog-details .title {
    margin-bottom:3vh;
}
.banner-page.blog-page:before {
    content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-image: url('./images/blog-banner.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner-page.blog-page .page-content {
    padding-top:30vh;
    background-image:linear-gradient(to right bottom, rgba(46, 74, 97, 0.3), rgba(10, 86, 104, 0.3), rgba(0, 98, 97, 0.3), rgba(31, 107, 80, 0.3), rgba(75, 112, 57, 0.3));
}
#full-blog .blog-card {
    height:300px;
    width:480px;
    margin-bottom:3vh;
}
#full-blog .blog-card .blog-image, #full-blog .blog-card .blog-image img {
    height:300px;
    width:260px;
    object-fit:cover;
    object-position:center;
}
#full-blog .blog-card .blog-content {
    padding:3vh 1vw;
    border:5px solid #f6f7f6;
    transition: border 0.6s linear;
    width:240px;
}
#full-blog .blog-card .blog-content:hover {
    border:5px solid #2e4b62;
}
#full-blog .blog-card .blog-content .date {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:rgba(46, 74, 97, 0.6);
}
#full-blog .blog-card .blog-content .title {
    font-family:'Lato', sans-serif;
    font-size:1.4rem;
    font-weight:600;
    color:#2e4b62;
    text-transform:none;
    width:100%;
    line-height:1.6rem;
    max-height:155px;
    overflow:hidden;
}
#full-blog .blog-card .blog-content .read-more {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#60814e;
}
/* single blog page */
#blog-details {
    padding: 5vh 15vw;
}
#blog-details .main-image, #blog-details .main-image img {
    width:100%;
    height:400px;
    object-fit:cover;
}
#blog-details .main-image {
    margin-bottom:3vh;
}
#blog-details .blog-title, #blog-details .other-blogs {
    font-size:1.4rem;
    font-weight:600;
    font-family:'Lato', sans-serif;
    color:#2e4b62;
}
#blog-details .blog-date {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:rgba(46, 74, 97, 0.6);
}
#blog-details .blog-description {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
    width:90%;
    line-height:1.6rem;
}
#blog-details .other-blog {
    border:5px solid #f6f7f6;
    padding:2vh 1vw;
    margin-bottom:3vh;
    width:85%;
}
#blog-details .other-blog:hover {
    border:5px solid #2e4b62;
}
#blog-details .other-blog img {
    width:100%;
    height:150px;
    object-fit:cover;
    margin-bottom:1vh;
}
#blog-details .other-blog .other-title {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#2e4b62;
    width:95%;
    margin-bottom:1vh;
}
#blog-details .other-blog .other-link {
    font-size:1rem;
    font-weight:normal;
    font-family:'Circe Rounded', sans-serif;
    color:#60814e;
}
@media only screen and (min-width:1601px) and (max-width:1799px) {
    #services .service-one, #services .service-two, #services .service-three {
        width: 30% !important;
    }
    #about-staff .img{
        width: 250px;
        height:auto;
    }
}
@media only screen and (max-width:1600px) {
    #about-us .about-us, #preventiv, #services, #about-intro, #about-staff, #full-services, #full-contact {
        padding:5vh 10vw;
    }
    #staff {
        padding:5vh 10vw 10vh;
    }
    #header .banner {
    padding-left: 10vw;
    padding-right: 10vw;
    }
}
@media only screen and (min-width:1401px) and (max-width:1600px) {
#services .service-one, #services .service-two, #services .service-three {
    width:320px !important;
}
#about-staff .img{
    width:270px !important;
    height:auto;
}
#about-staff .title-staff {
    margin-bottom:0px;
}
#full-contact form input, #full-contact form select {
    width:80%;
}
#header .navbar .nav-item {
    margin: 0px 10px;
}
}

@media only screen and (min-width:1001px) and (max-width:1400px) {
    #header .navbar {
        padding:0vh 2vw;
    }
    .banner-page.preventiv-page .page-content, .banner-page.blog-page .page-content {
        padding-top:20vh;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding:0;
        font-size:0.9rem;
    }
    #staff .absolute-images .staf1 {
    width:50%;
    right:0%;
    }
    #staff .absolute-images .staf2 {
    width:50%;
    top:240px;
    left:40%;
    }
    #staff .absolute-images .staf3 {
         width:48%;
    }
    #staff .title {
    margin: 3vh 0vw 3vh;
}
    #staff .description {
        margin-bottom:3vh;
    }
    #preventiv .subtitle {
        width:75%;
    }
    #about-us .about-us .slider .slider-content h2.title {
        font-size:1.4rem;
    }
    #services .service-one, #services .service-two, #services .service-three {
        width:300px !important;
        padding:3vh 3vw;
    }
    #services .service-one .description, #services .service-two .description, #services .service-three .description, #full-contact form {
        width:100%;
    }
    #full-contact form {
        padding:2vh 2vw;
    }
    #full-contact form input, #full-contact form select {
        width:80%;
    }
    #services .service-one .image img, #services .service-two .image img, #services .service-three .image img {
        margin-bottom:1vh;
    }
    #about-staff .img, #about-staff .story {
        width:100%;
    }
    #about-staff .name-staff {
        font-size:1.2rem;
    }
    #about-staff .title-staff, #about-staff .story, #about-staff .staff-contact-href {
        margin-bottom:0;
    }
    #preventiv .gallery {
        height:380px;
    }
    #preventiv .title {
        margin-top:0vh;
    }
    #preventiv .smile1 {
        width:250px;
        right:280px;
    }
    #preventiv .smile3 {
        height:200px;
        top:175px;
    }
    #preventiv .smile3, #preventiv .smile2 {
        width:250px;
    }
    .navbar-nav .book-appointment {
        padding:1vh 3vw !important;
    }
}
.about-us .slider .slider-content{
    height: 324px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,0.2), rgba(255,255,255,0.45), rgba(255,255,255,1));
    padding-top:25vh;
    text-align:left;
    padding-left:2vw;
    background-blend-mode: difference;
}
@media (min-width:1400px) and (max-width:1600px) {
    .about-us .slider .slider-content{
    padding-top:22vh !important;
}

}
@media only screen and (min-width:801px) and (max-width:1200px) {
    #header .navbar .nav-item {
    margin:0px 5px;
    }
    #header .navbar {
    padding:0vh 2vw !important;
    }
.navbar-nav .book-appointment {
    padding:1vh 1vw !important;
    }
    #header .navbar-brand img{
    max-width:130px;
}
#header .banner, .about-us .slider .slider-content {
    padding-top:10vh !important;
}
#staff {
	padding: 5vh 5vw 10vh;
}
#about-us .about-us, #preventiv, #services, #about-intro, #about-staff, #full-services, #full-contact, #full-blog, #blog-details, #footer, #contact-data {
    padding:5vh 5vw;
}
#services .service-one, #services .service-two, #services .service-three {
    width:280px !important;
}
.banner-page .page-content{
    padding:10vh 10vw;
}
#about-intro .staff-image img {
    width:100%;
}
#full-blog .blog-card {
    width:400px;
}
#contact-data iframe {
    width:400px !important;
    height:300px;
}
#search-preventive {
    padding: 5vh 20vw;
}
}
@media only screen and (max-width:800px) {
    .about-us .slider .slider-content {
    padding-top:27vh !important;
}
    #certifications img {
    width:auto;
    height:100px !important;
    object-fit:cover;
}
#header.header-hp {
    background:url('./images/Slider-mobile.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    height:450px;
}
#header.header-hp .subtitle {
    display:none;
}
#header .banner {
    padding:15vh 5vw;
}
#header .banner .title {
    margin-top:21vh;
    font-size:1.8rem !important;
    letter-spacing:inherit;
    margin-bottom:3vh !important;
}
#header .navbar {
    padding:0;
    height:auto;
}
#header .navbar-brand {
    max-width:120px;
}
.navbar-nav .nav-link.book-appointment {
    padding:1vh 3vw;
}
#header .navbar-brand img{
    width:100%;
}
#header .navbar-nav {
    background:#fff;
    padding:1vh 3vw;
}
#header .banner .p-absolute {
    position:relative !important;
}
#header .banner .title {
    font-size:2rem;
}
#header .banner .subtitle {
    font-size:1rem;
    width:90%;
}
#staff, #preventiv, #services, #about-intro, #about-staff, #certifications, #full-gallery, #full-contact, #contact-data, #full-blog, #blog-details {
    padding:5vh 5vw;
}
#staff .absolute-images {
    position:relative;
    height:380px;
    overflow:hidden;
}
#staff .absolute-images img {
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
#staff .absolute-images .staf1 {
    width:50%;
    left:-5px;
    top:50px;
}
#staff .absolute-images .staf2 {
    top:250px;
    left:-5px;
    width:50%;
}
#staff .absolute-images .staf3 {
    top:80px;
    right:-5px;
    left:auto;
    width:50%;
}
#staff .title {
    margin:3vh 0vw 1vh;
}
#staff .moto {
    font-size:2rem;
    margin-bottom:1vh;
}
#about-us .about-us {
    padding:3vh 5vw;
    position:relative;
}
#about-us .about-us .title, #services .title, #staff .title {
    font-size:1.4rem;
}
#about-us .about-us .slider .slider-content h2.title {
    font-size:1rem !important;
}
#preventiv .gallery{
    margin-top:3vh;
    height:250px;
}
#preventiv .smile1 {
    width:160px;
    left:0;
    z-index:50;
}
#preventiv .smile2 {
    width:160px;
    height:80px;
    z-index:40;
}
#preventiv .smile3 {
    width:160px;
    height:140px;
    top:100px;
    z-index:40;
}
#preventiv .subtitle {
    width:100%;
}
#services .services-row {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
#services .service-one, #services .service-two, #services .service-three {
    width:100% !important;
    margin-top:3vh;
}
#services .service-one .description, #services .service-two .description, #services .service-three .description {
    width:100%;
}
#footer .datas {
    margin-bottom:3vh;
}
#footer .oraret {
    margin-left:0;
    margin-right:auto;
    margin-top:3vh;
}
/* about us page */
#about-intro .counter span {
    font-size:2.4rem;
}
#about-intro .staff-image img{
    width:100%;
    height:auto;
    object-fit:cover;
}
#about-staff .img {
    margin-bottom:3vh !important;
}
#about-staff .story {
    width:100%;
}
#about-staff .staff-contact {
    margin-bottom:1vh;
}

/* services page */
#full-services {
    padding:5vh 2vw;
}
#full-services label {
    font-size:0.9rem;
    margin:0;
    line-height:1.1rem;
    margin-left:1vw;
}
#full-services .nav-link {
    width:100% !important;
    font-size:0.8rem;
    padding:1vh 1vw;
    line-height:1rem;
}

#heading1 .accordion-button, #heading2 .accordion-button, #heading3 .accordion-button, #heading4 .accordion-button, #heading5 .accordion-button, #heading6 .accordion-button, #heading7 .accordion-button, #heading8 .accordion-button, #heading9 .accordion-button, 
#heading10 .accordion-button, #heading11 .accordion-button, #heading12 .accordion-button, #heading13 .accordion-button, #heading14 .accordion-button, #heading15 .accordion-button, #heading16 .accordion-button, #heading17 .accordion-button, #heading18 .accordion-button{
    height:60px;
    background-position:top center; 
    box-shadow: inset 1px 2px 2000px rgba(255,255,255,0.5);
}
.tab-pane {
    padding:0;
    box-shadow:none;
    margin-top:1vh;
}
.tab-pane .description {
    font-size:0.8rem;
    width:100%;
    margin-bottom:1vh;
}
#full-gallery .column {
    padding:1vh 1vw;
}
.column img {
    margin-top:1vh;
}
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
}
/* preventiv page */
.banner-page.preventiv-page .page-content {
    padding-top:25vh;
}
#full-contact .book-img img {
    width:100%;
}
#full-contact form {
    margin-top:3vh;
    width:100%;
}
#contact-data a.tel, #contact-data .address, #contact-data .hours {
    font-size:0.9rem;
}
#contact-data .hours {
    margin-bottom:0.3rem;
}
#contact-data iframe {
    margin-top:3vh;
    width:100%;
}
#full-blog .blog-card {
    height:200px;
    width:350px;
}
#full-blog .blog-card .blog-image, #full-blog .blog-card .blog-image img {
    width:120px;
    height:200px;
    object-fit:cover;
}
#full-blog .blog-card .blog-content {
    padding:1vh 1vw;
}
#full-blog .blog-card .blog-content .date {
    font-size:0.8rem;
}
#full-blog .blog-card .blog-content .title {
    max-height:80px;
    font-size:1.2rem;
}
#about-us .about-us .slider .slider-content .anchertag {
    margin-top: 3vh;
}
#blog-details .main-image, #blog-details .main-image img {
    height:250px;
}
#blog-details .blog-description, #blog-details .other-blog {
    width:100%;
}
#search-preventive, #search-preventive form {
    padding:5vh 5vw;
}
#about-us .about-us .slider .slider-content a.slider-button {
    padding:4px 5px !important;
    font-size:0.9rem !important;
}
#search-preventive input, #search-preventive textarea, #search-preventive select {
    width:100% !important;
}
}
input, textarea {
    border-radius:0 !important;
}