/*!
Theme Name: Medical Heed Pro
Theme URI: http://sparklewpthemes.com/wordpress-themes/medicalheedpro/
Author: sparklewpthemes
Author URI: http://sparklewpthemes.com/
Description: Medical Heed Pro is clean & beautiful professional multipurpose Premium Medical WordPress Theme, This theme well suited for a hospital, general clinics, nursing home, dental, gynecology, veterinary clinics, pediatric and overall medial related websites as well as personal portfolio website for doctors, surgeons, gynecologist, general therapist, and all medical people. Medical Heed Pro is the most accessible medical WordPress themes must powerful with highly crafted features which can easily accommodate all type of users with no coding skills to advanced developers. Medical Heed Pro includes excellent advanced features like one-click demo data import, advance theme color options, different header layout, different section layout, blog page template, pre-loader, customizer based theme options, page builder-friendly design, individual page & post layout options. Medical Heed Pro WordPress theme is fully mobile friendly, cross-browser compatible, translation ready, SEO friendly, Child Theme Support and also Medical Heed pro supports Jetpack, Contact Form 7, WooCommerce, revolution slider, and some social sharing plugins!
Version: 1.1.1
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medical-heed-pro
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, translation-ready, featured-images, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Craft Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.5;
    font-size: 17px;
    font-weight: 400;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 36px;
    margin: 0.67em 0;
}

/* Grouping content€
     ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: 700 er;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
     ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    color: #FFF;
    padding: 10px 12px;
    background: #3e98d6;
    font-size: 14px;
    text-decoration: none;
    transition: 0.8s ease;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *      `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #333;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 15px;
}

p {
    font-size: 17px;
    line-height: 1.7;
    margin: 10px 0;
}

b,
strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 20px 20px 0;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    border: none;
    background: #4093cc;
    color: #FFF;
    padding: 35px 30px 35px 45px;
    position: relative;
}

blockquote::before, q::before {
    content: "“";
    top: 0px;
    left: 15px;
    font-size: 30px;
    font-size: 6rem;
    position: absolute;
}

blockquote:after, q:after {
    content: "“";
    bottom: 0;
    right: 0;
    font-size: 6rem;
    position: absolute;
    transform: rotate(180deg);
}

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

h1 {
    font-size: 36px;
    font-family: unset;
}

h2 {
    font-size: 30px;
    font-family: unset;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
    color: #969696;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;

}

figure {
    margin: 0;
    overflow: hidden;
}

table {
    margin: 0 0 15px;
    width: 100%;
    border-collapse: collapse;
}

th {
    font-weight: 700;
    border: 1px solid #CCC;
    padding: 5px 10px;
}

td {
    border: 1px solid #CCC;
    padding: 5px 10px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #3986bb;
    border-radius: 3px;
    background: #3986bb;
    color: #fff;
    line-height: 1;
    border-radius: 20px;
    padding: 12px 25px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #3986bb;
    background:transparent;
    color:#3986bb;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border: 1px solid #eaeaea;
    border-radius: 3px;
    width: 100%;
    color: #425153;
    padding: 10px;
    font-weight: 400;

}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #226ea2;
    transition: all 0.3s ease;
}

/*a:visited {
    color: #226ea2;
}*/

a:hover, a:focus, a:active {
    color: #5399ca;
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

a:hover, a:active {
    outline: 0;
    text-decoration: none;
}

/*--------------------------------------------------------------
## men menu
--------------------------------------------------------------*/
.header-wrap .container .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-wrap{
    position: relative;
}
.nav__top {
    background-image: linear-gradient(to right,#17c2a4,#307ed3);
    text-align: right;
    padding: 8px 5px;
    color: #fff;
    position: relative;
    z-index: 1;
}
.nav__top:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 42px solid #fff;
    border-right: 20px solid transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.nav__top ul {
    list-style: none;
}
.nav__top ul li {
    margin-left: 15px;
    display: inline-block;
}
.nav__top ul li a {
    color: #fff;
}
.navbar-header{
    display: none;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.nav__wrapper {
    display: flex;
    justify-content: space-between;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    background-color: #fff;
    width: 210px;
    text-align: left;
}
.main-navigation {
    position: relative;
}
.main-navigation ul > li > a {
    line-height: 80px;
}
.main-navigation .menu ul > li > a{
    line-height: 45px;
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation ul ul a {
    width: 208px;
    font-size: 13px;
    line-height: 45px;
    letter-spacing: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgb(255 255 255);
    display: block;
    padding: 0px 15px;
    margin: 0;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li.menu-item-has-children > a:after {
    content: "\f105";
    float: right;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    list-style: none;
}
.nav-menu li.menu-item-has-children:after {
    content: '\f107';
    font-family: "font awesome 5 free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: -3px;
    transform: translate(0%,-50%);
}

.nav-menu > li:last-child:after{
    content: none;
}

.main-navigation a {
    text-decoration: none;
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;
    position: relative;
    padding: 0 17px;
    margin-left: 5px;
    color: #454545;
    text-transform: uppercase;
}
.main-navigation .current-menu-item a,
.main-navigation a:hover {
    color: #226ea2;
}

.nav-menu > li:first-child>a {
  padding-left: 0px;
}

.nav-menu > li:last-child a {
  padding-right: 0px;
}

.nav-menu > li a:first-child {
    margin-left: 0;
}

.headerfour .main-navigation{
    text-align: center;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul.nav-menu {
    display: block;
}

@media screen and (min-width: 48em) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

.widget-area ul {
    margin: 0;
}

.widget-area ul li {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
    line-height: 32px;
}

.widget-area .widget .widget-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: left;
    padding-left: 20px;
    background-color: #fafafa;
    border-left: 4px solid #3986bb;
    margin:5px 0;
    text-transform: uppercase;
    display: inline-block;
    color: #454545;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
}

.widget_archive ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_pages ul,
.widget_nav_menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget_archive li,
.widget_categories li,
.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.widget_archive a,
.widget_categories a,
.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li {
    color: #333333;
    font-size: 14px;
    line-height: 32px;
    padding-left: 22px;
    position: relative;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget a:hover,
.widget a:hover::before,
.widget li:hover::before {
    color: #3986bb;
}

.widget_archive a::before,
.widget_categories a::before,
.widget_recent_entries a::before,
.widget_meta a::before,
.widget_recent_comments li::before,
.widget_rss li:before,
.widget_pages li:before,
.widget_nav_menu li:before {
    color: #333333;
    content: "\f187";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: -8px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.widget_categories a::before {
    content: "\f07b";
    top: 0;
}

.widget_archive a::before {
    top: 0;
}

.widget_recent_entries a::before {
    content: "\f101";
}

.widget_meta a::before,
.widget_nav_menu li:before {
    content: "\f138";
}

.widget_recent_comments li::before {
    content: "\f086";
    top: 0;
}

.widget_rss li::before {
    content: "\f09e";
    top: 0;
}

.widget_pages li:before {
    content: "\f1ea";
    top: 0;
}

.widget_recent_entries .post-date {
    color: #8f8f8f;
    display: block;
    font-size: 11px;
    margin-top: -5px;
    padding-left: 24px;
}

.widget_nav_menu li:before {
    top: 0;
}

/*--------------------------------------------------------------
# Sidebar Select
--------------------------------------------------------------*/

.widget select {
    width: 100%;
    height: 40px;
    font-size: 16px;
}

.widget_archive ul li,
.widget_categories ul li {
    width: 100%;
    text-align: right;
    display: inline-block;
}

.widget_archive ul li a,
.widget_categories ul li a {
    float: left;
}

.widget_categories ul li:last-of-type,
.widget_recent_comments ul li:last-of-type,
.widget_rss ul li:last-of-type,
.widget_recent_entries ul li:last-of-type,
.widget_pages ul li:last-of-type,
.widget_meta ul li:last-of-type,
.widget_nav_menu ul li:last-of-type,
.widget_archive ul li:last-of-type {
    border-bottom-width: 0;
}

.widget_tag_cloud .tagcloud {
    padding: 0 20px 20px;
}

/*--------------------------------------------------------------
# Sidebar Sub Menu
--------------------------------------------------------------*/

.widget_pages ul li .children li:last-child,
.widget_nav_menu ul li .sub-menu li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Sidebar Search
--------------------------------------------------------------*/
.widget_search .search-form {
    position: relative;

}

.widget_search .search-field::-webkit-input-placeholder,
.widget_search .search-form:-moz-placeholder,
.widget_search .search-form:-ms-input-placeholder {
    color: #868686;
}

.widget_search .search-form > label {
    margin: 0;
    width: 100%;
}

.widget_search .screen-reader-text {
    display: none;
}

.widget_search .search-field {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #454545;
    display: inline-block;
    height: 47px;
    vertical-align: middle;
    width: 100%;
    padding: 0 10px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 0;
}

.widget_search .search-submit {
    position: absolute;
    top:0;
    right:0;
    border-radius: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 45px;
    margin-left: 0;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -webkit-transition: all ease 0.5s;
    border: none;
    color: #fff;
    background: #3986bb;
    padding: 0 15px;
}

.widget_search .search-submit:hover {
    background: #000;
    color: #fff;
}

/*--------------------------------------------------------------
# Calender
--------------------------------------------------------------*/

.widget_calendar tbody td {
    text-align: center;
    color: #a8a7a7;
}

.widget_calendar caption {
    font-weight: 700;
}

.calendar_wrap caption {
    background: none repeat scroll 0 0 #3986bb;
    color: #fff;
    line-height: 25px;
    text-align: center;
}

.calendar_wrap table {
    border-collapse: collapse;
    width: auto;
}

.calendar_wrap table th {
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 8px 0px;
    text-align: center;
    width: 5%
}

.calendar_wrap table td {
    border: 1px solid #ccc;
    padding: 8px 0px;
    color: #000;
    width: 5%;
    text-align: center;
}

.calendar_wrap table td #prev,
.calendar_wrap table td#next {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

.calendar_wrap table td #next {
    text-align: right;
}

.custom-html-widget {
    margin: 0 20px;
}

/*--------------------------------------------------------------
## Web Page Layout
--------------------------------------------------------------*/
body.boxed {
    max-width: 1200px;
    margin: 0 auto;
}

body.boxed .site {
/*    background: #fff none repeat scroll 0 0;*/
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    position: relative;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.post,
.page {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.entry-content ul,
.entry-content ol{
    margin-left: 20px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
    border: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 0.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.entry-content .gallery a img {
    max-width: none;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

.gallery figure {
    margin:0px;
    padding: 3px;
}


.no-right-padding {
    padding-right: 0px
}

.margin-zero {
    margin: 0;
}

/*--------------------------------------------------------------
## header
--------------------------------------------------------------*/
.home .content-area,
.home .widget-area{
    margin-top: 30px;
}


/**
 * Top Header Left Side
*/
.topbar {
    min-height: 45px;
    background: #fbfbfb;
}

.top-header-left{
    text-align: left;
}

.top-header-right{
    text-align: right;
}

.topbar-light ul li {
    display: inline-block;
    margin-right: 20px;
    font-size: 15px;
    line-height: 45px;
    color: #454545;
}

.topbar-light ul li a {
    color: #454545;
    transition: 0.5s ease;
    text-decoration: none;
    font-weight: 500;
}

.topbar-light ul li a:hover {
    color: #2f89c7;
    transition: 0.5s ease;
    text-decoration: none;
}

.topbar-light .social-link li a {
    transition: 0.5s ease;
    color: #6b6868;
}

.topbar-light .social-link li a:hover {
    color: #226ea2;
}

/**
 * Main Header
*/
.header-wrap {
    background: #fff;
    z-index: 10;
    box-shadow: inset 0 -1px 0 #eeeeee;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

.site-branding h1,
.site-branding p{
    margin: 0;
}   
.header-logo.site-branding {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
}
.side-info .header-logo.site-branding h1 a{
    color: #fff;
}

/**
 * Header Layout Two
*/
.headertwo .header-logo.site-branding{
    text-align: center;
    display: block;
    margin-top:20px;
    height: auto;
}

.headertwo .main-navigation ul,
.headerfour .main-navigation ul,
.headerthree .main-navigation ul{
    border: 0
}

.headertwo .main-nav-icons {
    display: flex;
    height: 60px;
    line-height: 60px;
}
.headertwo .widget_search .search-submit {
    top:10px;
}

.headerthree .main-navigation ul > li > a {
    line-height: 110px;
}
.headerthree .header-logo.site-branding,
.headerthree .main-nav-icons{
    height: 100px;
}

.headerfour .main-navigation ul > li > a {
    line-height: 60px;
}

.headerfour .main-navigation ul ul a,
.headerthree .main-navigation ul ul a {
    line-height: 45px;
}

.headerfour .header-logo.site-branding {
    height: 90px;
}

.headerfour .header-wrap{
    padding: 15px 0;
}

.headerfour .navwrap{
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #eeeeee;
}

.headerfour .googleads {
    text-align: right;
}
/*--------------------------------------------------------------
## search box
--------------------------------------------------------------*/

.side-info-button {
    color: #000;
    display: inline-block;
    font-size: 18px;
}

.side-info-button span:hover {
    cursor: pointer
}

/* Header Search Icons */

.main-nav-icons {
    display: flex;
    align-items: center;
}

.main-nav-search i,
.side-info-button i {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    background-color: #307ed4;
    padding: 8px 10px;
    cursor: pointer;
}

.main-nav-search {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    font-size: 18px;
}

.main-nav-icons .search-pop-up {
    width: 400px;
    right:15px;
    z-index: 99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #f5f5f5;
}

.main-nav-icons .search-pop-up.active {
    opacity: 1;
    visibility: visible;
}

.main-nav-icons .search-form .screen-reader-text{
    display: none;
}

/*--------------------------------------------------------------
# Banner Slider
--------------------------------------------------------------*/

.home-slider-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.banner-height {
    height:600px;
}

.banner-slider {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    background-color: #fff;
    z-index: 0;
}

.banner-slider .slides {
    height: 100% !important;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}

.banner-slider .slides li {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100% !important;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.banner-slider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.banner-caption {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    text-align: center;
    max-width:45%;
    margin: 0 auto;
}

.banner-slider .banner-title {
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600;
    font-size: 60px;
}

.banner-slider .banner-desc p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 45px;
}

.banner-slider .caption-content .btn.btn-primary:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.banner-slider .flex-direction-nav a {
    width: 15%;
}

.flex-direction-nav a, .flex-control-nav>li>a {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.flex-direction-nav a {
    position: absolute;
    display: block;
    height: 100%;
    width: 50%;
    top: 0;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    margin: 0;
}

.flex-direction-nav .flex-prev {
    opacity: 0;
    left: 0;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url(assets/images/prev-light.png), url(assets/images/prev-light.cur), e-resize;
    /* standard: note the different path for the .cur file */
    cursor: url(assets/images/prev-light.cur), n-resize\9;
    /* IE 8 and below */
    *cursor: url(assets/images/prev-light.cur), n-resize;
    /* IE 7 and below */
    _cursor: url(assets/images/prev-light.cur), n-resize;
    /* IE 6 */
}

.flex-direction-nav .flex-next {
    opacity: 0;
    right: 0;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: url(assets/images/next-light.png), url(assets/images/next-light.cur), e-resize;
    /* standard: note the different path for the .cur file */
    cursor: url(assets/images/next-light.cur), n-resize\9;
    /* IE 8 and below */
    *cursor: url(assets/images/next-light.cur), n-resize;
    /* IE 7 and below */
    _cursor: url(assets/images/next-light.cur), n-resize;
    /* IE 6 */
}

.flex-control-nav {
    position: absolute;
    width: auto;
    left: 50%;
    bottom: 20px;
    z-index: 11;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.flex-control-nav>li {
    display: inline-block;
    margin: 5px 3px;
}

.flex-control-nav>li>a {
    background: #dddddd;
    border: 2px solid #dddddd;
    display: block;
    height: 12px;
    width: 12px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.flex-control-nav>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #dddddd;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-control-nav>li>a:hover, .flex-control-nav>li>a.flex-active {
    background: transparent;
    border-color: #3986bb;
}


section {
    padding: 40px 0 30px;
}

.widget-area section{
    padding: 0;
}

.sectiontitle {
    width: 60%;
    margin: auto;
    margin-bottom: 20px;
    float: unset;
}
.btn-wrapper {
    width: 65%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.btn-wrapper .btn {
    border: 1px solid #fff;
    border-radius: unset;
    color: #fff;
}
.btn-wrapper .btn-trans{
    margin-left: 25px;
}
.btn-wrapper .btn-trans:hover {
    background-image: linear-gradient(to right, #17c2a4, #307ed3);
    -webkit-transition: all .3s;
    transition: all .3s;    
}
/*--------------------------------------------------------------
## Main Features
--------------------------------------------------------------*/

/* .feature-wrap{
    border-right: 1px solid rgba(255,255,255,.15);
    padding: 0;
    height: 310px;
} */

.feature-wrap:nth-child(3) {
    border-right: 0;
}

.feature-box-inner {
    text-align: center;
    padding: 30px 20px 60px;
    background-color: #1172ba;
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    position: relative;
    margin-bottom: 30px;
}

.feature-wrap:last-child{
    border-right: 0;
}

.feature-box-icon {
    font-size: 55px;
    color: #fff;
}
.feature-box-inner .feature-box-title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom:0;
    color: #fff;
    display: block;
    font-weight: 600;
    line-height: 1.2;
}
.feature-box-inner .feature-box-title a{
    color: #fff;
}
.feature-box-inner .feature-box-content {
    margin-bottom: 15px;
    color: #fff;
    padding: 10px 0;
}
.read-more-icon {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background-color: #fff;
    height: 80px;
    width: 80px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.read-more-icon a {
    color: #1172ba;
    font-size: 30px;
    margin-right: 15px;
}
.read-more-icon a svg path {
    stroke: #1172ba;
}


/*===============================================================================
Medical heed pro feature layout one
.===============================================================================*/
/*.featuresarea.medical_layout_feature {
    background: transparent;
    background-image: none;
    position: relative;
    z-index: 999;
    height: 135px;
}*/

/*.featuresarea.medical_layout_feature .feature-box-inner {
    position: relative;
    width: 100%;
    top: -50px;
    padding-left: 15px;
    padding-right: 15px;
    height: 310px;
}

.featuresarea.medical_layout_feature .feature-wrap {
    border: none;
    padding: 0;
}*/
.featuresarea .container{
    display: flex;
    flex-wrap: wrap;
}
.featuresarea .feature-wrap{
    display: flex;
}
.featuresarea.medical_layout_feature .feature-box-inner {
    background: #2e76a7;
}

.featuresarea.medical_layout_feature .feature-box-inner i {
    transition: all 0.5s ease;
}

.featuresarea.medical_layout_feature .feature-box-inner:hover i {
    transform: translate3d(0, -15px, 0);
}


/*--------------------------------------------------------------
## promotion
--------------------------------------------------------------*/
.promotion .sectiontitle h2 {
    text-align: center;
    font-family: unset;
    color: #226ea2;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.promotion .sectiontitle p {
    text-align: center;
    padding-bottom: 20px;
    color: #565555;
    margin-bottom: 0;
}

.promotion figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0px 0px 30px;
    width: 100%;
    max-height: 300px;
    height: auto;
    background: #000;
    text-align: center;
    cursor: pointer;
    transition: 0.8s ease;
    -webkit-box-shadow: 0px 2px 20px 4px rgba(216, 218, 221, 0.7);
    -moz-box-shadow: 0px 2px 20px 4px rgba(216, 218, 221, 0.7);
    box-shadow: 0px 2px 20px 4px rgba(216, 218, 221, 0.7);
}

.promotion figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.promotion figure figcaption::before,
.promotion figure figcaption::after {
    pointer-events: none;
}

.promotion figure figcaption,
.promotion figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.promotion figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.promotion figure.medic-effect h2 {
    background: #307ed4;
    padding: 10px 25px;
    font-size: 17px;
    display: inline-block;
    font-family: unset;
}

.promotion figure.medic-effect img {
    max-width: 100%;
    opacity: 0.8;
    transition: 0.8s ease;
}
figure.medic-effect:after {
    content: "";
    height: 85%;
    width: 90%;
    border: 1px solid #fff;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 5%;
    margin: 0 auto;
}

.promotion figure.medic-effect:hover img {
    max-width: 100%;
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
    opacity: 0.6;
}

.promotion figure.medic-effect figcaption .features-title {
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-transform: capitalize;
    z-index: 2;
}

.promotion figure.medic-effect h2{
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

.promotion figure.medic-effect h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.promotion figure.medic-effect h2 a {
    color: #fff;
}
/*
.promotion figure.medic-effect:hover h2{
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
}*/


/*--------------------------------------------------------------
## feature
--------------------------------------------------------------*/
.feature {
    background: #fdfdfd;
    position: relative;
    z-index: 999;
    height: 135px;
}

.feature .feature-list {
    position: absolute;
    width: 100%;
    top: -140px;
}

.feature .box {
    float: left;
    color: #FFF;
    width: 33.333%;
    display: block;
    text-align: center;
    padding: 0 55px 35px 55px;
    max-height: 350px;
}

.feature .box a {
    color: #FFF;
}

.feature .box i {
    font-size: 50px;
    line-height: 1.8;
    padding-top: 40px;
    transition: all 0.5s ease;
}

.feature .box h4 {
    margin-top: 0;
    font-weight: 600;
}

.feature .box:hover i {
    transform: translate3d(0, -15px, 0);
}

/*--------------------------------------------------------------
## about-us
--------------------------------------------------------------*/
.about-us {
    background: #fdfdfd;
}

.about-us figure {
    position: relative;
    transition: 0.8s ease;
    overflow: hidden;
}

.about-us figure img {
    transition: 0.8s ease;
}

.about-us figure img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.wp-block-column p:first-child {
    color: #454545;
    font-weight: 600;
}

.wp-block-column p:first-child {
    color: #454545;
    font-weight: 600;
}

.about-us h2 {
    font-family: unset;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 20px 0px;
}
.about-us h2 a{
    color: #454545;
}
.about-us h2:after {
    position: absolute;
    content: "";
    width: 80px;
    border-bottom: 2px solid #333;
    bottom: 0;
    left: 0;
}


.about-us ul,
.about-us ol {
    padding: 0px 0px 0px 20px;
    margin-top: 20px;
}

.about-us ul li,
.about-us ol li {
    list-style-type: none;
    font-weight: 500;
    margin-bottom: 16px;
}

.about-us ul li:before,
.about-us ol li:before {
    content: "\f101"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    font-weight: 900;
    font-size: 15px;
    color: #226ea2;
    margin-right: 6px;

}

.about-us h3,
.about-us h4,
.about-us h5{
    margin-bottom: 0;
    color: #00563f;
    font-size: 20px;
}

/**
 * Our Team Member
*/
.about-team {
    padding: 90px 0px;
    background: #FFF;
}

.about-team h2 {
    font-family: unset;
    color: #226ea2;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.about-team p {
    text-align:center;
}

.about-team .box {
    background: #f0f0f0;
    float: left;
    width: 100%;
    margin-top: 50px;
}

.about-team .team-info {
    padding: 0px 15px 11px 15px;
}

.about-team .team-info h4 {
    margin-bottom: 0px;
    color: #226ea2;
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
}

.about-team .team-info span{
    font-weight: 400;
    font-size: 13px;
    margin-right: 10px;
}

.about-team figure {
    position: relative;
    overflow: hidden;
}

.about-team .box:hover figure img {
    transform: translate3d(0, -25px, 0);
}

.about-team .box figure img {
    transition: transform 0.8s;
}

.about-team ul.socials {
    padding: 8px 0px 0px 0px;
    margin: 0;
    text-align: center;
}

.about-team ul.socials li {
    display: inline;
    padding: 0px 5px;
}

.about-team ul.socials li a {
    color: #FFF;
    font-size: 20px;
    padding: 20px 10px;
}

.about-team figcaption {
    background: #0567a1;
    height: 0px;
    vertical-align: middle;
    position: absolute;
    width: 100%;
    bottom: 0;
    transition: 0.8s ease;

}

.about-team .box:hover figcaption {
    height: 55px;
}


/*--------------------------------------------------------------
## faq
--------------------------------------------------------------*/

.form-control {
    height: 45px;
    margin-bottom: 25px;

}
.wpcf7-form p label{
    font-weight: 500;
}

.faq {
    background: #ffffff;
}

.faq h2 {
    font-family: unset;
    color: #454545;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin: 0;
}

.faq p {
    margin-bottom: 35px;
}

.booking_form {
    /* float: left; */
    background-color: #fff;
    /* min-height: 800px; */
    /* max-height: 740px; */
    padding: 30px;
}

.booking_form .wpcf7 label {
    text-align: left;
}

.booking_form .wpcf7 p {
    margin-bottom: 0px;
}

.booking_form .wpcf7 input[type="text"], 
.booking_form .wpcf7 input[type="tel"], 
.booking_form .wpcf7 input[type="email"], 
.booking_form .wpcf7 input[type="date"], 
.booking_form .wpcf7 input[type="url"].booking_form .wpcf7 textarea, 
.booking_form .wpcf7 select {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.booking_form .wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
    -webkit-appearance: button;
    color: #FFF;
    padding: 10px 36px;
    background: #3e98d6;
    border: 1px solid #3e98d6;
    text-decoration: none;
    transition: 0.8s ease;
    font-weight: 600;
}

.booking_form .wpcf7 textarea {
    height: 150px;
}

.booking_form .wpcf7 .message {
    margin: 0px auto;
    width: 100%;
    color: #FFF;
    height: 300px;
    vertical-align: middle;
    padding-top: 115px;
    background: none;
}

.booking_form .wpcf7 input[type="submit"], 
.booking_form .wpcf7 input[type="button"]{
    float: none;
}

/**
 * Accordance 
*/
.faq_accordance {
    /* float: left; */
    padding: 30px;
    background-color: #fff;
    padding: 30px 30px;
}

.accordion {
    font-size: 1rem;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
}

.accordion__item {
    margin-bottom: 15px;
}


.accordion-header,
.accordion-body {
    background: white;
}

.accordion-header {
    padding: 15px 20px;
    text-transform: uppercase;
    background-color: #fff;
    cursor: pointer;
    letter-spacing: 0.4px;
    transition: all .3s;
    -webkit-box-shadow: 1px 1px 18px 3px #b8bdc630;
    -moz-box-shadow: 1px 1px 18px 3px #b8bdc630;
    box-shadow: 1px 1px 18px 3px #b8bdc630;
    position: relative;
    font-size: initial;
    font-weight: 500;
}

.accordion-header:hover {
    background-image: linear-gradient(to right, #17c2a4, #307ed3);
    position: relative;
    z-index: 5;
    color: #fff;
}

.accordion-body {
    background: #fff;
    color: #454545;
    display: none;
    box-shadow: 1px 1px 12px 3px #f0eded87;
    padding: 10px;
}

.accordion-body__contents {
    padding:10px;
}

.accordion__item.active:last-child .accordion-header {
    border-radius: 0;
}

.accordion:first-child > .accordion__item > .accordion-header {
    border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-size: 1.2em;
    float: right;
    position: absolute;
    top: 12px;
    right: 10px;
    transition: .3s all;
    transform: rotate(0deg);
    font-weight: 700;
}

.accordion__item.active > .accordion-header:after {
    transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
    background-image: linear-gradient(to right, #17c2a4, #307ed3);
    color: #fff;
}

.accordion__item .accordion__item .accordion-header {
    background: #f1f1f1;
    color: black;
}
input.wpcf7-form-control.wpcf7-submit {
    border-radius: 0;
}
/*--------------------------------------------------------------
## facilities
--------------------------------------------------------------*/

.facilities-wrap {
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
}

.sectiontitle h2 {
    font-family: unset;
    color: #454545;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin-top: 0;
}

.sectiontitle p {
    text-align: center;
    margin-bottom: 25px;
}


.facilities .box {
    transition: 0.8s ease;
    padding: 0px 15px 20px 15px;
    text-align: center;
    display: flex;
}
.facilities .box .services-wrap {
    transition: 0.8s ease;
    padding: 20px;
    margin-top: 25px;
    text-align: center;
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}

.facilities .box:hover .service-icon {
    background: #0e81c6;
}

.facilities .box .service-icon img,
.facilities .box .service-icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
    margin: 25px auto 25px auto;
    background: #226ea2;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 6.8;
    transition: 0.8s ease;
}
.facilities .box .service-icon img {
    margin-top: 0;
    object-fit: cover;
}

.facilities .box i {
    font-size: 50px;
    color: #FFF;
}

.facilities .box h4 {
    text-align: center;
    font-weight: 700;
}

.facilities .facility-box {
    transition: 0.8s ease;
    margin-top: 40px;
}

.facilities .facility-box .service-icon {
    width: 90px;
    height: 90px;
    vertical-align: middle;
    border: 1px solid #226ea2;
    border-radius: 50%;
    position: relative;
    text-align: center;
    line-height: 7;
    float: left;
    display: inline-block;
}

.facilities .facility-box .service-icon i {
    font-size: 22px;
    color: #226ea2;
}

.facilities .facility-box .facility-description {
    display: table-cell;
    vertical-align: top;
    padding: 0px 10px;
}

.facilities .facility-box h4 {
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}

.facilities .facility-box p {
    text-align: left;
    color: #565555;
}

/*-----------------------------------------------------------------
Medical Layout Facility Pro
--------------------------------------------------------------------*/
.facilities.medical_layout_facility .facility-box {
    transition: 0.8s ease;
    /* margin-top: 30px; */
    /* -webkit-box-shadow: 1px 1px 20px 4px #e6e4e1a3; */
    -moz-box-shadow: 1px 1px 20px 4px #e6e4e1a3;
    /* box-shadow: 1px 1px 20px 4px #e6e4e1a3; */
    /* padding: 16px; */
}

.facilities.medical_layout_facility .facility-box .service-icon img,
.facilities.medical_layout_facility .facility-box .service-icon {
    width: 60px;
    height: 60px;
    line-height:60px;
    vertical-align: middle;
    border: 1px solid #226ea2;
    border-radius: 50%;
    position: relative;
    text-align: center;
    display: inline-block;
}
.facilities.medical_layout_facility .facility-box .service-icon img{
    object-fit: cover;
}

.facilities.medical_layout_facility .facility-box .service-icon i {
    color: #226ea2;
}

.facilities.medical_layout_facility .facility-box .facility-description {
    display: table-cell;
    vertical-align: top;
    padding: 0px 0 0 12px;
}

.facilities.medical_layout_facility .facility-box h4 {
    font-weight: 700;
    margin: 0px 0px 5px 0px;
}

.facilities.medical_layout_facility .facility-box p {
    text-align: left;
    color: #565555;

}


/*--------------------------------------------------------------
## services
--------------------------------------------------------------*/
.service-wrapper-flex{
    display: flex;
    flex-wrap: wrap;
}
.services h3 {
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 10px;
}

.services .box {
    float: left;
    background: #FFF;
    border: 1px solid #f5f6f7;
    margin-top: 25px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .05);
}

.services .box:nth-child(3n+1) {
    clear: both;

}

.services .box figure {
    position: relative;
    overflow: hidden;
}

.services .box img {
    transition: all 0.5s ease;
}

.services .box img:hover {
    transform: scale(1.1);
}

.services .description {
    padding: 6px 15px 30px 15px;
    text-align: center;
}

.services .description h4 {
    color: #3e98d6;
    font-weight: 600;
}
.description h4 a {
    color: #454545;
}



/*--------------------------------------------------------------
## Medical layout services
--------------------------------------------------------------*/
.medical_layout_services {
    background: #f9f9f9;
}

/* .medical_layout_services h2 {
    font-family: unset;
    color: #226ea2;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin-top: 0;
} */

.medical_layout_services p {
    text-align: center;
}

.medical_layout_services h4 {
    margin-bottom: 10px
}

.medical_layout_services .box {
    float: left;
    background: #FFF;
    border: 1px solid #f5f6f7;
    margin-top: 25px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, .05);
}

.medical_layout_services .box figure img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}

.medical_layout_services .box figure img:hover {
    transform: scale(1.1);
}

.medical_layout_services .description {
    padding: 4px 20px 12px 20px;
    text-align: center;
    position: relative;
}

.medical_layout_services .description h4  {
    font-size: 18px;
    text-align: left;
    font-weight: 600;
}
.medical_layout_services .description h4 a {
    color: #535353;
}

.medical_layout_services .box p {
    text-align: left;
}

.medical_layout_services a.read-more {
    position: absolute;
    background: #226ea2;
    color: #FFF;
    padding: 4px 20px;
    top: -45px;
    right: 0;
}

.medical_layout_services a.read-more:hover {
    background: #4295ce;
}

.medical_layout_services .description .date {
    float: left;
    padding-bottom: 10px;
}

.medical_layout_services .description .date i {
    color: #3e94cf;
}

.medical_layout_services .description .read-more a {
    color: #226ea2;
    background: transparent;
}

.medical_layout_services figure .read-more-icon{
    background-color: #1172ba;
    bottom: 0px;
    right: -1px;
}
.medical_layout_services figure .read-more-icon a svg path {
    stroke: #fff;
}
/*--------------------------------------------------------------
## call to action
--------------------------------------------------------------- */
.call_to_action {
    padding: 100px 0px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.call_to_action_wrap .content {
    width: 70%;
    margin: 0 auto;
}

.call_to_action img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

.call_to_action h4 {
    color: #fff;
    font-weight: 700;
    font-size: 38px;
}

.call_to_action p{
    color: #fff;
    margin-bottom: 30px;
    font-size: 17px;
}

.call_to_action a {
    background: #226ea2;
    color: #fff;
    border: 1px solid #226ea2;
    border-radius: 30px;
    padding: 8px 32px;
    transition: 0.8s ease;
    font-size: 17px;
    display: inline-block;
}

.calltoaction-button-wrap {
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    width: 35%;
    justify-content: center;
}
.call_to_action a.btn-active{
    margin-left: 25px;
}

.call_to_action a:hover {
    background: #fff;
    color: #226ea2;
    border: 1px solid #226ea2;
}

.call_to_action a.btn-active {
    background: #fff;
    color: #226ea2;
    border: 1px solid #226ea2;
}

.so-panel {
    margin-bottom: 0;
}
.call_to_action a {
    border-radius: 0px;
}

/*-----------------------------------------------
 * Medical layout team
--------------------------------------------------*/
.medical_layout_team {
    background: #FFF;
}

.medical_layout_team .box {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding: 30px 30px 30px 30px;
    box-shadow: 1px 1px 6px 0px rgba(215, 215, 215, 0.75);
    transition: all ease 0.5s 0s;
}

.medical_layout_team h3 {
    color: #226ea2;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
}

.medical_layout_team .box:hover {
    box-shadow: 0px 6px 15px 0px rgba(185, 183, 183, 0.75);
    color: #fff;
    background: #226ea2;
}

.medical_layout_team .box:hover h3, 
.medical_layout_team .box:hover p, 
.medical_layout_team .box:hover span, 
.medical_layout_team .box:hover .team-info .socials li a {
    color: #fff;
}

.medical_layout_team .box:hover figure {
    border: 5px solid #fff;
}

.medical_layout_team figure {
    border-radius: 50%;
    overflow: hidden;
    margin: 20px auto;
    width: 180px;
    height: 180px;
    border: 5px solid transparent;
    transition: all 0.5s ease;
}

.medical_layout_team figure img {
    width: 100%;
    height: 100%;
}

.medical_layout_team span {
    display: block;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin: 2px 0px 20px;
}

.medical_layout_team .team-info p {
    margin-top: 15px;
    text-align: center;
    line-height: 26px;
    letter-spacing: 0.5px;
}

.team-info .socials li{
    display: inline-block;
    margin-right: 15px;
}
/*--------------------------------------------------------------
## blog-list
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## medical layout blog
--------------------------------------------------------------*/
.medical_layout_blog h4 {
    color: #226ea2;
    font-weight: 600;
    text-align: center;
}

.medical_layout_blog .post-content {
    padding: 2px 20px 25px;
    position: relative;
}

.medical_layout_blog .post-content p {
    text-align: left;
}
.medical_layout_blog article figure{
    position: relative;
    overflow: hidden;
}

.medical_layout_blog article {
    font-size: 14px;
    margin-top: 20px;
}

.medical_layout_blog .content-wrap {
    background-color: #fff;
    box-shadow: 1px 1px 14px 2px #dbdbdb47;
}

.medical_layout_blog article .post-title {
    padding: 2px 20px;
    position: relative;
}

.medical_layout_blog article .post-title h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0;
}
.medical_layout_blog article .post-title h3 a{
    color: #535353;
}

.medical_layout_blog article img {
    transition: all 0.5s ease;
}

.medical_layout_blog article .photo {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0px;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
}

.medical_layout_blog article .postmeta {
    /* background: #f0f0f0; */
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-bottom: 1px solid #ddd;
}
.entry-meta {
    justify-content: space-evenly;
    display: flex;
}

.medical_layout_blog.blog-list .entry-meta span i {
    margin-right: 5px;
    font-size: 13px;
}

.medical_layout_blog article img:hover {
    transform: scale(1.1);
}

.medical_layout_blog .postmeta ul {
    margin: 15px 0;

}

.medical_layout_blog .postmeta ul li {
    display: inline;
    font-weight: 400;
    font-size: 13px;
    margin-right: 10px
}

.medical_layout_blog .postmeta ul li i {
    margin-right: 5px;
}

.medical_layout_blog .postmeta ul li a {
    color: #838383;
}

.medical_layout_blog .postmeta ul li a:hover {
    color: #226ea2;
}
.vertical_txt {
    transform: rotate(-90deg);
    position: absolute;
    top: 50%;
    right: -40px;
    bottom: 50%;
}
.vertical_txt a {
    font-size: 14px;
    background: #fff;
    display: inline-block;
    padding: 4px 13px;
}
.vertical_txt a span{
    margin-right: 5px;
}


/*--------------------------------------------------------------
## testimonial
--------------------------------------------------------------*/
.testimonial {
    background: url("assets/images/testminial_bg.png");
    position: relative;
    z-index: 0;
    color: #fff;
}
.testimonial:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.66);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.testimonial .box {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 0;
    margin-bottom: 30px;
    text-align: center;
    width: 150%;
    margin-left: -25%;
    margin-right: -25%;
}

.testimonial .box img {  
    width: auto;
}
.testimonial .box img:hover {
    transform: scale(1.1);
    transition: all 0.8s ease;
}
.testimonial-wrap {
    text-align: center;
}
.testimonial .sectiontitle h2 {
    font-family: unset;
    color: #fff;
    margin-top: 25px;
}
.testimonial .sectiontitle p {
    text-align: center;
    color: #fff;
}

.testimonial h3 {
    margin-bottom: 0px;
    margin-top: 30px;
    color: #fff;
    text-transform: capitalize;
    position: relative;
}
.testimonial h3:before {
    content: "";
    background-image: url(assets/images/quote.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 50px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 15px;
}
.testimonial h3 a {
    color: #ffffff;
    font-size: 18px;
}
.testimonial-image img{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: 25px auto;
}
.center .testimonial-image img {
    height: 200px;
    width: 200px;
    border: 10px solid #fff;
}
.owl-testimonial .testimonial-content:not(.center .testimonial-content){
    display: none;
    width: 500px;
}
.testimonial .box:before {
    display: none;
}
.owl-testimonial .testimonial-image:not(.center .testimonial-image){
    margin-top: 40px;
}

/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/
.site-footer  {
    color: #ffffff;
    background: #132031;
    margin-top: 25px;
}

.home .site-footer{
    margin-top: 0;
}

.site-footer .widget {
    margin: 35px 0;
    padding: 0;
}

.site-footer .widget .widget-title {
    width: 100%;
    margin-top: 0;
    text-transform: uppercase;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.6;
    border-bottom: 2px solid #313131;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 20px;
}

.site-footer .widget h2.widget-title:before {
    content: '';
    position: absolute;
    bottom: -2px;
    width: 100px;
    border-bottom: 2px solid #3986bb;
}

.site-footer .widget ul li,
.site-footer .widget ul li a,
.site-footer .widget ul li:before,
.site-footer .widget ul li a:before {
    color: #fff;
}

.site-footer .widget ul li{
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
.site-footer .widget ul li:last-child{
    border-bottom: 0;
}

footer .copyright {
    border-top: 1px solid #25374e;
    padding: 20px 0;
}

footer .copyright p {
    color: #FFF;
    margin: 0 auto;
}


/**
 * Sub Footer Menu
*/
.copyright ul {
    text-align: right;
}

.copyright ul li {
    display: inline;
    list-style-type: none;
    padding: 0 10px;
}

.copyright ul li a {
    color: #FFF;
    transition: 0.8s ease;
}

.copyright ul li a:hover {
    color: #3e98d6;
}

/*--------------------------------------------------------------
## side-info
--------------------------------------------------------------*/

.side-info {
    height: 100%;
    padding: 10px;
    width: 350px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -370px;
    background-image: linear-gradient(to top,#17c2a4,#307ed3)!important;
    color: #fff;
    overflow-x: hidden;
    transition: 0.2s;
    z-index: 21474836476;
}

.side-info .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 36px;
    color: #FFF;
    cursor: pointer;
}

.info-slide-nav {
    right:0;
}

.side-info .widget ul li,
.side-info .widget ul li a,
.side-info .widget ul li a:before {
    color: #fff;
}

.side-info .widget ul li{
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
}
.side-info .widget ul li:last-child{
    border-bottom: 0;
}

/*--------------------------------------------------------------
## breadcrums
--------------------------------------------------------------*/
.breadcrumb {
    padding: 15px 0 40px;
    background-color: #226ea2;
    border-radius: 0;
    text-align: center;
    margin-bottom: 30px;
}

.breadcrumb h1 {
    color: #ffffff;
}

.taxonomy-description {
    max-width: 700px;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin-top: 5px;
}

.breadcrumbs .trail-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs .trail-items li {
    display: inline-block;
    margin: 0 10px;
    color: #fafafa;
}
.breadcrumbs .trail-items li a{
    color: #fff;
}

.breadcrumbs .trail-items {
    list-style: none;
    margin: 0;
}

.breadcrumbs .trail-items li::after {
    content: "/";
    position: relative;
    right: -10px;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
}

.breadcrumbs .trail-items li:last-child:after{
    display: none;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagination{
    display: block;
    text-align: center;
}
.page-numbers{
    display: inline-block;
    margin:0;
    background: #3986bb;
    border: 1px solid #3986bb;
    color: #FFF;
    padding: 10px 20px;
    line-height: 1;
}
.page-numbers.current{
    background: #fff;
    color: #3986bb;
}
.page-numbers:hover{
    background: transparent;
    border: 1px solid #3986bb;
    color: #3986bb;
}

/*--------------------------------------------------------------
## why-us
--------------------------------------------------------------*/
.why-us .row {
    display: table;
    overflow: hidden;
    position: relative;
}

.why-us-image {
    background: url("assets/images/why-us.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 576px;
    vertical-align: top;
    transition: 0.8s ease;
}

.why-us-text {
    padding: 60px;
    height: 576px;
    vertical-align: top;
    background: #fdfdfd;
}

.why-us-text h2 {
    font-family: unset;
    color: #3e98d6;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin: 0.67em 0;
}

.why-us-text ul {
    padding: 0px 0px 0px 21px;
    margin: 0px 0px 25px 0px;
}

.why-us-text ul li {
    color: #000;
    list-style-type: none;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 8px;

}

.why-us-text ul li:before {
    content: "\f058"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    font-weight: 900;
    font-size: 15px;
    color: #3e98d6;

}

/*--------------------------------------------------------------
## awards
--------------------------------------------------------------*/
.awards {
    padding: 90px 0px;
    background: #fdfdfd;
}

.awards h2 {
    font-family: unset;
    color: #3e98d6;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.awards-list {
    position: relative;
    margin-top: 50px;
}

.awards-list .overlay {
    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%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 136px 0px;
}

.awards-list .overlay h3 {
    background-color: rgba(16, 144, 220, 0.8);;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

.awards-list:hover .image {
    opacity: 0.3;
}

.awards-list:hover .overlay {
    opacity: 1;
}

/*--------------------------------------------------------------
## team
--------------------------------------------------------------*/
.team {
    padding: 30px 0px;
}

.short-info {
    padding: 58px 0px 0px 0px;
}

.team-listing {
    margin-bottom: 20px;
}

.team-listing img:hover {
    transform: scale(1.1);
}

.short-info h2 {
    color: #0e81c6;
    margin-bottom: 0px;
}

.short-info span {
    margin-bottom: 20px;
    display: block;
}

/*--------------------------------------------------------------
## conact us layout
--------------------------------------------------------------*/
.contact-form-one {
    padding: 0px 0px 30px 0px;
}


.page article {
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 20px;
}

.contact-form-one h2 {
    font-family: unset;
    color: #226ea2;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.contact-form-one .contact-form {
    padding-top: 30px;
}

.contact-form-one input {
    text-indent: 35px;
    margin-bottom: 20px;
}

.contact-form-one span.fas {
    position: absolute;
    z-index: 100;
    font-size: 18px;
    top: 15px;
    left: 30px;
}

/*contact-form-two*/
.contact-form-two {
    padding: 120px 0px 30px 0px;
}

.contact-form-two .box {
    border: 1px solid #f9f9f9;
    background-color: rgb(249, 249, 249);
    position: relative;
    padding-top: 35px;
    margin-bottom: 30px;
}

.contact-form-two h2 {
    font-family: unset;
    color: #3e98d6;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.contact-form-two .contact-info {
    padding-bottom: 30px;
}

.contact-form-two .contact-icon {
    width: 80px;
    height: 80px;
    vertical-align: middle;
    margin: 25px auto 25px auto;
    background: #226ea2;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    line-height: 6.5;
    top: -65px;
    right: 0;
    left: 0;
    transition: 0.8s ease;
}

.contact-form-two .contact-icon i {
    font-size: 30px;
    color: #FFF;
}

.contact-form-two input {
    text-indent: 25px;
    margin-bottom: 20px;
}

.contact-form-two span.fas {
    position: absolute;
    z-index: 100;
    font-size: 18px;
    top: 13px;
    left: 27px;
}

.contact-form-two h4 {
    text-align: center;
    margin-bottom: 0px;
    color: #226ea2;
    font-weight: 600;
}

.contact-form-two h3 {
    font-family: unset;
    color: #226ea2;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

/*--------------------------------------------------------------
## Posts & Page
--------------------------------------------------------------*/
.btn {
    padding: 10px 35px;
    border: 1px solid #000;
    border-radius: 0px;
    line-height: 1.5;
    background-clip: padding-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    font-weight: 600;
}
.btns{
    margin-top: 25px;
}

.btn.btn-primary {
    background: #3986bb;
    color: #fff;
    border-color: #3986bb
}
.btn-wrapper .btn.btn-primary {
    background-image: linear-gradient(to right, #17c2a4, #307ed3);
}

.btn.btn-primary:hover {
    background:transparent;
    color: #3986bb;
    border-color: #3986bb
}

.medical-post-wrap{
    text-align: center;
    margin-bottom: 35px;
}

.medical-post-wrap .entry-meta {
    margin-bottom: 15px;
}

.entry-header .entry-title, 
.entry-header .entry-title a {
    color: #454545;
    font-weight: 600;
}

body.single .site-main,  body.author article, body.archive article {
    -moz-box-shadow: 1px 1px 15px 5px #020202;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 25px;
}

.site-main article{
    margin-bottom: 30px;
}


.widget-area .widget {
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    padding: 20px;
}

.popup-sidebar.widget-area .widget{
    box-shadow: none;
    padding: 0;
}
.medical-post-wrap .entry-meta span{
    margin-right: 10px;
}

.medical-post-wrap p{
    margin-bottom: 20px;
}

.single .entry-content {
    text-align: left;
}
.single .entry-content ul,
.single .entry-content ol {
    padding-left: 15px;
}

.single-page.blog-list .postmeta {
    background: #f0f0f0;
    padding: 5px 30px;
    position: relative;
}

.single-page.blog-list .postmeta li a {
    color: #838383;
}


/*--------------------------------------------------------------
 ## Single Posts Next & Previous
--------------------------------------------------------------*/
.prevNextArticle {
    margin: 20px 0;
    text-align: center;
    padding: 20px 15px;
}

.prevNextArticle .hoverExtend.active {
    font-weight: bold;
    text-transform: capitalize;
}

.prevNextArticle .title {
    font-size: 16px;
}

.prevNextArticle a:hover {
    color: #226ea2;
}

.prevNextArticle .hoverExtend span {
    background-color: #3e4146;
    color: #fff;
    padding: 8px 15px;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

#comments {
    margin-top: 30px;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#comments h2.comments-title {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: left;
    padding-left: 20px;
    background-color: #fafafa;
    border-left: 4px solid #3986bb;
    margin: 5px 0;
    text-transform: uppercase;
    display: inline-block;
    color: #3986bb;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
}

#comments h3 {
    margin: 0 0 10px;
    color: #141414;
    font-weight: 600;
    display: inline-block;
    line-height: 22px;
    font-size: 18px;
}

#commentform label {
    display: inline-block;
}

textarea#comment {
    width: 100%;
    height: 150px;
    border-radius: 5px;
}

.comment-form-cookies-consent label {
    margin-left: 14px;
}

/*--------------------------------------------------------------
Comment Lists
--------------------------------------------------------------*/
.comments-area ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area ol.children {
    margin: 0 0 0 15px;
}

.comment-list .comment-body {
    margin-bottom: 20px;
    background: none;
}

.comment-author img {
    vertical-align: text-top;
    margin-right: 15px;
    border: 1px solid #e1e1e1;
    padding: 3px;
}

.comment-author {
    float: none;
}

.comment-metadata {
    font-size: 12px;
    margin-top: -12px;
    padding-left: 50px;
}

.comment-content {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    color: #3a3a3a;
}

.comment-author .fn {
    font-style: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.comment-author .fn .url {
    color: #454545;
    padding: 0;
    font-size: 16px;
}

.comment-author .fn .url:hover {
    color: #226ea2;
}

.comment-author .says {
    display: none;
}

.commentmetadata {
    float: right;
    font-weight: normal;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.comment-metadata a {
    color: #969696;
}

.commentmetadata .comment-edit-link {
    color: #226ea2;
}

.commentmetadata+.clear {
    margin-bottom: 20px;
}

#respond {
    padding: 20px;
    margin: 20px 0 0;
    color: #141414;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#commentform .form-submit {
    margin-bottom: 0;
}

#cancel-comment-reply-link {
    font-style: italic;
    color: #226ea2;
}

#cancel-comment-reply-link:before {
    font-family: FontAwesome;
    content: "\f057";
    margin: 0 5px 0 20px;
    font-style: normal;
    color: #226ea2;
}

.logged-in-as a {
    color: #878b8e;
}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
.error-page {
    text-align: center;
}
.error-404{
    padding: 50px;
}
.not-found .page-header{
    border:0;
    margin:0;
}
.not-found .page-header h1 {
    color: #3986bb;
    font-size: 120px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 0;
}

.error-page .page-content{
    margin-bottom: 30px;
}



/*--------------------------------------------------------------
## contact form 7
--------------------------------------------------------------*/
div.wpcf7 {
    background-color: transparent;
}

.wpcf7 label {
    display: block;
    margin-bottom: 15px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
    background-color: #3986bb;
    border: 1px solid #3986bb;
    text-align: center;
    text-transform: uppercase;
    float: right;
    padding: 10px 20px;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover {
    background: transparent;
    border: 1px solid #3986bb;
    color: #3986bb;
}


.message {
    text-align: center;
    padding: 100px 20px;
}



.sub-toggle,
.sub-toggle-children {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    text-align: center;
    background: rgba(255,255,255,0.8);
    color: #212121;
    line-height: 45px;
    z-index: 99;
    cursor: pointer;
}


/*--------------------------------------------------------------
## My Acount Page
--------------------------------------------------------------*/
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
    background: #fff;
    color: #226ea2;
    border: 1px solid #226ea2;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 12px 23.6px;
    background: #226ea2;
    color: #ffffff;
    display: block;
    border: 1px solid #226ea2;
    font-weight: bold;
    font-style: normal;
    border-right: 1px solid #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    clear: both;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    float: left;
    list-style: none;
}
.woocommerce-info {
    border-top-color: #226ea2;
}
.woocommerce-info:before {
    color: #226ea2;
}
.static-contain {
    margin-bottom: 5px;
}
.hentry {
    margin-bottom: 0;
}
.post-detail-container {
    padding: 0 10px 20px;
    margin-bottom: 30px;
    border: 1px solid #226ea2;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    padding: 10px;
    border: 2px solid #226ea2;
}
.woocommerce-MyAccount-content p {
    margin: 0;
    margin-bottom: 5px;
}
.woocommerce-Message--info a.button {
    height: 40px;
    background: #226ea2;
    border: 1px solid #226ea2;
    border-radius: 0;
    padding: 0px 30px;
    line-height: 38px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    text-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button {
    background: #226ea2;
    border-radius: 0;
    padding: 0px 30px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    text-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-style: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}
.woocommerce-error a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.button:hover,
.woocommerce-Message--info a.button:hover {
    background: #fff;
    color: #226ea2;
}
.woocommerce-message {
    border-top-color: #226ea2;
}
.woocommerce-message:before {
    color: #226ea2;
}
.woocommerce-MyAccount-content h3,
.woocommerce-Address-title h3 {
    margin: 0;
    margin-bottom: 5px;
}
.woocommerce-MyAccount-content label,
.woocommerce-EditAccountForm label {
    font-weight: bold;
}
.woocommerce-MyAccount-content fieldset,
.woocommerce-EditAccountForm fieldset {
    margin-bottom: 10px;
}
.woocommerce-MyAccount-content a:hover,
.woocommerce-MyAccount-content a:hover {
    color: #226ea2;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: 0;
    color: #fff;
    background-color: #226ea2;
    border: 1px solid #226ea2;
}
.woocommerce input.button {
    padding: 11px;
}
.compare.link-compare.button {
    border: 0;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    padding: 11px;
    color: #fff;
}
.woocommerce table.shop_table {
    border-radius: 0;
}
.woocommerce .quantity .qty {
    width: auto;
    padding: 6px;
}
.reduced.items-count {
    margin-right: -4px;
}
.increase.items-count {
    margin-left: -4px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #226ea2;
    color: #ffffff;
    border: 2px solid #226ea2;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #fff;
    color: #226ea2;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea{
    padding: 10px;
    font-size: 15px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 150px;
    margin:0;
}

#ship-to-different-address .checkbox{
    padding: 0;
    margin: 0;
}

.cart_totals h2,
.cross-sells>h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.related>h2,
.upsells>h2,
.woocommerce-shipping-fields>h3,
.woocommerce-Address-title h3 {
    width: 100%;
    height: auto;
    line-height: 21px;
    text-align: left;
    padding-left: 20px;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #fafafa;
    border-left: 4px solid #226ea2;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: inline-block;
    color: #555555;
    font-size: 16px !important;
    font-weight: 500;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background-color: #226ea2;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background-color: #fff;
    color: #226ea2;
}

.woocommerce .woocommerce-ordering select {
    padding: 6px;
    font-size: 13px;
}
.woocommerce ul.products li.product .onsale {
    margin: 0;
    background: #e74c3c;
    padding: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size: 1.2em;
    text-align: center;
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    text-align: center;
}

.woocommerce ul.products li.product .price del {
    display: inline-block;
}
.woocommerce ul.products li.product .button {
    display: block;
    text-align: center;
}

.woocommerce a.added_to_cart {
    display: block;
    text-align: center;
    background: #e74c3c;
    color: #fff;
    padding: 6px;
}
.woocommerce ul.products li.product a img {
    margin: 0;
}

/**
 * Product Single Page Product Meta 
*/
.product_meta {
    padding-bottom: 10px;
    margin: 10px 0px;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.product_meta span {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
}
.product_meta > span {
    display: block;
    margin-top: 10px;
}
.product_meta .sku_wrapper span {
    border-bottom: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 2px;
}

.woocommerce span.onsale {
    top: 0;
    left: 0;
    background-color: #e74c3c;
}

.woocommerce div.product form.cart .variations td.label {
    color: #919191;
    font-size: 15px;
}
/*--------------------------------------------------------------
## Single Page Tab
--------------------------------------------------------------*/

.woocommerce-page div.product .woocommerce-tabs {
    margin-top: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin: 0px;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 1px solid #226ea2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none !important;
    padding: 3px 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border: none !important;
    background: #226ea2 !important;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs .panel#tab-description p {
    margin: 0;
    padding: 10px 0px;
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    padding: 10px 0px;
    margin: 0;
    font-size: 18px;
    line-height: 1;
    margin-top: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 1px solid #226ea2;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
    bottom: -8px;
}
.woocommerce-error {
    border-top-color: #226ea2;
}
.woocommerce-error:before {
    color: #226ea2;
}

/*--------------------------------------------------------------
# WooCommerce defautl price_slider_amount
--------------------------------------------------------------*/

.price_slider_amount .price_label {
    font-size: 14px;
    font-weight: 600;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #226ea2;
    height: 12px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    height: 1.4em;
    background: #226ea2;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #e5e5e5;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 12px;
}

/*--------------------------------------------------------------
# WooCommerce defautl widget area
--------------------------------------------------------------*/
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    float: left;
    margin-left: 0px;
    width: 80px;
    height: auto;
    box-shadow: none;
    margin-right: 10px;
}

.woocommerce ul.cart_list li .star-rating, 
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce .widget_rating_filter ul li a {
    font-size: 12px;
    margin: 5px 0;
}

footer .woocommerce ul.cart_list li a, 
footer .woocommerce ul.product_list_widget li a {
    color: #fff;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
## WooCommerce Pagination
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul{
    border:none;
    background: none;
}
.woocommerce nav.woocommerce-pagination ul li .page-numbers{
    border:none;
    background: none;
    color: #226ea2;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: 1px solid #226ea2;
    margin-right: 5px;
    padding: 2px;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{
    line-height:35px;
    padding:0;
    min-width:35px;
    text-align:center;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    font-size:16px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #226ea2;
    color: #ffffff;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 10px;
}
.woocommerce ul.products li.product .price {
    color: #226ea2;
}
.woocommerce ul.products li.product .button {
    padding: 10px 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    text-transform: capitalize;
}
.woocommerce .quantity .qty {
    padding: 4px !important;
    border-radius: 0;
}

.woocommerce div.product form.cart .variations select {
    padding: 5px;
    font-size: 14px;
}
.woocommerce .quantity .qty,
.woocommerce div.product form.cart .button {
    padding: 10px;
}
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #226ea2;
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, 
.woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
    width: 150px;
    padding: 5px;
    border-radius: 0;
    font-size: 14px;
}
.woocommerce-checkout #payment ul.payment_methods li {
    list-style: none;
}
.woocommerce-error {
    margin: 0 !important;
}



/**
 * Responsive CSS
*/
@media only screen and (max-width: 1024px) {
    .nav__top,.main-navigation:before,.header-wrap:after {
    display: none;
    }
}
@media only screen and (max-width: 992px) {
    h2{
        font-size: 25px;
    }
    .sectiontitle {
    width: 90%;
    }
    .btn-wrapper {
    width: 60%;
     }
    .topbar {
        text-align: center;
    }
    .topbar-light .contact-item {
        text-align: center;
    }
    .top-header-right {
        text-align: center;
    }
    .top-header-left {
        text-align: center;
    }

    .header-logo.site-branding {
        display: inherit;
        margin-top: 15px;
        text-align: center;
    }

    .info-slide-nav .header-logo.site-branding {
        text-align: left;
    }

    .main-navigation ul,
    .feature-wrap{
        border: none;
    }

    .main-navigation ul > li > a {
        line-height: 45px;
    }

    .headerthree .main-navigation ul > li > a {
        line-height: 45px;
    }

    .feature-box-inner {
        padding: 0;
    }
    .feature-box-inner {
    padding: 30px 20px 50px;
    margin-bottom: 30px;
    }

    .promotion figure.medic-effect figcaption > div {
        padding: 0;
    }
    .calltoaction-button-wrap {
    display: block;
    width: 100%;
    }
    .calltoaction-button-wrap a{
        margin: 8px 0px;
    }

    .about-us figure img {
        width: 100%;
    }

    .site-footer .widget {
        margin: 0;
        padding: 15px 0;
    }

    .testimonial-image {
        width: 20%;
    }

    footer .copyright {
        text-align: center;
    }

    .copyright ul {
        text-align: center;
        margin-top: 20px;
    }
    .testimonial-image {
     width: 100%; 
    }
    .testimonial .box {
     width: 100%; 
    }
    .testimonial-image img {
    margin: 10px auto;
    }
    .call_to_action_wrap .content {
        width: 85%;
    }
   .main-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}
.nav__wrapper {
    width: 100%;
}
}

@media only screen and (max-width: 768px) {
    .btn-wrapper {
    display: block;
    }
    .btn-wrapper a {
    margin-bottom: 8px;
    }
    
    .banner-height {
        height: 350px;
    }
    .banner-caption {
        max-width: 100%;
        padding: 0 20px;
    }
    .flex-control-nav {
        bottom: 0;
    }

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

    .navbar-toggle .icon-bar {
        background: #fff;
    }
    .testimonial-wrap {
    margin: 0 25px;
    }
    .header-all-wrapper .header-logo {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
   }

    .navbar-header button, 
    .navbar-header [type="button"]{
        background-color: #000;
    }
    .side-info-button i {
    padding: 8px 15px;
    border-radius: 4px;
     }
    .navbar-header {
        display: table-cell;
        vertical-align: middle;
    }

    .sub-toggle,
    .sub-toggle-children {
        display: block;
    }

    .main-navigation.toggled ul.nav-menu {
        margin: 0;
        position: absolute;
        right: 0;
        top: 68px;
        z-index: 9999;
        width: 100%;
        background-color: #307ed4;
    }

    .main-navigation ul > li > a {
        line-height: 45px;
    }

    .main-navigation ul{
        border: 1px solid #307ed4;
    }
    .nav-menu > li:last-child a {
    border-bottom: unset;
    }

    .main-navigation li {
        width: 100%;
        float: none;
    }
    .nav-menu > li:first-child a {
        padding-left: 17px;
    }
    .main-navigation a {
        color: #fff;
        line-height: 42px;
        border-bottom: 1px solid #ffffff;
        padding: 0 10px;
        text-align: left;
    }
    .nav-menu > li:after {
        content: none;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    .main-navigation ul ul {
        background-color: #307ed4;
        width: 100%;
        position: relative;
        left: 0;
    }
    .main-navigation ul ul ul {
        left: 0;
        top: 0;
    }
    .main-navigation ul ul li.menu-item-has-children > a:after {
        content: none;
    }
    .main-navigation ul ul li:hover > ul, 
    .main-navigation ul ul li.focus > ul {
        left: 0 !important;
    }

    .is-sticky .navbar {
        max-height: 400px;
        overflow-y: scroll;
    }

    .is-sticky .header-wrap{
        position: absolute !important;
    }

    .services .box img,
    .promotion figure.medic-effect img {
        width: 100%;
    }

    .call_to_action h4 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
        padding: 0 20px;
    }

    .owl-carousel .owl-item img {
        width: auto;
    }

    .testimonial-wrap {
        margin: 0 25px;
    }
    .main-nav-search {
    display: none;
   }
   .faq_accordance,.booking_form{
    float: unset;
   }
}

@media only screen and (max-width: 600px) {
    .banner-slider .banner-title {
        font-size: 25px;
    }
    .facilities .facility-box {
    display: flex;
    align-items: center;
    flex-flow: column;
    margin-top: 25px;
   }
   .facilities .facility-box .facility-description,.facilities.medical_layout_facility .facility-box p {
    text-align: center;
    padding: 0!important;
    margin-top: 8px;
    }
}

@media only screen and (max-width: 500px){
    .banner-height {
        height: 250px;
    }
    .banner-desc {
        display: none;
    }
}