@font-face {
    font-family: ff-meta-serif-web-pro;
    src: url(https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/8e6183/00000000000000003b9b06f2/27/a?subset_id=2&fvd=n5&v=3) format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: ff-meta-serif-web-pro;
    src: url(https://use.typekit.net/af/608768/00000000000000003b9b06f3/27/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/608768/00000000000000003b9b06f3/27/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/608768/00000000000000003b9b06f3/27/a?subset_id=2&fvd=i5&v=3) format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: ff-meta-serif-web-pro;
    src: url(https://use.typekit.net/af/6da54c/00000000000000003b9b06f7/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/6da54c/00000000000000003b9b06f7/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/6da54c/00000000000000003b9b06f7/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: ff-meta-serif-web-pro;
    src: url(https://use.typekit.net/af/59164f/00000000000000003b9b06f6/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/59164f/00000000000000003b9b06f6/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/59164f/00000000000000003b9b06f6/27/a?subset_id=2&fvd=i7&v=3) format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/333a5f/0000000000000000000132db/27/l?subset_id=2&fvd=n1&v=3) format("woff2"),url(https://use.typekit.net/af/333a5f/0000000000000000000132db/27/d?subset_id=2&fvd=n1&v=3) format("woff"),url(https://use.typekit.net/af/333a5f/0000000000000000000132db/27/a?subset_id=2&fvd=n1&v=3) format("opentype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/919252/0000000000000000000132dc/27/l?subset_id=2&fvd=i1&v=3) format("woff2"),url(https://use.typekit.net/af/919252/0000000000000000000132dc/27/d?subset_id=2&fvd=i1&v=3) format("woff"),url(https://use.typekit.net/af/919252/0000000000000000000132dc/27/a?subset_id=2&fvd=i1&v=3) format("opentype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/2f8f3d/0000000000000000000132dd/27/a?subset_id=2&fvd=n3&v=3) format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/l?subset_id=2&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/d?subset_id=2&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/9f8c97/0000000000000000000132de/27/a?subset_id=2&fvd=i3&v=3) format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?subset_id=2&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?subset_id=2&fvd=i4&v=3) format("woff2"),url(https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?subset_id=2&fvd=i4&v=3) format("woff"),url(https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?subset_id=2&fvd=i4&v=3) format("opentype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/d8f71f/0000000000000000000132e1/27/a?subset_id=2&fvd=n5&v=3) format("opentype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/ba2c35/0000000000000000000132e2/27/l?subset_id=2&fvd=i5&v=3) format("woff2"),url(https://use.typekit.net/af/ba2c35/0000000000000000000132e2/27/d?subset_id=2&fvd=i5&v=3) format("woff"),url(https://use.typekit.net/af/ba2c35/0000000000000000000132e2/27/a?subset_id=2&fvd=i5&v=3) format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?subset_id=2&fvd=i7&v=3) format("woff"),url(https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?subset_id=2&fvd=i7&v=3) format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/l?subset_id=2&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/d?subset_id=2&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/031bc7/0000000000000000000132e5/27/a?subset_id=2&fvd=n9&v=3) format("opentype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: brandon-grotesque;
    src: url(https://use.typekit.net/af/099730/0000000000000000000132e6/27/l?subset_id=2&fvd=i9&v=3) format("woff2"),url(https://use.typekit.net/af/099730/0000000000000000000132e6/27/d?subset_id=2&fvd=i9&v=3) format("woff"),url(https://use.typekit.net/af/099730/0000000000000000000132e6/27/a?subset_id=2&fvd=i9&v=3) format("opentype");
    font-weight: 900;
    font-style: italic;
}

body {
    color: #000;
    font-family: "brandon-grotesque";
    font-size: 18px;
    font-weight: 400;
    text-rendering: optimizelegibility;
}

html, body {
    width: 100%;
    height: 100%;
}

a:hover, a:focus {
    color: #162e4f;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.office-hrs{
	color: #ffffff;
font-weight: 300;
letter-spacing: 1px;
font-size: 20px;
}

.btn-float {
    width: auto;
    background-color: #000;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid #fff;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

    .btn-float:hover {
        background-color: #007bff;
        color: #fff;
    }

ul.social-list {
    float: none;
    margin-bottom: 0px;
    padding: 10px 0px 10px 0px;
}

.btn_testimonils {
    margin: 20px 0px 20px 40px;
    border: 1px solid #000;
    border-radius: 0px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
}

.innerBoHover {
    padding: 10px;
    border: 1px solid transparent;
}

.btn_testimonils:hover {
    background: #94a674;
    border: 1px solid #94a674;
    color: #fff;
    box-shadow: none;
}

    .btn_testimonils:hover .innerBoHover {
        border: 1px solid #fff;
    }

ul.social-list li {
    float: none;
    list-style: outside none none;
    display: inline-block;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

    ul.social-list li a {
        display: inline-block;
        /*color:#F5F1E6;*/
        color: #617f45;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        ul.social-list li a:hover {
            color: #ffffff;
        }

        ul.social-list li a.call-social:hover {
            background-color: #ffffff;
        }

        ul.social-list li a.facebook:hover {
            background-color: #507CBE;
        }

            ul.social-list li a.facebook:hover i {
                border: 1px solid #fff;
            }

        ul.social-list li a.youtube:hover i {
            border: 1px solid #fff;
        }

        ul.social-list li a.youtube:hover {
            background-color: #bb0000
        }

        ul.social-list li a i {
            font-size: 1em;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid transparent;
            color: rgba(255, 255, 255, 0.8);
            margin: 4px;
        }

        ul.social-list li a.call-social:hover i {
            border: 1px solid #000000;
            color: #000000;
        }

    ul.social-list li:last-child a i {
        /*border-right: 1px solid #5f4d48;*/
    }

.b-testimonials {
    display: none;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #3aa6e6 !important;
}

.fa-4x {
    font-size: 3.5em !important;
}

.btm-bg {
    background-color: #fff;
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    color: #745c54;
}

.panel-group .panel {
    background-color: rgba(255, 255, 255, 0.0);
    border: 0 solid rgba(255, 134, 146, 0.00);
    /*border-left: 6px solid rgba(255, 134, 146, 0.40);*/
    border-radius: 0;
}

    .panel-group .panel .panel-title {
        font-size: 18px;
    }

.accordion-toggle {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    border-left: 5px solid #6f6f6f;
}

    .accordion-toggle.collapsed {
        background: rgba(255, 255, 255, 0.8);
        border-left: 5px solid #6f6f6f;
    }

    .accordion-toggle[aria-expanded="true"] {
        background: rgba(255, 255, 255, 1);
        border-left: 5px solid #6f6f6f;
    }

        .accordion-toggle[aria-expanded="true"] .panel-title {
            color: #1e3b4d;
        }

#accordion .panel-title {
    color: #6f6f6f;
}

.panel-body {
    background: #fff;
    border-left: 5px solid #6f6f6f;
    padding: 15px 30px;
}

#recaptcha1 > div,
#recaptcha2 > div,
#recaptcha3 > div,
#recaptcha4 > div {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}


.ios-device #banner_sec,
.ios-device #about-img,
.ios-device #services-img,
.ios-device #resources-img,
.ios-device .colomns section .image,
.ios-device #subpage_banner,
.ios-device #contact_pg {
    background-attachment: scroll !important;
}


#banner_sec {
    background-image: url(../img/main-slider/Calgary-slide03.jpg);
    height: 63%;
    /*    height: 100%;*/
    /*padding: 50px 0px;
    text-align: center;*/
    background-attachment: fixed;
    /*    background-position: center;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%;
}

    #banner_sec blockquote i {
        background-color: transparent;
        color: #ffffff;
        display: block !important;
        font-size: 18px !important;
        margin: 0 80px 10px;
        padding: 20px;
        text-align: center !important;
    }

    #banner_sec blockquote p {
        font-size: 20px;
        color: #fff;
        font-weight: 400;
        text-shadow: 2px 1px #000;
    }

    #banner_sec blockquote small, #banner_sec blockquote cite {
        font-size: 16px;
        color: #fff;
        font-weight: 500;
    }

    #banner_sec .caption {
        position: absolute;
        left: 0;
        top: 33%;
/*        top: 50%;*/
        width: 100%;
        text-align: center;
        /* color: #000; */
        width: 100%;
        margin: auto;
    }

    #banner_sec .owl-controls {
        display: none !important;
    }

    #banner_sec .caption span.banner-txt {
        /* background-color: #111; */
        color: #fff;
        padding: 18px;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
        text-shadow: 1px 0px 2px #000;
    }

    #banner_sec #banner-sec-inner {
        position: absolute;
        top: 60%;
        width: 80%;
        left: 10%;
        display: none;
    }

    #banner_sec .owl-controls.clickable {
        display: none !important;
    }

#parallax-nav {
    display: none;
}

#subpage_banner {
    background-image: url(../img/subpage-bg.jpg);
    height: 50%;
    /*padding: 50px 0px;
    text-align: center;
    background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #subpage_banner .caption span.banner-txt {
        /* background-color: #111; */
        color: #4a4446;
        padding: 18px;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
    }

    #subpage_banner .caption {
        position: absolute;
        left: 0;
        top: 25%;
        width: 100%;
        text-align: center;
        /* color: #000; */
        width: 100%;
        margin: auto;
    }

#servicesPoints {
    position: relative;
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.28) 50%,#0000004d 100%),url(../img/services-bg.jpg);*/
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.servicesPoints-inner {
    /*background: rgba(188, 183, 183, 0.2);*/
}

#servicesPoints .container {
    padding: 70px 15px;
}

/*#servicesPoints .col-md-4 {
    width: 20%;
}*/

#servicesPoints .outerShortPoints {
    /*background: #fff;*/
}

#servicesPoints .image-grid__item {
    position: relative;
    transition: text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
    transition: transform 0.14s ease-in, text-shadow 0.1s ease-in;
    transition: transform 0.14s ease-in, text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
    cursor: pointer;
    padding: 15px;
}

.text-cs {
    text-align: center !important;
    font-weight: bold !important;
    color: #4a4446 !important;
}

/*.grid-item__image {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    will-change: transform;
    transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}*/
.navbar-brand > img {
    max-width: 84px;
}

#shortPoints {
    position: relative;
    /*    padding: 70px 0;*/
    padding: 60px 0;
}

    #shortPoints .col-offset-3 {
        margin-left: 10%;
    }

/*    #shortPoints .col-md-4 {
        width: 20%;
    }

    #shortPoints .col-md-2 {
        width: 19.666667%;
    }
    #shortPoints .col-md-2a {
        width: 16.666667%;
    }*/

    #shortPoints .outerShortPoints {
        /*background: #fff;*/
    }

    #shortPoints .image-grid__item {
        position: relative;
        transition: text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
        transition: transform 0.14s ease-in, text-shadow 0.1s ease-in;
        transition: transform 0.14s ease-in, text-shadow 0.1s ease-in, -webkit-transform 0.14s ease-in;
        cursor: pointer;
        padding: 15px;
    }

        #shortPoints .image-grid__item .img-responsive {
            width: 100%;
        }
/*.grid-item__image {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    -webkit-transform: scale(1);
    transform: scale(1);
    will-change: transform;
    transition: -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
}*/
#drinfo {
    position: relative;
    padding: 57px 0 70px 0;
}

    #drinfo img {
        width: 100%;
    }

.dr-img {
    width: 100%;
    padding-bottom: 118%;
    height: 0;
    position: relative;
    overflow: hidden;
}
/*#drinfo .dr-img {
        width: 100%;
        overflow: hidden;
    }
    #drinfo .dr-img1 {
        display: inline-block;
        position: relative;
        right: -50%;
    }
#drinfo img {
   
    position: relative;
    left: -50%;
}*/
#drinfo h2 {
    margin: 0 0 14px;
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
}

#drinfo p {
    color: #6f6f6f;
    font-size: 22px;
}

#drinfo a.btn {
    background-color: #ffffff;
    border: 2px solid #656363;
    margin: 10px 0;
    color: #6f6f6f;
    text-shadow: none;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 18px;
}

#drinfo a.btn:hover {
    background: #000;
    border: 2px solid #000000;
    color: #fff;
}

#team a.btn {
    background-color: #ffffff;
    border: 2px solid #656363;
    color: #6f6f6f;
    text-shadow: none;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 18px;
    width:200px;
    margin:20px auto;
    display:block;
}

#staff .team-pic{
    border:1px solid #333;
    padding:4px;
    width:150px;
    margin:auto;
}
#staff p {
    text-align: center !important;
    margin: 5px 0 50px 0;
}

#staff1 .team-pic{
    display:flex;
    justify-content:center;
}
#staff1 img {
    border-radius: 50%;
    outline: 2px solid #656363;
    outline-offset: 3px;
    width: 220px;
}

#staff1 p {
    text-align: center !important;
    margin: 10px 0 50px 0;
}
#staff p span{
    font-weight:bold;
}

#team a.btn:hover {
    background: #000;
    border: 2px solid #000000;
    color: #fff;
}

#special_ponts {
    position: relative;
    padding: 70px 0 0;
}

    #special_ponts h2 {
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 36px;
        color: #000;
        margin-bottom: 26px;
    }

    #special_ponts p {
        font-size: 22px;
        color: #6f6f6f;
        margin-bottom: 20px;
    }

#resources-img {
    background-image: url(../img/resources.jpg);
    height: 50%;
}

#resources-img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position-y : -200px;
}

    #resources-img .caption span.resources-txt {
/*        background-color: #fff;*/
        
        color: #fff;
        padding: 18px;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
    }

    #resources-img .caption {
        position: absolute;
        left: 0;
        top: 44%;
        width: 100%;
        text-align: center;
        /* color: #000; */
        width: 100%;
        margin: auto;
    }



#shortPoints .convenient-boxed:hover {
    /*    border-color: #e2e2e2;*/
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -o-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.4);
    border-top: 5px solid #3764a8;
}
/*.convenient-boxed:hover a{
        opacity:1;
    }
        .convenient-boxed a:hover {
            opacity: 0.5;
        }*/

#shortPoints .ser-txt {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

#shortPoints .convenient-boxed:hover h3 {
    opacity: 0.2;
}

#shortPoints .convenient-boxed:hover .ser-txt {
    opacity: 1;
}

#shortPoints .ser-inr-txt {
    color: white !important;
    font-size: 16px;
    padding: 16px 0px;
}

    #shortPoints .ser-inr-txt h4 {
        font-size: 24px;
    }

#services-img {
    background-image: url(../img/services.webp);
    height: 50%;
}

#services-img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    #services-img .caption span.services-txt {
        /* background-color: #111; */
        color: #fff;
        padding: 18px;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
    }

    #services-img .caption {
        position: absolute;
        left: 0;
        top: 44%;
        width: 100%;
        text-align: center;
        /* color: #000; */
        width: 100%;
        margin: auto;
    }

#content-section {
    padding: 70px 0;
}

    #content-section h1 {
        color: #000;
        font-size: 24px;
        text-transform: uppercase;
    }

    #content-section p {
        color: #6f6f6f;
        font-size: 18px;
        text-align: justify;
    }

#pe-modal .modal-body p.heading {
    color: #f0ae0f !important;
}

.pe-content p {
    color: white !important;
}

#content-section .senior-sec p {
    font-size: 26px;
}

#content-section .card .nav li {
    color: #6f6f6f;
    font-size: 18px;
}

#content-section h2, #content-section h3 {
    color: #322f30;
}

#content-section .btn {
    background-color: #ffffff;
    border: 2px solid #656363;
    margin: 10px 13px;
    color: #6f6f6f;
    text-shadow: none;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 18px;
}

    #content-section .btn:hover {
        background: #000;
        border: 2px solid #000000;
        color: #fff;
    }

#content-section a span.dr-txt {
    text-align: center;
    color: #000;
    font-size: 20px;
    margin: 10px auto;
    display: block;
}

#about-img {
    background-image: url(../img/about.webp);
    height: 50%;
}

#about-img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#about-img .caption span.about-txt {
        color: #fff;
        padding: 18px;
        font-size: 42px;
        letter-spacing: 10px;
        text-transform: uppercase;
    }

    #about-img .caption {
        position: absolute;
        left: 0;
        top: 45%;
        width: 100%;
        text-align: center;
         color: #000; 
        width: 100%;
        margin: auto;
    }

#shortPoints .team .btn-primary {
    padding: 15px 50px;
    text-transform: uppercase;
    background: #f3f3f3;
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    border: none;
    color: #000;
}

#shortPoints .team .btn-primary:hover,
#shortPoints .team .btn-primary:focus {
    background: #000;
    color: #FFF;
}

    #team .team-img{
        border:1px solid #333;
        padding:3px;
    }

#servicesPoints .convenient-boxed {
    /*background: #f3f3f3;*/
    /*padding: 70px 20px;*/
    /*margin-top: 14px;*/
    overflow: hidden;
    border-radius: 0;
    border: none;
    border-top: 5px solid transparent;
}
    #servicesPoints .convenient-boxed:hover {
        border-top: 5px solid #3764a8;
    }

    #servicesPoints .convenient-boxed h3 {
        /*color: #000;
        font-size: 20px;
        text-align: center;
        text-transform: uppercase;
        margin: 0px auto;*/
        position: absolute;
        left: 0;
        /*top: 36%;*/
        top: 49%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        color: #000;
        width: 100%;
        margin: auto;
    }
/**/
#shortPoints .convenient-boxed {
    background: #f3f3f3;
    /*padding: 70px 20px;*/
    /*margin-top: 14px;*/
    overflow: hidden;
    border-radius: 0;
    border: none;
}

/*#shortPoints .convenient-boxed h3 {
        
        position: absolute;
        left: 0;
        top: 36%;
        width: 100%;
        text-align: center;
        color: #000;
        width: 100%;
        margin: auto;
    }*/

#shortPoints .convenient-boxed {
    background: #f3f3f3;
    /*padding: 70px 20px;*/
    /*margin-top: 14px;*/
    overflow: hidden;
    border-radius: 0;
    border: none;
    border-top: 5px solid transparent;
}

    #shortPoints .convenient-boxed h3 {
        /*color: #000;
        font-size: 20px;
        text-align: center;
        text-transform: uppercase;
        margin: 0px auto;*/
        position: absolute;
        left: 0;
        top: 49%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        color: #000;
        margin: auto;
    }

.convenient-boxed {
    /*margin-top: 30px;*/
    /*padding: 6px 15px 20px 15px !important;*/
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background: #f3f3f3;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}



#servicesPoints .convenient-boxed:hover {
/*    border-color: #e2e2e2;*/
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -o-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.4);
    
}

/*.convenient-boxed:hover a{
        opacity:1;
    }
        .convenient-boxed a:hover {
            opacity: 0.5;
        }*/

#servicesPoints .ser-txt {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

#servicesPoints .convenient-boxed:hover h3 {
    opacity: 0.2;
}

#servicesPoints .convenient-boxed:hover .ser-txt {
    opacity: 1;
}

#servicesPoints .ser-inr-txt {
    color: white;
    font-size: 16px;
/*    padding: 16px 32px;*/
}

    #servicesPoints .ser-inr-txt h4 {
        font-size: 24px;
    }

.sidebar-icon-wrapper-inner {
    background: rgba(255, 255, 255, 0.00) none repeat scroll 0 0;
    display: table;
    /* height: 100%; */
    /*min-height: 100%;*/
    width: 100%;
    float: right;
    /*margin-right: calc(100% - 80%);*/
}

.service-box {
    /*margin-bottom: 35px;*/
}

.service-center {
    text-align: center;
}

#header-sec span.nav-ph {
    float: right;
    margin-right: 22px;
}

#content-section .nav-tabs {
    border-bottom: 2px solid #DDD;
}

    #content-section .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    #content-section .nav-tabs > li > a {
        border: none;
        color: #ffffff;
        background: #3b3738;
        border-radius: 0;
    }

    #content-section .nav-tabs > li.active > a {
        border: none;
        color: #000000 !important;
        background: #fff;
    }

.nav-tabs > li > a:hover {
    color: #ffffff;
}

#content-section .nav-tabs > li > a::after {
    content: "";
    visibility: hidden;
    background: #3b3738;
    height: 2px;
    position: absolute;
    width: 96%;
    left: 15px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

#content-section .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    transform: scale(1);
}

#content-section .tab-nav > li > a::after {
    background: ##5a4080 none repeat scroll 0% 0%;
    color: #fff;
}

#content-section .tab-pane {
    padding: 15px 0;
}

#content-section .tab-content {
    padding: 20px
}

#content-section .nav-tabs > li {
    width: auto;
    text-align: center;
}

#content-section .nav > li > a {
    padding: 10px 15px !important;
}

#content-section .card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

#content-section ul > li {
    color: #6f6f6f;
    font-size: 20px;
    text-align: justify;
}

#content-section ol > li {
    color: #6f6f6f;
    font-size: 20px;
    text-align: justify;
}

#content-section .card span {
    display: table;
    margin: 0 auto;
}
/*************** Testimonials ***************/
/**********/
#home-development {
    /* height: auto; */
    /* background-color: rgba(43, 43, 43, 0.81); */
    padding: 80px 0 64px 0;
    z-index: 9;
    position: inherit;
}

    #home-development::before {
        background-position: right 0;
        left: 0;
    }

.vcenter-parent {
    display: table;
    width: 100%;
    height: 100%;
}

#home-development::after {
    background-position: left 0;
    right: 0;
}

#home-development::after, #home-development::before {
    content: '';
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -50;
}

.navbar-nav {
    float: right;
    margin: 0;
}

.btn-white-send {
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-repeat: repeat-x;
    border: 1px solid #ffffff;
    color: #000000;
    text-shadow: none;
    border-radius: 0;
    /* box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5); */
    margin: 0px 20px 24px 0;
    padding: 10px 26px;
    font-size: 18px;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    /* font-weight: 600; */
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .btn-white-send:hover {
        background-color: #000;
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.7);
    }

.news-grid .news-item {
    text-align: center;
    background-color: #eaeaea;
    display: block;
    height: 372px;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;
}

    .news-grid .news-item h5 {
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
        color: #162e4f;
        letter-spacing: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .news-grid .news-item:hover {
        text-decoration: none;
        background-color: rgb(0, 0, 0);
        color: #fff !important;
    }

        .news-grid .news-item:hover h5, .news-grid .news-item:hover p {
            color: #fff;
        }

    .news-grid .news-item h5 {
        -webkit-transition: color 250ms;
        -o-transition: color 250ms;
        transition: color 250ms;
    }

    .news-grid .news-item h5 {
        font-size: 30px;
        line-height: 30px;
        color: #000;
        letter-spacing: .5px;
        margin-bottom: 16px;
        text-transform: capitalize;
        font-weight: 400;
        font-family: "brandon-grotesque";
    }

    .news-grid .news-item p {
        font-size: 18px;
        letter-spacing: 0;
        margin-bottom: 12px;
        line-height: 26px;
        font-weight: 300;
        color: #000000;
        font-family: "brandon-grotesque";
    }
/*.news-grid .news-item p:hover {
    color: #c5c5c5;
}*/
.news-grid .news-item-content {
    padding: 0 28px 28px;
    display: block;
}


#news_grid_new_inner_id .news-grid .news-item-content {
    padding: 0px !important;
}

/*#servicesPoints .news-grid .col-md-2.image-grid__item {
    width: 20%;
}*/


.news-grid .news-item-img {
    display: block;
    height: 214px;
    position: relative;
}

#news_grid_new_inner_id .news-grid .news-item-img {
    height: 190px;
    padding-top: 10%;
}




.news-grid .news-item-img .grayscale {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.caption {
    width: 80%;
    margin: auto;
}
/*Youtube Video */
#header-sec {
    z-index: 9;
    background: #fff;
    padding: 18px 0;
}

    #header-sec .top-menu {
        display: block;
    }

.top-menu {
    /*text-align: right;*/
    padding: 0;
    /*margin: 4px 0;*/
}

.navbar-header {
    width: 462px;
}

.nav-hdr-txt p {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000;
    /*font-size: 30px;    
    font-weight: 500;
    padding: 38px 0;*/
    margin: 0;
}

.nav-hdr-img {
    width: 18%;
}

.nav-hdr-txt {
    margin-left: 96px;
    text-align: left;
}

a.navbar-brand p span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 3px;
}

.nav-hdr-txt p.nav-addr {
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    /*text-align: right;*/
}

.nav-hdr-txt p.nav-email {
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    /*text-align: right;*/
}

.nav-hdr-txt p.nav-phone {
    font-weight: 500;
    /*text-align: center;*/
    font-size: 18px;
    /*margin: 18px 106px 0px 0;*/
    color: #000;
    letter-spacing: 2px;
}

    .nav-hdr-txt p.nav-phone:hover a {
        color: #000;
    }

.top-menu li {
    display: inline-block;
}

    .top-menu li a {
        padding: 8px 8px;
        color: rgb(91, 69, 23);
    }

        .top-menu li a:hover, .top-menu li a:focus {
            color: #000000;
            background: rgba(245, 201, 125, 0.79);
        }

.navbar {
    margin-bottom: 0 !important;
}

#header-sec .navbar {
    /* margin-top: 8px; */
    /* margin: auto; */
    /* display: table; */
}

#header-sec .top-menu .navbar {
    /* float: right; */
}

.navbar-brand > img {
    /* background: #ffffff none repeat scroll 0 0; */
    /* border-radius: 50%; */
    /* display: block; */
    margin: 0px;
    /* padding: 4px; */
    /* position: absolute; */
    /* max-width: 240px; */
    /* box-shadow: 0 7px 5px rgba(0, 0, 0, 0.3); */
    z-index: 2;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: rgba(43, 93, 162, 0);
    color: #000;
}

#header-sec .nav > li > a::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -16px;
    height: 3px;
    background-color: #007197;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0,5px);
    -ms-transform: translate(0,5px);
    -o-transform: translate(0,5px);
    transform: translate(0,5px);
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #000;
    background-image: none;
    background-repeat: repeat-x;
    color: #fff;
    -webkit-transition: all 100ms linear 0s;
    -moz-transition: all 100ms linear 0s;
    -o-transition: all 100ms linear 0s;
    transition: all 100ms linear 0s;
    border-bottom: .5px solid #ffffff;
}

.dropdown-menu {
    left: 16px;
    background-color: #ffffff;
    /* color: #745c54 !important; */
}

    .dropdown-menu > li > a {
        padding: 4px 20px;
        font-size: 15px;
        color: #000000;
        font-weight: 300;
        border-bottom: .5px solid rgb(255, 255, 255);
        width: 230px;
    }

    .dropdown-menu:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #162e4f;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .dropdown-menu:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }

.navbar-brand {
    color: #000000 !important;
    float: left;
    font-size: 28px;
    font-weight: 500;
    height: auto;
    line-height: 24px;
    padding: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    /* border: 1px solid rgba(255, 255, 255, 0); */
    font-family: "brandon-grotesque";
    font-weight: 400;
    text-shadow: none;
    -webkit-transition: all 400ms linear 0s;
    -moz-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    /* font-size: 12px; */
    letter-spacing: 2px;
}

.navbar-default {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    border-color: transparent;
}

#service-menu {
    background-color: #fff;
    padding: 20px 0 60px;
    position: relative;
    z-index: 1;
    border-top: 1px solid #FFFFFF;
    /* background-image: url(../img/texture-white.jpg); */
    background-position: 0 0;
    background-repeat: repeat;
    text-align: justify;
}

.welcomeTitle {
    margin-bottom: 18px;
    text-transform: capitalize;
    margin-top: 40px;
    font-family: "brandon-grotesque";
    letter-spacing: 2px;
    color: #000080;
    font-weight: 400;
    font-size: 40px;
    /* text-transform: uppercase; */
}

abbr[title] {
    text-decoration: none !important;
    border-bottom: none;
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 20px;
}

    abbr[title] a {
        color: #fff;
    }

#modal-coronavirus .modal-content {
    background-color: #fff;
}

#modal-coronavirus .modal-title {
    color: #000000;
}

.modal-content {
    background-clip: padding-box;
    background-color: rgba(59, 59, 65, 0.83);
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;
    margin-top: 25%;
}

.modal-header {
    border-bottom: 1px solid #c5c5c5;
}

.modal-title {
    font-size: 20px;
    color: #dddeb9;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.close {
    opacity: 0.6;
}

/* Social Ratings */

#social-ratings {
    background: rgba(255, 255, 255, 0.95);
    padding: 50px 0;
    text-align: center;
    position: relative;
    /*border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c5c5c5;*/
}

    #social-ratings .thumbnail {
        width: 16.6666667%;
    }

    #social-ratings .thumbnail {
        color: #444;
        padding: 25px 5px;
        margin: 0;
        background-color: rgba(255, 255, 255, 0);
        border: 2px solid rgba(23, 63, 80, 0.0);
        border-left: 1px solid rgba(255, 255, 255, 0.42);
        border-right: 1px solid rgba(23, 63, 80, 0.08);
        border-radius: 0;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.0);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

        #social-ratings .thumbnail > img {
            padding: 0 35px;
        }

        #social-ratings .thumbnail:first-child {
            border-left: 2px solid rgba(23, 63, 80, 0.0);
        }

        #social-ratings .thumbnail:last-child {
            border-right: 2px solid rgba(23, 63, 80, 0.0);
        }

    #social-ratings .stars {
        margin: 10px 25px;
        padding: 5px 5px;
        background: rgba(0, 0, 0, 0.7);
        border-radius: 50px;
        box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.09), 0 -1px 0px rgba(255, 255, 255, 0.7) inset;
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

        #social-ratings .stars i {
            color: #ffed01;
        }

    #social-ratings .ratings {
        font-size: 16px;
        margin-top: 15px;
        color: #000;
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

        #social-ratings .ratings span {
            font-weight: 500;
        }

    #social-ratings .thumbnail:hover,
    #social-ratings .thumbnail:focus {
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

    #social-ratings .thumbnail:nth-child(1):hover,
    #social-ratings .thumbnail:nth-child(1):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #dd4b39 inset;
        background: #dd4b39;
    }

    #social-ratings .thumbnail:nth-child(2):hover,
    #social-ratings .thumbnail:nth-child(2):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #3b5998 inset;
        background: #3b5998;
    }

    #social-ratings .thumbnail:nth-child(3):hover,
    #social-ratings .thumbnail:nth-child(3):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #af0606 inset;
        background: #af0606;
    }

    #social-ratings .thumbnail:nth-child(4):hover,
    #social-ratings .thumbnail:nth-child(4):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #45245a inset;
        background: #45245a;
    }

    #social-ratings .thumbnail:nth-child(5):hover,
    #social-ratings .thumbnail:nth-child(5):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #545350 inset;
        background: #545350;
    }

    #social-ratings .thumbnail:nth-child(6):hover,
    #social-ratings .thumbnail:nth-child(6):focus {
        box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0), 0px -280px 0 #0202ea inset;
        background: #0202ea;
    }

    #social-ratings .thumbnail:hover .ratings,
    #social-ratings .thumbnail:focus .ratings {
        color: #fff;
        -webkit-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

    #social-ratings .thumbnail:hover .stars,
    #social-ratings .thumbnail:focus .stars {
        box-shadow: 0 1px 0px rgba(255, 255, 255, 0.3), 0 -1px 0px rgba(226, 226, 226, 0.5);
        -webkit-transition: all 600ms linear 0s;
        -moz-transition: all 600ms linear 0s;
        -o-transition: all 600ms linear 0s;
        transition: all 600ms linear 0s;
    }

#content-section blockquote {
    padding: 10px 20px 25px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 0px !important;
    border-bottom: 1px dotted #999 !important;
}

#content-section .review-heading {
    margin: 50px 0 20px 0 !important;
    text-align: center;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}

#content-section blockquote .review-patientName {
    font-weight: bold;
    margin-top: 0 !important;
}

#content-section blockquote .review-starRating i {
    color: #fcb423;
    display: inline-block !important;
    font-size: 20px !important;
    margin: 10px 0 0 0 !important;
    padding: 0px !important;
    text-align: left !important;
}

.container {
    margin-top: 0 !important;
}

.page {
    display: none;
}

.page-active {
    display: block;
}

.jumbotron {
    padding: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
}

.authorize {
    font-size: 18px !important;
    font-style: italic;
    margin-left: 13px;
}

/* star rating */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.clearfix {
    clear: both;
}


a {
    color: tomato;
    text-decoration: none;
}

    a:hover {
        color: #2196f3;
    }

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 4px;
}


.new-react-version {
    padding: 20px 20px;
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
}

    .new-react-version .react-svg-logo {
        text-align: center;
        max-width: 60px;
        margin: 20px auto;
        margin-top: 0;
    }

.success-box {
    margin: 23px 0 0 0;
    padding: 10px 10px;
}

    .success-box > div {
        vertical-align: top;
        display: inline-block;
        color: #888;
    }



/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin: 20px 0px !important;
}

    .rating-stars ul > li.star {
        display: inline-block;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > i.fa {
            font-size: 2.5em; /* Change the size of the stars */
            color: #ccc; /* Color on idle state */
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC36;
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > i.fa {
            color: #FF912C;
        }

/*covid-19 css*/

#notification {
    position: relative;
}

    #notification .mt {
        margin-top: 1%;
    }

    #notification .custom-width {
        width: 4%;
    }

#notification {
    border: 5px solid rgba(131, 84, 56, 0.09);
    background-color: #ffed76;
    padding: 8px 5px;
    margin-bottom: 0px;
    z-index: 1;
}

    #notification i.fa.fa-exclamation-triangle {
        font-size: 30px;
        margin-top: 54%;
        padding-top: 0px;
        color: #222;
        font-size: 3em;
        margin-left: 0;
        /*margin-left: -87%;*/
    }

    #notification p.title {
        /*font-family: lato;*/
        font-weight: bold;
        font-size: 22px;
        padding-bottom: 15px;
        font-size: 24px;
        text-align: left;
        margin-left: 25px;
    }

    #notification p.note {
        color: #000;
        font-size: 20px;
        margin-top: -20px;
        margin-left: 25px;
    }

    #notification p a {
        color: #000;
        font-size: 19px;
        font-weight: bold;
        text-decoration: underline;
    }

    #notification i.fa.fa-times {
        position: absolute;
        right: 8px;
        color: #0a0a0a;
        z-index: 1;
        width: 37px;
        background: rgb(58 58 58 / 26%);
        height: 37px;
        line-height: 1.8;
        text-align: center;
        font-size: 20px;
        border-radius: 50%;
    }

    #notification #about-show {
        display: inline-block;
        padding: 5px 20px;
        background: transparent;
        box-shadow: none;
        border: 2px solid #b15c12;
        margin: 5px auto 0px auto;
        font-size: 16px;
        letter-spacing: 1px;
        border-radius: 0px;
        color: #b15c12;
        text-align: center;
        font-weight: 600;
    }

        #notification #about-show:hover {
            border: 2px solid #231f20;
            color: #ffffff;
            background: #231f20;
        }

ol.dental-tips li {
    padding-bottom: 10px;
}

.mt-5{
    margin-top:30px;
}
.mb-5{
    margin-bottom:30px;
}

.vid-bordr{
    border:2px solid #ccc;
    padding:5px;
}

#popup-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    animation: slideIn 1s forwards;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

#popup-button {
    background-color: #007bff;
    font-weight:600;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #fff;
    cursor: pointer;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
#popup-button:hover {
    background-color: #2d2d2d;
    border: 1px solid #fff;
}

/*image-gallery*/
/*#image-gallery .col-sm-2 {
    width:14% !important;
}*/
@media (min-width:768px){
    #image-gallery .col-sm-2 {
        width: 14% !important;
    }
}

.mt-5 {
    margin-top: 30px;
}

.mb-5 {
    margin-bottom: 70px;
}

.formsection div {
    padding-bottom: 25px;
}

.formsection h2 {
    padding-bottom: 20px;
    padding-bottom: 12px !important;
}

.formsection a {
    color: #6f6f6f !important;
}

    .formsection a:hover {
        color: #000 !important;
    }


/*provider hover*/
/* General Styles for Hour Cards */

/* Hour Card Base Styles */
.hour-card {
    background-color: #f3f3f3;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.5s ease;
    margin: 15px;
}

    /* Card Hover Effect */
/*    .hour-card:hover {
        background-color: #999;
        color: white;
    }*/

    /* Card Images */
    .hour-card img {
        width: 120px;
        height: 120px;
        margin: -60px auto 10px;
        display: block;
        border-radius: 50%;
        border: 4px solid #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* Typography Adjustments */
    .hour-card h3 {
        margin: 20px 0;
        color: #000;
        font-size: 1.5rem;
        transition: color 0.5s ease;
    }

    .hour-card p {
        color: #6f6f6f;
        font-size: 0.9rem;
        margin: 5px 0;
        transition: color 0.5s ease;
        text-align:center !important;
    }

    /* Hover Styles */
    .hour-card:hover h3,
    .hour-card:hover p {
        color: white;
    }

/* Responsive Adjustments */
@media (max-width: 576px) {
    .hour-card img {
        width: 100px;
        height: 100px;
    }

    .hour-card {
        padding: 15px;
    }

        .hour-card h3 {
            font-size: 1.2rem;
        }

        .hour-card p {
            font-size: 0.85rem;
        }
}



.hour-card p {
    margin: 5px 0;
    color: #555;
}


@media (max-width: 768px) {
    .mt-100 {
        margin-top: 100px !important;
    }
}

@media (min-width: 1024px) {
    .mt {
        margin-top: 72px !important;
    }
}

.pb-70 {
    padding-bottom: 70px;
}
.pbinforms1 {
    color: #322f30;
    font-family: "brandon-grotesque";
    font-weight: 500;
    line-height: 1.1;
    font-size: 34px !important;
    text-transform: capitalize !important;
}

.hour-card {
    background-color: #f3f3f3; /* Light background for the card */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for a lifted effect */
    margin-top: 40px;
       /* display: flex;
        justify-content: center;
        flex-direction: column;*/
    min-height: 335px !important;
}

    .hour-card img {
        width: 160px; /* Adjust size of the circle image */
        height: 160px;
        margin: -92px auto 10px; /* Negative margin to overlap image with the card */
        display: block;
        outline: 4px solid #999999; /* Adds a border around the image */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Shadow for the image */
    }

    .hour-card h3 {
        margin-top: 10px;
        font-size: 24px;
        color: #333;
        padding-top: 15px;
    }

.extracard {
    padding-bottom: 100px !important;
    font-size: 35px;
}

.extracard2 {
    padding-bottom: 100px !important;
    padding-top: 80px;
    font-size: 35px;
}

.aa {
    padding-top: 65px;
}

.hour-card p {
    margin: 5px 0;
    color: #555;
}


@media (max-width: 768px) {
    .mt-100 {
        margin-top: 100px !important;
    }
}

@media (min-width: 1024px) {
    .mt {
        margin-top: 92px !important;
    }
}

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

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

.btn {
    margin: 0 10px;
}
.modal-p{
    text-align:center !important;
    color:#000 !important;
    font-size:20px !important;
}
p-
@media (min-width: 768px) {
    .m-20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}
@media (min-width: 1024px) {
    .center-align {
        text-align: center !important;
        display: flex;
        justify-content: center;
    }
}
.mt-3{
    margin-top:15px !important;
}
/*.row-align{
    display:flex;
   
}*/
/**/
/*
@media(min-width:576px){
    .mb-5{
        text-align:center;
        margin:10px;
    }
}*/
/* sleep form style */
.pb-2 {
    padding: 25px;
}
.m-0{
    margin:0px ;
}
text-center{
    text-align:center;
}
.sleepform-bg {
    background: #96d8fb2e;
    border: 1px solid #0d9de629;
/*    padding-bottom: 60px;*/
    padding-top: 20px;
    padding-left: 84px;
  
}


    .sleepform-bg button {
        background: #fff;
        border: 1px solid #0091dc;
        margin: 10px 13px;
        color: #0091dc;
        text-shadow: none;
        border-radius: 0;
        padding: 8px 16px;
        font-size: 18px;
        text-align: start !important;
        transition: all 0.5s ease !important;
    }

        .sleepform-bg button:hover {
            background-color: #0091dc;
            border: 1px solid #0091dc;
            color: #fff;
            transition: all 0.5s ease !important;
        }

    .sleepform-bg h2 {
        margin: 30px;
        color: #0091dc !important;
    }
    @media(max-width:768px){
        .sleepform-bg {
            padding-left: 0px;
        }
    }

@media(min-width:768px) {
    #navbar .navbar-nav {
        float: right;
        margin-bottom: 0 !important;
        /*margin-top: 22px;*/
    }

    .nav > li > a {
        display: block;
        /*padding: 25px 20px !important;*/
        position: relative;
    }

    #header-sec .nav > li > a {
        display: block;
        /*margin: 11px 0;*/
        padding: 0px 7px !important;
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0;
        font-size: 18px;
        background: #ffffff;
        margin: 0;
        line-height: 64px;
        vertical-align: middle;
        font-weight: 500;
        /*border: 1px solid #f7f7f7;*/
    }

    .navbar-nav > li > a {
        font-size: 13px;
    }
}
/**********************************************
main-slider
**********************************************/
#main-menu {@
    background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
    border-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    box-shadow: 0 1px 5px 0px #0000002e;
}
/* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)*/
/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 0px;
}

.back-to-top {
    display: inline-block;
    height: 35px;
    width: 35px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgb(0, 0, 0) url(../img/top-arrow.svg) no-repeat center center;
    visibility: hidden;
    opacity: 0;
    z-index: 99999999;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    transition: all 600ms;
}

    .back-to-top:hover {
        background-color: #000000;
        opacity: 1;
        border-radius: 20px;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        transition: all 300ms;
    }
/* Back to top *******************************************/


@media (min-width: 768px) and (max-width: 991px) {

    #notification i.fa.fa-exclamation-triangle {
        font-size: 2.5em;
    }
    .navbar {
        min-height: 34px;
    }

    .navbar-brand {
        line-height: 20px;
    }

        .navbar-brand > img {
            max-width: 74px;
        }

    .navbar-header {
        width: 418px;
        margin: 0 auto;
        float: none;
    }

    #subpage_banner .caption span.banner-txt {
        padding: 0;
    }

    .nav-hdr-txt {
        margin-left: 85px;
    }

        .nav-hdr-txt p.nav-addr {
            font-size: 13px;
        }

        .nav-hdr-txt p.nav-email {
            font-size: 11.5px;
        }

        .nav-hdr-txt p.nav-phone {
            font-size: 15px;
        }

    #content-section .card .nav li {
        font-size: 17px;
    }

    #content-section .nav > li > a {
        padding: 10px 12px !important;
    }

    #shortPoints .column-offset {
        margin-left: 33.4%;
    }

    #banner_sec #banner-sec-inner {
        top: 64%;
        width: 100%;
        left: 0;
    }

    #banner_sec blockquote i {
        padding: 0;
        margin: 0;
    }

    #shortPoints .col-offset-3 {
        /*margin-left: 18%;*/
        margin-left: 0%;
    }

    #drinfo h2 {
        margin: 15px 0 14px;
        text-align:center;
    }

    dr_one {
        margin: 0px 105px !important;
    }

    #shortPoints .col-md-4 {
        width: 33.33%;
    }

    #servicesPoints .col-md-4 {
        width: 33.33%;
    }

    .caption {
        width: 86%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
 

    #Custom_EA img {
   
        right: 0% !important;
    }
    #Custom_EA p.ea-title_two {
        position: relative;
    }
        #Custom_EA p.ea-title_two {
        font-size: 36px !important;
    }
        #shortPoints .col-offset-3 {
        /*margin-left: 18%;*/
        margin-left: 0%;
    }


    #drinfo h2 {
        margin: 0 0 14px;
        font-size: 20px;
    }
   .dr_one {
        margin: 0px 55px !important;
    }

    .dr_two {
        margin: 0px 60px !important;
    }

    a.navbar-brand p.nav-email {
        font-size: 12px;
    }

    .contact-box {
        min-height: 448px !important;
    }

    #shortPoints .column-offset {
        margin-left: 33.4%;
    }

    .news-grid .news-item {
        height: 366px;
    }

    #content-section .card .nav li {
        font-size: 17px;
    }

    #content-section .nav > li > a {
        padding: 10px 6px !important;
    }

    #shortPoints .col-md-4 {
        width: 33.33%;
    }

    #servicesPoints .col-md-4 {
        width: 33.33%;
    }
}
/**********************************************
/ main-slider
**********************************************/
.btn-primary {
    background: none repeat scroll 0 0 #aaaaaa;
    border-color: #aaaaaa;
    color: #000000;
    border-radius: 0;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #162e4f;
        border-color: #C8727B;
        color: #FFFFFF;
    }

blockquote i {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    color: #000000;
    display: block !important;
    font-size: 35px !important;
    margin: 0 80px 10px;
    padding: 20px;
    text-align: center !important;
}

blockquote small {
    color: #000000;
}

    blockquote small cite {
        color: #000000;
        font-weight: 700;
        text-transform: uppercase;
    }

blockquote.pull-right {
    border-right: 0px solid rgba(255, 255, 255, 0.0);
    margin: 0 0 10px;
    text-align: center;
    padding-right: 0;
}

    blockquote.pull-right small:after {
        content: none !important;
    }

#testimonials .item {
    margin: 3px;
}

    #testimonials .item blockquote {
        display: none;
        width: 100%;
        height: auto;
    }
/********/
/*******/
.modal-body .form-control {
    background-color: rgba(44, 44, 49, 0.75);
    border: 1px solid #626271;
    color: #cecbbc;
}

    .modal-body .form-control:-moz-placeholder {
        color: #e7e3d6 !important;
    }

    .modal-body .form-control::-moz-placeholder {
        color: #e7e3d6 !important;
    }

    .modal-body .form-control:-ms-input-placeholder {
        color: #e7e3d6 !important;
    }

    .modal-body .form-control::-webkit-input-placeholder {
        color: #e7e3d6 !important;
    }

.form-control {
    background-color: rgb(70, 69, 69);
    border: 1px solid rgb(111, 111, 111);
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.04); */
    /* border-top: 1px solid rgba(255, 255, 255, 0.04); */
    border-radius: 0;
    color: #dfd8c8;
    font-weight: 400;
    font-size: 17px;
}

    .form-control:focus {
        border-color: rgba(255, 255, 255, 0.20);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);
        outline: 0 none;
    }

    .form-control:-moz-placeholder {
        color: #e7e3d6 !important;
        font-family: "brandon-grotesque";
        font-weight: 200;
    }

    .form-control::-moz-placeholder {
        color: #e7e3d6 !important;
        font-family: "brandon-grotesque";
        font-weight: 200;
    }

    .form-control:-ms-input-placeholder {
        color: #e7e3d6 !important;
        font-family: "brandon-grotesque";
        font-weight: 200;
    }

    .form-control::-webkit-input-placeholder {
        color: #e7e3d6 !important;
        font-family: "brandon-grotesque";
        font-weight: 200;
    }
/************/
footer {
    background-color: #ffffff;
    border-bottom: 10px solid #000000;
    font-size: 15px;
    padding: 35px 0;
    color: #000;
}

    footer .copyright {
        color: #9b9b9b;
        font-size: 14px;
        padding: 8px 0;
        text-align: center;
        font-weight: 600;
        letter-spacing: 1px;
    }

        footer .copyright a {
            color: #727272;
            font-weight: 600;
        }

            footer .copyright a:hover, footer .copyright a:focus {
                color: #00008b;
            }

#footer-menu {
    background-color: #000000;
    /* border-bottom: 1px solid #ffffff; */
    /* border-top: 1px solid #ffffff; */
    /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.75); */
    padding: 10px 0px 10px 0px;
    position: relative;
}

a {
    color: #000000;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
/****************/

@media(min-width:0) and (max-width:767px) {
	#content-section .btn {
    font-size: 16px;
}
	
    #banner_sec .caption span.banner-txt {
        padding: 0;
    }

    p.nav-phone {
        /*display: none;*/
    }

    #banner_sec #banner-sec-inner {
        top: 46%;
        width: 100%;
        left: 0;
    }

    #banner_sec .caption {
        top: 30%;
/*        top: 50%;*/
    }

    .navbar-header {
        width: 100%;
    }

    #header-sec span.nav-ph {
        float: none;
        margin-right: 0;
    }

    #banner_sec blockquote i {
        padding: 0;
        margin: 0;
    }

    #shortPoints .col-offset-3 {
        margin-left: 0%;
    }

    .dr-img {
        width: 58%;
        padding-bottom: 58%;
        margin: 0 auto;
    }

    #content-section .nav-tabs > li {
        width: 100%;
    }

    #drinfo a.btn {
        margin: 20px auto 0px;
        display: block;
        width: 55%;
    }

    #drinfo p {
        text-align: center;
    }

    #drinfo h2 {
        text-align: center;
    }

    .navbar-default .navbar-nav > li:hover > a:hover, .navbar-default .navbar-nav > li:hover > a:focus,
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff !important;
        background-color: #000;
    }

    .dropdown-menu {
        left: 16px;
        position: relative;
        background-color: #000000;
        /* color: #745c54 !important; */
        color: #fff;
    }

        .dropdown-menu > li > a {
            color: #fff;
            border-bottom: none;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                background-color: #000;
                color: #fff !important;
                border-bottom: none;
            }

    #home-development {
        height: auto;
    }

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        font-size: 16px;
    }

    #home-development {
        position: relative;
        z-index: 0;
        /*background: #6e754c;*/
    }

    .grey-bg {
        /*background: #655a52 !important;*/
    }

    #home-development::before {
        background-image: none;
        background-position: right 0;
        left: 0;
    }

    #home-development::after {
        background-image: none;
        background-position: left 0;
        right: 0;
    }

    .news-grid .news-item {
        height: 340px;
    }

    .news-grid .news-item-img .grayscale {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 10px auto 0;
    }

    .welcomeTitle {
        margin-bottom: 22px;
        /* text-transform: uppercase; */
        margin-top: 20px;
        /* font-family: 'Raleway', sans-serif; */
        letter-spacing: 1px;
        text-align: center;
        font-size: 40px;
    }

    #header-sec .navbar-toggle {
        /* margin-right: 0; */
        /* margin-bottom: 0; */
        /* margin-top: 0; */
        top: 3px;
        /* right: -8px; */
    }

    #header-sec .navbar-collapse {
        border-top: medium none;
        padding: 10px 15px;
        text-align: center;
    }

    .navbar-nav {
        text-align: center;
        float: none;
    }

    blockquote i {
        margin: 0 96px 10px;
    }

    footer .copyright {
        text-align: center;
    }

    #footer-menu {
        padding: 3px 0;
        position: relative;
    }

    ul.social-list {
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul.social-list li {
            display: inline-block;
            float: none;
        }

    #header-sec {
        padding: 10px 0px;
    }

    .navbar-default .navbar-toggle {
        border-color: #C9C2AF;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #745c54;
        }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ffffff;
        }

    .service-box {
        margin-bottom: 0px;
    }

    .modal-title {
        font-size: 19px;
    }

    .success-box {
        margin: 0px 0 0 0;
        padding: 0px 10px 10px 10px;
    }       

}

@media(min-width:768px) and (max-width:991px) {
    .dr_one {
        margin: 0px 100px !important;
    }

    .dr_two {
        margin: 0px 105px !important;
    }
  
    .dr_center_align{
        margin:auto;       
        float:none;
    }

        
    #Custom_EA p.ea-title_two {
        font-size: 25px !important;
    } 
        #Custom_EA img + span {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 100%;
        height: 46em;
        background-color: rgba(255, 255, 255, 0.6196078431372549);
    }
    #expert-advice img.ea-img-responsive + span {
        display: none;
    }
        .max-char {
        font-size: 11px !important;
    }

    #news_grid_new_inner_id .news-grid .news-item-img {
        height: 130px;
        padding-top: 21%;
    }

    #servicesPoints .convenient-boxed h3, #shortPoints .convenient-boxed h3 {
        font-size: 24px;
        line-height: 24px;
    }


    .news-grid .news-item-img {
        height: 172px;
    }

    .news-grid .news-item h5 {
        font-size: 24px;
    }

    .news-grid .news-item p {
        font-size: 18px;
        line-height: 20px;
    }

    .news-grid .news-item {
        height: 304px;
    }

    #header-sec .nav > li > a {
        padding: 0px 4px !important;
        line-height: 54px;
        margin: 0;
        font-size: 16px;
        letter-spacing: 2px !important;
    }

    a.navbar-brand p {
        /*padding: 4px 0;*/
        font-size: 24px;
        text-align: center;
    }

        a.navbar-brand p span {
            font-size: 14px;
        }

    .navbar-nav > li > a {
        font-size: 16px;
    }

    ul.social-list {
        padding: 12px 2px 0 0;
    }

    #header-sec {
        padding: 10px 0;
        position: relative;
        z-index: 10;
        /*background: rgba(255, 255, 255, 0.33);*/
        /* display: flex; */
    }

        #header-sec .navbar {
            margin-bottom: 0 !important;
            /*margin-top: 10px;*/
        }

    #navbar .navbar-nav {
        float: none;
        text-align: center;
        margin-right: 10px;
        /*margin-top: 22px;*/
    }

    .navbar-nav > li {
        display: inline-block;
        float: none;
    }

    /*.navbar-brand > img {
        max-width: 250px;
    }*/


    blockquote i {
        margin: 0 62px 10px;
    }
    /*********/

    footer .copyright {
        padding: 20px 0;
    }

    
}

@media(min-width:992px) and (max-width:1079px){
    #header-sec .nav > li > a {
        font-size: 15px;
        padding: 0 5px !important;
    }
}

@media(min-width:1080px) and (max-width:1199px) {
    #header-sec .nav > li > a {
        font-size: 16px;
        padding: 0 7px !important;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .news-grid .news-item-content {
        padding: 0 18px 28px;
    }

    #banner_sec blockquote i {
        padding: 0;
    }

    .news-grid .news-item-img {
        display: block;
        height: 182px;
        position: relative;
    }

    .nav-hdr-txt p.nav-phone {
        /* margin: 12px 94px 0px 0; */
        font-size: 16px;
    }

    a.navbar-brand p.nav-addr, a.navbar-brand p.nav-phone {
        font-size: 13px;
    }

    .service-box {
        padding: 8px;
    }
}

@media(min-width:0) and (max-width:1024px) {
    footer {
        padding: 25px 0;
        border-bottom: none !important;
        margin-bottom: 60px;
    }

    #wrapper {
        display: none;
    }

    abbr[title] {
        font-size: 17px;
    }
    #popup-container {
        position: fixed;
        bottom: 80px;
        right: 20px;
        z-index: 9999;
        animation: slideIn 1s forwards;
    }
}

.adress-vcenter .container {
    /* background-color: rgba(0, 0, 128, 0.90); */
}

.adress-vcenter h4 {
    color: #ffffff;
    font-size: 36px;
    margin: 40px 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    word-spacing: 5px;
}

.hidden-field {
    display: none;
}

@media(min-width:992px) and (max-width:1199px) {
    .navbar-nav > li > a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.colomns {
    1005
    /*display: flex;*/
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-around;
    position: relative;
    width: 100%;
}

    .colomns section {
        width: 100%;
        flex: 1;
        display: block;
        position: relative;
        overflow: hidden;
    }

#contact_pg {
    background-image: url(../img/contact_pg.webp);
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}



        .colomns section:nth-child(1) .image {
            background-image: url(../img/main-slider/Calgary-slide02.jpg);
        }

        .colomns section .image {
            background-attachment: fixed;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 0;
            opacity: 1;
        }

a {
    color: #000;
    text-decoration: none;
}

    a:hover, a:focus {
        color: inherit;
    }

.navbar-toggle {
    margin-top: -6px;
}

    .navbar-toggle .icon-bar {
        background: #ccc;
    }

#wrapper {
    /* width: 100%; */
    /*height: 100%;*/
    position: fixed;
    z-index: 99;
    margin: 0px;
    top: 25%;
    right: 0;
}





@-moz-document url-prefix() {
    #wrapper {
        top: 25%;
    }
}

#bottom {
    /*background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);
    background-color: rgba(0,0,0,0.05);*/
    bottom: 0;
    cursor: default;
    /*height: 100%;*/
    left: 0;
    /*line-height: 8em;*/
    position: relative;
    text-align: center;
    width: 100%;
    /*display: table-row;*/
    z-index: 10;
}

.arrows {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 22px;
    height: 22px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

    .arrows:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -moz-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -o-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -ms-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        -webkit-transform: translate(26.66667px, 106.66667px) rotate(-45deg);
        animation: arrows 3s linear infinite;
        -o-animation: arrows 3s linear infinite;
        -moz-animation: arrows 3s linear infinite;
        -webkit-animation: arrows 3s linear infinite;
        -ms-animation: arrows 3s linear infinite;
    }

    .arrows:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(53.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(53.33333px, 0px) rotate(-45deg);
        -o-transform: translate(53.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(53.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(53.33333px, 0px) rotate(-45deg);
        animation: arrows 3s linear infinite -1.5s;
        -o-animation: arrows 3s linear infinite -1.5s;
        -moz-animation: arrows 3s linear infinite -1.5s;
        -ms-animation: arrows 3s linear infinite -1.5s;
        -webkit-animation: arrows 3s linear infinite -1.5s;
    }

@keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, -20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, -20px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    50% {
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(-13.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, 20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 20px) rotate(-45deg);
    }
}

@-moz-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, -20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, -20px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    50% {
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(-13.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, 20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 20px) rotate(-45deg);
    }
}

@-o-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, -20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, -20px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    50% {
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(-13.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, 20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 20px) rotate(-45deg);
    }
}

@-ms-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, -20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, -20px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    50% {
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(-13.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, 20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 20px) rotate(-45deg);
    }
}

@-webkit-keyframes arrows {
    0% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, -20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, -20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, -20px) rotate(-45deg);
    }

    10%, 90% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
    }

    50% {
        border-left: 6px solid rgba(255, 255, 255, 0.70);
        border-bottom: 6px solid rgba(255, 255, 255, 0.70);
        transform: translate(-13.33333px, 0px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 0px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 0px) rotate(-45deg);
    }

    100% {
        border-left: 6px solid transparent;
        border-bottom: 6px solid transparent;
        transform: translate(-13.33333px, 20px) rotate(-45deg);
        -moz-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -ms-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -o-transform: translate(-13.33333px, 20px) rotate(-45deg);
        -webkit-transform: translate(-13.33333px, 20px) rotate(-45deg);
    }
}

.item {
    height: 100%;
}
/* main-slider ***********************************************************************/
/***** Top content *****/
@media(min-width:1200px) {

    .dr_one {
        margin: 0px 75px !important;
    }

    .dr_two {
        margin: 0px 85px !important;
    }

    .carousel-inner {
        position: relative;
        width: 89%;
        overflow: hidden;
        margin-left:45px;
    }

    .navbar-header {
        /*margin-left: 60px;*/
    }

    #drinfo .no-pad {
        padding: 0;
    }

    #drinfo .no-pad1 {
        padding-right: 0;
    }

    #servicesPoints .col-lg-offset-4 {
        margin-left: 40%;
    }

    #wrapper {
        top: 25%;
    }

    #parallax-nav {
        display: block;
        position: fixed;
        z-index: 52;
        top: 75%;
        right: 15px;
        padding: 0 10px 0 0;
        -webkit-transition: opacity .3s 0s linear;
        -moz-transition: opacity .3s 0s linear;
        -o-transition: opacity .3s 0s linear;
        transition: opacity .3s 0s linear;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -ms-transform: translate3d(0,-50%,0);
        -o-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0);
    }

        #parallax-nav a {
            display: block;
            margin: 0;
            padding: 10px 0 10px 15px;
            cursor: pointer;
            outline: 0;
        }

        #parallax-nav .dot {
            width: 10px;
            height: 10px;
            display: block;
            text-decoration: none;
            -webkit-border-radius: 50%;
            background-color: #85898c;
            border: 1px solid #d7d2d2;
            border-radius: 50%;
            -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
            -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
            -o-transition: background-color 0.1s linear, border-color 0.1s linear;
            transition: background-color 0.1s linear, border-color 0.1s linear;
        }

            #parallax-nav .dot:active, #parallax-nav .dot:focus {
                background-color: #fff;
                border: 1px solid #000000;
            }

        #parallax-nav a:hover .dot span.nav-title {
            color: #252223;
            visibility: visible;
            opacity: 1;
            border-radius: 3px;
            background-color: rgba(255, 255, 255, 0.5);
        }

    .nav-title {
        position: absolute;
        right: 20px;
        opacity: 0;
        font-size: 13px;
        text-transform: uppercase;
        white-space: nowrap;
        font-family: "brandon-grotesque";
        letter-spacing: 3px;
        font-weight: 400;
        font-style: normal;
        text-decoration: none;
        margin-top: -4px;
        padding: 0px 8px 0px;
        -webkit-transition: all .3s cubic-bezier(.23,1,.32,1);
        -moz-transition: all .3s cubic-bezier(.23,1,.32,1);
        -ms-transition: all .3s cubic-bezier(.23,1,.32,1);
        -o-transition: all .3s cubic-bezier(.23,1,.32,1);
        transition: all .3s cubic-bezier(.23,1,.32,1);
        /*line-height: 32px;*/
        visibility: hidden;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .news-grid .news-item-content {
        padding: 10px !important;
    }

    .top-menu {
        text-align: right;
        padding: 0;
        margin: 6px 0;
    }

        .top-menu li a {
            padding: 6px 10px;
            /* color: rgba(255, 255, 255, 0.8); */
            font-size: 12px;
            letter-spacing: 0px !important;
            text-transform: uppercase;
        }
}

@media(min-width:992px) and (max-width:1199px) {

    a.navbar-brand p {
        font-size: 25px;
    }

        a.navbar-brand p span {
            font-size: 15px;
            margin-left: 0;
        }

    .top-menu li a {
        font-size: 16px;
        padding: 4px 14px;
    }
}
/* micro course*/
.item {
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    counter-increment: item-counter;
    /*-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);*/
}

@media(min-width:0px) and (max-width:320px) {

    #floatingButton .btn-float {
        width: auto;
        font-size: 18px;
        padding: 10px 10px;
    }

    #notification i.fa.fa-exclamation-triangle {
        display:none;
    }

    #notification p.title {
        font-size: 20px;
        margin-left: 0px;
    }

    #notification p.note {
        font-size: 16px;
        margin-left: 0px;
    }


    #service-menu {
        padding: 20px 0 106px;
    }

    #banner_sec .caption {
        top: 30%;
/*        top: 36%;*/
    }

    .navbar-brand > img {
        max-width: 76px;
    }

    #header-sec .navbar-toggle {
        margin-top: -94px;
        /* right: -8px; */
    }

    #resources-img .caption span.resources-txt, #services-img .caption span.services-txt, #about-img .caption span.about-txt {
        font-size: 30px;
    }

    a.navbar-brand p.nav-email {
        font-size: 10px;
        text-align: left;
    }

    .b-testimonials {
        display: block;
    }

        .b-testimonials .owl-controls {
            display: none !important;
        }

        .b-testimonials p, .b-testimonials blockquote i, .b-testimonials blockquote cite {
            color: #6f6f6f;
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 0;
    }

    .b-testimonials blockquote i {
        font-size: 20px !important;
    }

    a.navbar-brand p.nav-addr, a.navbar-brand p.nav-phone {
        font-size: 10px;
        text-align: left;
    }

    #banner_sec .banner-sm {
        display: none;
    }

    #drinfo a.btn {
        width: 44%;
        margin-bottom: 15px;
    }

    .nav-hdr-txt {
        margin-left: 0px;
        text-align: left;
        margin-top: 64px;
    }

        .nav-hdr-txt p.nav-addr {
            font-size: 13px;
        }

        .nav-hdr-txt p.nav-email {
            font-size: 11.2px;
        }

        .nav-hdr-txt p.nav-phone {
            font-size: 13px;
        }

        .nav-hdr-txt p {
            letter-spacing: 1px;
        }

    #servicesPoints .col-md-4 {
        width: 100%;
    }

    #banner_sec #banner-sec-inner {
        top: 58%;
    }

    #banner_sec blockquote i {
        padding: 0;
    }

    #header-sec .navbar {
        /*float: right;*/
        margin-bottom: 0px !important;
    }

    #wrapper {
        display: none;
    }

    #shortPoints .col-md-4 {
        width: 100%;
    }

    #home-development .col-xs-6 {
        width: 100%;
    }

    #drinfo h2 {
        margin: 15px 0 14px;
        font-size: 18px;
    }

    #drinfo p {
        font-size: 14px;
    }

    .news-grid .news-item {
        height: 364px;
    }

    .arrows {
        display: none;
    }

    #shortPoints .col-md-2, #servicesPoints .news-grid .col-md-2.image-grid__item {
/*        width: 20%;*/
        padding: 5px;
    }

    h3, .h3 {
        font-size: 22px;
    }
    .hour-card h3 {
        font-size: 28px !important;
    }

    #header_top1 .col-md-2 {
        width: 0% !important;
        margin: 0 auto 0px;
    }

    #news_grid_new_inner_id .news-grid .news-item-img {
        height: 100px;
        padding-top: 10%;
    }

    #drinfo, #shortPoints, #servicesPoints .container, #social-ratings {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        #social-ratings .image-grid__item {
            padding: 0px;
        }

    .convenient-boxed {
        padding-bottom: 100%;
    }

    .adress-vcenter h4 {
        font-size: 190%;
    }
}

@media(min-width:321px) and (max-width:479px) {
    #floatingButton .btn-float {
        width: auto;
        font-size: 22px;
        padding: 10px 10px;
    }

    #notification i.fa.fa-exclamation-triangle {
        display: none;
    }

    #notification p.title {
        font-size: 20px;
        margin-left: 0px;
    }

    #notification p.note {
        font-size: 16px;
        margin-left: 0px;
    }
    a.navbar-brand p {
        font-size: 14px;
        padding: 0;
        letter-spacing: 1px;
    }

        a.navbar-brand p.nav-email {
            font-size: 10px;
            text-align: left;
        }

        a.navbar-brand p.nav-addr, a.navbar-brand p.nav-phone {
            font-size: 10px;
            text-align: left;
        }

    #subpage_banner .caption span.banner-txt {
        padding: 0px;
        font-size: 34px;
    }

    #banner_sec blockquote p {
        font-size: 16px;
        line-height: 1.3;
    }

    #drinfo a.btn {
        width: 44%;
    }

    #banner_sec .caption span.banner-txt {
        font-size: 36px;
    }

    a.navbar-brand p span {
        font-size: 10px;
    }

    #resources-img .caption span.resources-txt {
        font-size: 28px;
    }

    #services-img .caption span.services-txt {
        font-size: 28px;
    }

    #about-img .caption span.about-txt {
        font-size: 28px;
    }

    .news-grid .news-item-img img {
        width: 238px;
    }

    .news-grid .news-item-img {
        display: block;
        height: 188px !important;
        position: relative;
    }

    #drinfo, #shortPoints, #servicesPoints .container {
        padding-top: 15px;
        padding-bottom: 15px;
    }

        #drinfo h2 {
            margin: 15px 0 14px;
            font-size: 21px;
        }

        #drinfo p {
            font-size: 14px;
        }

        #drinfo .row {
            display: flex ;
        }
        
        #drinfo .row.row1 {
            display: block ;
        }

        #drinfo .col-sm-6 {
            width: 100%;
            padding: 0px;
        }

        #drinfo a.btn {
            width: 80%;
            padding: 0px 16px;
        }
        
        #drinfo a.btn1 {
        padding: 0px 16px;
        margin-bottom: 30px;
        width:50%

        }

        #drinfo .col-sm-6 .col-sm-7, #drinfo .col-sm-6 .col-sm-12 {
            padding: 0 15px 0 0;
        }

    h3, .h3 {
        font-size: 24px;
    }
    .hour-card h3 {
        font-size: 30px !important;
    }
    #social-ratings, #social-ratings .image-grid__item {
        padding: 0px;
    }

        #social-ratings .col-xs-12 {
            width: 50%;
        }


    #wrapper {
        display: none;
    }

    #home-development .col-xs-6 {
        width: 100%;
    }

    #special_ponts p {
        text-align: center;
    }

    #shortPoints .col-md-4 {
        width: 100%;
    }

    #servicesPoints .col-md-4 {
        width: 50%;
    }

    .service-box {
        margin-bottom: 15px;
    }

    #service-menu {
        padding: 20px 0 106px;
    }

    /*#header-sec .navbar {
        float: right;
    }*/

    .navbar-toggle {
        margin-top: -43px;
        margin-right: 0px;
    }

    #news_grid_new_inner_id .news-grid .news-item-img {
        height: 140px !important;
    }

    #news_grid_new_inner_id .news-grid .news-item-img {
        height: 100px;
        padding-top: 0%;
    }

    #header_top1 .col-md-2 {
        width: 20% !important;
        margin-bottom: 0px;
    }
}
@media(min-width:320px) and (max-width:768px) {
    #about.caption1, #services.caption2, #resources.caption3 {
        top: -1% !important;
    }

}

@media(min-width:0px) and (max-width:586px) {
    #about-img, #services-img, #resources-img {
        height: 35%;
    }


    #about-img .caption, #services-img .caption, #resources-img .caption {
        top: 42%;
    }


}
/*@media (max-width: 479px) and (min-width: 320px) {
    #Custom_EA p.ea-title_two {
       width:100% !important;
    }
    #Custom_EA img {
        position: absolute;
        object-fit: cover;
        width: 45rem !important;
        opacity: 0.35;
    }
 
}*/
@media(min-width:0px) and (max-width:480px) {
    #Custom_EA p.ea-title_two{
        width: 100% !important;
    }
}
@media(min-width:480px) and (max-width:498px) {
    #expert-advice .ea-container p.ea-title, #expert-advice .ea-container p.ea-tagline {
        width: 76% !important;
    }

}

@media  (min-width:0px) and (max-width: 767px) {
    #shortPoints .team .btn-primary {
        font-size: 16px !important;
        padding-top: 15px !important;
        padding-bottom :15px !important;
    }
}




    @media(min-width:480px) and (max-width:767px) {
        #notification i.fa.fa-exclamation-triangle {
            font-size: 2.5em;
        }

        #Custom_EA p.ea-title_two {
            font-size: 25px !important;
        }

        #Custom_EA p.ea-title_two {
            margin-bottom: 0px !important;
            margin: auto;
            width: 76% !important;
        }

        #expert-advice .ea-container {
            padding-top: 0px !important
        }

        #expert-advice .ea-container {
            background-color: transparent !important;
        }

        #Custom_EA img + span {
            position: absolute;
            content: '';
            right: 0;
            top: 0;
            width: 100%;
            height: 46em;
            background-color: rgba(255, 255, 255, 0.6196078431372549);
        }

        #expert-advice img.ea-img-responsive + span {
            display: none;
        }

        #header-sec .navbar-toggle {
            margin-right: 0;
        }

        .navbar-toggle {
            margin-top: -48px;
        }

        a.navbar-brand p.nav-addr, a.navbar-brand p.nav-phone {
            font-size: 12px;
            text-align: left;
        }

        #subpage_banner .caption span.banner-txt {
            padding: 0px;
            font-size: 38px;
        }

        .nav-hdr-txt p {
            letter-spacing: 1px;
        }

        .navbar-brand > img {
            max-width: 72px;
        }

        .nav-hdr-txt {
            margin-left: 80px;
        }

            .nav-hdr-txt p.nav-addr {
                font-size: 14px;
            }

            .nav-hdr-txt p.nav-email {
                font-size: 12px;
            }

            .nav-hdr-txt p.nav-phone {
                font-size: 15px;
            }

        #servicesPoints .col-lg-offset-4 {
            margin-left: 25%;
        }

        a.navbar-brand p span {
            font-size: 12px;
        }
        /*#drinfo img {
        width: 50%;
    }*/
        #drinfo, #shortPoints, #servicesPoints .container {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            #drinfo h2 {
                margin: 15px 0 14px;
                font-size: 21px;
            }

            #drinfo p {
                font-size: 14px;
            }

            #drinfo .row {
                display: flex;
            }

            #drinfo .col-sm-6 {
                width: 50%;
                padding: 0px;
            }

                #drinfo .col-sm-6 .col-sm-7, #drinfo .col-sm-6 .col-sm-12 {
                    padding: 0 15px 0 0;
                }

        h3, .h3 {
            font-size: 24px;
        }

        #social-ratings, #social-ratings .image-grid__item {
            padding: 0px;
        }

            #social-ratings .col-xs-12 {
                width: 50%;
            }

        .news-grid .news-item-img {
            height: 162px;
        }

        .xs-box {
            margin-left: 25%;
        }


        #news_grid_new_inner_id .news-grid .news-item-img {
            height: 150px;
            padding-top: 0%;
        }

            #news_grid_new_inner_id .news-grid .news-item-img img {
                margin: auto;
            }


        .news-grid .news-item-img img {
            width: 216px;
        }

        .news-grid .news-item-content {
            padding: 0 12px 28px;
        }

        #wrapper {
            /*position:absolute;*/
            display: none;
        }
        /*.icons li a{
        color:#fff !important;
    }
    .icons li {
        border: 1px solid rgba(255, 255, 255, 0.8);
    }*/
/*        #shortPoints .col-md-4 {
            width: 50%;
        }

        #servicesPoints .col-md-4 {
            width: 50%;
        }*/

        #shortPoints .col-md-2, #servicesPoints .news-grid .col-md-2.image-grid__item {
/*            width: 20%;*/
            padding: 6px;
        }
        /*#header_top1 .col-md-2 {
        height:84px;
    }#header_top1 .col-md-2:nth-last-child(-n+2) {
        margin-left:50px;
    }*/
    }

    @media(max-width:767px) {
        .modal-content {
            margin-top: 14%;
        }


        .top-menu li {
            display: inline-block;
            width: fit-content;
        }

        #Custom_EA img {
            position: absolute;
            right: -150px;
            top: 0px;
            height: 100%;
            object-fit: cover;
            width: 45rem;
            z-index: 0;
            opacity: 0.35;
        }

        #Custom_EA p.ea-title_two {
            font-size: 23px !important;
            /*width:100% !important;*/
        }

        #expert-advice .ea-container {
            background-color: transparent !important;
        }
    }

    @media(max-width:991px) {
        .btn_testimonils {
            margin-left: 0px;
        }
    }

    .fade {
        opacity: 1;
    }
    /*---------- MEDIA 480px ----------*/
    .max-char {
        font-size: 12px;
        font-weight: 100;
        color: #ffffff;
    }

    .text-count {
        color: #000;
    }

    .map-route {
        color: #ffffff;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #6f6f6f;
        /* background: #00008b; */
    }

    @media(min-width:1200px) {
        .sidebar-icon-wrapper-inner {
            /*margin-right: calc(100% - 88%);*/
        }
    }




    @media(min-width:1400px) and (max-width:1540px) {
        .sidebar-icon-wrapper-inner {
            margin-right: calc(100% - 84%);
        }
    }

    @media(min-width:1200px) and (max-width:1500px) {
        #Custom_EA img {
            right: -7% !important;
        }
        /*.navbar-header {
        margin-left: 32px;
    }*/
        /*#header-sec .nav > li > a {
        padding: 14px 10px !important;
    }*/
    }

    @media(min-width:0px) and (max-width:359px) {
        a.navbar-brand p span {
            font-size: 8px;
        }

        a.navbar-brand p {
            font-size: 12px;
            padding: 0;
            letter-spacing: 0.5px;
        }

        /*.navbar-toggle {
        margin-top: -43px;
        margin-right: 0px;
    }*/

        /*#header-sec .navbar-toggle {
        top: 60px;
        right: -8px;
    }*/



        #news_grid_new_inner_id .news-item {
            height: 300px;
        }

        #news_grid_new_inner_id .news-grid .news-item h5 {
            font-size: 25px;
        }

        #news_grid_new_inner_id p {
            font-size: 18px;
        }
    }

    @media(min-width:321px) and (max-width:479px) {
        #Custom_EA img {
            /*width: 35rem !important;*/
        }

        #header-sec .navbar-toggle {
            top: -54px;
            right: 0px;
        }

        #header-sec {
            padding: 5px 0px;
        }

        .navbar-brand > img {
            max-width: 68px;
        }

        .nav-hdr-txt {
            margin-left: 0px;
            text-align: left;
            margin-top: 54px;
        }

            .nav-hdr-txt p {
                letter-spacing: 1px;
            }

                .nav-hdr-txt p.nav-addr {
                    font-size: 13px;
                }

                .nav-hdr-txt p.nav-email {
                    font-size: 11.2px;
                }

                .nav-hdr-txt p.nav-phone {
                    font-size: 13px;
                }

        #drinfo h2 {
            margin: 15px 0 14px;
        }

        .fa-4x {
            font-size: 1.5em !important;
        }

        #news_grid_new_inner_id .news-grid .news-item-img img {
            margin: auto;
        }

        #news_grid_new_inner_id .news-item {
            height: 335px;
        }

        #news_grid_new_inner_id .news-grid .news-item h5 {
            font-size: 25px;
        }

        #news_grid_new_inner_id p {
            font-size: 18px;
        }

        #news_grid_new_inner_id .news-grid .news-item-img {
            height: 100px;
        }

        #shortPoints .col-md-2, #servicesPoints .news-grid .col-md-2.image-grid__item {
/*            width: 20%;*/
            margin-bottom: 0px;
            padding: 6px;
        }

        .adress-vcenter h4 {
            font-size: 32px;
        }

        .convenient-boxed {
            padding: 48%;
        }
    }

    @media(min-width:992px) and (max-width:1199px) {

        /*.navbar-brand > img {
        max-width: 308px;
    }*/
    }

    .grey-bg {
        /* background-color: rgba(0, 0, 128, 0.51); */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%);
    }

    .contact-box {
        /* border: 1px solid #6667cc; */
        min-height: 532px;
        background: rgba(0, 0, 0, 0.1);
    }

    .news-item-img img {
        margin-top: 20px;
    }



    .sidebar-icons {
        display: table-cell;
        vertical-align: middle;
    }

        .sidebar-icons .icons li a i {
            display: block;
        }

    .icons {
        padding: 0;
        margin: 0 6px 0 0;
        float: right;
    }

    #wrapper .fa-2x {
        font-size: 1.5em;
    }

    .icons li {
        display: block;
        margin: 12px 0;
        text-align: center;
        padding: 5px;
        border: 1px solid rgba(255, 255, 255, 0);
        background: rgba(255, 255, 255, 0.5);
        /*background: rgba(255, 255, 255, 0.00);*/
        /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.00);*/
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        -webkit-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -o-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
        /*border: 1px solid rgba(5, 28, 128, 0.8);*/
    }

        .icons li a {
            font-weight: 700;
            color: #2c2c2c;
            /*text-shadow: 1px 1px 11px rgba(0, 0, 0, 0.6);*/
        }

        .icons li:hover,
        .icons li:focus {
            border: 1px solid rgba(255, 255, 255, 0.70);
            /*background: rgba(255, 255, 255, 1);*/
            background: rgb(44, 44, 44);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }

            .icons li:hover a {
                color: #ffffff;
            }



    @media(min-width:768px) {
        .news-grid-new-inner {
            width: 20%;
            padding: 2px;
        }
    }

    #news_grid_new_inner_id img {
        position: relative;
        margin: auto;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
        padding: 10px;
    }

    #news_grid_new_inner_id .news-item:hover img {
        background: transparent;
    }


    /*#banner_sec #banner-sec-inner #testimonials{
        width:50%;
       
        left:20%;
    }*/

    .contact-form .control-label.d-none {
        display: none;
    }

    .contact-form .form-control-static {
        font-size: 10px !important;
        text-align: right;
        margin-bottom: 20px !important;
        color: #fff;
    }

    .contact-form p.form-control-static.form-inline.f-clr {
        color: #999;
    }

    .contact-form .help-block {
        font-size: 12px;
    }

    .contact-form .form-control-static .input-sm {
        height: auto;
        padding: 1px 2px;
        text-align: center;
        font-size: 10px;
        display: inline-block;
        width: auto;
        color: black;
    }

    .contact-form .intl-tel-input {
        width: 100%;
    }

    .contact-form .select-styled, .contact-form ul.select-options {
        display: none;
    }


    /*.rating {
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size: 20px;
    color: #FFCA00;
}

.rating-star {
    padding: 0 5px;
    margin: 0;
    cursor: pointer;
    display: block;
    float: right;
}

    .rating-star:after {
        position: relative;
        font-family: FontAwesome;
        content: '\f006';
    }

    .rating-star.checked ~ .rating-star:after,
    .rating-star.checked:after {
        content: '\f005';
    }

.rating:hover .rating-star:after {
    content: '\f006';
}

.rating-star:hover ~ .rating-star:after,
.rating-star:hover:after {
    content: '\f005' !important;
}*/



    :root {
        --ea-widget-color: linear-gradient(90deg, rgb(129, 210, 254), rgb(100, 165, 199)) !important;
    }

    #expert-advice .ea-container p.ea-title {
        display: none !important;
    }


    #Custom_EA p.ea-title_two {
        font-size: 42px;
        font-weight: 600;
        color: #4c4c4c;
        margin-bottom: 20px;
        text-align: left;
        width: 70%;
        line-height: 1;
        padding-top: 20px;
        font-family: sans-serif;
        position: relative;
    }

    #Custom_EA img {
        position: absolute;
        right: 0%;
        top: 0px;
        /*width: 85rem;*/
    }

    #expert-advice img.ea-img-responsive {
        display: none !important;
    }

    #expert-advice .ea-container p.ea-tagline span.EA-free {
        font-weight: 600;
        text-shadow: -1px 1px 14px #fffffff5, 1px 1px 14px #70b7dd;
        background-color: #000;
        color: #fff;
        padding: 2px;
        border-radius: 2px;
    }

    #expert-advice .ea-container {
        padding: 0 0px !important;
    }


#jobs {
    background-color: #d9edf791;
    padding: 35px !important;
    border: 1px dotted #336699 !important;
    border-radius: 20px !important;
}

.mt-5{
    margin-top:30px;
}
.mb-60 {
    margin-bottom: 60px;
   /* margin-top: 60px;*/
}



.dotted-borders {
    border-style: dotted none dotted none;
    border-color: #0d9de629;
    border-width: 3px;
    text-align: center;
/*    background: #96d8fb2e;*/
}

.sleep-apnea-text-color {
    color: #0091dc !important;
}

.sleep-apnea-btn {
    color: #0091dc !important;
    border: 1px solid #0091dc !important;
}

.sleep-apnea-btn:hover {
    color: #fff !important;
    background-color: #0091dc !important;
}

.P-2{
    padding:10px;

}

   .aaa{
       display:flex;
       justify-content:center;
       align-items:center;
       height:auto;
       flex-direction:column;
   }

/*.aaaa:hover {
    outline: 2px solid #059de6;
    border: 6px solid #fff;
    transition: all 0.5s ease !important;
}
.aaaa {
    outline: 2px solid transparent;
    border: 6px solid transparent;
    transition: all 0.5s ease !important;
}*/

.esthetics-smiles {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    flex-direction: column;
    text-align:center;
}

.text-center{
    text-align:center;
}

.esthetics-smiles  h4{
    margin-top:35px !important;
    font-weight:400;
    font-size:20px !important;
}
.esthetics-smiles h2 {
    margin-top: 10px !important;
}
/*.aaa {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    flex-direction: column;
}*/


.cdcp-text-color {
    color: #0091dc !important;
}

.cdcp-btn {
    color: #0091dc !important;
    border: 1px solid #0091dc !important;
}

.cdcp-btn:hover {
    color: #fff !important;
    background-color: #0091dc !important;
}

.cdcp-px-3 {
    padding-top: 15px;
    padding-bottom: 25px;
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    margin-top: 50px;
    margin-bottom: 80px;
}

    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #0000005e;
    }
.m-top {
    margin-top: 35px
}



#about.caption1 {
    position: absolute;
    left: 0;
    top: 29%;
    width: 100%;
    text-align: center;
    color: white;
    width: 100%;
    margin: auto;
/*    color: white;*/
}
#services.caption2 {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    color: white;
    width: 100%;
    margin: auto;
    /*    color: white;*/
}
#resources.caption3 {
    position: absolute;
    left: 0;
    top: 22%;
    width: 100%;
    text-align: center;
    color: white;
    width: 100%;
    margin: auto;
    /*    color: white;*/
}

/*ul.social-list li a.instagram {
    width: 40px;
    height: 40px;*/
   
/*    margin: 13px 4px -5px;*/
/*    margin-bottom: -5px;
    margin-top: 13px;*/
/*}

    ul.social-list li a svg {

        width: 1em;
        height: 1em;
    }*/

    /* Instagram hover background (gradient) */
    /*ul.social-list li a.instagram:hover {
        background-color: #dc2743;*/ /* fallback */
        /*background: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
    }*/

    /* you already have this: makes icon (SVG strokes/fill) white on hover */
    /*ul.social-list li a:hover {
        color: #fff;
    }*/


.model-open{
    padding-right:0px !important;
}
.iti-mobile .model-open{
    padding-right:0px !important;
}

.icon-div {
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-div a{
    line-height:0px;
}
.icon-div .call svg, .icon-div .mail svg{
    color:#fffc;
}
    .icon-div:hover .call svg, .icon-div:hover .mail svg {
        color: #000;
    }
.icon-div a {
    outline: 1px solid transparent;
    outline-offset: 5px;
    transition-duration: 0s;
}
.icon-div:hover a{
   outline:1px solid #fff;
   outline-offset:5px;
   
}
.icon-div:hover a.call, .icon-div:hover a.mail{
     outline:1px solid #000;
}
.icon-div:hover{
    background: #fff;
}
.icon-div.instagram:hover {
    background: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
}
.icon-div.facebook:hover {
    background: #507CBE;
}

/* CSS */
.social-center {
    display: flex;
    justify-content: center; /* horizontally centers items */
    align-items: center; /* vertically aligns (if taller row) */
    flex-wrap: wrap; /* allows wrapping on small screens */
    text-align: center;
}

    .social-center a {
        margin: 10px; /* spacing between icons */
        text-decoration: none;
    }
.appoint-btn {
    text-align: center;
    margin-top: 55px;
    margin-bottom:55px;
}

.btn-1 {
    display: inline-block;
    padding: 10px 14px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ffffff7a;
    border-radius: 0px;
    color: #fff !important;
    background-color: #0071ff;
}

    .btn-1:hover {
        color: #fff;
        background-color: #000;
        border: 1px solid #fff;
    }

    .btn-1 span {
        font-size: 26px;
        padding-left: 8px;
    }

.iti-mobile .modal-open {
    padding-right: 0px !important
}

.modal-open {
    padding-right: 0px !important
}

@media (max-width:375px) {
    .appoint-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #banner_sec {
        height: 70%;
        background-position-y: 110px;
    }
    .btn-1 span {
        font-size: 21px;
    }
}

@media (min-width:376px) and (max-width:767px) {
    .appoint-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    #staff1 .col-md-2 {
        width: 20%;
    }
}
.flex-box{
    display:flex;
    align-items:center;
    justify-content:center;
}
.doc-text{
    font-size:20px;
    font-weight:500;
    line-height:38px;
}
.doc-name {
    font-size: 28px;
    font-weight:bold;
}

#more-info-btn a.btn {
    background-color: #ffffff;
    border: 2px solid #656363;
    margin: 10px 0;
    color: #6f6f6f;
    text-shadow: none;
    border-radius: 0;
    padding: 8px 16px;
    font-size: 18px;
}

    #more-info-btn a.btn:hover {
        background: #000;
        border: 2px solid #000000;
        color: #fff;
    }
#doc-sec{
    padding-bottom: 60px;
}
@media(max-width:767.9px){
    .doc-name {
        text-align: center;
    }
    #more-info-btn {
        text-align: center;
    }
    #doc-sec {
        padding-top: 60px;
    }
}

.mbn{
    margin-bottom:20px !important;
}

/* Gradient hero (no background image) */
.wcdg-hero {
    --wcdg-blue: #0071ff;
    position: relative;
    overflow: hidden;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(36px, 6vw, 90px) 16px;
    /* Base gradient + depth */
    background: radial-gradient(900px circle at 15% 25%, rgba(255,255,255,0.22), transparent 55%), radial-gradient(700px circle at 85% 30%, rgba(0,0,0,0.20), transparent 60%), linear-gradient(135deg, #0071ff 0%, #0057d6 45%, #0a2f7a 100%);
}

    /* Subtle highlight sweep */
    .wcdg-hero::before {
        content: "";
        position: absolute;
        inset: -30%;
        background: linear-gradient(120deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 55%);
        transform: rotate(8deg);
        pointer-events: none;
    }

    /* Soft vignette for elegance */
    .wcdg-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 40%, transparent 40%, rgba(0,0,0,0.25) 100%);
        pointer-events: none;
    }

.wcdg-hero__inner {
    position: relative;
    z-index: 1;
    text-align: center;
    /* Glass card feel */
    padding: clamp(16px, 2.2vw, 26px) clamp(18px, 3vw, 34px);
    border-radius: 18px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 14px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    top: 50px;
}

.wcdg-hero__title {
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    /* Responsive, elegant sizing */
    font-size: clamp(40px, 3.2vw, 44px);
    letter-spacing: clamp(2px, 0.9vw, 10px);
    line-height: 1.15;
    text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}

/* Mobile tightening */
@media (max-width: 576px) {
    .wcdg-hero {
        min-height: 60vh;
    }

    .wcdg-hero__inner {
        border-radius: 14px;
    }

    .wcdg-hero__title {
        letter-spacing: 3px;
    }
}

/*About*/
/* About Us Gradient hero (no background image) */
/*.wcdg-aboutHero {
    --wcdg-blue: #0071ff;
    position: relative;
    overflow: hidden;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(36px, 6vw, 90px) 16px;*/
    /* Base gradient + depth */
    /*background: radial-gradient(900px circle at 15% 25%, rgba(255,255,255,0.22), transparent 55%), radial-gradient(700px circle at 85% 30%, rgba(0,0,0,0.20), transparent 60%), linear-gradient(135deg, #0071ff 0%, #0057d6 45%, #0a2f7a 100%);
}*/

    /* Subtle highlight sweep */
    /*.wcdg-aboutHero::before {
        content: "";
        position: absolute;
        inset: -30%;
        background: linear-gradient(120deg, rgba(255,255,255,0.18), rgba(255,255,255,0) 55%);
        transform: rotate(8deg);
        pointer-events: none;
    }*/

    /* Soft vignette for elegance */
    /*.wcdg-aboutHero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 40%, transparent 40%, rgba(0,0,0,0.25) 100%);
        pointer-events: none;
    }

.wcdg-aboutHero__inner {
    position: relative;
    z-index: 1;
    text-align: center;*/
    /* Glass card feel */
    /*padding: clamp(16px, 2.2vw, 26px) clamp(18px, 3vw, 34px);
    border-radius: 18px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 14px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    top: 0px;
}

.wcdg-aboutHero__title {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;*/
    /* Responsive, elegant sizing */
    /*font-size: clamp(40px, 3.2vw, 44px);
    letter-spacing: clamp(2px, 0.9vw, 10px);
    line-height: 1.15;
    text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}*/

/* Mobile tightening */
/*@media (max-width: 576px) {
    .wcdg-aboutHero {
        min-height: 60vh;
    }

    .wcdg-aboutHero__inner {
        border-radius: 14px;
    }

    .wcdg-aboutHero__title {
        letter-spacing: 6px;
        font-size: clamp(32px, 6vw, 30px);
    }
}*/

.wcdg-aboutHero {
/*    --wcdg-blue: #3764a8;*/
    position: relative;
    overflow: hidden;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(36px, 6vw, 90px) 16px;
    /* Elegant gradient built from #3366ab */
    /*    background: radial-gradient(900px circle at 15% 25%, rgba(255,255,255,0.18), transparent 58%), radial-gradient(750px circle at 85% 30%, rgba(0,0,0,0.18), transparent 62%), linear-gradient(135deg, #3d76c3 0%, #3366ab 40%, #1f3f6a 100%);*/
    background-color: #3764a8;
}

/*    .wcdg-aboutHero::before {
        content: "";
        position: absolute;
        inset: -30%;
        background: linear-gradient(120deg, rgba(255,255,255,0.16), rgba(255,255,255,0) 55%);
        transform: rotate(8deg);
        pointer-events: none;
    }*/

/*    .wcdg-aboutHero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 40%, transparent 40%, rgba(0,0,0,0.22) 100%);
        pointer-events: none;
    }*/

.wcdg-aboutHero__inner {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: clamp(16px, 2.2vw, 26px) clamp(18px, 3vw, 34px);
/*    border-radius: 18px;*/
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    box-shadow: 0 14px 40px rgba(0,0,0,0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.wcdg-aboutHero__title {
    margin: 0;
    color: #fff;
/*    font-weight: 700;*/
    text-transform: uppercase;
    font-size: clamp(22px, 3.2vw, 44px);
    letter-spacing: clamp(2px, 0.9vw, 10px);
    line-height: 1.15;
    text-shadow: 0 2px 16px rgba(0,0,0,0.35);
}

@media (max-width: 576px) {
    .wcdg-aboutHero {
        min-height: 42vh;
    }

    .wcdg-aboutHero__title {
        letter-spacing: 6px;
        font-size: clamp(32px, 6vw, 30px);
    }
}

/* Center Bootstrap 3 columns in this section on all screens */
#shortPoints .wcdg-center-row {
    text-align: center;
    font-size: 0; /* removes inline-block whitespace gaps */
}

    #shortPoints .wcdg-center-row > [class*="col-"] {
        float: none; /* stop left floating */
        display: inline-block; /* allow centering + wrapping */
        vertical-align: top;
        font-size: 14px; /* restore text size */
    }

/* ensure logos/images are centered */
#shortPoints #image-gallery img {
    margin: 0 auto;
}

/* Center ALL service tiles inside #servicesPoints (Bootstrap 3 safe) */
#servicesPoints .wcdg-center-row {
    text-align: center;
    font-size: 0; /* remove inline-block gaps */
}

    #servicesPoints .wcdg-center-row > [class*="col-"] {
        float: none !important; /* override Bootstrap float + any custom float */
        display: inline-block !important;
        vertical-align: top;
        font-size: 14px; /* restore font-size */
    }

/* if any parent uses flex, force normal flow */
#servicesPoints .wcdg-center-row {
    display: block !important;
}


.btn-2 {
    display: inline-block;
    padding: 10px 14px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ffffff7a;
    border-radius: 0px;
    color: #161616 !important;
    background-color: #ffffff;
}