@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
      
body {
     
    font-family: 'Roboto', sans-serif;
}
.t-border,
.x-border {
    border-top: 1.5px solid var(--smoke)
}

.b-border,
.x-border {
    border-bottom: 1.5px solid var(--smoke)
}

a,
a:hover {
    color: var(--header-color);
    text-decoration: none
}

.btn,
.sbox-4:hover h5,
.sbox-4:hover p,
.sbox-4:hover span,
.sbox-5:hover h5,
.sbox-5:hover p,
.sbox-5:hover span,
.video-block-wrapper,
.video-btn:before,
a {
    transition: .4s ease-in-out
}

#page,
.doctor-card,
.hover-overlay,
.loop_carousel_left,
.sbox-7 {
    overflow: hidden
}

.block-info-txt a,
a,
a:focus,
a:hover {
    text-decoration: none
}

.lb-list,
.module-subtitle.bg--sunny,
.users p,
.video-btn {
    display: inline-block
}

.bg--01,
.bg--02,
.bg--03,
.bg--04,
.bg--05,
.bg--06,
.bg--07,
.bg--08,
.bg--fixed,
.bg--scroll,
.bg-02--shape:after,
.bg-03--shape:after,
.slideshow .slide .image-container {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.doctor-data-list span a:hover,
.headtoppart p a:hover,
.single-post-txt p a {
    text-decoration: underline
}

#stlChanger,
.fs-15,
.ico-15 [class*=flaticon-]:after,
.ico-15 [class*=flaticon-]:before {
    font-size: .9375rem
}

#stlChanger p,
.breadcrumb-item,
.module-subtitle,
.post-tags-list span,
.txt-upcase,
.wsmegamenu p.title {
    text-transform: uppercase
}

:root {
    --main-font: "Onest", sans-serif;
    --base-font: 'Inter', sans-serif;
    --header-color: #023a65;
    --text-color: #6c757d;
    --theme-color: #3282B8;
    --azure: #f2f7f8;
    --black: #233645;
    --blue: #3d9be9;
    --candy: #d23366;
    --cloud: #f2f6f9;
    --coal: #17323a;
    --cobalt: #005b96;
    --coral: #ea93af;
    --cyan: #00bde0;
    --denim: #074a74;
    --green: #8cb588;
    --ghost: #f9fcfd;
    --navy: #20265b;
    --pink: #f9669d;
    --royal: #205884;
    --sand: #f2c074;
    --seablue: #3190c4;
    --silver: #ccc;
    --sky: #d7e5ee;
    --sky-blue: #39baf5;
    --smoke: #e7e7e7;
    --sunny: #ffdf51;
    --white: #fff;
    --white-smoke: #f0f1f5;
    --yellow: #fbd043;
    --tra-black: rgba(5, 5, 5, .05);
    --tra-gray: rgba(96, 96, 96, .13);
    --tra-white: rgba(255, 255, 255, .2)
}

html {
    font-size: 16px
}

body {
    font-family: var(--base-font);
    color: #17323a;
    line-height: 1.6666;
    font-weight: 400
}

.call-link-txt p,
.main-font,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--main-font)
}

.main-font {
    font-weight: 500;
    letter-spacing: 0
}

.ls-0d25px,
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -.25px
}

.base-font {
    font-family: var(--base-font)
}

.container,
.rel,
section {
    position: relative !important;
    z-index: 3
}

.section-overlay {
    width: 100%;
    height: 100%
}

.block--shadow {
    box-shadow: 0 4px 12px 0 var(--tra-black)
}

.hero-10-avatars,
.hero-2-avatars,
.hero-4-avatars,
.hero-4-txt {
    box-shadow: 0 10px 30px rgba(20, 20, 20, .15)
}

.block--border {
    border: 1.5px solid var(--smoke)
}

.border-silver {
    border-color: var(--silver) !important
}

.border-transparent {
    border-color: transparent !important
}

.r-0 {
    border-radius: 0
}

.r-02 {
    border-radius: 2px
}

.r-04 {
    border-radius: 4px
}

.r-06 {
    border-radius: 6px
}

.r-08 {
    border-radius: 8px
}

.r-10 {
    border-radius: 10px
}

.r-12 {
    border-radius: 12px
}

.r-14 {
    border-radius: 14px
}

.r-16 {
    border-radius: 16px
}

.r-18 {
    border-radius: 18px
}

.r-20 {
    border-radius: 20px
}

.r-22 {
    border-radius: 22px
}

.r-24 {
    border-radius: 24px
}

.r-26 {
    border-radius: 26px
}

.r-28 {
    border-radius: 28px
}

.r-30 {
    border-radius: 30px
}

.r-32 {
    border-radius: 32px
}

.r-34 {
    border-radius: 34px
}

.r-36 {
    border-radius: 36px
}

.o-0 {
    opacity: 0
}

.o-03 {
    opacity: .03
}

.o-04 {
    opacity: .04
}

.o-05 {
    opacity: .05
}

.o-06 {
    opacity: .06
}

.o-07 {
    opacity: .07
}

.o-08 {
    opacity: .08
}

.o-09 {
    opacity: .09
}

.o-10 {
    opacity: .1
}

.o-11 {
    opacity: .11
}

.o-12 {
    opacity: .12
}

.o-13 {
    opacity: .13
}

.o-14 {
    opacity: .14
}

.o-15 {
    opacity: .15
}

.o-16 {
    opacity: .16
}

.o-17 {
    opacity: .17
}

.o-18 {
    opacity: .18
}

.o-19 {
    opacity: .19
}

.o-20 {
    opacity: .2
}

.o-25 {
    opacity: .25
}

.o-30 {
    opacity: .3
}

.o-35 {
    opacity: .35
}

.brands-1 .loop_carousel_left.o-4 img,
.brands-2 .loop_carousel_left.o-4 img,
.o-40,
hr.divider {
    opacity: .4
}

.o-45 {
    opacity: .45
}

.o-50 {
    opacity: .5
}

.o-55 {
    opacity: .55
}

.o-60 {
    opacity: .6
}

.o-65 {
    opacity: .65
}

.o-70 {
    opacity: .7
}

.o-75 {
    opacity: .75
}

.o-80,
.s_1 img:hover {
    opacity: .8
}

.o-85 {
    opacity: .85
}

.o-90 {
    opacity: .9
}

.brands-1 .loop_carousel_left.o-4 img:hover,
.brands-2 .loop_carousel_left.o-4 img:hover,
.o-95 {
    opacity: .95
}

.bottom-footer-socials li span:hover,
.o-100,
.slideshow .slide.is-loaded {
    opacity: 1
}

.z-01 {
    z-index: 1
}

.slider .slides li.active,
.z-02 {
    z-index: 2
}

.z-03 {
    z-index: 3
}

.z-04 {
    z-index: 4
}

.z-05 {
    z-index: 5
}

.z-06 {
    z-index: 6
}

.z-07 {
    z-index: 7
}

.z-08 {
    z-index: 8
}

.z-09 {
    z-index: 9
}

.z-10 {
    z-index: 10
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.banner-1,
.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.py-90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.py-110 {
    padding-top: 110px;
    padding-bottom: 110px
}

.py-120 {
    padding-top: 100px;
    padding-bottom: 20px
}

.pt-30 {
    padding-top: 30px
}

.hero-5,
.pt-40 {
    padding-top: 40px
}

.pt-50 {
    padding-top: 50px
}

.pt-60 {
    padding-top: 60px
}

.pt-70 {
    padding-top: 70px
}

.pt-80 {
    padding-top: 80px
}

.pt-90 {
    padding-top: 90px
}

.pt-100 {
    padding-top: 100px
}

.pt-110 {
    padding-top: 110px
}

.pt-120 {
    padding-top: 120px
}

#blog-page,
.pb-30 {
    padding-bottom: 30px
}

#stb-2-1,
.pb-40 {
    padding-bottom: 40px
}

.footer,
.pb-50 {
    padding-bottom: 50px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-120 {
    padding-bottom: 120px
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px
}

.px-25 {
    padding-left: 25px;
    padding-right: 25px
}

.px-30 {
    padding-left: 30px;
    padding-right: 30px
}

.px-35 {
    padding-left: 35px;
    padding-right: 35px
}

.mt-0 {
    margin-top: 0 !important
}

.booking-form .btn,
.hero-10 .star-rating,
.hero-4 .star-rating,
.mt-15,
.pricing-3-table .price p {
    margin-top: 15px
}

.mt-20,
.txt-block .btn.mt-20 {
    margin-top: 20px
}

.cbox-1-wrapper,
.mt-25,
.price,
.pricing-1-txt .btn,
.pricing-2-table .btn,
.txt-block .btn.mt-25 {
    margin-top: 25px
}

#sb-5-4,
#sb-5-5,
#sb-5-6,
#sb-5-7,
.doctor-data,
.mt-30,
.signature,
.txt-block .btn.mt-30 {
    /* margin-top: 30px */
}

#loading,
.hidden-nav .wsmainfull.scroll {
    margin-top: 0
}

.cbox-2-wrapper,
.hero-7-txt,
.mt-40,
.txt-block .accordion {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.banner-4,
.block-info.mt-60,
.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mb-0 {
    margin-bottom: 0 !important
}

.footer-emergency h5,
.mb-15,
.pricing-2-table h4,
.sidebar-menu h4 {
    margin-bottom: 15px
}

#ddl-1-1,
#ddl-1-2,
#ddl-1-3,
#ddl-1-4,
.edu-data,
.jop-position,
.mb-20,
.page-hero-section h2,
.review-2 .author-data,
.review-3 .author-data {
    margin-bottom: 20px
}

.cnt_b h5,
.ct-03-txt h2,
.mb-25 {
    margin-bottom: 25px
}

.doctors-3 .doctor-card,
.mb-30,
.rows-2 #sb-4-1,
.rows-2 #sb-4-2,
.rows-2 #sb-4-3,
.rows-2 #sb-4-4,
h2 {
    margin-bottom: 30px
}

.contact-form-wrapper h5,
.mb-35 {
    margin-bottom: 35px
}

.ct-05-txt,
.footer-contacts,
.footer-emergency,
.footer-info,
.footer-links,
.footer-location,
.footer-working-hours,
.hero-4-framer,
.mb-40 {
    margin-bottom: 40px
}

.brands-title h5,
.doctors-2 .doctor-card,
.mb-50,
.single-post-img {
    margin-bottom: 50px
}

.hero-5-txt,
.mb-60 {
    margin-bottom: 60px
}

#blog-page .blog-post,
.footer-title,
.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-120 {
    margin-bottom: 120px
}

.mx-15 {
    margin-left: 15px;
    margin-right: 15px
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px
}

.mx-25 {
    margin-left: 25px;
    margin-right: 25px
}

.mx-30 {
    margin-left: 30px;
    margin-right: 30px
}

.mx-35 {
    margin-left: 35px;
    margin-right: 35px
}

#sidebar,
.mx-40 {
    margin-right: 40px
}

.mx-40 {
    margin-left: 40px
}

.mx-50 {
    margin-left: 50px;
    margin-right: 50px
}

.mx-60 {
    margin-left: 60px;
    margin-right: 60px
}

.mx-70 {
    margin-left: 70px;
    margin-right: 70px
}

.mx-80 {
    margin-left: 80px;
    margin-right: 80px
}

.bg--fixed {
    background-attachment: scroll !important
}

.bg--scroll {
    background-attachment: fixed !important
}

.bg--theme {
    background-color: var(--theme-color)
}

.bg--azure {
    background-color: var(--azure)
}

.bg--black {
    background-color: var(--black)
}

.bg--blue,
.theme-blue .cssload-loader-inner {
    background-color: var(--blue)
}

.bg--candy {
    background-color: var(--candy)
}

.bg--catalina {
    background-color: var(--catalina)
}

.bg--cloud,
.cloud--shape:after {
    background-color: var(--cloud)
}

.bg--cobalt,
.cobalt--shape:after {
    background-color: var(--cobalt)
}

.bg--coal,
.block-info-txt.theme-coal a:after {
    background-color: var(--coal)
}

.bg--cyan {
    background-color: var(--cyan)
}

.bg--denim {
    background-color: var(--denim)
}

.bg--ghost {
    background-color: var(--ghost)
}

.bg--green,
.theme-green .cssload-loader-inner {
    background-color: var(--green)
}

.bg--pink {
    background-color: var(--pink)
}

.bg--royal,
.royal--shape:after {
    background-color: var(--royal)
}

.bg--seablue {
    background-color: var(--seablue)
}

.bg--sky {
    background-color: var(--sky)
}

.bg--sunny {
    background-color: var(--sunny)
}

#loading,
.bg--white {
    background-color: var(--white)
}

.bg--whitesmoke {
    background-color: #f5f7ff
}

.bg--yellow {
    background-color: var(--yellow)
}

.bg--tra-white {
    background-color: var(--tra-white)
}

.shape--01:after {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    content: '';
    z-index: -1
}

.navy--shape:after {
    background-color: var(--navy)
}

.bg-02--shape:after,
.bg-03--shape:after {
    background-attachment: scroll
}

.bg-02--shape:after {
    background-image: url(../images/bg-02.jpg)
}

.bg-03--shape:after {
    background-image: url(../images/bg-03.jpg)
}

.bg--01 {
    background-image: url(../images/bg-01.jpg)
}

.bg--02 {
    background-image: url(../images/bg-02.jpg)
}

.bg--03 {
    background-image: url(../images/bg-07.jpg)
}

.bg--04 {
    background-image: url(../images/bg-04.jpg)
}

.bg--05 {
    background-image: url(../images/bg-05.jpg)
}

.bg--06 {
    background-image: url(../images/bg-06.jpg)
}

.bg--07 {
    background-image: url(../images/banner2.jpeg)
}

.bg--08 {
    background-image: url(../images/bg-08.html)
}

hr.divider {
    width: 100%;
    height: 1px;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #999 64%, rgba(206, 211, 246, 0) 99%);
    border: none;
    margin: 0
}

.img-anim-right {
    animation: 1s cubic-bezier(.645, .045, .355, 1) .3s forwards img-anim-right;
    opacity: 0
}

@keyframes img-anim-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.img-anim-left {
    animation: 1s cubic-bezier(.645, .045, .355, 1) .3s forwards img-anim-left;
    opacity: 0
}

@keyframes img-anim-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.img-anim-top {
    animation: 1s cubic-bezier(.645, .045, .355, 1) forwards img-anim-top;
    opacity: 0
}

@keyframes img-anim-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1
    }
}

.image-rotate img {
    position: absolute;
    animation: 10s linear infinite spin;
    width: 160px;
    height: 160px
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #17323a;
    font-weight: 600;
    margin-bottom: 0
}

h4,
h5,
h6 {
    letter-spacing: 0
}

.check-list.ico-20 [class^=flaticon-]:after,
.check-list.ico-20 [class^=flaticon-]:before,
.fs-16,
p {
    font-size: 1rem
}

.fs-17 {
    font-size: 1.0625rem
}

.fs-18 {
    font-size: 1.125rem
}

.fs-19 {
    font-size: 1.1875rem
}

.fs-20,
.ico-20 [class*=flaticon-]:after,
.ico-20 [class*=flaticon-]:before {
    font-size: 1.25rem
}

.fs-21 {
    font-size: 18px
}

.fs-22,
.tm-social.ico-25 [class*=flaticon-]:after,
.tm-social.ico-25 [class*=flaticon-]:before {
    font-size: 1.375rem
}

.fs-23 {
    font-size: 1.4375rem
}

.fs-24 {
    font-size: 1.5rem
}

.fs-25,
.ico-25 [class*=flaticon-]:after,
.ico-25 [class*=flaticon-]:before,
.loop_carousel_txt span.carousel_txt.fs-25 {
    font-size: 1.5625rem
}

.fs-26 {
    font-size: 1.625rem
}

.fs-28,
.loop_carousel_txt span.carousel_txt.fs-30 {
    font-size: 1.75rem
}

.fs-30,
.ico-30 [class*=flaticon-]:after,
.ico-30 [class*=flaticon-]:before {
    font-size: 1.875rem
}

.fs-32 {
    font-size: 2rem
}

.fs-34,
.fs-50 {
    font-size: 2.125rem
}

.fs-36 {
    font-size: 2.25rem
}

.fs-38 {
    font-size: 2.375rem
}

.fs-40,
.ico-40 [class*=flaticon-]:after,
.ico-40 [class*=flaticon-]:before {
    font-size: 2.5rem
}

.fs-42 {
    font-size: 2.6255rem
}

.fs-44 {
    font-size: 2.75rem
}

.fs-46 {
    font-size: 2.875rem
}

.fs-48,
.fs-58,
.fs-66 {
    font-size: 45px
}

.fs-52 {
    font-size: 3.25rem
}

.fs-54 {
    font-size: 3.375rem
}

.fs-56 {
    font-size: 3.5rem
}

.fs-60,
.hero-9-title h2,
.ico-60 [class*=flaticon-]:after,
.ico-60 [class*=flaticon-]:before {
    font-size: 3.75rem
}

.fs-62 {
    font-size: 3.875rem
}

.fs-64 {
    font-size: 4rem
}

.fs-68 {
    font-size: 4.25rem
}

.fs-70,
.ico-70 [class*=flaticon-]:after,
.ico-70 [class*=flaticon-]:before {
    font-size: 4.375rem
}

.fs-72 {
    font-size: 4.5rem
}

.fs-74 {
    font-size: 4.625rem
}

.fs-76 {
    font-size: 4.75rem
}

.fs-78 {
    font-size: 4.875rem
}

.fs-80,
.ico-80 [class*=flaticon-]:after,
.ico-80 [class*=flaticon-]:before {
    font-size: 5rem
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500,
.hero-10-txt h2 span {
    font-weight: 500
}

.fw-600,
td.text-end {
    font-weight: 600
}

.fw-700,
.hero-12-txt h2 span {
    font-weight: 700
}

.fw-800,
p.text-dark.mb-2.small {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

.ls-0d35px {
    letter-spacing: -.35px
}

.block-info-txt a,
.ls-0d5px {
    letter-spacing: -.5px
}

.ls-0d75px {
    letter-spacing: -.75px
}

.ls-1px {
    letter-spacing: -1px
}

.ls-1d25px {
    letter-spacing: -1.25px
}

.ls-1d5px {
    letter-spacing: -1.5px
}

.ls-1d75px {
    letter-spacing: -1.75px
}

.ls-2px {
    letter-spacing: -2px
}

a:focus {
    outline: 0
}

a.tra-link {
    font-size: 1rem;
    line-height: 1;
    font-weight: 600
}

a.tra-link:after {
    position: relative;
    font-family: Flaticon;
    font-weight: 300;
    content: "\f141";
    font-size: .725rem;
    top: 1.5px;
    left: 3px
}

a.tra-link:hover {
    color: var(--header-color) !important
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.simple-list {
    list-style: disc;
    margin-left: 15px
}

.jop-position .cbox-1 p,
.pricing-2-table .cbox-1-txt p,
.review-1 .star-rating,
ol.digit-list p,
ul.simple-list.long-list p {
    margin-bottom: 8px
}

.content-section ul.simple-list.long-list p,
.footer-contacts p,
.footer-location p,
.footer-working-hours p,
.hero-9-txt p {
    margin-bottom: 5px
}

.check-list {
    margin: 25px 0 16px
}

.check-list.mt-10,
.doctor-data p {
    margin: 8px 0 0
}

.check-list li p {
    margin-bottom: 7px
}

.check-list li p span {
    position: relative;
    top: 3px;
    margin-right: 10px
}

.lb-list {
    position: relative;
    width: auto;
    margin: 20px 0
}

.list-line {
    position: absolute;
    top: -20px;
    left: 2.15rem;
    width: 3px;
    height: 113%;
    background-color: #f7d5e4
}

.lb-list .list-item {
    padding: 14px 80px 14px 65px;
    border-top: 2px solid #d0e7f3
}

.lb-list .list-item:last-child {
    border-bottom: 2px solid #d0e7f3
}

.lb-list .list-item p {
    padding-left: 10px;
    margin-bottom: 0
}

.cnt_b p span,
.lb-list .list-item p span {
    position: relative;
    top: 2px;
    right: 6px
}

.btn {
    font-size: .975rem;
    line-height: 1;
    font-weight: 600;
    background-color: transparent;
    padding: .8rem 1.6rem;
    border: 2px solid transparent
}

.btn.btn-md {
    font-size: 1rem;
    padding: .9rem 1.8rem
}

.btn.ico-20 {
    padding: .8rem 1.4rem
}

.btn.btn-md.ico-20 {
    padding: .9rem 1.6rem
}

.btn span {
    position: relative;
    margin-left: 4px;
    top: 3px
}

.btn.btn-md span,
.loop_carousel_txt.fs-20 span[class*=flaticon-] {
    top: 2.5px
}

.btn.ico-20 [class*=flaticon-]:after,
.btn.ico-20 [class*=flaticon-]:before {
    font-size: 1rem;
    line-height: .6rem !important
}

.btn--theme,
.color--white .hover--theme:hover,
.hover--theme:hover,
.scroll .hover--theme:hover {
    color: #000 !important;
    border-color: #8bc73e !important;
    background-color: #8bc73e !important
}

.btn--tra-blue,
.color--white .btn--tra-blue,
.hover--tra-blue:hover {
    color: var(--theme-color) !important;
    border-color: var(--theme-color) !important
}

.btn--white,
.color--white .btn--white,
.color--white .hover--white:hover,
.hover--white:hover {
    color: var(--black) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important
}

.btn--tra-white,
.color--white .hover--tra-white:hover,
.hover--tra-white:hover {
    color: var(--white) !important;
    background-color: transparent !important;
    border-color: var(--white) !important
}

.scroll .hover--tra-white:hover {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--black) !important
}

.btn--black,
.hover--black:hover,
.scroll .hover--white:hover {
    background-color: var(--black) !important;
    border-color: var(--black) !important
}

.scroll .hover--white:hover {
    color: var(--whte) !important
}

.btn--black,
.hover--black:hover {
    color: var(--white) !important
}

.btn--tra-black,
.hover--tra-black:hover {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--black) !important
}

.btn--blue,
.color--white .hover--blue:hover,
.hover--blue:hover,
.scroll .hover--blue:hover {
    color: var(--white) !important;
    border-color: var(--blue) !important;
    background-color: var(--blue) !important
}

.btn--tra-blue,
.color--white .btn--tra-blue,
.hover--tra-blue:hover {
    color: var(--blue) !important;
    background-color: transparent !important;
    border-color: var(--blue) !important
}

.btn--candy,
.color--white .hover--candy:hover,
.hover--candy:hover,
.scroll .hover--candy:hover {
    color: var(--white) !important;
    border-color: var(--candy) !important;
    background-color: var(--candy) !important
}

.btn--tra-candy,
.color--white .btn--tra-candy,
.hover--tra-candy:hover {
    color: var(--candy) !important;
    background-color: transparent !important;
    border-color: var(--candy) !important
}

.btn--coal,
.color--white .hover--coal:hover,
.hover--coal:hover,
.scroll .hover--coal:hover {
    color: var(--white) !important;
    border-color: var(--coal) !important;
    background-color: var(--coal) !important
}

.btn--tra-coal,
.color--white .btn--tra-coal,
.hover--tra-coal:hover {
    color: var(--coal) !important;
    background-color: transparent !important;
    border-color: var(--coal) !important
}

.btn--cobalt,
.color--white .hover--cobalt:hover,
.hover--cobalt:hover,
.scroll .hover--cobalt:hover {
    color: var(--white) !important;
    border-color: var(--cobalt) !important;
    background-color: var(--cobalt) !important
}

.btn--tra-cobalt,
.color--white .btn--tra-cobalt,
.hover--tra-cobalt:hover {
    color: var(--cobalt) !important;
    background-color: transparent !important;
    border-color: var(--cobalt) !important
}

.btn--cyan,
.color--white .hover--cyan:hover,
.hover--cyan:hover,
.scroll .hover--cyan:hover {
    color: var(--white) !important;
    border-color: var(--cyan) !important;
    background-color: var(--cyan) !important
}

.btn--tra-cyan,
.color--white .btn--tra-cyan,
.hover--tra-cyan:hover {
    color: var(--cyan) !important;
    background-color: transparent !important;
    border-color: var(--cyan) !important
}

.btn--denim,
.color--white .hover--denim:hover,
.hover--denim:hover,
.scroll .hover--denim:hover {
    color: var(--white) !important;
    border-color: var(--denim) !important;
    background-color: var(--denim) !important
}

.btn--tra-denim,
.color--white .btn--tra-denim,
.hover--tra-denim:hover {
    color: var(--denim) !important;
    background-color: transparent !important;
    border-color: var(--denim) !important
}

.btn--navy,
.color--white .hover--navy:hover,
.hover--navy:hover,
.scroll .hover--navy:hover {
    color: var(--white) !important;
    border-color: var(--navy) !important;
    background-color: var(--navy) !important
}

.btn--tra-navy,
.color--white .btn--tra-navy,
.hover--tra-navy:hover {
    color: var(--navy) !important;
    background-color: transparent !important;
    border-color: var(--navy) !important
}

.btn--royal,
.color--white .hover--royal:hover,
.hover--royal:hover,
.scroll .hover--royal:hover {
    color: #000 !important;
    border-color: var(--royal) !important;
    background-color: #fff !important
}

.btn--tra-royal,
.color--white .btn--tra-royal,
.hover--tra-royal:hover {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #fff !important
}

.btn--sky,
.color--white .hover--sky:hover,
.hover--sky:hover,
.scroll .hover--sky:hover {
    color: var(--navy) !important;
    border-color: var(--sky) !important;
    background-color: var(--sky) !important
}

.btn--tra-sky,
.color--white .btn--tra-sky,
.hover--tra-sky:hover {
    color: var(--sky) !important;
    background-color: transparent !important;
    border-color: var(--sky) !important
}

.btn--skyblue,
.color--white .hover--skyblue:hover,
.hover--skyblue:hover,
.scroll .hover--skyblue:hover {
    color: var(--white) !important;
    border-color: var(--sky-blue) !important;
    background-color: var(--sky-blue) !important
}

.btn--tra-skyblue,
.color--white .btn--tra-skyblue,
.hover--tra-skyblue:hover {
    color: var(--sky-blue) !important;
    border-color: var(--sky-blue) !important
}

.btn--sunny,
.color--white .hover--sunny:hover,
.hover--sunny:hover,
.scroll .hover--sunny:hover {
    color: #000 !important;
    border-color: #8cc63e !important;
    background-color: #8cc63e !important
}

.btn--teal,
.color--white .hover--teal:hover,
.hover--teal:hover,
.scroll .hover--teal:hover {
    color: var(--white) !important;
    border-color: var(--teal) !important;
    background-color: var(--teal) !important
}

.btn--tra-skyblue,
.color--white .btn--tra-skyblue,
.hover--tra-skyblue:hover {
    color: var(--teal) !important;
    background-color: transparent !important;
    border-color: var(--teal) !important
}

.btn.btn--black:focus,
.btn:focus {
    color: var(--white);
    box-shadow: none
}

.btn--tra-black:focus {
    color: var(--header-color);
    box-shadow: none
}

.title-01,
.video-preview {
    position: relative;
    text-align: center
}

.video-btn {
    position: absolute !important;
    top: 50%;
    left: 50%;
    text-align: center;
    color: var(--white);
    width: 6.25rem;
    height: 6.25rem;
    margin-top: -3.125rem;
    margin-left: -3.125rem;
    border-radius: 100%
}

.video-btn-sm {
    width: 4.2rem;
    height: 4.2rem;
    margin-top: -2.1rem;
    margin-left: -2.1rem
}

.video-btn [class^=flaticon-]:after,
.video-btn [class^=flaticon-]:before {
    font-size: 5rem;
    line-height: 6.25rem !important;
    margin-left: 10px
}

.video-btn.video-btn-sm [class^=flaticon-]:after,
.video-btn.video-btn-sm [class^=flaticon-]:before {
    font-size: 3.25rem;
    line-height: 4.2rem !important;
    margin-left: 7px
}

.video-btn:hover .video-block-wrapper {
    transform: scale(.95)
}

.video-btn:before {
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    background: var(--tra-white);
    opacity: 0;
    border-radius: 50%
}

.video-btn:hover:before {
    opacity: .75;
    left: -1.5rem;
    right: -1.5rem;
    top: -1.5rem;
    bottom: -1.5rem
}

.video-btn.video-btn-sm:hover:before {
    opacity: .75;
    left: -1rem;
    right: -1rem;
    top: -1rem;
    bottom: -1rem
}

.video-btn.bg--tra-white {
    border: 3px solid var(--white);
    background-color: rgba(255, 255, 255, .005)
}

.ico-10 [class*=flaticon-]:after,
.ico-10 [class*=flaticon-]:before {
    font-size: .75rem
}

.ico-35 [class*=flaticon-]:after,
.ico-35 [class*=flaticon-]:before {
    font-size: 2.1875rem
}

.ico-45 [class*=flaticon-]:after,
.ico-45 [class*=flaticon-]:before {
    font-size: 2.8125rem
}

.ico-50 [class*=flaticon-]:after,
.ico-50 [class*=flaticon-]:before {
    font-size: 3.125rem
}

.ico-55 [class*=flaticon-]:after,
.ico-55 [class*=flaticon-]:before {
    font-size: 3.4375rem
}

.ico-65 [class*=flaticon-]:after,
.ico-65 [class*=flaticon-]:before {
    font-size: 4.0625rem
}

.ico-75 [class*=flaticon-]:after,
.ico-75 [class*=flaticon-]:before {
    font-size: 4.6875rem
}

.ico-85 [class*=flaticon-]:after,
.ico-85 [class*=flaticon-]:before {
    font-size: 5.3125rem
}

.ico-90 [class*=flaticon-]:after,
.ico-90 [class*=flaticon-]:before {
    font-size: 5.625rem
}

.ico-95 [class*=flaticon-]:after,
.ico-95 [class*=flaticon-]:before {
    font-size: 5.9375rem
}

.ico-100 [class*=flaticon-]:after,
.ico-100 [class*=flaticon-]:before {
    font-size: 6.25rem
}

.ico-105 [class*=flaticon-]:after,
.ico-105 [class*=flaticon-]:before {
    font-size: 6.5625rem
}

.ico-110 [class*=flaticon-]:after,
.ico-110 [class*=flaticon-]:before {
    font-size: 6.875rem
}

.ico-115 [class*=flaticon-]:after,
.ico-115 [class*=flaticon-]:before {
    font-size: 7.1875rem
}

.ico-120 [class*=flaticon-]:after,
.ico-120 [class*=flaticon-]:before {
    font-size: 7.5rem
}

.ico-125 [class*=flaticon-]:after,
.ico-125 [class*=flaticon-]:before {
    font-size: 7.8125rem
}

.hover-overlay {
    width: 100%;
    height: auto;
    position: relative
}

.hover-overlay img {
    transform: scale(1);
    overflow: hidden;
    transition: transform .4s
}

.item-overlay {
    opacity: 0;
    -moz-opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, .5);
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -ms-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

#about-page.page-hero-section,
#contact-page,
#services-page.page-hero-section,
.hero-2 {
    background-image: url(../images/hero-2.webp)
}

.module-subtitle {
    display: block;
    font-size: .815rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 20px
}

.module-subtitle.bg--sunny {
    background-color: var(--sunny);
    color: var(--denim);
    font-size: .735rem;
    padding: 10px 16px;
    border-radius: 8px
}

.title-03 .section-title {
    padding-right: 15px
}

.title-01 p {
    margin: 20px 30px 0
}

.brands-title p,
.cbox-3-txt p,
.cbox-3:last-child .cbox-3-txt,
.dynamicForm input.form-control,
.edu-data p,
.faqs-4.faqs-section .accordion-item.acc-last-item,
.foo-links li:last-child p,
.footer-copyright p,
.footer-emergency p,
.footer-info p,
.page-hero-section p.fs-18,
.sbox-1 p,
.sbox-2 p,
.sbox-4 p,
.title-03 p,
.tm-social span,
.txt-table .table,
.users p {
    margin-bottom: 0
}

.brands-2 .loop_carousel_left,
.ct-01 .img-block.right-column,
.reviews-4-txt,
.section-rating .users {
    margin-left: 25px
}

.section-rating .users img {
    position: relative;
    max-width: inherit;
    max-height: 60px;
    top: 0
}

.section-rating .users p {
    font-size: .95rem;
    display: block;
    line-height: 1.45;
    margin: 14px 0 0
}

.section-rating .users p span {
    color: var(--header-color);
    font-weight: 600;
    display: inline-block
}

.bg--black.footer h6,
.color--white .call-link-txt p,
.color--white .call-link-txt span,
.color--white .section-rating .users p span,
.color--white .txt-table .table td,
.headtoppart.color--white p a,
.headtoppart.color--white span,
.navbar-light .wsmenu>.wsmenu-list>li>a.h-link,
.sbox-6-wrapper .owl-carousel.white_nav .owl-nav button.owl-next,
.sbox-6-wrapper .owl-carousel.white_nav .owl-nav button.owl-prev {
    color: var(--white)
}

.block-info {
    text-align: center;
    margin-top: 40px
}

.block-info.mt-75 {
    margin-top: 75px
}

.block-info.mt-85 {
    margin-top: 85px
}

.block-info img {
    width: auto;
    max-width: inherit;
    max-height: 75px;
    margin-right: 10px
}

.block-info-txt {
    position: relative;
    font-size: 1.2rem
}

.block-info-txt a {
    position: relative;
    color: var(--header-color);
    font-size: 1.175rem;
    font-weight: 600;
    padding-bottom: 8px
}

.block-info-txt.theme-coal a {
    color: var(--coal)
}

.block-info-txt a:after {
    content: '';
    background-color: var(--header-color);
    width: 100%;
    height: 2.25px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    transition: .3s ease-in
}

.block-info-txt a:hover:after {
    width: 60%;
    opacity: 1
}

.users img {
    position: relative;
    width: auto;
    max-width: inherit;
    max-height: 50px;
    top: -13px
}

.users p {
    font-size: .925rem;
    margin-left: 5px;
    line-height: 1.45
}

.logo-black,
.logo-white,
.slideshow .slide.is-active,
.tra-menu.navbar-light .scroll .logo-black,
.users p span {
    display: block
}

.color--theme,
.color--theme :is(h1, h2, h3, h4, h5, h6),
.color--theme a {
    color: var(--theme-color) !important
}

.color--white,
.color--white :is(h1, h2, h3, h4, h5, h6),
.color--white a {
    color: #17323b
}

.color--black,
.color--black :is(h1, h2, h3, h4, h5, h6),
.color--black a {
    color: var(--black)
}

.color--blue,
.color--blue :is(h1, h2, h3, h4, h5, h6),
.color--blue a {
    color: #17323b
}

.color--candy,
.color--candy :is(h1, h2, h3, h4, h5, h6),
.color--candy a {
    color: var(--candy)
}

.color--coal,
.color--coal :is(h1, h2, h3, h4, h5, h6),
.color--coal a {
    color: var(--coal)
}

.color--cobalt,
.color--cobalt :is(h1, h2, h3, h4, h5, h6),
.color--cobalt a {
    color: var(--cobalt)
}

.color--coral,
.color--coral :is(h1, h2, h3, h4, h5, h6),
.color--coral a {
    color: var(--coral)
}

.color--cyan,
.color--cyan :is(h1, h2, h3, h4, h5, h6),
.color--cyan a {
    color: var(--cyan)
}

.color--denim,
.color--denim :is(h1, h2, h3, h4, h5, h6),
.color--denim a {
    color: var(--denim)
}

.color--green,
.color--green :is(h1, h2, h3, h4, h5, h6),
.color--green a {
    color: var(--green)
}

.color--header,
.color--header :is(h1, h2, h3, h4, h5, h6),
.color--header a {
    color: var(--header-color)
}

.color--navy,
.color--navy :is(h1, h2, h3, h4, h5, h6),
.color--navy a {
    color: var(--navy)
}

.color--pink,
.color--pink :is(h1, h2, h3, h4, h5, h6),
.color--pink a {
    color: var(--pink)
}

.color--salmon,
.color--salmon :is(h1, h2, h3, h4, h5, h6),
.color--salmon a {
    color: var(--salmon)
}

.color--sand,
.color--sand :is(h1, h2, h3, h4, h5, h6),
.color--sand a {
    color: var(--sand)
}

.color--seablue,
.color--seablue :is(h1, h2, h3, h4, h5, h6),
.color--seablue a {
    color: var(--seablue)
}

.color--skyblue,
.color--skyblue :is(h1, h2, h3, h4, h5, h6),
.color--skyblue a {
    color: var(--sky-blue)
}

.color--teal,
.color--teal :is(h1, h2, h3, h4, h5, h6),
.color--teal a {
    color: var(--teal)
}

.color--yellow,
.color--yellow :is(h1, h2, h3, h4, h5, h6),
.color--yellow a {
    color: var(--yellow)
}

#loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999999;
    top: 0
}

.cssload-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    border: 6px solid #78c849;
    animation: 3.9s infinite cssload-loader
}

.headerwp,
.headtoppart {
    margin: 0 auto;
    padding: 0
}

.theme-blue .cssload-loader {
    border: 6px solid var(--blue)
}

.theme-green .cssload-loader {
    border: 6px solid var(--green)
}

.cssload-loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #78c849;
    animation: 3.9s ease-in infinite cssload-loader-inner
}

@keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }

    25%,
    50% {
        transform: rotate(180deg)
    }

    100%,
    75% {
        transform: rotate(360deg)
    }
}

@-o-keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }

    25%,
    50% {
        transform: rotate(180deg)
    }

    100%,
    75% {
        transform: rotate(360deg)
    }
}

@-ms-keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }

    25%,
    50% {
        transform: rotate(180deg)
    }

    100%,
    75% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }

    25%,
    50% {
        transform: rotate(180deg)
    }

    100%,
    75% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes cssload-loader {
    0% {
        transform: rotate(0)
    }

    25%,
    50% {
        transform: rotate(180deg)
    }

    100%,
    75% {
        transform: rotate(360deg)
    }
}

@keyframes cssload-loader-inner {

    0%,
    100%,
    25% {
        height: 0%
    }

    50%,
    75% {
        height: 100%
    }
}

@-o-keyframes cssload-loader-inner {

    0%,
    100%,
    25% {
        height: 0%
    }

    50%,
    75% {
        height: 100%
    }
}

@-ms-keyframes cssload-loader-inner {

    0%,
    100%,
    25% {
        height: 0%
    }

    50%,
    75% {
        height: 100%
    }
}

@-webkit-keyframes cssload-loader-inner {

    0%,
    100%,
    25% {
        height: 0%
    }

    50%,
    75% {
        height: 100%
    }
}

@-moz-keyframes cssload-loader-inner {

    0%,
    100%,
    25% {
        height: 0%
    }

    50%,
    75% {
        height: 100%
    }
}

#header {
    width: 100%;
    display: block;
    padding-top: 0
}

.header-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.ct-06-img,
.headtoppart span,
.posrlt,
.sbox-6-wrapper,
.slideshow {
    position: relative
}

.headerwp {
    max-width: 1320px
}

.call-link-txt,
.cbox-1-txt,
.cbox-3-txt,
.cbox-4-txt,
.slider {
    max-width: 100%;
    overflow: hidden
}

.headtoppart {
    display: block;
    width: 100%;
    height: 40px;
    min-width: 320px
}

.headertopcenter {
    width: 100%;
    float: none;
    text-align: center
}

.headertopleft {
    width: 50%;
    float: left
}

.headertopright {
    width: 50%;
    float: right;
    text-align: right
}

.cbox-3-ico,
.ex,
.hero-11-img,
.hero-4-txt,
.hero-7-img,
.img-block,
.sbox-3-txt,
.slider .indicators {
    text-align: center
}

.headertopcenter p {
    font-size: .8rem;
    line-height: 40px
}

.headertopleft p,
.headertopright p {
    font-size: .8rem;
    line-height: 40px;
    margin: 0 28px 0 0
}

.headertopleft p {
    margin: 0 0 0 18px
}

.headtoppart p a {
    color: var(--text-color);
    margin-left: 12px
}

.headtoppart .headertopcenter p a {
    margin-left: 6px
}

.headtoppart span {
    top: 1px;
    right: 1px;
    color: var(--header-color)
}

.headtoppart [class^=flaticon-]:after,
.headtoppart [class^=flaticon-]:before,
.sub-menu.ico-10 [class*=flaticon-]:after,
.sub-menu.ico-10 [class*=flaticon-]:before {
    font-size: .7rem
}

.desktoplogo {
    line-height: 80px
}

.desktoplogo img {
    width: auto;
    max-width: inherit;
    max-height: 42px
}

.wsmainfull {
    width: 100%;
    height: auto;
    z-index: 1031;
    transition: 450ms ease-in-out
}

.tra-menu .wsmainfull {
    padding: 20px 0;
    background-color: #ffffff90 !important;
    box-shadow: none
}

.white-menu .wsmainfull {
    padding: 6px 0;
    background-color: var(--white) !important;
    box-shadow: 0 2px 3px var(--tra-gray)
}

#header.hiddden-header,
.navbar-dark .logo-white,
.navbar-light .logo-black,
.tabs-1 .tab-content,
.tra-menu.navbar-light .scroll .logo-white,
i.bi.bi-envelope-fill.me-2,
i.bi.bi-telephone-fill.me-2 {
    display: none
}

.hidden-nav .wsmainfull {
    margin-top: -140px;
    box-shadow: 0 2px 3px var(--tra-gray);
    transition: .4s ease-in-out
}

.wsmenu>.wsmenu-list>li>a {
    display: block;
    font-size: .975rem;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    margin: 0 8px;
    padding: 10px 15px
}

.navbar-dark .wsmenu>.wsmenu-list>li>a.h-link,
.tra-menu.navbar-dark .scroll .wsmenu>.wsmenu-list>li>a.h-link,
.tra-menu.navbar-light .scroll .wsmenu>.wsmenu-list>li>a.h-link {
    color: var(--black)
}

.wsmenu>.wsmenu-list>li>a.h-link.last-link {
    padding: 10px 0;
    margin: 0
}

.wsmenu>.wsmenu-list>li>a .wsarrow:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    content: "";
    float: right;
    right: 0;
    height: 0;
    margin: 0 0 0 17px;
    position: absolute;
    text-align: right;
    top: 40px;
    width: 0
}

.wsmenu>.wsmenu-list>li a.btn {
    font-size: .925rem;
    line-height: 30px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 17px;
    padding: 7px 24px
}

.centered-menu .wsmenu>.wsmenu-list>li a.btn {
    padding: 6px 13px 5px
}

.nl-simple.m-left .btn {
    margin-left: 60px
}

.wsmenu>.wsmenu-list>li.lang {
    margin-right: 12px
}

.wsmenu>.wsmenu-list>li.lang>ul.sub-menu {
    width: auto;
    min-width: 115px !important;
    padding: 8px 5px
}

.wsmenu>.wsmenu-list>li.lang>ul.sub-menu>li>a {
    font-size: .875rem;
    padding: 8px 11px
}

.wsmenu>.wsmenu-list>li.lang>ul.sub-menu>li>a:hover {
    padding: 8px 11px
}

.wsmenu>.wsmenu-list>li>ul.sub-menu {
    width: auto;
    min-width: 200px;
    top: 62px;
    padding: 14px 22px;
    border-radius: 4px;
    box-shadow: 0 2px 3px var(--tra-gray)
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a,
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
    color: var(--black);
    font-size: .935rem;
    font-weight: 600;
    padding: 9px 0;
    transition: .3s ease-in-out
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    padding: 9px 0 9px 4px
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {
    min-width: 210px;
    position: absolute;
    left: 102%;
    top: 0;
    margin: 0;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 3px var(--tra-gray)
}

.timing-table tbody tr:last-child td,
.wsmenu>.wsmenu-list>li>.wsmegamenu .link-list li,
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li {
    border-bottom: none
}

.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a span {
    position: absolute;
    top: 10px;
    right: 9px
}

.wsmenu>.wsmenu-list>li>.wsmegamenu {
    top: 90px;
    padding: 20px 22px;
    border-radius: 4px;
    box-shadow: 0 2px 3px var(--tra-gray)
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu {
    width: 35%;
    padding: 15px 14px;
    border-radius: 4px;
    box-shadow: 0 2px 3px var(--tra-gray)
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.halfmenu ul.link-list>li>a,
.wsmenu>.wsmenu-list>li>.wsmegamenu.w-90 ul.link-list>li>a {
    background-color: transparent;
    color: var(--black);
    font-size: .935rem;
    font-weight: 600;
    padding: 9px 0;
    transition: .3s ease-in-out
}

.wsmenu>.wsmenu-list>li>.wsmegamenu.w-90 {
    width: 80%;
    left: 10%;
    padding: 8px
}

.wsmegamenu.w-90 .col-lg-3 {
    width: 22%;
    padding: 0 6px
}

.wsmegamenu.w-90 .col-lg-3.col-img {
    width: 32%;
    padding: 0
}

.col-img .video-preview {
    margin-top: 5px
}

.wsmegamenu p.title {
    font-size: .8rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 5px 0 15px
}

.navbar-light .wsmenu-list>li>a.h-link:hover {
    color: var(--smoke)
}

.navbar-dark .wsmenu-list>li>a.h-link:hover {
    color: var(--ink)
}

.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-theme>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-theme>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--theme-color)
}

.footer a.color--blue,
.menu-list li:hover span,
.pricing-features.ico--blue span,
.wsmenu>.wsmenu-list.nav-blue>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-blue>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--blue)
}

.wsmenu>.wsmenu-list.nav-candy>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-candy>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-candy>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-candy>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--candy)
}

.wsmenu>.wsmenu-list.nav-cyan>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-cyan>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-cyan>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-cyan>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--cyan)
}

.wsmenu>.wsmenu-list.nav-green>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-green>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-green>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--green)
}

.wsmenu>.wsmenu-list.nav-teal>li>.wsmegamenu.halfmenu ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-teal>li>.wsmegamenu.w-90 ul.link-list>li>a:hover,
.wsmenu>.wsmenu-list.nav-teal>li>ul.sub-menu>li>a:hover,
.wsmenu>.wsmenu-list.nav-teal>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: var(--teal)
}

.tra-menu .wsmainfull.scroll,
.white-menu .wsmainfull.scroll {
    padding: 0;
    border: none;
    background-color: rgba(255, 255, 255, .7) !important;
    backdrop-filter: blur(20px);
    box-shadow: 0 2px 3px var(--tra-gray)
}

.navbar-light .scroll .wsmenu-list>li>a.h-link:hover {
    color: var(--ink) !important
}

.scroll .btn--tra-white {
    color: var(--black) !important;
    border-color: var(--black) !important
}

.slideshow {
    overflow: hidden;
    width: 100%;
    height: 800px;
    z-index: 1
}

.slideshow .slideshow-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slideshow .slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 800px;
    z-index: 1
}

.slideshow .slide {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .3s
}

.slideshow .slide .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.hero-2,
.slider {
    position: relative
}

.slideshow .slide .image {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.slideshow .slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center
}

.cbox-1,
.cbox-3,
.cbox-4 {
    flex-flow: row wrap;
    display: flex
}

.slider {
    height: 530px
}

.slider .slides {
    margin: 0;
    height: 530px
}

.slider .slides li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: inherit;
    overflow: hidden
}

.hero-12 .image-rotate img,
.hero-12-link,
.hero-3 .image-rotate img,
.hero-3-link {
    width: 160px;
    height: 160px
}

.slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.slider .indicators {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0;
    z-index: 98
}

.slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    margin: 0 7px;
    opacity: .5;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    border-radius: 50%
}

.slider .indicators .indicator-item.active {
    background-color: #fff;
    opacity: .65
}

.hero-1 .caption {
    margin-top: 90px;
    padding-right: 2%
}

.hero-1 .module-subtitle {
    font-size: .8rem;
    margin-bottom: 45px
}

.hero-1 .caption h2 {
    font-size: 4.75rem;
    line-height: 1.2
}

.hero-1 .caption p {
    margin: 22px 4% 32px 0
}

.hero-2 {
    padding-top: 80px
}

.hero-2-txt {
    margin: 0 0 0 10px
}

.hero-2-txt .module-subtitle {
    font-size: .8rem
}

.hero-2-txt h2 {
    font-size: 40px;
    line-height: 1.15
}

.hero-2-txt p.fs-21 {
    margin: 22px 3% 32px 0
}

.hero-2-img {
    width: 100%;
        height: auto;
        object-fit: cover;
    margin: 0 15px 0 10px
}

.hero-4-wrapper,
.hero-6-wrapper {
    margin-top: 125px
}

.hero-2-avatars {
    position: absolute;
    bottom: 90px;
    right: 330px;
    padding: 16px 30px 2px 17px
}

.hero-10-avatars .users img,
.hero-2-avatars .users img,
.hero-4-avatars .users img {
    max-height: 60px;
    top: -11px
}

.hero-10-avatars .users p,
.hero-2-avatars .users p,
.hero-4-avatars .users p {
    position: relative;
    font-size: .9rem;
    top: 4px;
    left: 4px;
    margin: 0
}

.hero-3 {
    background-image: url(../images/hero-3.jpg);
    padding-top: 340px;
    padding-bottom: 100px
}

.hero-3-title h2 {
    font-size: 5.5rem;
    line-height: 1.25
}

.hero-3-txt p {
    margin: 0 0 20px 4%
}

.hero-3-link {
    position: relative;
    margin-bottom: 20px
}

.hero-4-wrapper {
    position: relative;
    background-image: url(../images/hero-4.jpg);
    padding: 25px
}

.hero-4-txt {
    padding: 65px 55px 55px;
    margin-right: 20px
}

.hero-4-framer a {
    background-color: #f1f1f1;
    font-size: .95rem;
    padding: 10px 25px;
    border-radius: 36px
}

.hero-4-framer span {
    position: relative;
    top: 4px;
    right: 2px
}

.hero-4-framer.ico-15 [class*=flaticon-]:after,
.hero-4-framer.ico-15 [class*=flaticon-]:before {
    font-size: 1.1rem
}

.hero-4-txt h2 {
    font-size: 2.85rem
}

.hero-4-txt p.fs-17 {
    margin: 30px 0 25px
}

.hero-4-avatars {
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding: 16px 30px 2px 17px
}

.hero-10,
.hero-8 {
    position: relative
}

.hero-7,
.hero-8 {
    padding-bottom: 100px
}

.hero-10 .star-rating small,
.hero-4 .star-rating small {
    font-size: .9rem;
    margin-left: 2px
}

.hero-10 .star-rating.ico-15 [class*=flaticon-]:after,
.hero-10 .star-rating.ico-15 [class*=flaticon-]:before,
.hero-4 .star-rating.ico-15 [class*=flaticon-]:after,
.hero-4 .star-rating.ico-15 [class*=flaticon-]:before {
    position: relative;
    font-size: .915rem;
    top: 1.5px
}

.hero-5-txt .module-subtitle {
    font-size: .75rem;
    margin-bottom: 45px
}

.hero-5-txt h2 {
    font-size: 3.85rem
}

.hero-5-txt p {
    margin: 18px 10% 30px 0
}

.hero-6 .slideshow,
.hero-6 .slideshow .slides {
    height: 680px
}

.hero-6 .caption {
    margin-top: 15px;
    padding-left: 35px
}

.hero-6 .module-subtitle {
    font-size: .8rem;
    margin-bottom: 42px
}

.hero-6 .caption h2 {
    font-size: 4.35rem
}

.hero-6 .caption p {
    margin: 20px 0 35px
}

.hero-7 {
    padding-top: 200px
}

.hero-7-txt .module-subtitle {
    font-size: .9rem;
    margin-bottom: 40px
}

.cbox-1 [class*=flaticon-]:after,
.cbox-1 [class*=flaticon-]:before,
.doctor-card [class^=flaticon-]:before,
.doctor-card[class^=flaticon-]:after,
.post-link.ico-15 [class*=flaticon-]:after,
.post-link.ico-15 [class*=flaticon-]:before,
.sbox-7-txt .btn {
    font-size: .85rem
}

.hero-7-txt h2 {
    font-size: 4rem;
    line-height: 1.2;
    letter-spacing: -1px;
    padding-right: 8%
}

.hero-7-txt p {
    margin: 25px 6% 30px 0
}

.hero-7-img {
    margin-left: 20px
}

.hero-8 {
    background-image: url(../images/hero-8.jpg);
    padding-top: 220px
}

.hero-8-title .module-subtitle {
    font-size: .85rem;
    margin-bottom: 45px
}

.hero-8-title h2 {
    font-size: 4.75rem;
    line-height: 1.25;
    margin-bottom: 35px
}

.hero-8-txt {
    margin-top: -40px
}

.cbox-2 p,
.cbox-4-txt p,
.hero-8-txt p,
.r4-data p {
    margin: 0
}

.hero-9 {
    background-color: #f5f9fc;
    padding-top: 240px;
    margin-bottom: 80px
}

.hero-9-title h2 span {
    font-size: 3.9rem;
    padding-bottom: 2px;
    border-bottom: 5px solid var(--cobalt)
}

.hero-9 .slider {
    margin: 70px 0 -80px
}

.hero-9-txt {
    margin-left: 30px
}

.hero-10 {
    background-image: url(../images/hero-10.jpg);
    padding-top: 200px;
    padding-bottom: 120px
}

.hero-10-txt h2 {
    font-size: 6.5rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -2px
}

.hero-10-txt p {
    margin: 25px 30% 35px 0
}

.hero-10-avatars {
    position: absolute;
    bottom: 50px;
    right: 50px;
    padding: 16px 30px 2px 17px
}

.hero-11 {
    padding-top: 140px;
    padding-bottom: 80px
}

.hero-11:after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 45%;
    height: 100%;
    bottom: 0;
    right: 0;
    background-color: #e3edf4;
    border-radius: 0 0 0 20px
}

.sbox-4,
.sbox-5 {
    border: 2px solid var(--silver);
    background-color: var(--white);
    transition: .4s ease-in-out
}

.hero-11-txt {
    padding-right: 5%
}

.hero-avatars-widget {
    font-size: .975rem;
    margin-bottom: 40px
}

.hero-avatars-widget img {
    position: relative;
    width: auto;
    max-width: inherit;
    max-height: 38px;
    margin-right: 3px
}

.hero-avatars-widget span,
.single-post-txt p span {
    color: var(--header-color);
    font-weight: 600
}

.hero-11-txt h2 {
    font-size: 3.85rem;
    line-height: 1.25
}

.hero-11-txt p {
    margin: 20px 5% 26px 0
}

.hero-12 {
    position: relative;
    background-image: url(../images/hero-12.jpg);
    padding-top: 200px;
    padding-bottom: 110px
}

.hero-12-txt h2 {
    font-size: 4.6rem;
    line-height: 1.2;
    font-weight: 400
}

.hero-12-txt p {
    margin: 15px 8% 30px 0
}

.hero-12-link {
    position: absolute;
    bottom: 95px;
    right: 12%
}

.services-6.shape--bkg:after {
    position: absolute;
    width: 100%;
    height: 77%;
    top: 0;
    left: 0;
    content: '';
    z-index: -1
}

.sbox-carousel {
    margin: 0 -12px
}

.reviews-4-wrapper,
.sbox-1 {
    padding: 0 20px
}

.sbox-4 {
    padding: 40px 32px
}

.s4-inv .sbox-4 {
    padding: 40px 32px 30px;
}

.sbox-5 {
    padding: 16px 10px 9px;
}

.sbox-4.block--shadow,
.sbox-5.block--shadow {
    border-color: transparent;
    box-shadow: 0 8px 15px 0 var(--tra-black)
}

.sbox-4.bg--ghost,
.sbox-5.bg--ghost {
    background-color: var(--ghost);
    border-color: rgba(231, 231, 231, .7)
}

.sbox-4.bg--white.hov-blue:hover,
.sbox-5.bg--white.hov-blue:hover {
    background-color: var(--blue);
    border-color: var(--blue)
}

.breadcrumb-item.active,
.sbox-4.bg--white:hover h5,
.sbox-4.bg--white:hover p,
.sbox-4.bg--white:hover span,
.sbox-5.bg--white:hover h5,
.sbox-5.bg--white:hover p,
.sbox-5.bg--white:hover span {
    color: #000
}

.sbox-4.border--theme:hover,
.sbox-5.border--theme:hover {
    background-color: var(--white);
    border-color: var(--theme-color)
}

.sbox-4.bg--ghost:hover,
.sbox-4.border--blue:hover,
.sbox-5.bg--ghost:hover,
.sbox-5.border--blue:hover {
    background-color: var(--white);
    border-color: var(--blue)
}

.theme-cyan .sbox-4:hover,
.theme-cyan .sbox-5:hover {
    background-color: var(--white);
    border-color: var(--cyan)
}

.theme-green .sbox-5:hover {
    background-color: var(--white);
    border-color: var(--green)
}

.ct-02 .img-block,
.sbox-6 {
    margin: 0 12px
}

#brand-4-5,
#brand-4-6,
#brand-4-7,
#sb-1-1,
#sb-1-2,
#sb-1-3 {
    border-right: 1px solid var(--silver)
}

.sbox-ico {
    margin-bottom: 18px
}

.booking-section .txt-block h2,
.doctor-bio h2,
.sbox-4 .sbox-ico {
    margin-bottom: 16px
}

.s4-inv .sbox-4 .sbox-ico,
.sbox-5 .sbox-ico {
    margin: 35px 0 0 !important
}

.sbox-6-txt {
    margin: 25px 0 0 15px
}

.sbox-7-txt {
    padding: 30px 25px 25px
}

.sbox-3-img {
    position: relative;
    z-index: -1
}

.sbox-3-txt {
    background-color: var(--white);
    padding: 25px 20px 0;
    margin: -50px 16px 0;
    border-radius: 12px 12px 0 0;
    z-index: 2
}

.cb-1a,
.footer-location p.mb-10,
.sbox-3 h5 {
    margin-bottom: 10px
}

.sbox-3 p {
    font-size: .975rem;
    margin-bottom: 0
}

.sb-6-data {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 20px;
    padding: 20px 22px;
    background-color: rgba(255, 255, 255, .95)
}

.cbox-1,
.cbox-1 span,
.cbox-3,
.cbox-3 .ico-wrap,
.cbox-3-ico,
.ct-04,
.menu-list li {
    position: relative
}

.sb-6-data p {
    color: var(--text-color);
    font-size: .95rem;
    margin: 8px 0 0
}

.cbox-1 p,
.jop-position p,
.sbox-1 h5,
.sbox-2 h5 {
    margin-bottom: 14px
}

.cb-1a .cbox-1 p,
.edu-data h6,
.jop-position h6,
.location-card h5,
.review-1 h6,
.sbox-4 h5,
.sbox-5 h5 {
    margin-bottom: 12px
}

.sbox-7-txt h4 {
    margin: 40px 0 15px
}

.sbox-5 p {
    color: #17323a;
    margin-bottom: 0
}

.sbox-7-txt p {
    margin: 12px 0 0
}

.sbox-7-txt .btn {
    padding: .7rem 1.75rem
}

.services-section .more-btn {
    text-align: center;
    margin-top: 55px
}

.sbox-3 .item-overlay,
.sbox-6 .item-overlay,
.sbox-7 .item-overlay {
    background: rgba(20, 20, 20, .12)
}

.cbox-3:hover .cbox-3-ico,
.txt-block .accordion-item {
    background-color: transparent
}

.gallery-image:hover img,
.sbox-3:hover img,
.sbox-6:hover img,
.sbox-7:hover img {
    transform: scale(1.1)
}

.blog-post:hover img,
.doctor-card:hover img,
.location-card:hover img {
    transform: scale(1.05)
}

.doctor-card:hover .item-overlay,
.sbox-3:hover .item-overlay,
.sbox-6:hover .item-overlay,
.sbox-7:hover .item-overlay {
    opacity: 1;
    -moz-opacity: 1
}

.sbox-6-wrapper .owl-theme .owl-nav {
    position: absolute;
    top: -135px;
    right: 20px;
    margin-top: 0
}

.sbox-6-wrapper .owl-theme.nav_center .owl-nav {
    position: relative;
    top: 0;
    right: 0;
    margin-top: 40px
}

.sbox-6-wrapper .owl-theme .owl-nav span {
    background-color: transparent;
    font-size: 1.85rem;
    font-weight: 300;
    padding: 0 16px 3px 14px;
    border: 1.5px solid var(--silver);
    width: 0;
    height: 0;
    margin: 0 6px;
    border-radius: 6px;
    transition: .4s ease-in-out
}

.sbox-6-wrapper .owl-carousel .owl-nav .owl-next span {
    padding: 0 14px 3px 16px
}

.sbox-6-wrapper .owl-theme .owl-nav span:hover {
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue)
}

.sbox-6-wrapper .owl-theme.theme-cyan .owl-nav span:hover {
    color: var(--white);
    background-color: var(--cyan);
    border-color: var(--cyan)
}

.sbox-6-wrapper .owl-theme.theme-teal .owl-nav span:hover {
    color: var(--white);
    background-color: var(--teal);
    border-color: var(--teal)
}

.sbox-6-wrapper .owl-theme .owl-nav [class*=owl-] {
    padding: 0;
    margin: 0
}

.sbox-6-wrapper .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: inherit
}

#service-page .inner-img {
    margin: 45px 0
}

#service-page .txt-block h4.fs-26 {
    margin: 25px 0 20px
}

.sidebar-menu {
    padding: 40px
}

.menu-list li {
    padding: 15px 0;
    border-bottom: 1.5px solid var(--smoke);
    transition: .4s ease-in-out
}

.menu-list li:last-child {
    padding: 15px 0 0;
    border-bottom: none
}

.menu-list li h5,
.tabs-1 li h5 {
    color: #999;
    transition: .4s ease-in-out
}

.booking-form.theme-blue .form-control:focus,
.menu-list li:hover {
    border-color: var(--blue)
}

.menu-list li:hover h5 {
    padding-left: 10px
}

.footer-emergency a.color--blue,
.menu-list li:hover a {
    color: var(--blue) !important
}

.menu-list li span {
    color: var(--navy);
    position: absolute;
    top: 12px;
    right: 0;
    transition: .4s ease-in-out
}

.sidebar-timetable {
    margin-top: 30px;
    padding: 40px
}

.sidebar-timetable p {
    margin: 15px 0 22px
}

.ct-04 {
    width: 100%;
    padding: 260px 0
}

#timetable-page {
    padding-bottom: 200px
}

.txt-block.left-column {
    padding-right: 35px
}

.txt-block.right-column {
    /* padding-left: 35px */
}


.ct-03-txt {
    padding: 0 65px
}

.ct-06-wrapper {
    overflow: hidden;
    padding: 20px
}

.ct-06-txt {
    padding: 85px 30px 85px 40px
}

.ct-06-txt h2,
.txt-block h2 {
    margin-bottom: 22px
}

.txt-block .btn {
    margin-top: 12px
}

.txt-block h5.fs-23,
.txt-block h5.fs-24 {
    line-height: 2
}

.txt-block h5.fs-23 span,
.txt-block h5.fs-24 span {
    color: #777;
    margin-right: 6px
}

.contact-form .form-btn,
.ct-03-txt .btn {
    margin-top: 10px
}

.cbox-1,
.cbox-3 {
    align-items: stretch !important;
    justify-content: flex-start
}

.cbox-1 span {
    top: 1px;
    right: 10px
}

.cbox-1-txt,
.cbox-4-txt {
    flex: 1
}

.cbox-2 h5 {
    margin: 12px 0 13px
}

.cbox-3 .ico-wrap {
    margin-right: 1.625rem
}

.cbox-3-ico {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    line-height: 2.25rem;
    font-weight: 600;
    border: 3px solid transparent;
    border-radius: 100%;
    transition: 450ms ease-in-out
}

#stlChanger,
.bottom-footer-socials li span,
.brands-1 .loop_carousel_left img,
.brands-2 .loop_carousel_left img,
.faqs-2.faqs-section .accordion-thumb,
.faqs-section .accordion-thumb h5 span,
.image-data,
.input-group,
.newsletter-section .form-control,
.page-link,
.tabs-1 li,
.tm-social ul {
    transition: .4s ease-in-out
}

.cbox-3-line {
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 2px;
    background-color: var(--smoke);
    height: calc(100% - 70px);
    transform: translateX(-50%)
}

.input-group,
.pricing-3-table,
.r4-data {
    background-color: var(--white)
}

.cbox-3:hover .cbox-3-ico.bg--theme {
    color: var(--theme-color) !important;
    border-color: var(--theme-color)
}

.cbox-3:hover .cbox-3-ico.bg--blue {
    color: var(--blue) !important;
    border-color: var(--blue)
}

.cbox-3:hover .cbox-3-ico.bg--candy {
    color: var(--candy) !important;
    border-color: var(--candy)
}

.cbox-3:hover .cbox-3-ico.bg--cobalt {
    color: var(--cobalt) !important;
    border-color: var(--cobalt)
}

.cbox-3:hover .cbox-3-ico.bg--cyan {
    color: var(--cyan) !important;
    border-color: var(--cyan)
}

.cbox-3:hover .cbox-3-ico.bg--denim {
    color: var(--denim) !important;
    border-color: var(--denim)
}

.cbox-3:hover .cbox-3-ico.bg--green {
    color: var(--green) !important;
    border-color: var(--green)
}

.cbox-3:hover .cbox-3-ico.bg--seablue {
    color: var(--seablue) !important;
    border-color: var(--seablue)
}

.cbox-3-txt {
    flex: 1;
    margin-bottom: 35px
}

.cbox-3-txt h5 {
    line-height: 1.4 !important;
    margin-bottom: 15px !important
}

.cbox-4 {
    position: relative;
    align-items: stretch !important;
    justify-content: flex-start;
    padding: 22px 0;
    margin-right: 50px;
    border-top: 1px solid var(--silver)
}

.cbox-4.mt-10 {
    margin-top: 5px;
    border-top: none
}

.cbox-4 .ico-wrap {
    position: relative;
    margin-right: 30px
}

.cbox-4-ico span {
    position: relative;
    top: 4px
}

.call-link {
    display: flex;
    position: relative;
    flex-flow: row wrap;
    align-items: stretch !important;
    justify-content: flex-start;
    border-left: 3px solid var(--blue);
    padding: 8px 0 8px 40px;
    margin: 25px 0 0 4px
}

.call-link.theme-candy {
    border-left: 3px solid var(--candy)
}

.call-link.theme-cobalt {
    border-left: 3px solid var(--cobalt)
}

.call-link.theme-cyan {
    border-left: 3px solid var(--cyan)
}

.call-link.theme-teal {
    border-left: 3px solid var(--teal)
}

.call-link .ico-wrap {
    position: relative;
    top: 9px;
    right: 20px
}

.call-link-txt {
    flex: 1;
    margin-top: -9px
}

.call-link-txt span {
    color: var(--text-color);
    font-size: .9rem
}

.call-link-txt p,
.tabs-1 li.current h5,
.tabs-1 li.current:hover h5,
p.map-link a:hover {
    color: var(--navy)
}

.call-link-txt p {
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    margin: 5px 0 0
}

.theme-cobalt .call-link-txt p {
    color: var(--cobalt)
}

.txt-table {
    margin-top: 25px;
    margin-right: 30px
}

.txt-table .table>:not(caption)>*>* {
    background-color: transparent !important
}

.txt-table .table td,
.txt-table .table th {
    color: var(--header-color);
    font-size: 1.05rem;
    padding: 14px 0;
    border-top: none;
    border-bottom: 1px dashed #aaa
}

.txt-table .table .last-tr td,
.txt-table .table .last-tr th {
    padding: 14px 0 0;
    border-bottom: none
}

.txt-block .accordion-item {
    padding: 8px 0 10px;
    border: none;
    border-radius: 0
}

.txt-block .accordion-thumb {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.txt-block .accordion-item .accordion-thumb:after,
.txt-block .accordion-item.is-active .accordion-thumb:after {
    color: #363636;
    font-family: Flaticon;
    position: absolute;
    font-weight: 300
}

.theme-coal .review-author p,
.txt-block .theme-coal .accordion-item .accordion-thumb:after,
.txt-block .theme-coal .accordion-item.is-active .accordion-thumb:after,
.txt-block .theme-coal .accordion-thumb h5 {
    color: var(--coal)
}

.txt-block .accordion-item .accordion-thumb:after {
    content: "\f15d";
    font-size: .8rem;
    top: 1px;
    right: 0
}

.faqs-section .accordion-item.is-active .accordion-thumb:after,
.txt-block .accordion-item.is-active .accordion-thumb:after {
    content: "\f15e"
}

.txt-block .accordion-panel {
    color: var(--text-color);
    margin: 0;
    padding: 18px 0 10px;
    display: none
}

.txt-block .accordion-thumb h5 {
    color: var(--header-color);
    line-height: 1;
    padding-left: 3px;
    margin-bottom: 0
}

.signature img {
    width: auto;
    max-width: inherit;
    max-height: 48px
}

.signature h6 {
    line-height: 1;
    margin: 20px 0 0 5px
}

.signature span {
    font-family: var(--base-font);
    color: var(--text-color);
    font-size: 1.05rem;
    font-style: italic;
    line-height: 1;
    font-weight: 400
}

.price span,
.price sup,
.price sup.validity {
    font-family: var(--main-font)
}

.ct-01 .img-block.left-column {
    margin-right: 25px
}

#ct-05-1 {
    margin-top: -70px
}

.half-img {
    width: 47%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.half-img-left {
    width: 47%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.half-img img,
.half-img-left img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.half-img.r-20 img {
    border-radius: 20px 0 0 20px
}

.half-img-left.r-20 img {
    border-radius: 0 20px 20px 0
}

.tabs-1 .tab-content.current {
    display: inherit
}

.tabs-1 li {
    cursor: pointer;
    padding: 20px 0;
    border-bottom: 1.5px solid var(--silver)
}

.tabs-1 li.current,
.tabs-1 li.current:hover,
.tabs-1 li:hover {
    border-color: var(--navy)
}

.tabs-1 li:hover h5 {
    color: var(--navy);
    padding-left: 10px
}

.tabs-img {
    margin-left: 40px
}

.loop_carousel_txt span.carousel_txt {
    font-size: 1.3125rem;
    line-height: 1;
    font-weight: 400;
    padding: 0 16px
}

.loop_carousel_txt span.carousel_txt.fs-60 {
    font-size: 8rem;
    font-weight: 600;
    letter-spacing: -1px;
    opacity: .1
}

.loop_carousel_txt span.carousel_txt:last-child {
    padding: 0 0 0 16px
}

.loop_carousel_txt span[class*=flaticon-] {
    position: relative;
    top: .5px
}

.fs-60 span[class*=flaticon-] {
    position: relative;
    top: -20px;
    opacity: .1
}

.fs-60 span[class*=flaticon-]:after,
.fs-60 span[class*=flaticon-]:before {
    font-size: 3rem !important
}

.statistic-1-wrapper {
    padding-left: 40px
}

#stb-2-1 {
    margin-bottom: 40px;
    border-bottom: 1px solid var(--silver)
}

.color--white #stb-2-1 {
    border-color: var(--tra-white)
}

#stb-3-1,
#stb-3-2 {
    position: relative;
    padding: 100px 50px 40px
}

.pricing-features li p,
h2.statistic-number {
    line-height: 1;
    font-weight: 500;
    margin-bottom: 0
}

.statistic-1-wrapper p {
    margin-top: 15px;
    margin-bottom: 0
}

#stb-2-1 h5.fs-23,
#stb-2-2 h5.fs-23 {
    line-height: 1.35;
    margin-bottom: -4px
}

#stb-2-1 p,
#stb-2-2 p {
    margin: 16px 0 0
}

#stb-3-1 p,
#stb-3-2 p,
.faqs-2 .title-02 p,
.reviews-4-txt p {
    margin: 20px 0 0
}

.stb-3-1-arrow {
    position: absolute;
    top: 30px;
    right: 35px
}

.reviews-3 {
    padding-bottom: 85px
}

.review-1,
.review-2 {
    padding: 35px;
    border: 1px solid var(--silver);
    margin: 0 12px 30px
}

.review-item {
    position: relative;
    width: 33.33%;
    padding: 0 12px;
    margin-bottom: 25px
}

.review-3 {
    position: relative;
    padding: 40px 35px 30px;
    border: 1.5px solid var(--smoke)
}

.review-1.bg--ghost,
.review-2.bg--ghost,
.review-3.bg--ghost {
    height: 330px;
    border-color: rgba(231, 231, 231, .8)
}

.review-1.block--shadow,
.review-2.block--shadow,
.review-3.block--shadow {
    border-color: var(--smoke)
}

#brand-4-1,
#brand-4-2,
#brand-4-3,
#brand-4-4,
.doctor-data-list {
    border-bottom: 1px solid var(--silver)
}

.reviews-4-img {
    position: relative;
    margin-right: 5px
}

.r4-data {
    display: inline-block;
    position: absolute;
    left: 20px;
    bottom: 22px;
    padding: 15px 20px 12px
}

.review-avatar {
    margin: 0 auto;
    float: left
}

.owl-item .review-avatar img,
.review-avatar img {
    width: 58px;
    height: 58px;
    border-radius: 100%
}

.reviews-2 .owl-item .review-avatar img {
    width: 55px;
    height: 55px
}

.review-author {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-top: 5px;
    padding: 0 0 0 20px
}

.review-author p {
    color: var(--header-color);
    font-size: 1.05rem;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 8px
}

.review-author span {
    display: block;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 0
}

.review-txt p {
    font-size: 1rem;
    margin-bottom: 20px
}

.reviews-section .star-rating.ico-15 [class^=flaticon-]:after,
.reviews-section .star-rating.ico-15 [class^=flaticon-]:before {
    font-size: .9rem
}

.reviews-section .star-rating.ico-20 [class^=flaticon-]:after,
.reviews-section .star-rating.ico-20 [class^=flaticon-]:before {
    font-size: 1.025rem
}

.blog-1 .blog-post,
.contact-form .col-md-12,
.contact-form .col-md-6,
.gallery-1 .col {
    padding: 0 10px
}

.gallery-image .item-overlay {
    background: rgba(35, 35, 35, .25)
}

.image-data {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    opacity: 0
}

.gallery-link {
    width: 100%;
    position: absolute;
    top: 54%;
    transform: translateY(-50%)
}

.blog-post:hover .item-overlay,
.gallery-image:hover .image-data,
.gallery-image:hover .item-overlay {
    opacity: 1;
    -moz-opacity: 1;
    bottom: 0
}

.doctor-photo {
    position: relative;
    text-align: center;
    overflow: hidden
}

.doctor-card .item-overlay {
    background: rgba(20, 20, 20, .15)
}

.doctors-3 .doctor-data {
    padding: 30px 20px 25px;
    margin: 0
}

.doctor-card .star-rating {
    font-size: .825em;
    line-height: 14px;
    vertical-align: inherit;
    margin-bottom: 14px
}

.doctor-card .star-rating span {
    position: relative;
    color: var(--yellow);
    top: 1.5px
}

.tm-social ul {
    width: 100%;
    display: inline-block;
    padding-left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 20;
    zoom: 1;
    opacity: 0
}

.tm-social li {
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
    margin: 0 8px;
    padding: 0
}

.doctor-card:hover .tm-social ul {
    bottom: 6%;
    opacity: 1;
    -moz-opacity: 1
}

.doctors-section .more-btn {
    text-align: center;
    margin-top: 60px
}

.doctor-bio {
    margin: 10px 0 0 85px
}

.doctor-bio h5 {
    font-weight: 400;
    margin-bottom: 30px
}

.doctor-bio h5.fs-26 {
    margin: 40px 0 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--smoke)
}

.edu-data .cbox-1 p {
    margin-bottom: 6px
}

.doctor-data-list {
    margin: 35px 0 40px 15px;
    padding-bottom: 40px
}

.doctor-data-list p {
    font-size: .95rem;
    line-height: 1;
    margin-bottom: 8px
}

.doctor-data-list span {
    font-size: 1.05rem;
    color: var(--navy);
    line-height: 1;
    font-weight: 600
}

.doctor-data-links .btn {
    font-size: .95rem;
    padding: .9rem 1.75rem
}

.doctor-data-links .btn:first-child {
    margin-right: 15px
}

.brands-3-wrapper {
    padding: 0 10%
}

.brands-title {
    text-align: center;
    margin-bottom: 40px
}

.brands-title p span {
    color: var(--header-color);
    font-weight: 600;
    padding-bottom: 6px;
    border-bottom: 2.5px solid var(--header-color)
}

.brands-4-wrapper {
    padding: 0 40px
}

.brands-4 .col {
    padding: 0
}

#brand-4-1,
#brand-4-2,
#brand-4-3 {
    border-right: 1px solid var(--silver)
}

.brands-1 .loop_carousel_left img {
    padding: 0 22px;
    height: 4rem
}

.brands-2 .loop_carousel_left img {
    padding: 0 20px;
    height: 4rem
}

.brands-3-wrapper .brand-logo {
    padding: 0 12px
}

.brands-4 .brand-logo {
    text-align: center;
    padding: 40px 25px
}

.brands-4 .brand-logo img {
    width: auto;
    max-width: inherit;
    max-height: 80px
}

.brands-1 .loop_carousel_left span:last-child img {
    padding: 0 0 0 22px
}

.brands-2 .loop_carousel_left span:last-child img {
    padding: 0 0 0 20px
}

.pricing-1-wrapper {
    padding: 80px
}

.pricing-1-wrapper.m-3 {
    margin: 0 3%
}

.pricing-2-wrapper.p-3 {
    padding: 0 3%
}

.pricing-2-table {
    padding: 55px 60px;
    border: 1.5px solid var(--smoke);
    margin-bottom: 30px
}

.pricing-3-table {
    padding: 40px 35px;
    border: 1px solid var(--smoke)
}

img.pricing-logo {
    width: auto;
    max-width: inherit;
    max-height: 55px;
    margin-bottom: 25px
}

.post-data-list li,
.post-meta-list li,
.post-share-list li {
    width: auto !important;
    vertical-align: top;
    clear: none !important;
    display: inline-block !important
}

.pricing-1-txt p {
    margin: 20px 4% 25px 0
}

.price span {
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -1px
}

.pricing-3-table .price span {
    font-size: 3rem;
    font-weight: 500
}

.price sup {
    font-size: 2.5rem;
    font-weight: 600;
    top: -5px;
    right: 2px;
    letter-spacing: -1px
}

.pricing-3-table .price sup {
    font-size: 2.15rem;
    font-weight: 500
}

.price sup.validity {
    font-size: 1.55rem;
    font-weight: 400;
    letter-spacing: -.5px;
    top: -3px;
    left: 0
}

.pricing-3-table .price sup.validity {
    font-size: 1.45rem
}

.pricing-3-table hr {
    margin-top: 22px;
    margin-bottom: 20px
}

.pricing-1-options p.fs-17 {
    font-weight: 600;
    margin: 0 0 15px
}

.pricing-2-table p.fs-17 {
    font-weight: 600;
    margin: 25px 0 15px
}

.pricing-features li {
    padding: 10px 8px
}

.pricing-features.ico-10 li p span {
    position: relative;
    top: 0;
    right: 7px
}

.pricing-features.ico--green span {
    color: var(--green)
}

.pt-btn {
    display: block;
    width: 100%;
    margin-top: 20px
}

.banner-2 {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 130px
}

.banner-3 {
    padding-top: 300px;
    padding-bottom: 100px
}

.banner-4-wrapper {
    padding: 0 85px
}

.banner-4-txt {
    padding-right: 10%
}

.banner-5 {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px
}

.banner-2-txt h2,
.txt-block .booking-form-wrapper {
    margin-top: 35px
}

.banner-2-txt p {
    margin: 24px 0 35px
}

.banner-4-txt p {
    margin: 25px 0 30px
}

.banner-section .btns-group .btn {
    margin: 0 7px
}

.banner-4-img {
    margin: -60px 0 0 -40px
}

.faq-1-title {
    padding-right: 12%;
    margin-top: 20px
}

.faq-1-title p {
    margin-top: 20px;
    margin-bottom: 28px
}

.faqs-3 .accordion-item p,
.faqs-section .accordion-panel p {
    color: var(--text-color)
}

.faqs-section .accordion-item {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid var(--silver)
}

.faqs-4.faqs-section .accordion-item {
    padding: 15px 40px;
    background-color: var(--white) !important;
    border-radius: 20px !important;
    margin-bottom: 25px;
    box-shadow: 0 1px 3px 0 var(--tra-black)
}

.faqs-section .accordion-thumb {
    margin: 0;
    padding: 25px 0;
    cursor: pointer;
    position: relative
}

.faqs-2.faqs-section .accordion-thumb {
    padding: 32px 0
}

.faqs-2.faqs-section .is-active .accordion-thumb {
    padding: 32px 0 20px
}

.faqs-4.faqs-section .accordion-thumb {
    padding: 22px 0
}

.faqs-4.faqs-section .is-active .accordion-thumb {
    padding: 30px 0 15px
}

.faqs-section .accordion-item .accordion-thumb:after,
.faqs-section .accordion-item.is-active .accordion-thumb:after {
    font-family: Flaticon;
    color: var(--header-color);
    font-size: .915rem;
    font-weight: 300;
    content: "\f15d";
    position: absolute;
    top: 24px;
    right: 0
}

.faqs-2.faqs-section .accordion-item .accordion-thumb:after {
    top: 46px
}

.faqs-2.faqs-section .accordion-item.is-active .accordion-thumb:after {
    top: 47px
}

.faqs-4.faqs-section .accordion-item .accordion-thumb:after {
    top: 15px;
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    color: var(--text-color);
    font-size: .8rem;
    line-height: 38px;
    font-weight: 500;
    border: 1.35px solid var(--silver);
    border-radius: 100%;
    transition: .4s ease-in-out
}

.faqs-4.faqs-section .accordion-item.is-active .accordion-thumb:after {
    top: 25px;
    color: var(--white);
    background-color: var(--seablue);
    border-color: var(--seablue)
}

.faqs-4.faqs-section .theme-coal .accordion-item.is-active .accordion-thumb:after {
    background-color: var(--coal);
    border-color: var(--coal)
}

.faqs-4.faqs-section .theme-cyan .accordion-item.is-active .accordion-thumb:after {
    background-color: var(--cyan);
    border-color: var(--cyan)
}

.faqs-4.faqs-section .theme-green .accordion-item.is-active .accordion-thumb:after {
    background-color: var(--green);
    border-color: var(--green)
}

.faqs-section .accordion-panel {
    margin: 0;
    padding: 0 0 10px;
    display: none
}

.faqs-section .accordion-thumb h4,
.faqs-section .accordion-thumb h5 {
    line-height: 1;
    margin-bottom: 0
}

.faqs-section .accordion-thumb h5 span {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 56px;
    height: 56px;
    margin-right: 100px;
    color: var(--text-color);
    font-size: 1.3rem;
    line-height: 54px;
    font-weight: 500;
    border: 2px solid var(--silver);
    border-radius: 100%
}

.faqs-section .is-active .accordion-thumb h5 span {
    color: var(--white);
    background-color: var(--seablue);
    border: 2px solid var(--seablue)
}

.legal-info a:hover,
.post-data-list li p span,
.post-share-list a.share-ico span:hover,
.single-post-txt p a {
    color: var(--header-color)
}

.faqs-section .theme-blue .is-active .accordion-thumb h5 span {
    color: var(--white);
    background-color: var(--blue);
    border: 2px solid var(--blue)
}

.faqs-section .accordion-thumb p {
    color: var(--header-color);
    line-height: 1;
    font-weight: 600;
    margin-bottom: 0
}

.faqs-2.faqs-section .accordion-panel p {
    margin-left: 160px;
    margin-right: 60px
}

.faqs-4.faqs-section .accordion-panel p {
    margin-right: 10%
}

.more-questions {
    text-align: center;
    margin-top: 80px
}

.newsletter-txt p {
    margin: 12px 20% 0 0
}

.newsletter-section .newsletter-form {
    margin: 15px 0 0 50px
}

.input-group {
    border-radius: 36px;
    border: 1.5px solid var(--smoke)
}

.newsletter-section .form-control {
    height: 60px;
    background-color: transparent;
    font-size: 1rem;
    color: #20265b;
    font-weight: 400;
    padding: 0 30px;
    margin-right: 0;
    box-shadow: none;
    border: none
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.newsletter-section .form-control:focus {
    outline: 0;
    box-shadow: none
}

.newsletter-section .form-control::-moz-placeholder {
    color: #20265b
}

.newsletter-section .form-control:-ms-input-placeholder {
    color: #20265b
}

.newsletter-section .form-control::-webkit-input-placeholder {
    color: #20265b
}

.newsletter-section .btn {
    display: block;
    position: relative;
    width: 100% !important;
    height: 60px;
    font-size: .975rem;
    padding: .7rem 2.75rem;
    border-radius: 36px
}

.newsletter-section .form-notification {
    color: #3eb1ff;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 15px;
    margin-left: 5px
}

.bottom-footer-list li:first-child,
.newsletter-section .text-center .form-notification,
.post-data-list li:first-child,
.post-meta-list li:first-child {
    margin-left: 0
}

.newsletter-section .form-notification.error {
    color: #fc2f4b
}

.newsletter-section .form-notification.valid,
.newsletter-section .newsletter-form.valid {
    color: #0fbc49
}

.post-meta-list li {
    margin-left: 1px
}

.post-meta-list li:not(:last-child):after {
    font-family: Flaticon;
    font-size: 1rem;
    line-height: .5rem !important;
    content: "\f173";
    position: relative;
    top: -4.5px;
    left: 3px
}

.post-meta-list li p {
    font-family: var(--alt-font);
    font-size: .925rem;
    font-weight: 400;
    float: left;
    line-height: 1;
    margin: 0 !important
}

.blog-1 .post-link {
    line-height: 1.3;
    margin-bottom: 15px
}

.blog-post-img,
.location-img {
    position: relative;
    margin-bottom: 25px
}

.blog-post .item-overlay {
    background: rgba(10, 10, 10, .1)
}

.blog-post:hover img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.post-content {
    padding: 0 5%
}

.single-post-title {
    text-align: center;
    margin-bottom: 50px
}

.post-data-list {
    position: relative;
    margin-top: 35px
}

.post-data-list li {
    margin-left: 5px
}

.post-data-list li:not(:last-child):after {
    font-family: Flaticon;
    font-size: 1.2rem;
    line-height: 1.2rem !important;
    content: "\f173";
    position: relative;
    top: -.5px;
    left: 6px
}

.post-data-list li p {
    font-size: 1.15rem;
    float: left;
    line-height: 1;
    margin-bottom: 0
}

.post-data-list li p span {
    font-weight: 500
}

.single-post-txt h5.fs-26 {
    margin: 30px 0
}

.single-post-txt p a {
    font-weight: 600
}

.post-inner-img {
    text-align: center;
    margin: 50px 0
}

.post-share-links {
    padding-top: 80px;
    margin: 80px 0;
    border-top: 1px solid var(--silver)
}

.post-tags-list span {
    color: #555;
    background-color: #f5f5f9;
    font-size: .75rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 11px 22px 10px;
    border-radius: 6px;
    margin-right: 5px
}

.footer a,
.footer h6,
button#submitBtn {
    color: #fff !important
}

.post-share-list {
    display: inline-block;
    margin-top: 7px
}

.post-share-list li {
    padding: 0
}

.post-share-list a.share-ico span {
    color: var(--text-color);
    margin-left: 18px;
    transition: 450ms ease-in-out
}

.post-nav-links1 .btn {
    font-size: .8rem;
    padding: .85rem 1.6rem .75rem;
    font-weight: 600
}

.post-nav-btn .btn:last-child {
    margin-left: 12px
}

.txt-block .booking-form .col-md-12,
.txt-block .booking-form .col-md-6 {
    padding: 0 8px
}

.booking-form .form-control,
.booking-form .form-select {
    height: 60px;
    background-color: var(--white);
    border: 1.5px solid var(--silver);
    box-shadow: 0 0;
    color: #5f5842;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    padding: 0 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    transition: .3s ease-in-out
}

.booking-form .form-select {
    color: #20265b
}

.booking-form .form-select.valid,
.contact-form .form-select.valid {
    color: #20265b !important
}

.booking-form .form-control::-moz-placeholder {
    color: #20265b
}

.booking-form .form-control:-ms-input-placeholder {
    color: #20265b
}

.booking-form .form-control::-webkit-input-placeholder {
    color: #20265b
}

.booking-form .form-control:focus,
.contact-form .form-control:focus {
    outline: 0;
    box-shadow: none;
    background-color: var(--white);
    border-color: var(--seablue)
}

.booking-form.theme-cyan .form-control:focus {
    border-color: var(--cyan)
}

.booking-form-msg,
.contact-form-msg {
    width: 100% !important;
    display: block;
    margin-top: 20px;
    padding-left: 0
}

.booking-form .loading,
.contact-form .loading {
    color: #00b2e4;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 500;
    padding-left: 15px
}

.booking-form .error,
.contact-form .error {
    color: #e74c3c;
    font-size: .85rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 10px
}

.contact-info p.fs-17 {
    font-size: 1rem;
    margin: 20px 5% 30px 0
}

.cnt_b p {
    font-size: 1.05rem;
    margin-bottom: 6px
}

.cnt_b p a {
    color: var(--navy);
    font-weight: 500
}

.contact-form-wrapper {
    padding: 45px 15px 0 30px
}

.contact-form .form-control,
.contact-form .form-select {
    height: 60px;
    background-color: var(--white);
    border: 1.5px solid var(--silver);
    box-shadow: 0 0;
    color: #20265b;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    padding: 0 20px;
    margin-bottom: 24px;
    border-radius: 10px;
    transition: .3s ease-in-out
}

.breadcrumb-item,
.stBlock .btn {
    font-size: .785rem;
    line-height: 1
}

.contact-form .form-select {
    color: #20265b
}

.contact-form textarea.form-control {
    padding: 20px
}

.contact-form .form-control::-moz-placeholder {
    color: #20265b
}

.contact-form .form-control:-ms-input-placeholder {
    color: #20265b
}

.contact-form .form-control::-webkit-input-placeholder {
    color: #20265b
}

.location-img .item-overlay {
    background: rgba(10, 10, 10, .15)
}

.location-card p {
    margin-bottom: 2px
}

.location-data p span {
    position: relative;
    top: 3px
}

.google-map {
    position: relative;
    height: 0;
    overflow: hidden
}

.gmap-1 .google-map {
    padding: 0 0 82%;
    margin-right: 10px
}

.gmap-1 .google-map.left-column {
    margin-right: 10px
}

.gmap-1 .google-map.right-column {
    margin-left: 10px
}

.google-map embed,
.google-map iframe,
.google-map object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.footer-1 .footer-contacts,
.footer-1 .footer-location,
.footer-2 .footer-location {
    padding-left: 13%
}

.footer-1 .footer-working-hours,
.footer-2 .footer-working-hours,
.footer-3 .footer-links {
    padding-left: 5%
}

.footer-3 .fl-1,
.footer-3 .fl-3,
.footer-3 .fl-4 {
    padding-left: 10%
}

img.footer-logo {
    width: 100%;
    margin-bottom: 20px
}

.bottom-footer-list li,
.bottom-footer-socials li,
.foo-links li,
.foo-socials li {
    width: auto !important;
    vertical-align: top;
    clear: none !important
}

.footer h6 {
    font-size: 1.1rem;
    line-height: 1;
    margin-bottom: 20px
}

.bg--black .bottom-footer-list li:not(:last-child):after,
.bg--black.footer a,
.bg--black.footer p {
    color: #dee7f4
}

.footer a.color--seablue {
    color: var(--seablue)
}

.footer a.color--skyblue {
    color: var(--sky-blue)
}

.footer-emergency a.color--cyan {
    color: var(--cyan) !important
}

.footer-emergency a.color--seablue {
    color: var(--seablue) !important
}

.footer-emergency a.color--skyblue {
    color: var(--sky-blue) !important
}

.footer-emergency a.color--teal {
    color: var(--teal) !important
}

.footer-emergency a.color--blue:hover,
.footer-emergency a.color--cyan:hover,
.footer-emergency a.color--skyblue:hover,
.footer-emergency a.color--teal:hover {
    color: var(--white) !important
}

.foo-socials {
    display: inline-block;
    margin-top: 15px
}

.foo-socials li {
    display: inline-block !important;
    margin: 0 6px;
    padding: 0
}

.foo-socials a {
    display: block;
    text-decoration: none
}

.foo-socials.ico-20 [class*=flaticon-]:after,
.foo-socials.ico-20 [class*=flaticon-]:before {
    font-size: 1.325rem
}

.foo-links li {
    display: block !important;
    margin: 0;
    padding: 0
}

.foo-links.ico-10 li span {
    position: relative;
    top: 1.5px;
    right: 4px
}

.foo-links li p {
    font-weight: 400;
    margin-bottom: 10px
}

.footer hr {
    margin-top: 30px;
    margin-bottom: 50px
}

.footer-copyright.copyright-logo p {
    display: inline-block;
    line-height: 28px;
    margin-left: 15px
}

.bottom-footer-list {
    position: relative;
    top: 6px
}

.bottom-footer-list li,
.bottom-footer-socials li {
    display: inline-block !important
}

.bottom-footer-list li {
    margin-left: -5px
}

.bottom-footer-socials li {
    padding-left: 12px
}

.bottom-footer-list li:not(:last-child):after {
    font-family: Flaticon;
    font-size: 1.15rem;
    line-height: .5rem !important;
    content: "\f173";
    position: relative;
    top: -1.5px
}

.bottom-footer-list li p {
    float: left;
    line-height: 1;
    margin-bottom: 0
}

.bottom-footer-socials li span {
    position: relative;
    top: 4px;
    opacity: .7
}

.bottom-footer-socials.ico-20 [class*=flaticon-]:after,
.bottom-footer-socials.ico-20 [class*=flaticon-]:before {
    font-size: 1.15rem
}

.pt-190 {
    padding-top: 190px
}

.pt-200 {
    padding-top: 200px
}

.pt-210 {
    padding-top: 210px
}

.pt-220 {
    padding-top: 220px
}

.pt-230 {
    padding-top: 230px
}

.pt-240 {
    padding-top: 240px
}

.pt-270 {
    padding-top: 270px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-150 {
    padding-bottom: 150px
}

.txt-block.legal-info h5 {
    margin: 50px 0 25px
}

.txt-block.legal-info h6 {
    margin: 25px 0
}

.txt-block.legal-info h5 span,
.txt-block.legal-info h6 span {
    margin-right: 4px
}

.legal-info p span {
    color: var(--header-color);
    font-weight: 700
}

.legal-info a {
    font-weight: 600;
    text-decoration: underline
}

.breadcrumb-nav {
    display: inline-block;
    margin: 0 auto
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    width: 100%
}

.breadcrumb-item {
    color: var(--white);
    font-weight: 600;
    letter-spacing: 4px
}

.page-link,
.page-link:hover {
    color: var(--navy);
    background-color: transparent
}

.breadcrumb-item a {
    color: #000;
    border-bottom: 2px solid #000
}

.breadcrumb-item+.breadcrumb-item::before {
    font-size: .9rem;
    display: inline-block;
    padding-right: 16px;
    margin-top: -1px;
    color: var(--white);
    content: "\00bb"
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 19px
}

.page-link {
    font-size: 1.1rem;
    font-weight: 500;
    padding: 3px 16px;
    margin: 0 8px;
    border: 2px solid transparent;
    border-radius: 8px
}

#stlChanger p,
.t-title,
.t-title h6 {
    color: var(--white)
}

.pagination.ico-20 [class*=flaticon-]:after,
.pagination.ico-20 [class*=flaticon-]:before {
    position: relative;
    top: 2px;
    font-size: .935rem
}

.page-item.disabled .page-link {
    color: var(--text-color);
    background-color: transparent;
    border-color: transparent
}

.page-link:hover {
    border-color: var(--navy)
}

.active .page-link:hover,
.page-item.active .page-link {
    color: var(--white) !important;
    background-color: var(--seablue);
    border-color: var(--seablue)
}

.page-link:focus {
    color: var(--text-color);
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 0
}

#stlChanger {
    position: fixed;
    z-index: 9999;
    overflow: hidden;
    right: -230px;
    top: 100px;
    cursor: pointer
}

#stlChanger.open {
    right: 0
}

#stlChanger .bgChanger {
    min-width: 280px;
    min-height: 280px
}

#stlChanger .blockChanger {
    width: 230px
}

#stlChanger .chBody {
    background: var(--black);
    width: 230px;
    position: relative;
    border: 1px solid var(--black);
    height: 550px;
    overflow: scroll;
    overflow-x: hidden;
    direction: rtl;
    margin-left: 50px;
    border-radius: 8px 0 0 8px
}

#stlChanger .chBut,
#stlChanger .stBgs a,
#stlChangerq .stBgs a img {
    width: 50px;
    height: 50px
}

#stlChanger .chBut {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 1000000;
    text-align: center;
    border-left: none;
    padding: 0 0 0 2px;
    border-radius: 6px 0 0 6px;
    transition: .3s ease-in-out;
    box-shadow: 0 0 2px rgba(50, 50, 50, .4)
}

#stlChanger .chBut.ico-25 [class*=flaticon-]:after,
#stlChanger .chBut.ico-25 [class*=flaticon-]:before {
    color: #fff;
    font-size: 2rem;
    line-height: 48px !important;
    right: 10px
}

#stlChanger .image-rotate {
    right: 6px
}

#stlChanger p {
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px
}

#stlChanger .stBgs a {
    text-decoration: none;
    float: left;
    padding: 0;
    margin: 0 5px 8px;
    cursor: pointer;
    opacity: 1
}

.stBlock1 {
    margin: 0 20px 25px
}

.stBlock .btn {
    width: 100%;
    padding: 13px 18px;
    margin-top: 15px
}

.s_1 img {
    opacity: 1;
    margin-bottom: 15px;
    transition: 250ms ease-in-out
}

.t-title {
    text-align: center;
    background-color: #121212;
    padding: 10px 5px;
    margin: 0
}

.bullets,
.contactItems,
ul {
    text-align: left
}

.t-title h6 {
    margin-bottom: 0
}

.timing-table {
    width: 100%;
    max-width: 500px;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden
}

.timing-table thead {
    background-color: #213745;
    color: #fff
}

.timing-table thead th {
    text-align: center;
    padding: 15px;
    font-size: 18px
}

.timing-table thead h2 {
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: 400
}

.timing-table tbody td {
    padding: 14px 18px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    color: #333
}

.timing-table tbody td:first-child {
    font-weight: 700;
    color: #444
}

.closed {
    color: red;
    font-weight: 700
}

@media (max-width:600px) {
    .timing-table thead th {
        font-size: 16px
    }

    .timing-table tbody td {
        font-size: 14px;
        padding: 12px
    }
}

.col-count {
    border: 1px solid #ccc !important;
    border-radius: 14px;
    padding: 30px;
    width: 24%;
    margin-right: 10px
}

.logo-black img {
    width: 200px;
    height: auto
}

.lightGreenBg {
    background-color: #bfff9cad
}

.GreenBg {
    background-color: #8cc63e !important
}

.contactIcons {
    display: block;
    width: 25px;
    height: fit-content;
    margin-right: 15px;
    filter: invert(1)
}

.contactItems {
    margin-bottom: 5px
}

.sbox:hover ul {
    color: fff
}

.gridRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

a,
b,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul {
    color: #000 !important
}

.boxShadow {
    box-shadow: rgba(149, 157, 165, .2) 0 8px 24px
}

.borderBox {
    border: 1px solid #ddd;
    padding: 30px
}

.services-section p {
    font-weight: 400 !important
}

@media only screen and (max-width:767px) {
    .faq-1-title h2 {
        margin-top: 40px
    }

    .bullets li {
        text-align: left
    }

    .gridRow {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px
    }

    .col-count {
        border: 1px solid #ccc !important;
        border-radius: 14px;
        padding: 30px;
        width: 100%;
        margin: 0 0 20px
    }

    .breadcrumb {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px
    }
}

.causes-section {
    background: linear-gradient(135deg, #f8f9fa 0, #eaf3f8 100%);
    padding: 60px 0
}

.causes-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column
}

.card-body.text-center,
.card.shadow-sm.mb-4.border-0,
.modal-content {
    background: linear-gradient(90deg, #cfe9de70 0, #e7e9bc47 100%)
}

.causes-card .content {
    padding: 30px;
    flex: 1
}

.causes-card h2 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    color: #8cc63e
}

.causes-card ul {
    list-style: none;
    padding-left: 0
}

.causes-card ul li {
    margin-bottom: 12px;
    padding-left: 28px;
    position: relative;
    font-size: 1rem
}

.causes-card ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #8cc63e;
    font-weight: 700
}

.causes-img {
    height: 100%
}

.causes-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 15px
}

a.btn.btn-white.text-white.fw-bold.d-flex.align-items-center.px-4.py-2.rounded-pill.shadow-sm {
    color: #000 !important;
    font-size: 20px;
    padding: 14px 54px !important;
    border: 2px solid #fff;
    background: #fff
}

i.fas.fa-phone-alt {
    transform: rotateY(180deg)
}

.text-Success {
    color: #8cc63e !important
}

.card.h-100.shadow-sm.border-0 {
    border-radius: 10px !important;
    box-shadow: 0 4px 1px #8cc63e !important;
    border: 1px solid #8cc63e !important;
    transition: transform .4s, box-shadow .4s
}

.card.shadow-sm.mb-4.border-0,
section#call-to-action {
    border: 1px solid #ffac00 !important;
    box-shadow: 0 4px 12px #e7e9bc !important
}

.card.shadow-sm.mb-4.border-0 {
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin-top: 20px;
    transition: .3s
}

section#call-to-action {
    padding: 10px;
    transition: .3s;
    border-radius: 5px;
    background: linear-gradient(90deg, #cfe9de 0, #e7e9bc 100%)
}

.modal-content {
    width: 400px;
    max-width: 90%;
    box-shadow: #e7e9bc;
    position: relative;
    border: 1px solid #ffac00 !important;
    border-image: initial;
    margin: 10% auto;
    padding: 20px;
    border-radius: 10px
}

.social-icons a {
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    color: #333;
    transition: .3s
}

.card-body.text-center {
    border: 1px solid #ffac00 !important;
    border-radius: 10px
}

button#submitBtn,
button#submitBtn:hover {
    width: 100%;
    border: 3px solid #78c849 !important
}

.blog-table thead,
th,
tr {
    background: linear-gradient(90deg, #0d780685 0, #d3b90b 100%);
    color: #fff
}

.blog-table {
    border: 1px solid orange
}

i.fa-solid.fa-check {
    padding: 5px;
    font-size: 19px
}

button#submitBtn:hover {
    background-color: transparent;
    color: #78c849 !important
}

textarea {
    min-height: 100px
}



.sticky-icon {
    z-index: 99;
    position: fixed;
    top: 40%;
    right: 0%;
    width: 220px;
    display: flex;
    flex-direction: column;
}

.sticky-icon a {
    transform: translate(160px, 0px);
    border-radius: 50px 0px 0px 50px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    transition: all 0.8s;
}

.sticky-icon a:hover {
    color: #FFF;
    transform: translate(0px, 0px);
}

.sticky-icon a:hover i {
    transform: rotate(360deg);
}

.Facebook {
    font-size: 16px !important;
    background-color: #2C80D3;
    color: #FFF;
}

.Youtube {
    font-size: 16px !important;
    background-color: #fa0910;
    color: #FFF;
}

.Twitter {
    font-size: 16px !important;
    background-color: #53c5ff;
    color: #FFF;
}

.Instagram {
    font-size: 16px !important;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: #FFF;
}

.LinkedIn {
    font-size: 16px !important;
    background-color: #0077B5;
    color: #FFF;
}

.Google {
    font-size: 16px !important;
    background-color: #d34836;
    color: #FFF;
}

.Whatsapp {
    font-size: 16px !important;
    background-color: hsl(134, 70%, 49%);
    color: #FFF;
}



.sticky-icon a i {
    background-color: #FFF;
    height: 30px;
    width: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all 0.5s;
}

.sticky-icon a i.fa-facebook-f {
    background-color: #FFF;
    color: #2C80D3;
}

.sticky-icon a i.fa-google-plus-g {
    background-color: #FFF;
    color: #d34836;
}

.sticky-icon a i.fa-instagram {
    background-color: #FFF;
    color: #FD1D1D;
}

.sticky-icon a i.fa-youtube {
    background-color: #FFF;
    color: #fa0910;
}

.sticky-icon a i.fa-twitter {
    background-color: #FFF;
    color: #53c5ff;
}

.fas fa-shopping-cart {
    background-color: #FFF;
}

#myBtn {
    height: 50px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
    text-align: center;
    padding: 10px;
    text-align: center;
    line-height: 40px;
    border: none;
    outline: none;
    background-color: #1e88e5;
    color: white;
    cursor: pointer;
    border-radius: 50%;
}

.fa-arrow-circle-up {
    font-size: 30px;
}

#myBtn:hover {
    background-color: #555;
}