html, body {margin: 0; padding: 0; font-family: "Inter", sans-serif; font-size: 15px; line-height: 1.2em; font-weight: 400; color: #000;}
* {box-sizing: border-box;}
a {text-decoration: none; transition: all .4s;}
img {display: block; max-width: 100%;}
p {margin: 0 0 20px 0;}
.container {width: 1590px; max-width: 100%; padding: 0 15px; margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.flex .flex-item {padding: 0 15px;}
input, select, textarea {font-family: "Inter", sans-serif;}

body {padding-top: 80px;}

.hr {width: 1560px; max-width: 100%; margin: 20px auto; background: #F5F5F5; height: 2px;}

.head {background: #fff; padding: 10px 0;}
.head.affix {position: fixed; top: 0; left: 0; right: 0; z-index: 10;}
.admin-bar .head {top: 32px;}
.head .head-cont {display: flex; align-items: center;}
.head .logo {margin: 0 20px 0 0; flex-shrink: 0;}
.head .logo svg {display: block; width: auto; height: 60px; fill: #000;}
.head .logo img {height: auto; width: 160px; display: block;}
.head .menu {display: flex; margin: 0; padding: 0; list-style: none; font-family: "Nunito", sans-serif;}
.head .menu .menu-item a {padding: 10px; display: block; color: #999999; font-weight: 500; text-transform: uppercase; transition: all .4s; text-align: center;}
.head .menu .menu-item a:hover {color: #000;}
.head .menu-toogle {padding: 0 5px; margin: 0 0 0 auto; border: 1px solid #000; background: none; outline: none; box-shadow: none; width: 40px; height: 40px; border-radius: 5px; cursor: pointer; display: none; transition: all .4s;}
.head .menu-toogle:hover {border-color: #999999;}
.head .menu-toogle span {display: block; height: 2px; width: 100%; background: #000; margin: 6px 0; transition: all .4s;}
.head .menu-toogle:hover span {background: #999999;}
.head .menu .menu-toogle {z-index: 21; position: absolute; right: 20px; top: 20px; border: none;}
.head .menu .menu-toogle:before, .head .menu .menu-toogle:after {content: ' '; display: block; position: absolute; left: 50%; top: 50%; width: 30px; height: 2px; background: #000; margin: 0 0 0 -15px; transition: all .4s;}
.head .menu .menu-toogle:before {transform: rotate(45deg);}
.head .menu .menu-toogle:after {transform: rotate(-45deg);}
.head .menu .menu-toogle:hover:before, .head .menu .menu-toogle:hover:after {background: #999999;}

.slogan-section {padding: 50px 0;}
.slogan-section h1 {margin: 0 0 50px 0; font-size: 40px; line-height: 1em; letter-spacing: -0.04em; font-weight: 700; text-align: center;}
.slogan-section h1 span {color: #999999;}
.slogan-section .photo {height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; position: relative;}
.slogan-section .photo img {width: 100%;}
.slogan-section .photo .photo-caption {position: relative; top: 50%; transform: translate(0, -50%); padding: 0 30px;}
.slogan-section .photo .photo-caption h2 {color: #fff; font-size: 120px; line-height: 0.9em; font-weight: 700; margin: 0;}
.slogan-section .photo .photo-caption p {color: #000; font-size: 22px; line-height: 1em; font-weight: 300; margin: 0;}

.logos-section {padding: 20px 0;}
.logos-section .logos {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px;}
.logos-section .logos .logo {padding: 10px; width: 200px; max-width: 100%;}
.logos-section .logos .logo img {margin: 0 auto; filter: grayscale(1); transition: filter .4s;}
.logos-section .logos .logo a:hover img {filter: grayscale(0);}

.doctors-section {padding: 50px 0;}
.doctors-section h2 {font-size: 32px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 10px 0;}
.doctors-section h2 a {color: #000;}
.doctors-section h2 a:hover {color: #999999;}
.doctors-section h3 {font-size: 15px; line-height: 1.3em; letter-spacing: -0.01em; color: #999999; font-weight: 500; margin: 0;}
.doctors-section .doctors {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.doctors-section .doctors .doctor {padding: 15px; width: 33.3333%; text-align: center;}
.doctors-section .doctors .doctor .picture {margin: 0 0 20px 0;}
.doctors-section .doctors .doctor .picture img {width: auto; height: auto; max-width: 100%; margin: 0 auto;}
.doctors-section .doctors .doctor .name {font-size: 26px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 5px 0;}
.doctors-section .doctors .doctor .name a {color: #000;}
.doctors-section .doctors .doctor .name a:hover {color: #999999;}
.doctors-section .doctors .doctor .specialization {font-size: 15px; line-height: 1.3em; letter-spacing: -0.01em; color: #999999; font-weight: 500; margin: 0 0 10px 0;}
.doctors-section .doctors .doctor .phone {font-size: 16px; color: #000; font-weight: 300; margin: 0 0 5px 0;}
.doctors-section .doctors .doctor .phone a {color: #000;}
.doctors-section .doctors .doctor .phone a:hover {color: #999999;}
.doctors-section .doctors .doctor .mail {font-size: 16px; color: #000; font-weight: 300; margin: 0 0 5px 0;}
.doctors-section .doctors .doctor .mail a {color: #000;}
.doctors-section .doctors .doctor .mail a:hover {color: #999999;}

.counters-section {padding: 50px 0;}
.counters-section .counters {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px;}
.counters-section .counters .counter {padding: 10px; width: 33.3333%;}
.counters-section .counters .counter .value {font-size: 64px; line-height: 1em; letter-spacing: -0.04em; color: #000; font-weight: 700; text-align: center; margin: 0;}
.counters-section .counters .counter .caption, .counters-section .counters .counter .prefix {font-size: 22px; line-height: 1em; letter-spacing: -0.02em; color: #999999; font-weight: 600; text-align: center; margin: 10px 0 0 0;}
.counters-section .counters .counter .prefix {margin: 0 0 10px 0;}

.descriptions-section {padding: 50px 0; overflow: hidden;}
.descriptions-section .descriptions {}
.descriptions-section .descriptions .description-box {display: flex; flex-wrap: wrap; align-items: center;}
.descriptions-section .descriptions .description-box .text {width: 50%; padding: 30px;}
.descriptions-section .descriptions .description-box .text .text-cont {width: 400px; max-width: 100%; margin: 0 auto;}
.descriptions-section .descriptions .description-box .text h2 {font-size: 32px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 10px 0;}
.descriptions-section .descriptions .description-box .text p {font-size: 22px; line-height: 1.2em; letter-spacing: -0.01em; color: #999999; font-weight: 500;}
.descriptions-section .descriptions .description-box .image {width: 50%; border-radius: 20px; overflow: hidden;}
.descriptions-section .descriptions .description-box .image img {width: 100%;}
.descriptions-section .descriptions .description-box.box-right .text {order: 2;}
.descriptions-section .descriptions .description-box.box-right .image {order: 1;}

.descriptions-2-section {padding: 50px 0;}
.descriptions-2-section .descriptions {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.descriptions-2-section .descriptions .description-box {width: 33.3333%; padding: 15px;}
.descriptions-2-section .descriptions .description-box .image {border-radius: 15px; overflow: hidden; margin: 0 0 10px 0;}
.descriptions-2-section .descriptions .description-box .image img {display: block; margin: 0 auto; max-width: 100%;}
.descriptions-2-section .descriptions .description-box h3 {margin: 0 0 10px 0; font-size: 22px; line-height: 1.2em; color: #000; font-weight: 600;}
.descriptions-2-section .descriptions .description-box p {margin: 0; font-size: 18px; line-height: 1.2em; color: #999; font-weight: 500;}

.opinions-section {padding: 50px 0;}
.opinions-section h2 {font-size: 32px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; text-align: center; margin: 0 0 50px 0;}
.opinions-section h2 span {color: #999999;}
.opinions-section .opinions {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.opinions-section .opinions .opinion {padding: 0 15px; width: 33.3333%;}
.opinions-section .opinions .opinion .opinion-cont {border-radius: 20px; background: #F5F5F5; padding: 20px 20px 60px 20px; min-height: 260px; position: relative;}
.opinions-section .opinions .opinion .text {font-size: 15px; line-height: 1.4em; letter-spacing: -0.01em; color: #777777; font-weight: 500;}
.opinions-section .opinions .opinion .author {font-size: 13px; line-height: 1.2em; letter-spacing: -0.01em; position: absolute; left: 20px; right: 20px; bottom: 20px;}
.opinions-section .opinions .opinion .author .name {color: #000; margin: 0;}
.opinions-section .opinions .opinion .author .info {color: #999999; margin: 0;}
.opinions-section .opinions .slick-arrow {position: absolute; top: 50%; z-index: 2; border: none; box-shadow: none; outline: none; padding: 5px; background: none; cursor: pointer;}
.opinions-section .opinions .slick-arrow.slick-prev {left: 0; transform: translate(0, -50%) rotate(180deg);}
.opinions-section .opinions .slick-arrow.slick-next {right: 0; transform: translate(0, -50%);}
.opinions-section .opinions .slick-arrow svg {display: block; width: 30px; height: 30px; fill: #000;}

.faq-section {padding: 200px 0;}
.faq-section .faqs .faq {border-radius: 20px; background: #F5F5F5; border: 1px solid #F5F5F5; width: 700px; max-width: 100%; margin: 0 auto 10px auto; overflow: hidden; overflow: hidden;}
.faq-section .faqs .faq p {margin: 0;}
.faq-section .faqs .faq .question {color: #000; padding: 15px 20px 15px 45px; font-weight: 700; position: relative; cursor: pointer;}
.faq-section .faqs .faq .question:before, .faq-section .faqs .faq .question:after {content: ' '; display: block; position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); background: #777777;}
.faq-section .faqs .faq .question:before {width: 14px; height: 2px;}
.faq-section .faqs .faq .question:after {width: 2px; height: 14px; left: 26px;}
.faq-section .faqs .faq .answer {background: #fff; padding: 0; max-height: 0; transition: max-height .4s; overflow: hidden;}
.faq-section .faqs .faq .answer p {padding: 10px 20px;}
.faq-section .faqs .faq.opened .question:after {display: none;}
.faq-section .faqs .faq.opened .answer {max-height: 300px;}

.publications-section {padding: 50px 0;}
.publications-section .page-header h1 {margin: 0 0 50px 0; font-size: 40px; line-height: 1em; letter-spacing: -0.04em; font-weight: 700; text-align: center;}
.publications-section h2 {font-size: 32px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 10px 0;}
.publications-section h2 a {color: #000;}
.publications-section h2 a:hover {color: #999999;}
.publications-section h3 {font-size: 15px; line-height: 1.3em; letter-spacing: -0.01em; color: #999999; font-weight: 500; margin: 0;}
.publications-section .page-content, .category-section .page-content, .tag-section .page-content {margin: 0 0 80px 0; font-size: 15px; line-height: 1.3em; color: #777777;}
.publications-section .more {color: #999999; display: inline-block; text-decoration: none; padding: 5px 10px; border: 1px solid #999999; border-radius: 5px; margin: 0; text-transform: uppercase;}
.publications-list .publications, .category-section .publications, .tag-section .publications {margin: 50px 0 0 0;}
.publications-list .publications .publication, .publications-section .publications .publication, .category-section .publications .publication, .tag-section .publications .publication {margin: 0 0 40px 0; display: flex; flex-wrap: nowrap; align-items: center;}
.publications-list .publications .publication .image, .publications-section .publications .publication .image, .category-section .publications .publication .image, .tag-section .publications .publication .image {width: 100px; flex-shrink: 0; flex-grow: 0; border-radius: 20px; overflow: hidden; display: none;}
.publications-list .publications .publication .image img, .publications-section .publications .publication .image img, .category-section .publications .publication .image img, .tag-section .publications .publication .image img {width: 100%; transition: transform .4s;}
.publications-list .publications .publication .image a:hover img, .publications-section .publications .publication .image a:hover img, .category-section .publications .publication .image a:hover img, .tag-section .publications .publication .image a:hover img {transform: scale(1.2);}
.publications-list .publications .publication .info, .publications-section .publications .publication .info, .category-section .publications .publication .info, .tag-section .publications .publication .info {width: 100%; padding: 0 0 0 20px;}
.publications-list .publications .publication .info h4, .publications-section .publications .publication .info h2, .category-section .publications .publication .info h2, .tag-section .publications .publication .info h2 {font-size: 22px; line-height: 1em; letter-spacing: -0.01em; color: #000; font-weight: 500; margin: 0 0 10px 0;     word-wrap: break-word;}
.publications-list .publications .publication .info h4 a, .publications-section .publications .publication .info h2 a, .category-section .publications .publication .info h2 a, .tag-section .publications .publication .info h2 a {color: #000;}
.publications-list .publications .publication .info h4 a:hover, .publications-section .publications .publication .info h2 a:hover, .category-section .publications .publication .info h2 a:hover, .tag-section .publications .publication .info h2 a:hover {color: #999999;}
.publications-list .publications .publication .info p, .publications-section .publications .publication .info p, .category-section .publications .publication .info p, .tag-section .publications .publication .info p {font-size: 14px; font-style: italic; line-height: 1.3em; letter-spacing: -0.01em; color: #999999; font-weight: 500; margin: 0;}

.footer-section {padding: 80px 0 0 0;}
.footer-section .boxes {display: flex; flex-wrap: wrap; margin: 0 -15px 40px -15px;}
.footer-section .boxes .logo-box {margin: 0 auto 0 0; padding: 15px; width: 250px; max-width: 100%;}
.footer-section .boxes .logo-box img {width: 300px; max-width: 100%; display: block; margin: 0;}
.footer-section .boxes .clinics-box {margin: 0 0 0 auto; padding: 15px;}
.footer-section .boxes .resources-box {margin: 0 0 0 auto; padding: 15px;}
.footer-section .boxes .clinics-box+.resources-box {margin: 0;}
.footer-section .boxes .clinics-box .h, .footer-section .boxes .resources-box .h {font-size: 15px; line-height: 1em; letter-spacing: -0.01em; color: #000; font-weight: 500; margin: 0 0 10px 0;}
.footer-section .boxes .clinics-box .menu, .footer-section .boxes .resources-box .menu {margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 1em; letter-spacing: -0.01em; font-weight: 500;}
.footer-section .boxes .clinics-box .menu li, .footer-section .boxes .resources-box .menu li {margin: 0 0 10px 0;}
.footer-section .boxes .clinics-box .menu li a, .footer-section .boxes .resources-box .menu li a {color: #999999;}
.footer-section .boxes .clinics-box .menu li a:hover, .footer-section .boxes .resources-box .menu li a:hover {color: #000;}
.footer-section .bottom-menu {border-top: 2px solid #F5F5F5; padding: 10px 0 0 0;}
.footer-section .bottom-menu .menu {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end;}
.footer-section .bottom-menu .menu li {margin: 0 0 10px 10px;}
.footer-section .bottom-menu .menu li a {color: #999999;}
.footer-section .bottom-menu .menu li a:hover {color: #000;}

.single-post-section .authors {padding: 0; margin: 0 0 10px 0; color: #999999; line-height: 1.4em;}
.single-post-section .authors .author {display: inline-block; color: #999999; margin: 0;}
.single-post-section .authors a.author:hover {color: #000;}
.single-post-section article h1 {font-size: 32px; line-height: 36px; margin: 0 0 10px 0; word-wrap: break-word;}
.single-post-section article .header {margin: 0 0 30px 0;}
.single-post-section article .publish-date {font-size: 15px; color: #999999; font-weight: 500; line-height: 1.3em; letter-spacing: -0.01em; margin: 0 0 10px 0;}
.single-post-section article .thumbnail img {width: 100%; margin: 0 auto; height: auto}
.single-post-section article .content {margin: 0 0 50px 0; font-size: 15px; line-height: 1.3em; color: #777777; text-align: justify;}
.single-post-section article .content a {color: #000;}
.single-post-section .nav-links {display: flex; flex-wrap: nowrap; margin: 0;}
.single-post-section .nav-links>div {padding: 10px 15px; width: 400px;}
.single-post-section .nav-links .nav-previous {margin: 0 auto 0 0;}
.single-post-section .nav-links .nav-next {margin: 0 0 0 auto; text-align: right;}
.single-post-section .nav-links a {font-size: 15px; line-height: 1.2em; letter-spacing: -0.01em; color: #000; font-weight: 500; margin: 0 -10px; display: flex; padding: 20px 15px; background: #F5F5F5; border-radius: 10px; align-items: center;}
.single-post-section .nav-links a:hover {color: #999999;}
.single-post-section .nav-links a .post-thumbnail-nav {width: 30%; padding: 0 10px;}
.single-post-section .nav-links a .nav-link-text {width: 70%; padding: 0 10px;}
.single-post-section .nav-links a .post-thumbnail-nav img {max-width: 100%; height: auto; border-radius: 10px;}
.single-post-section .footer .tags-links, .single-post-section .footer .cat-links {display: flex; flex-wrap: wrap; margin: 0;}
.single-post-section .footer .tags-links a, .single-post-section .footer .cat-links a {color: #999999; display: block; text-decoration: none; padding: 5px 10px; border: 1px solid #999999; border-radius: 5px; margin: 0 10px 10px 0;}
.single-post-section .footer .tags-links a:hover, .single-post-section .footer .cat-links a:hover {color: #000;}
.single-post-section .footer .cat-links ul {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;}

.breadcrumbs {margin: 20px 0; padding: 10px 0; font-size: 0.9em; color: #999999; display: flex; flex-wrap: wrap; align-items: center;}
.breadcrumbs .breadcrumb-item {display: inline-block; word-wrap: break-word; max-width: 100%;}
.breadcrumbs a {color: #999999; text-decoration: none;}
.breadcrumbs a:hover {color: #000;}
.breadcrumbs .separator {margin: 0 8px; color: #999999;}
.breadcrumbs .breadcrumb-current {font-weight: bold; color: #999999;}
.breadcrumbs .breadcrumb-item:last-child .separator {display: none;}

.navigation.pagination .nav-links {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.navigation.pagination .nav-links>a, .navigation.pagination .nav-links>span {display: block; min-width: 30px; height: 30px; text-align: center; font-size: 15px; line-height: 28px; border: 1px solid #777777; color: #777777; margin: 0 0 0 8px; font-weight: 500;}
.navigation.pagination .nav-links>span {background: #F5F5F5; font-weight: 700;}
.navigation.pagination .nav-links>a.next, .navigation.pagination .nav-links>a.prev {border-color: transparent; font-weight: 400;}

.single-doctor-section .header {margin: 0 -15px 30px -15px; display: flex; flex-wrap: wrap;}
.single-doctor-section .header .thumbnail {margin: 0 0 20px 0; width: 45%; order: 2; padding: 0 15px;}
.single-doctor-section .header .thumbnail img {max-height: 400px; width: auto;}
.single-doctor-section .header .details {width: 55%; order: 1; padding: 0 15px;}
.single-doctor-section .header .title {margin: 0 0 10px 0; font-size: 24px; line-height: 1em; font-weight: 700; color: #000;}
.single-doctor-section .header .specialization {margin: 0 0 10px 0; font-size: 24px; line-height: 1em; font-weight: 700; color: #999999;}
.single-doctor-section .header .social {display: flex; flex-wrap: wrap; margin: 20px 0 10px 0;}
.single-doctor-section .header .social a {display: block; margin: 0 10px 5px 0;}
.single-doctor-section .header .social a svg {display: block; fill: #757575; height: 20px; width: auto; transition: fill .4s;}
.single-doctor-section .header .social a:hover svg {fill: #000;}
.single-doctor-section .header .content, .doctors-section .content {font-size: 15px; line-height: 1.3em; color: #777777; margin: 50px 0 30px 0;}
.single-doctor-section .header .content a, .doctors-section .content a {color: #000;}
.doctors-section h1 {margin: 0 0 50px 0; font-size: 40px; line-height: 1em; letter-spacing: -0.04em; font-weight: 700; text-align: center; color: #000;}
.single-doctor-section .services {margin: 0 0 30px 0;}
.single-doctor-section .services .service {position: relative; padding: 0 0 0 40px; font-size: 15px; color: #999999; margin: 0 0 10px 0; font-weight: 500; line-height: 1.3em;}
.single-doctor-section .services .service img {position: absolute; max-height: 20px; max-width: 30px; width: auto; height: auto; left: 0; top: 50%; transform: translate(0, -50%);}
.single-doctor-section .clinics {display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px 30px -15px;}
.single-doctor-section .clinics .clinic {padding: 15px; font-size: 22px; line-height: 1.2em; color: #aaaaaa; font-weight: 600;}
.single-doctor-section .clinics .clinic img {width: auto; height: 50px;}
.single-doctor-section .clinics .clinic a {color: #aaaaaa; text-decoration: none;}
.single-doctor-section .clinics .clinic a:hover {color: #000;}
.single-doctor-section .doctor-publications {margin: 0 0 50px 0;}
.single-doctor-section .doctor-publications h3 {font-size: 24px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 10px 0;}
.single-doctor-section .doctor-publications .publications {margin: 30px 0 0 0;}
.single-doctor-section .doctor-certificates {margin: 0 -15px 50px -15px; display: flex; flex-wrap: wrap;}
.single-doctor-section .doctor-certificates h3 {width: 100%; padding: 0 15px; font-size: 24px; line-height: 1em; letter-spacing: -0.03em; color: #000; font-weight: 700; margin: 0 0 10px 0;}
.single-doctor-section .doctor-certificates .certificate {padding: 15px; width: 20%;}
.single-doctor-section .doctor-certificates .certificate a {display: block; padding: 10px; border: 1px solid #F5F5F5; border-radius: 15px;}
.single-doctor-section .doctor-certificates .certificate img {width: auto; height: auto;}

.about-content-section {padding: 50px 0;}
.about-content-section h2 {margin: 0 0 20px 0; font-size: 15px; line-height: 1.3em; color: #000; font-weight: 600;}
.about-content-section .description {margin: 0; font-size: 15px; line-height: 1.3em; color: #777777;}

.icons-section {padding: 50px 0;}
.icons-section .icons {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.icons-section .icons .icon {width: 25%; padding: 15px;}
.icons-section .icons .icon .ico {margin: 0 0 20px 0;}
.icons-section .icons .icon .ico svg {display: block; width: 80px; max-width: 100%; margin: 0 auto;}
.icons-section .icons .icon .name {margin: 0; font-size: 22px; line-height: 1em; letter-spacing: -0.02em; color: #000; font-weight: 600; text-align: center;}

.page-index .header {}
.page-index .header h1 {margin: 0 0 50px 0; font-size: 40px; line-height: 1em; letter-spacing: -0.04em; font-weight: 700; text-align: center;}
.page-index .content {margin: 0 0 50px 0; font-size: 15px; line-height: 1.3em; color: #777777;}
.page-index .content h2, .page-index .content h3, .page-index .content h4 {color: #000;}

.quote-section {padding: 80px 0;}
.quote-section h4 {margin: 0 0 20px 0; font-size: 32px; line-height: 1em; font-weight: 700; letter-spacing: -0.03em;}
.quote-section p {font-size: 15px; line-height: 1.4em; color: #999999; margin: 0; font-weight: 500;}

.animate__animated-reset {opacity: 0; transform: translate3d(0, 0, 0); pointer-events: none; animation-duration: 0s !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-fill-mode: none !important;}
.animated-element {opacity: 0;}

.no-content {text-align: center; color: #777777; margin: 50px 0;}

.page-404 {text-align: center; margin: 100px 0;}
.page-404 a {color: #999999;}
.page-404 a:hover {color: #000;}

#glightbox-body.glightbox-clean .gslide-description {background: none;}
#glightbox-body.glightbox-clean .gdesc-inner {padding: 5px 0;}
#glightbox-body.glightbox-clean .gdesc-inner .gslide-title {margin: 0; color: #fff;}


@media all and (max-width:767px) {
    .slogan-section h1 {font-size: 32px;}
    .slogan-section .photo .photo-caption h2 {font-size: 120px;}
    .slogan-section .photo .photo-caption p {font-size: 24px;}
    .doctors-section .doctors .doctor {width: 100%;}
    .doctors-section .doctors .doctor+.doctor {margin-top: 20px;}
    .counters-section .counters .counter {width: 100%;}
    .counters-section .counters .counter+.counter {margin-top: 40px;}
    .descriptions-section .descriptions .description-box+.description-box {margin-top: 50px;}
    .descriptions-section .descriptions .description-box .text {width: 100%;}
    .descriptions-section .descriptions .description-box .image {width: 100%;}
    .descriptions-section .descriptions .description-box.box-right .text {order: 1;}
    .descriptions-section .descriptions .description-box.box-right .image {order: 2;}
    .footer-section .boxes .logo-box {width: 100%; margin: 0;}
    .footer-section .boxes .logo-box img {margin: 0 auto;}
    .footer-section .boxes .clinics-box {width: 100%; margin: 30px 0 0 0; text-align: center;}
    .footer-section .boxes .clinics-box+.resources-box {width: 100%; margin: 30px 0 0 0; text-align: center;}
    .icons-section .icons .icon {width: 50%;}
    .descriptions-2-section .descriptions .description-box {width: 100%;}
    .descriptions-2-section .descriptions .description-box+.description-box {margin-top: 40px;}
    .single-doctor-section .header .thumbnail {width: 100%; order: 1;}
    .single-doctor-section .header .thumbnail img {margin: 0 auto; display: block;}
    .single-doctor-section .header .details {width: 100%; order: 2; margin-top: 20px;}
    .head .menu {position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 20; background: #fff; display: block; padding: 80px 10px 50px 10px; transition: left .4s;}
    .menu-open .head .menu {left: 0;}
    .head .menu-toogle {display: block;}
}

@media all and (max-width:500px) {
    .slogan-section .photo .photo-caption h2 {font-size: 80px;}
    .slogan-section .photo .photo-caption p {font-size: 16px;}
    .icons-section .icons .icon {width: 100%;}
    .icons-section .icons .icon+.icon {margin-top: 20px;}
    .single-post-section .nav-links {flex-wrap: wrap;}
}
@media all and (max-width:400px) {
    .slogan-section {overflow: hidden;}
    .slogan-section .photo .photo-caption h2 {font-size: 60px;}
    .slogan-section .photo .photo-caption p {font-size: 12px;}
}