/*
Theme Name: Appointment
Theme URI: https://webriti.com/appointment-wordpress-theme-1/
Author: Webriti
Author URI: https://www.webriti.com
Description: Appointment WordPress Theme is a fully responsive and translation-ready theme that allows you to create stunning blogs and websites. The theme is well suited for companies, law firms, travel, photography, recipes, design, art, personal and any other creative websites and blogs. The theme is developed using Bootstrap 3 that makes it mobile and tablet friendly. It has various options in the WordPress Customizer to change the look of the theme. The theme customizer can be used to add your own custom header, favicon, logo, slides, services, callout and much more. In the premium version you can add different type of slides like video, aside, quote, status and standard, all of which have a different HTML look. There are a number of in-built widgets; sidebars with support for WPML, the Polylang translation WordPress plugin and Contact Form 7; a portfolio template, contact us, portfolio column layouts and many sections for business using the Homepage template. Appointment theme comes with various locales and this theme is General Data Protection Regulation ready as it comes with WP GDPR Compliant Just navigate to Appearance / Customize to start customizing.
Tags: full-width-template, threaded-comments, two-columns, right-sidebar, sticky-post, custom-menu, translation-ready, rtl-language-support, blog, footer-widgets, featured-images, news
Version: 3.5.3.1
Requires at least: 4.5
Tested up to: 6.7
Requires PHP: 5.4
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License: GPLv2 or later
Text Domain: appointment
*/
/*Header Social Icons---------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Common
2.0 Header Social Icons
3.0 Header Contact Info
4.0 Homepage Carousel Bootstrap Slider Section
5.0 Direction Nav
6.0 Slider Fade Effect
7.0 Top Callout Section
8.0 Section Title
9.0 Service Section
10.0 Callout Section
11.0 Blog
    11.1 Blog Homepage Section Css here
    11.2 Blog Section
    11.3 Blog Author
    11.4 Blog Pagination
12.0 Footer Widget section
13.0 Page Title Section
14.0 Image Paragraph Alignment\
15.0 Comment Section
16.0 Comment Form
17.0 Placeholder
18.0 Slider section
19.0 Sidebar Latest Post
20.0 Sidebar Links
21.0 Slidebar Tags
22.0 404 Page Section
23.0 Scroll Layout Button
24.0 Extra Css
25.0 Header Image with content section
26.0 Header widget and Top contact detail section
27.0 Text meant only for screen readers
28.0 contact Form 7

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Common
--------------------------------------------------------------*/

body {
    padding:0;
    background: #ffffff;
    color: #727272;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 25px;
    background-attachment: fixed;
}

#wrapper{
    margin: 25px auto;
    background-color: #ffffff;
    left: 0;
    position: relative;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
h1, .h1 {
    font-size: 36px;
    line-height: 40px;
}
h2, .h2 {
    font-size: 30px;
    line-height: 35px;
}
h3, .h3 {
    font-size: 24px;
    line-height: 30px;
}
h4, .h4 {
    font-size: 18px;
    line-height: 25px;
}
h5, .h5 {
    font-size: 14px;
    line-height: 20px;
}
h6, .h6 {
    font-size: 12px;
    line-height: 20px;
}

/*--------------------------------------------------------------
2.0 Header Social Icons
--------------------------------------------------------------*/

.head-contact-social {
    float: right;
    margin: 0px 0px 0px 35px;
    padding: 5px 0;
}
.head-contact-social li {
    background-color: #d0d0d0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
    width: 30px;
    margin-left:4px;
}
.head-contact-social li.facebook:hover { background-color: #4c66a4; }
.head-contact-social li.twitter:hover { background-color: #15b4c9; }
.head-contact-social li.googleplus:hover { background-color: #DD4B39; }
.head-contact-social li.linkedin:hover { background-color: #006599; }
.head-contact-social li.skype:hover { background-color: #40beee; }
.head-contact-social li.dribbble:hover { background-color: #c7366f; }
.head-contact-social li.youtube:hover { background-color: #cc2423; }
.head-contact-social li.vimeo:hover { background-color: #20b9eb; }
.head-contact-social li.pagelines:hover { background-color: #364146; }
.head-contact-social li > a > i {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.9;
    transition: color 0.3s ease-in-out 0s;
}

/*--------------------------------------------------------------
3.0 Header Contact Info
--------------------------------------------------------------*/
.header-contact-info { margin: 0px !important; display: block; float: left; }
.header-contact-info li { padding: 0px !important; margin-right: 0px; letter-spacing: 0.8px; }
.header-contact-info i { font-size: 15px; line-height: 20px; padding-right: 7px; vertical-align: bottom; }
.header-contact-info li a:before { display: none; }

/*--------------------------------------------------------------
4.0 Homepage Carousel Bootstrap Slider Section
--------------------------------------------------------------*/
#carousel-example-generic .active > div { display: block; }
.carousel-indicators li, .carou-direction-nav li { padding: 0; }
.homepage-mycarousel .carousel-inner > .item > img { display: block; margin: 0 auto; }
.carousel-indicators { margin-bottom: 0; }
.slide-caption {
    height: auto;
    left: 0;
    margin: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    width: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
}
.slide-text-bg1 {
    z-index: 773;
    width: 50%;
    text-align: left;
    position: relative;
    margin: 0 0 20px;
    padding: 0;
}
.slide-text-bg1 h2 {
    background-color: rgba(255, 255, 255, 0.9);
    color: #242526;
    font-family: 'Open Sans';
    font-weight:400;
    font-weight: normal;
    border-radius: 2px;
    padding: 6px 12px;
    display: inline-block;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0 0 0px;
    text-shadow: 0 0px 1px rgba(155, 155, 155, 0.7);
    -webkit-box-shadow: 0 0 3px 0 rgba(161, 161, 161, 0.9);
    -moz-box-shadow: 0 0 3px 0 rgba(161, 161, 161, 0.9);
    box-shadow: 0 0 3px 0 rgba(161, 161, 161, 0.9);
}
.slide-text-bg2 {
    text-align: left;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    width: 50%;
    z-index: 773;
}
.slide-text-bg2 span {
    background-color: rgba(45, 47, 49, 0.8);
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    border-radius: 2px;
    line-height: 25px;
    letter-spacing: 1px;
    padding: 6px 12px;
    margin: 0 0 0px;
    text-shadow: 0 0px 1px rgba(155, 155, 155, 0.7);
}
.slide-text-bg2 .check {
    background-color: rgba(45, 47, 49, 0.95);
    background: #3e4041 url(../images/check.png) no-repeat center center;
    padding: 6px 25px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: #ffffff;
    width: 50px;
    height: 40px;
    float: left;
    margin-right: 12px;
}

.slide-btn-area-sm { margin: 0px 0 0px; float: left; width: 80%; }
.slide-btn-sm {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open sans';
    font-weight:600;
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 10px 25px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
.slide-btn-sm:hover, .slide-btn-sm:focus { color: #ffffff; }
.homepage-mycarousel .format-quote p { color: #ffffff; margin-bottom: 0; }

/*--------------------------------------------------------------
5.0 Direction Nav
--------------------------------------------------------------*/
.carou-direction-nav {
    *height: 0;
    list-style-type: none;
    margin: 0px;
}
.carou-direction-nav a {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border-radius: 5px;
    text-decoration: none;
    display: block;
    width: 52px;
    height: 52px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.carou-direction-nav .carou-prev {
    left: 15px;
    color: #ffffff;
    opacity: 0.5;
}
.carou-direction-nav .carou-next {
    right: 15px;
    text-align: right;
    color: #ffffff;
    text-align: center;
    opacity: 0.5;
}
.carou-direction-nav :hover .carou-prev {
    opacity: 1;
    left: 30px;
}
.carou-direction-nav :hover .carou-next {
    opacity: 1;
    right: 30px;
}
.carou-direction-nav :hover .carou-next:hover,
.carou-direction-nav :hover .carou-prev:hover {
    opacity: 1;
}
.carou-direction-nav .carou-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
.carou-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 2.2;
    display: inline-block;
    content: '\f104';
}
.carou-direction-nav a.carou-next:before {
    content: '\f105';
}

h1{ display: inline-block;margin-bottom: 0; }
.logo-link-url {display: inline-block;}
.navbar-brand{padding: 0;}

@media (max-width:768px){
  .navbar-header{text-align: center;}
}

/*--------------------------------------------------------------
6.0 Slider Fade Effect
--------------------------------------------------------------*/
.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
    transition-duration:3s;
    opacity:0;
    left: 0 !important;
}

.carousel.carousel-fade .active.item {
    opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}
.carousel.carousel-fade .carousel-control {
    z-index: 3;
}

/*--------------------------------------------------------------
7.0 Top Callout Section
--------------------------------------------------------------*/
.top-contact-detail-section {
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.contact-area {
    margin: 0px;
    padding: 20px 0px;
}
.contact-icon {
    float: left;
    margin: 0 25px 0 0;
    padding: 0;
}
.contact-icon i {
    font-size: 45px;
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
}
.contact-area:hover .contact-icon i { padding-top: 10px; }
.contact-area h6 {
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 0 7px;
}
.contact-area h4 {
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 27px;
    margin: 0 0 0px;
}

/*--------------------------------------------------------------
8.0 Section Title
--------------------------------------------------------------*/
.section-heading-title {
    background-position: center top;
    background-repeat: no-repeat;
    margin: -5px auto 53px;
    padding: 0 15px;
    position: relative;
    width: 97.4%;
    text-align: center;
}
.section-heading-title h1, .section-heading-title h2 {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:400;
    margin: 0 0 10px;
}
.section-heading-title h2 {
  font-size: 36px;
}
.section-heading-title p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 0px;
}

/*--------------------------------------------------------------
9.0 Service Section
--------------------------------------------------------------*/
.Service-section {
    background: transparent;
    margin: 0;
    padding: 80px 0 30px;
    width: 100%;
}
.page-builder .Service-section { margin: 0; }
.service-area {     margin: 0px; padding: 0px 0px 45px; }
.service-icon {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    width: 40px;
}
.service-icon i {
    font-size: 40px;
    transition: all 0.3s ease-in-out 0s;
}
.service-area:hover .service-icon i { padding-top: 10px; }
.service-area h3 {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 27px;
    margin: 0 0 12px;
}
.service-area p {

    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 0;
}
.service-img-box {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    width: 40px;
    height:auto;
}
.service-area a { color:#242526; }
.service-area a:hover { color:#242526; }
.Service-section .col-md-4:nth-child(4) {
  clear: both;
}


/*--------------------------------------------------------------
10.0 Callout Section
--------------------------------------------------------------*/
.callout-section {
    background: url("./images/callout-bg.jpg") no-repeat fixed 0 0 / cover rgba(0, 0, 0, 0);
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    text-align: center;
}
.callout-section .overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    padding: 74px 0 83px;
    position: relative;
    width: 100%;
}
.callout-section h2 {
    color: #ffffff;
    letter-spacing: 0px;
    padding: 0 90px;
    margin: 0 0 17px;
    text-align: center;
    font-size: 36px;
}
.callout-section p {
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 0;
    text-align: center;
    padding: 0 90px;
}
.btn-area { display: block; margin: 25px 0 0px; text-align: center; }
.callout-btn1 {
    background-color: #eeeeee;
    box-shadow: 0 3px 0 0 #bac1c6;
    color: #010101;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 14px 35px;
    margin: 0 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.callout-btn2 {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 14px 35px;
    margin: 0 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}
.callout-btn1:hover { color: #010101; }
.callout-btn2:hover, .callout-btn2:focus { color: #ffffff; }
a:hover, a:focus { text-decoration: none !important;}

/*--------------------------------------------------------------
11.1 Blog Homepage Section
--------------------------------------------------------------*/
.blog-section { margin: 0;  padding: 80px 0 25px; }
.blog-sm-area { margin: 0px; padding: 0px 0px 55px; overflow: hidden; }
.blog-sm-box { float: left; margin: 0 25px 0 0; padding: 0; width: 200px; height: auto; }
.blog-sm-box img {
    margin: 0 0 20px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out 0s;
}
.blog-sm-area:hover .blog-sm-box img { opacity: 0.8; }
.blog-post-sm {
    color: #727272;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 20px;
    margin: 0px 0 13px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.blog-tags-sm {
    display: inline-block;
    margin: 5px 0px 5px;
}
.blog-post-sm a, .blog-tags-sm a {
    color: #242526;
    padding: 5px 5px 5px 5px;
    transition: all 0.2s ease 0s;
}
.blog-sm-area h3 {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 27px;
    margin: 0 0 16px;
}
.blog-sm-area h3 > a { color: #242526; transition: all 0.3s ease 0s; }
.blog-sm-area p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 0;
}
.blog-btn-area-sm { display: block; margin: 30px 0 3px; }
.blog-btn-sm {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:700;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 8px 18px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
.blog-btn-sm:hover, .blog-btn-sm:focus { color: #ffffff; }
.blog-sm-area a.more-link {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 8px 18px;
    margin: 30px 0 3px;
    text-align: center;
    vertical-align: middle;
}
.blog-sm-area a.more-link:hover { color: #ffffff; }


/*--------------------------------------------------------------
11.2 Blog Section
--------------------------------------------------------------*/

.page-builder { margin: 0px; padding: 80px 0 0; }
.media-body { overflow: hidden; display: block !important; }
.blog-post-date-area {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 0px 25px 0 0;
    padding: 0px;
    text-align: center;
    width: 70px;
}
.blog-post-date-area .date {
    color: #ffffff;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 40px;
    padding: 12px 0 13px;
    line-height: 40px;
    text-align: center;
}
.blog-post-date-area .month-year {
    color: #ffffff;
    display: block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0 0;
    text-align: center;
}
.blog-post-date-area .comment {
    background-color: #2a2a2a;
    color: #d0d0d0;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    padding: 15px 0;
}
.blog-post-date-area .comment > a { color: #d0d0d0; }
.blog-post-date-area .comment:hover > a { color: #ffffff; }
.blog-post-date-area .comment > a > i { padding-right: 10px; font-size: 17px; }
.blog-lg-area-left { margin: 0px; padding: 0px 10px 60px 0px; overflow: hidden; }
.blog-lg-box { margin: 0 0px 0 0; padding: 0; display: block; }
.blog-lg-box img {
    margin: 0 0 20px;
    transition: all 0.3s ease-in-out 0s;
}
.blog-post-lg {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    letter-spacing: 0.2px;
    line-height: 20px;
    margin: 0px 0 16px;
    padding: 0;
    width: 100%;
}
.blog-post-lg a > img {     width: 40px; height: 40px; margin: 0 10px 0 0; vertical-align: middle; display: inherit; }
.blog-tags-lg { display: inline-block; margin: 0 15px 5px; }
.blog-tags-lg i { color: #afafaf; padding-right: 5px; }
.blog-post-lg a, .blog-tags-lg a {
    color: #242526;
    padding: 5px 0px 5px 5px;
    transition: all 0.2s ease 0s;
}
.blog-lg-area-left h3,
.blog-lg-area-right h3,
.blog-lg-area-full h3  {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 27px;
    letter-spacing: 0px;
    line-height: 35px;
    margin: 0 0 25px;
    word-wrap: break-word;
}
.blog-lg-area-left h3 > a,
.blog-lg-area-right h3 > a,
.blog-lg-area-full h3 > a { color: #242526; transition: all 0.3s ease 0s; }
.blog-btn-lg {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 13px 35px;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}
.blog-btn-lg:hover { color: #ffffff; }
a.more-link {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 13px 35px;
    margin: 12px 0 3px;
    text-align: center;
    vertical-align: middle;
}
a.more-link:hover, a.more-link:focus { color: #ffffff; }
.format-status {
    height: auto;
    margin: 0;
    padding: 0px;
    position: relative;
}
.blog-lg-area-left > .media > .media-body,
.blog-lg-area-right .media > .media-body,
.blog-lg-area-full .media > .media-body {
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 40px;
}

.page-template-default p:last-child, .page-template-fullwidth p:last-child { margin-bottom: 0; }
.blog-lg-area-left:last-child, .blog-lg-area-full:last-child { padding-bottom: 80px; }

/*--------------------------------------------------------------
11.3 Blog Author
--------------------------------------------------------------*/
.comment-title, .contact-title { display: block; margin: 0 0 25px; padding: 0 0 0px; }
.comment-title h3, .contact-title h3 {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
}
.blog-author {
    display: block;
    overflow: hidden;
    margin: 0 10px 50px 0;
    padding: 20px 20px;
    border: 1px solid #e9e9e9;
}
.blog-author img {
    height: 200px;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 0px;
    transition: all 1s ease-in-out 0s;
    width: 200px;
}
.blog-author h2 {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:400;
    letter-spacing: 1px;
    margin: 0 0 5px;
}
.blog-author span {
    display: block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 15px;
}
.blog-author p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0 0 13px;
}
.blog-author-social { display: block; margin: 0; padding: 15px 0; }
.blog-author-social li {
    background-color: #d0d0d0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    margin-bottom: 0px;
    margin-right: 4px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
    width: 30px;
}
.blog-author-social li.facebook:hover { background-color: #4c66a4; }
.blog-author-social li.twitter:hover { background-color: #15b4c9; }
.blog-author-social li.googleplus:hover { background-color: #DD4B39; }
.blog-author-social li.linkedin:hover { background-color: #006599; }
.blog-author-social li.skype:hover { background-color: #40beee; }
.blog-author-social li.dribbble:hover { background-color: #c7366f; }
.blog-author-social li.youtube:hover { background-color: #cc2423; }
.blog-author-social li.vimeo:hover { background-color: #20b9eb; }
.blog-author-social li.pagelines:hover { background-color: #364146; }
.blog-author-social li > a > i {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.9;
    transition: color 0.3s ease-in-out 0s;
}

/*--------------------------------------------------------------
11.4 Blog Pagination
--------------------------------------------------------------*/
.navigation.pagination .nav-links {
    margin: 0px;
    overflow: hidden;
    padding: 0 0 70px;
    text-align: center;
}
.navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a {
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    color: #242526;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    transition: all 0.3s ease 0s;
    font-size: 18px;
    line-height: 20px;
    border-radius: 50%;
    margin: 0 3px 10px;
    padding: 8px;
    vertical-align: baseline;
    white-space: nowrap;
    width: 40px;
    height: 40px;
}

.navigation.pagination .nav-links .page-numbers.current,  .navigation.pagination .nav-links a:hover { color: #FFFFFF; }

.navigation.pagination { margin: 0; display: block; }

/*--------------------------------------------------------------
12.0 Footer Widget section
--------------------------------------------------------------*/
.footer-section {
    background-color: #f4f4f4;
    padding: 80px 0 0;
    width: 100%;
}
.footer-widget-address { margin-bottom: 0px; margin-top: 40px !important; padding-bottom: 0px; }
.footer-addr-icon {
    float: left;
    margin-left: 0;
    margin-right: 15px;
    transition: all 0.4s ease 0s;
}
.footer-addr-icon i { font-size: 30px; }
.footer-widget-address address {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 16px;
    line-height: 27px;
    margin-right: 0;
    margin-bottom: 0;
    font-weight: normal !important;
    display: block;
}
.footer-widget-section { padding: 0px 0 0px; }
.footer-widget-column { margin-bottom: 80px; }
.footer-widget-title { margin: -8px 0 45px; }
.footer-widget-title a.rsswidget { margin: 0 0 45px; }
.footer-widget-title, .footer-widget-title a.rsswidget {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 24px;
    line-height: 35px;
}
.footer-logo { display: bolck; margin: 25px 0 15px; }
.footer-blog-post {
    margin-bottom: 0px;
    margin-top: 0 !important;
    padding-bottom: 20px;
    overflow: hidden;
}
.footer-blog-post:last-child { margin-bottom: 0px; padding-bottom: 0px; }
.footer-blog-post h3 {
    display: block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: -5px;
    word-wrap: break-word;
}
.footer-blog-post h3 a { color: #242526; transition: all 0.3s ease 0s; }
.footer-blog-post span {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 13.5px;
    line-height: 20px;
    margin-right: 8px;
    display: block;
}
.post-area {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 15px;
}
.post-area img {
    display: block;
    height: auto;
    max-width: 100%;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 2px;
}
.footer-blog-post:hover .post-area img { opacity: 7px; }
.footer-widget-tags { margin: 0 0 10px; overflow: hidden; padding: 0px 0; }
.footer-widget-tags a {
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #45494b;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 5px 9px 0;
    padding: 6px 12px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
.footer-widget-tags a:hover {
    color: #ffffff;
}
.footer-widget-column ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.footer-widget-column ul li {
    display: block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.2px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
}
.footer-widget-column ul li a { color: #727272; transition: all 0.3s ease 0s; }
.footer-widget-column ul li:last-child { margin: 0px; }
.footer-widget-column > ul > li > a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 15px;
}
.footer-widget-column ul#menu-footer-menu > li.menu-item > a:before,
.footer-widget-column ul#menu-footer-menu > li.menu-item > ul.sub-menu > li.menu-item > a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 15px;
}
.footer-copyright-section {
    background-color: #ffffff;
    border-top: 1px solid #f4f4f4;
    margin: 0;
    padding: 0;
    width: 100%;
}
.footer-copyright { padding: 30px 0; }
.footer-copyright p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
}
.footer-copyright p a { color: #242526; }
.footer-contact-social { float: right; margin: 0; padding: 25px 0; }
.footer-contact-social li {
    background-color: #d0d0d0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    transition: background 0.2s ease-in-out 0s;
    width: 30px;
}
.footer-contact-social li.facebook:hover { background-color: #4c66a4; }
.footer-contact-social li.twitter:hover { background-color: #15b4c9; }
.footer-contact-social li.googleplus:hover { background-color: #DD4B39; }
.footer-contact-social li.linkedin:hover { background-color: #006599; }
.footer-contact-social li.skype:hover { background-color: #40beee; }
.footer-contact-social li.dribbble:hover { background-color: #c7366f; }
.footer-contact-social li.youtube:hover { background-color: #cc2423; }
.footer-contact-social li.vimeo:hover { background-color: #20b9eb; }
.footer-contact-social li.pagelines:hover { background-color: #364146; }
.footer-contact-social li > a > i {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1.9;
    transition: color 0.3s ease-in-out 0s;
}

/*--------------------------------------------------------------
13.0 Page Title Section
--------------------------------------------------------------*/
.page-title-section {
    height: 100%;
    margin: 0 0 0px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.page-title-section .overlay {
    height: 100%;
    padding: 50px 0 48px;
    position: relative;
    width: 100%;
}
.page-title {
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto 0px;
    padding: 0px;
    position: relative;
    width: 99%;
}
.page-title h1 {
    color: #ffffff;
    letter-spacing: 1px;
    margin: 0 0 0px;
    word-wrap: break-word;
}
.page-breadcrumb {
    list-style: none outside none;
    margin-bottom: 0px;
    padding: 10px 0;
    font-family: 'Open Sans';
    font-weight:600;
    text-align: right;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
}
.page-breadcrumb > li { display: inline-block; padding: 0; }
.page-breadcrumb > li + li:before { color: #ffffff; padding: 0 5px; }
.page-breadcrumb > li a,
.page-breadcrumb > li a:hover,
.page-breadcrumb > li a:focus,
.page-title a,
.page-title a:hover,
.page-title a:focus {
    color: #ffffff;
}
.margin-top { margin-top: 0px; } .margin-bottom { margin-bottom: 0px; }

/*--------------------------------------------------------------
14.0 Image Paragraph Alignment
--------------------------------------------------------------*/
.blog-paragraph-image { float: none; margin: 15px 10px 10px 0; padding: 0; }
.media-align { margin-bottom: 15px; }
.alignleft { float: left; }
.blog-paragraph-image > .media > .alignleft img { margin-right: 30px; }
.blog-description p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    line-height: 27px;
    margin: 0;
    padding: 0;
}
.blog-paragraph-image > .media > .alignright img { margin-left: 30px; }



/*--------------------------------------------------------------
15.0 Comment Section
--------------------------------------------------------------*/
.comment-section { float: none; margin: 0 10px 30px 0; padding: 0; }
.comment-box { margin: 0 !important; padding: 0; position: relative; }
.pull-left-comment { float: left; margin-right: 20px; }
.comment-img {
    border-radius: 100%;
    height: 70px;
    margin: 2px 0 20px;
    width: 70px;
}
.comment-detail {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 35px;
    margin-left: 0;
    padding: 0 0 15px;
}
.comment-detail-title {
    color: #242526;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 0 7px;
}
.comment-date {
    display: block;
    color: #8f969c;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px;
    padding-left: 0px;
    vertical-align: middle;
}
.comment-date a { color: #8f969c; }
.comment-detail p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin: 0;
    text-align: justify;
}
.reply { font-size: 13px; float: right; }
.reply a {
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 0;
    transition: all 0.3s ease 0s;
}

/*--------------------------------------------------------------
16.0 Comment Form
--------------------------------------------------------------*/
.comment-form-section { background-color: transparent; }
.contact-form-section { float: none; margin: 0 10px 50px 0; padding: 0; }
.comment-form-section { background-color: transparent; float: none; margin: 0 10px 0px 0; padding: 0 0 60px; }
.form-inline .blog-form-group, .form-inline .contact-form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 49%;
    margin-right: 5px;
}
.blog-form-group, .contact-form-group { margin-bottom: 15px; }
.blog-form-control, .contact-form-control {
    color: #8f969c;
    background-color: transparent;
    border: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-family: 'Open Sans';
    font-weight:400;
    height: 46px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 0px;
    margin-bottom: 20px;
}
.form-inline .blog-form-group-textarea,
.form-inline .contact-form-group-textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 99.3%;
}
.blog-form-control-textarea,
.contact-form-control-textarea {
    color: #8f969c;
    background-color: transparent;
    border: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 6px 12px;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    line-height: 20px;
    border-radius: 0px;
    margin-bottom: 25px;
}

/*--------------------------------------------------------------
17.0 Placeholder
--------------------------------------------------------------*/
.blog-form-control::-webkit-input-placeholder,
.blog-form-control-textarea::-webkit-input-placeholder,
.contact-form-control::-webkit-input-placeholder,
.contact-form-control-textarea::-webkit-input-placeholder {
    color: #727272;
}
.blog-form-control::-moz-placeholder,
.blog-form-control-textarea::-moz-placeholder,
.contact-form-control::-moz-placeholder,
.contact-form-control-textarea::-moz-placeholder {
    color: #727272;
}
.blog-form-control:-ms-input-placeholder,
.blog-form-control-textarea:-ms-input-placeholder,
.contact-form-control:-ms-input-placeholder,
.contact-form-control-textarea:-ms-input-placeholder {
    color: #727272;
}
.blogdetail-btn, .cont-btn { display: block; margin: 0 0 10px; }
.blogdetail-btn a, .cont-btn a  {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 12px 24px;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.blogdetail-btn a:hover, .cont-btn a:hover {
    color: #FFFFFF;
}

/*--------------------------------------------------------------
18.0 Slider section
--------------------------------------------------------------*/
.sidebar-section-right {
    background-color: #fbfbfb;
    border: 1px solid #e9e9e9;
    margin-bottom: 80px;
    margin-left: 0;
    padding: 30px 20px 30px 20px;
}
.sidebar-section-left {
    background-color: transparent;
    border-right: 1px dashed #c5d1dc;
    margin-bottom: 70px;
    margin-right: 0;
    padding: 0 30px 0 0px;
}
.sidebar-widget {
    margin-bottom: 70px;
    margin-top: 0;
    overflow: hidden;
    padding: 0px;
}
.sidebar-widget:last-child { margin-bottom: 0px; }
.sidebar-widget-title { /* margin-bottom: 10px; */ margin-bottom: 22px; }
.sidebar-widget-title h3,
.sidebar-widget-title h3 a {
    color: #242526;
    letter-spacing: 0.5px;
    margin: 0 0 0px;
    padding-bottom: 0px;
    word-wrap: break-word;
}
.sidebar-widget .contact-area h6,
.sidebar-widget .contact-area h4,
.sidebar-widget .contact-area .contact-icon i { color: #727272; }
/*Sidebar Search*/
.sidebar-widget > .input-group > .form-control {
    padding: 6px 12px;
    height: 45px;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    font-family: 'Open Sans';
    font-weight:400;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sidebar-widget > .input-group > .form-control:focus {
    border-color: #e9e9e9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sidebar-widget > .input-group > .input-group-addon {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-family: 'Open Sans';
    font-weight:600;
    letter-spacing: 0.2px;
    color: #ffffff;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.sidebar-menu-box { display: block; }

/*--------------------------------------------------------------
19.0 Sidebar Latest Post
--------------------------------------------------------------*/
.sidebar-blog-post {
    margin-bottom: 0px;
    margin-top: 0 !important;
    padding-bottom: 20px;
    overflow: hidden;
}
.sidebar-blog-post:last-child { margin-bottom: 0px; padding-bottom: 0px; }
.sidebar-blog-post h3 {
    display: block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: -5px;
    word-wrap: break-word;
}
.sidebar-blog-post h3 a { color: #242526; transition: all 0.3s ease 0s; }
.sidebar-blog-post span {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 13.5px;
    line-height: 20px;
    margin-right: 8px;
    display: block;
}
.sidebar-post-area {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 15px;
}
.sidebar-post-area img {
    display: block;
    height: auto;
    max-width: 100%;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 2px;
}
.sidebar-blog-post:hover .sidebar-post-area img { opacity: 7px; }

/*--------------------------------------------------------------
20.0 Sidebar Links
--------------------------------------------------------------*/
ul.post-content{ margin-bottom: 0px; list-style: none outside none; padding: 0; }
ul.post-content li {
    border-bottom: 1px dotted #c5d1dc;
    display: block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: 0px;
    margin-right: 0px;
    padding-top: 10px;
    vertical-align: top;
    padding-bottom: 10px;
}
ul.post-content li:first-child { padding-top: 0px; }
ul.post-content li a { color: #727272;  transition: all 0.3s ease 0s; }
ul.post-content > li > a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 13px;
}

/*--------------------------------------------------------------
21.0 Slidebar Tags
--------------------------------------------------------------*/
.tagcloud { margin: 0 0 10px; overflow: hidden; padding: 4px 0; }
.tagcloud a {
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #45494b;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px !important;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 6px 14px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
.tagcloud a:hover { color: #ffffff; }

/*--------------------------------------------------------------
22.0 404 Page Section
--------------------------------------------------------------*/

.error-section { margin: 0; padding: 80px 0 80px; }
.error-404 { clear: both; padding: 0; text-align: center; }
.error-404 .text-center > i {
    display: inline-block;
    color: #242526;
    font-size: 80px;
    margin-bottom: 15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-animation: spin 3s ease-in-out infinite alternate;
    -moz-animation: spin 3s ease-in-out infinite alternate;
    -o-animation: spin 3s ease-in-out infinite alternate;
    animation: spin 3s ease-in-out infinite alternate;
}
.error-404 .error404-title {
    font-family: "Courgette";
    font-size: 170px;
    line-height: 160px;
    margin: 20px 0;
}
.error-404 .error404-sub-title {
    color: #242526;
    font-family: "Courgette";
    font-size: 50px;
    line-height: 45px;
    margin: 20px 0 25px;
}
.error-404 p {
    color: #727272;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 25px;
}
.error-btn-area { display: block; margin: 16px 0 0; text-align: center; }
a.error-btn {
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0 10px;
    padding: 14px 35px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}
a.error-btn:hover { color: #ffffff; }
a.error-btn:before {
    content: "\f060";
    font-family: FontAwesome;
    margin-right: 5px;
}
.error-btn:focus {
    color: #fff;
}
/*--------------------------------------------------------------
23.0 Scroll Layout Button
--------------------------------------------------------------*/
.hc_scrollup {
    border-radius: 0px;
    bottom: 0px;
    padding: 7px;
    display: none;
    height: 40px;
    opacity: 1;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 70px;
    overflow: hidden;
    z-index: 9999;
}
.hc_scrollup:hover { opacity: 1; }
.hc_scrollup i { font-size: 22px; color: #ffffff; line-height:1.2 }

/*--------------------------------------------------------------
24.0 Extra Css
--------------------------------------------------------------*/
.sidebar-widget ul{
    margin: 0 0 10px !important;
    overflow: hidden;
    padding: 0px 0px;
    list-style-type: none;
}
.sidebar-widget > ul  > li:first-child { padding: 0 0 10px; }
.sidebar-widget > ul  > li:last-child { padding: 10px 0 0px; }
.sidebar-widget > ul > li{
    display: block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    line-height: 25px;
    margin: 0 !important;
    padding: 10px 0;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}
.sidebar-widget ul.children li {
    display: block;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
    line-height: 20px;
    margin: 0 25px;
    overflow: hidden;
    padding: 10px 0;
    transition: all 0.4s ease 0s;
}
.sidebar-widget ul.children li:last-child { border-bottom: 0 none; padding-bottom: 0px ; }
.sidebar-widget ul.children { margin-bottom: 0px !important; }
.sidebar-widget ul.children li a:before{
    font-family: FontAwesome;
    margin-right: 9px;
    content: "\f192";
}
.sidebar-widget > ul > li { border-bottom: 1px dotted #d1d1d1; }
.sidebar-widget > ul > li:last-child { border-bottom: 0 none; }
.sidebar-widget > ul > li > a {
    color: #727272;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 14px;
}

.blog-post-lg p > embed { width:100% !important; }
.blog-post-lg p > img, .blog-post-lg p > strong > img { margin-bottom:20px; }
.blog-post-lg p > iframe { width:100% !important; }
.blog-post-lg li > a {
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.media-body p > embed, .media-body p > iframe { max-width:100%; }
.blog-post-info-detail a, .comment-respond a, .appointment_title_head { color: #727272; }
.textwidget img { max-width:100%; }
input {
    padding: 6px 12px;
    height: 45px;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    font-family: 'Open Sans';
    width: 100%;
    font-weight:400;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e9e9e9;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sidebar-widget label,.footer-widget-column label { display:none; }
.sidebar-widget > .input-group > .form-control:focus {}
.page-breadcrumb > li { color: #ffffff; }

.blogdetail-btn, .cont-btn button {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Open sans';
    font-weight:600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 12px 24px;
    text-align: center;
    transition: all 0.4s ease 0s;
    border:none;
}

.footer-widget-column .contact-icon i, .footer-widget-column h4 { color:#727272; }
.footer-widget-column h6 { color: #000; }
.slider-btn-sm {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight:700;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 8px 18px;
    margin: 0;
    text-align: center;
    vertical-align: middle;

}
.slider-btn-sm:hover { color: #ffffff; }
.slider-sm-area a.more-link {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease-in-out 0s;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 20px;
    padding: 8px 18px;
    margin: 30px 0 3px;
    text-align: center;
    vertical-align: middle;
}
.slider-sm-area a.more-link:hover { color: #ffffff; }

/*--------------------------------------------------------------
25.0 Header Image with content section
--------------------------------------------------------------*/
.header-img {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 200ms ease-out 0s;
    text-align: center;
}
div.header-content {
    background: transparent;
    color: #ffffff;
    top: 18%;
    padding: 0 10px;
    position: absolute;
    letter-spacing: 1px;
    z-index: 1;
    width: 100%;
}
div.header-content h3 {
    font-size: 24px;
    line-height: 1.1;
    display: block;
    text-align: center;
    margin: 0px 0 15px;
    padding: 0px;
}
div.header-content h4 {
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
#customize-control-layout_textbox_enable input { display:none;}

/*--------------------------------------------------------------
26.0 Header widget and Top contact detail section
--------------------------------------------------------------*/
.top-contact-detail-section h3 {
    font-family: 'Open Sans';
    color: #fff;
    letter-spacing: 0.5px;
    line-height: 1.1;
    word-wrap: break-word;
}
.top-contact-detail-section h3 { margin: 20px 0 20px; }
.top-contact-detail-section a,
.top-contact-detail-section > ul > li > a { color: #727272; }
.top-contact-detail-section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
}
.top-contact-detail-section select {
    margin: 15px 10px;
}
.top-contact-detail-section label {
    color:#fff;
    margin: 0 0 25px;
}
.top-contact-detail-section a,
.top-contact-detail-section a:hover,
.top-contact-detail-section ul > li > a:hover,
.top-contact-detail-section .recentcomments a:hover,.top-contact-detail-section .recentcomments a:focus  {
    color:#ffffff;
    word-wrap: break-word;
}
.top-contact-detail-section ul { padding: 0; margin: 0 0 20px; list-style: none; }
.top-contact-detail-section li {
    padding: 0px 0px 10px;
    font-size: 15px;
    line-height: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
    color: #fff;
    list-style: none;
}
.top-contact-detail-section .rssSummary,
.top-contact-detail-section .textwidget,
.top-contact-detail-section .textwidget p,
.top-contact-detail-section .textwidget a {
    color: #ffffff;
}
.top-contact-detail-section p.wp-caption-text {
    color: #727272;
}
.top-contact-detail-section li a:before,
.sidebar-widget li a:before,
.footer-widget-column li a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 13px;
}
.top-contact-detail-section span.comment-author-link,
.top-contact-detail-section .rssSummary,
.top-contact-detail-section span.rss-date  {
    font-size: 15px;
    line-height: 22px;
    font-family: 'Open Sans';
    font-weight: 400;
}
.top-contact-detail-section .rssSummary {
    color: #ffffff;
}
.top-contact-detail-section cite,
.top-contact-detail-section span.rss-date {
    color:#D6D6D6;
}
.appointment-search,
.top-contact-detail-section form.appointment-search,
.top-contact-detail-section .textwidget {
    margin: 0 0 50px;
}
.top-contact-detail-section select {
    display: block;
    min-height: 40px;
    margin: 0 0 50px;
}
.top-contact-detail-section .textwidget select {
    margin: 0px;
}
.top-contact-detail-section .tagcloud {
    padding: 0 0 40px;
}
.top-contact-detail-section .tagcloud a,
.top-contact-detail-section .tagcloud a:hover {
    background-color: #ffffff;
    color: #727272;
    border: 1px solid #ffffff;
}
.top-contact-detail-section ul.icons-medium { padding: 0; margin: 0 0 50px; list-style: none; }
.top-contact-detail-section ul.icons-medium li { display: inline-block; border-bottom: 0 none; padding: 0 0 5px; }
.top-contact-detail-section ul.icons-medium li a:before {
    content: "\f192";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
    font-size: 13px;
    display: none;
}
.top-contact-detail-section .calendar_wrap table { margin: 0 0 50px; }
.top-contact-detail-section .calendar_wrap table > caption  {
    color: #ffffff;
}
.footer-widget-column select { margin: 0 !important; }
#wp-calendar { margin: 0; }

/*--------------------------------------------------------------
27.0 Text meant only for screen readers
--------------------------------------------------------------*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}
.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;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/*--------------------------------------------------------------
28.0 contact Form 7
--------------------------------------------------------------*/

.wpcf7 p { color: #727272; margin-top: 10px; }
.wpcf7-text, .wpcf7-file, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz{
    color: #8f969c;
    background-color: transparent;
    border: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-family: 'Open Sans';
    font-weight: 400;
    height: 46px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 20px;
    border-radius: 0px;
    margin-bottom: 20px;
}
.wpcf7-file, .wpcf7-number, .wpcf7-date, .wpcf7-select, .wpcf7-quiz { width: 34%; }
.wpcf7-file { padding: 12px; }
.wpcf7-textarea {
    border-radius: 0;
    border: 1px solid #e9e9e9;
    display: inline-block;
    font-family: 'Open Sans';
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    height: 46px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 6px 12px;
    vertical-align: middle;
    width: 100%;
    height: 150px;
}
.wpcf7-submit {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Open sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.5px;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 12px 24px;
    text-align: center;
    transition: all 0.4s ease 0s;
    border: none;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: block;
    padding: 5px 0 0;
}
span.wpcf7-not-valid-tip
{
    font-family: 'Open sans';
    font-weight:400;
    font-size:14px;
}
div.wpcf7-validation-errors {
    border: 2px solid #eee;
    font-family: 'Open sans';
    font-weight:400;
    font-size:14px;
}

.page-builder .sticky .media-body {
    background-color: #fafad2;
}
.sticky .media .media-body{
    padding: 20px;
}

.head-contact-social li > a,.footer-contact-social li > a{padding: 0.75rem;}
a.img-responsive{margin: 1px;}
.dropdown-toggle:focus{outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;}

.nav .open > a:focus,.dropdown-menu > .active.open > a:focus,input:focus, button:focus, select:focus, textarea:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline: thin dotted;
    outline-offset: -2px;
}
.navbar-default .dropdown-menu .dropdown-menu {
    left: 100%;
    right: auto;
    top: 0;
    margin-top: 0;
}
.navbar-default .dropdown-menu.leftauto .dropdown-menu {
    border: 0;
    right: 100%;
    left: auto !important;
}
.navbar-toggle:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
.search_widget_input{margin: 1px;}
@media (max-width: 1100px){
.caret {
     position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;
}}
@media (max-width: 600px) {.callout-section h2{padding: 0 25px;}}
@media (min-width: 1200px) {
.navbar-nav li.dropdown-submenu .caret{ float: right; border: none;}
.navbar-nav li.dropdown-submenu .caret:after{ content: "\f0da"; font-family: "FontAwesome";font-size: 10px;}}​
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img{
display:block;
}
a:focus{
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}
.wpcf7-form label{
    width: 100%;
}
.blog-lg-area-left .blog-content a, .comment-section .media-body a, .textwidget a, .blog-lg-area-left p a, .blog-lg-area-left table a, .blog-lg-area-left dl a, .blog-lg-area-left h1 a, .blog-lg-area-left h2 a, .blog-lg-area-left h3 a, .blog-lg-area-left h4 a, .blog-lg-area-left h5 a, .blog-lg-area-left h6 a, .blog-lg-area-left ul a, .blog-lg-area-left ol a, .blog-lg-area-left address a {
  text-decoration: underline;
}
.comment-section .comment-date a, .blog-lg-area-left .media-body h3 a, .edit-link a, .reply a, .blog-content .more-link {
  text-decoration: none !important;
}
.page-template-fullwidth .blog-lg-area-left h3, .page-template-default .blog-lg-area-left h3 {
    font-weight: 600;
    font-size: 24px;
    margin: 0 0 20px;
}

/*===== WP 5.8 Wigets =====*/
.sidebar-widget .wp-block-search .wp-block-search__label,.sidebar-widget h1,.sidebar-widget h2,.sidebar-widget h3,.sidebar-widget h4,.sidebar-widget h5,.sidebar-widget h6{
   letter-spacing: 0.5px;
    margin: 0 0 22px;
    padding-bottom: 0px;
    word-wrap: break-word;
}
.wp-block-search .wp-block-search__label { font-size: 24px;}
.wp-block-search .wp-block-search__input {
    border: 1px solid #e9e9e9;
}
.wp-block-search .wp-block-search__button {display: none;}
.wp-block-group__inner-container .wp-block-search__label{display: none;}

.sidebar-widget li:marker,.footer-widget-column li:marker {
 display: none;
}

.sidebar-widget .wp-block-gallery ul.blocks-gallery-grid li{
    padding: 10px 0;
    margin-bottom: 0;
    border: 0;
}
.footer-widget-column .wp-block-gallery ul li:last-child {
    margin: 0px 1em 1em 0;
}
 .wp-block-tag-cloud a{
    background-color: #fcfcfc;
    border: 1px solid #dadada;
    color: #45494b;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    margin: 0 5px 10px 0;
    padding: 6px 14px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}

.wp-block-calendar { padding: 0; }
.wp-block-calendar th { text-align: center; border-width: 0 1px 1px 0; line-height: 1.9375; }
.wp-block-calendar td { border-width: 0 1px 1px 0; line-height: 1.9375; }
.wp-block-calendar table caption {
    color: #242526;
    font-weight:600;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}
 .wp-calendar-nav{text-align: left;}
.wp-calendar-table #today{ font-weight: 600;}
 .wp-block-tag-cloud{
    margin: 0px;
    overflow: hidden;
    padding: 0px 0;
}
.wp-block-calendar tbody td, .wp-block-calendar th {
    border: 1px solid #E8E7E7;
    padding: 5px 10px;
    font-size: 15px;
    }
.wp-block-calendar table caption, .wp-block-calendar table tbody {
    color: #8f969c;
}
.wp-block-calendar td {
    border-width: 0 1px 1px 0;
    line-height: 1.9375;
}
.wp-block-calendar table th {
    font-weight: 600;
    background: transparent;
}

 .widget_media_image .wp-block-image img{
    max-width: 100%;
    height: auto;
}

 .wp-block-latest-comments__comment a:before{display: none;}

.sidebar-widget ul,.sidebar-widget ol{margin: 0;padding:0; }

.sidebar-widget .wp-block-social-links .wp-social-link,.footer-widget-column .wp-block-social-links .wp-social-link{
    border-bottom: 0;
    padding: 10px;
}
 .wp-block-social-links .wp-social-link a{font-size: 20px;}
 .sidebar-widget .wp-block-social-links , .footer-widget-column .wp-block-social-links {padding-left: 5px;}

.wp-block-social-links a:before{display: none;}

.footer-widget-column .wp-block-search .wp-block-search__label,.footer-widget-column h1,.footer-widget-column h2,.footer-widget-column h3,.footer-widget-column h4,.footer-widget-column h5,.footer-widget-column h6{

    line-height: 35px;
}
.footer-widget-column ol {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.wp-block-calendar a {
    text-decoration: none;
}

.footer-widget-column .wpcf7-form-control-wrap textarea,.sidebar-widget .wpcf7-form-control-wrap textarea{height:100px;}
.sidebar-widget .wpcf7-form label, .footer-widget-column .wpcf7-form label {
     display: block;
}


.sidebar-widget  ul  li, .sidebar-widget  ol  li { border-bottom: 1px dotted #D1D1D1; padding: 10px 0px;}
.sidebar-widget  ul  li:last-child, .sidebar-widget  ol  li:last-child { border-bottom: 0 none; }
.sidebar-widget  ul  li  a {
    color: #727272;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: 400;
}
.sidebar-widget p a,.footer-widget-column p a{text-decoration: underline;}
.sidebar-widget .menu-item  ul,.footer-widget-section .menu-item ul,.wc-block-product-categories ul ul{
    padding: 15px;
}
.wp-block-image img{height: auto;}
.footer-widget-column h4{color:#242526;}
.sidebar-widget .wp-block-tag-cloud a,.footer-widget-section .wp-block-tag-cloud a{
    text-decoration: none;
}
.footer-widget-section .col-md-3:nth-child(4n+1){clear: both;}
.footer-widget-section .woocommerce-mini-cart__buttons.buttons a,.sidebar-widget .woocommerce-mini-cart__buttons.buttons a{
   margin-right: 2px;
}
.sidebar-widget .wpcf7-text, .footer-widget-section .wpcf7-text { background-color: #ffffff; }
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    margin: 4px 8px 4px 0 !important;
}
.logged-in .widget.appointment_info_widget {background: #888;}
.site-branding-text .site-description {
    display: inline-block;
    margin: 0;
}
.wp-block-latest-posts__post-excerpt .slide-text-bg2{
width:100%;
}
.wp-block-latest-posts__post-excerpt .slide-text-bg2 span{
    background-color:#fff;
    color: #727272;
    font-family: 'Open Sans';
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 25px;
    margin: 0 0 20px;
    word-wrap: break-word;
    padding: 0;
}
.footer-section .wp-block-latest-posts__post-excerpt  .slide-text-bg2 span{
background-color: #f4f4f4;
}
.wp-block-latest-posts__post-excerpt .slide-btn-area-sm a, .wp-block-latest-posts__post-excerpt .slide-btn-area-sm a:hover{
    color: #fff;
}
.wp-block-latest-posts__post-excerpt .slide-btn-area-sm .slide-btn-sm:before {
    display: none;
}
.navbar.navbar-default .logo-link-url .navbar-brand {
    padding: 0;
}/*css for Rank Math Breadcrumbs */

nav.rank-math-breadcrumb span {
    color: #ffffff;
}
nav.rank-math-breadcrumb a {
	 color: #ffffff;
    padding-right: 5px;
}
nav.rank-math-breadcrumb a:hover {  color: #ffffff; }
/*css for  NavXT */
.bs-breadcrumb-section .breadcrumb a, .bs-breadcrumb-section .breadcrumb-item span {
    color: #bb2323;
}
.bs-breadcrumb-section .breadcrumb, .bs-breadcrumb-section .breadcrumb a {
    font-size: 13px;
}
.navxt-breadcrumb span.post-page.current-item,
.navxt-breadcrumb span.post-post.current-item {
   color: #ffffff;
}
.navxt-breadcrumb{
    color: #ffffff;
}
.navxt-breadcrumb .current-item {
    color:#ffffff;
}
.navxt-breadcrumb span a { color: #fff; }
.navxt-breadcrumb span a:hover { color: #ffffff; }
.page-breadcrumb span a {
    color: #ffffff;
}
.rank-math-breadcrumb p  {
    list-style: none outside none;
    margin-bottom: 0px;
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
}
@media only screen and (min-width: 200px) and (max-width: 991px) {
.rank-math-breadcrumb {
    text-align: left;
}
}
/*Related Post Design*/
.post .navigation.post-navigation{border: 1px solid #e9e9e9;padding: 25px 30px;margin-top: 50px;}
.post .nav-links{display: flex;}
.post .nav-previous,.post .nav-next {
    display: flex;
    flex: auto;
    flex-basis: 50%;
}
.post .nav-next {
    flex-direction: row-reverse;
}
.post .nav-next a{text-align: right;}
.post .nav-subtitle{
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.post .nav-subtitle i{letter-spacing: 3px;}
.post .nav-title{font-size: 16px;font-weight:400;color:#242526;}
.post-nav-links .post-page-numbers{
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    color: #242526;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    line-height: 13px;
    border-radius: 50%;
    margin: 0 3px 10px;
    padding: 8px;
    vertical-align: baseline;
    white-space: nowrap;
    width: 30px;
    height: 30px;
    text-align: center;
}
.post .post-nav-links .post-page-numbers.current{background-color: #ee591f;color: #fff;}
.post .edit-link{
    color: #ee591f;
    font-family: 'Open Sans';
    font-weight: 600;
    transition: all 0.3s ease 0s;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #dbdbdb;
    cursor: pointer;
    padding: 6px 12px;
    display: inline-block;
}
.post .edit-link a{    
    color: #727272;
    padding-left: 5px;}
.post .edit-link a:hover{color: #ee591f;}
 @media (max-width:550px){
  .post .nav-links{display: block;}  
 .post .nav-previous,.post .nav-next{   
    max-width: 100%;
    flex-basis: 100%;
    display: block;
 }
 .post .nav-previous{margin-bottom: 15px;}
 .post .nav-next a{text-align: left;}
}
/*Related Post Section Css----------------------------------------------------------------------------------------*/
.related-post-section .related-post-title{
	display: block;
    margin: 0 0 25px;
    padding: 0 0 0px;
}
.related-post-section h3{
font-family: 'Open Sans';
    letter-spacing: 0px;
    margin: 0;
    padding: 0;
    color: #242526;
}

.related-post-section{position: relative;margin-bottom: 30px;}
 .related-post-wrapper {   
    transition: all 0.3s ease 0s;
    border-radius: 0;
    padding: 18px 15px;
    transition: all 180ms ease-in-out 0s;
    font-family: 'Open Sans';
    cursor: pointer;
    background-color: #fbfbfb;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
    margin-bottom: 1px;
}
.related-blog-post-author img{height: 28px;width:28px; display:inline-block;}
.related-post-caption h4 { font-family: 'Open Sans'; margin: 0 0 16px;font-weight:600; }
.related-post-caption h4 a { transition: all 0.3s ease 0s;color:#242526; }
.related-blog-post-sm{
	font-size: 12px;
	font-weight: normal;
	color:#242526;
	display: flex;
	gap:20px;
    margin-bottom: 6px;
}
.related-blog-post-author .blog-admin-lg a{font-size: 12px;color:#242526; display: inline-block; margin: 0 0px 5px; }
.related-blog-post-sm a{margin-left:8px;color:#242526; }
.related-post-image{
	text-align:center;
	position:relative;
	line-height:0px;
	font-size:0px;
	transition: all 200ms ease-out; 
	-webkit-transition: all 200ms ease-out; 
	width:100%;
	position:relative;
	height:100%;
	overflow:hidden;}
.related-post-image img { transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; width: 100%; }
.related-post-area:hover .related-post-image  img{
	-webkit-transform: scale(1.20);
	-moz-transform: scale(1.20); 
	-ms-transform: scale(1.20); 
	-o-transform: scale(1.20); 
	transform: scale(1.20);
}
/*Related post Pagination Scroll*/
.related-post-scroll-btn { margin-bottom: 0px; margin-right: 0px; overflow: hidden; padding: 0 0 0px; text-align: center;line-height:0; }
.related-post-scroll-btn li:first-child { margin-left: 0; }
.related-post-scroll-btn li {
	display: inline-block;
}
.related-post-scroll-btn li a { 
	padding: 0;
	border-radius: 30px;
	text-decoration: none;
	display: block;
	width: 30px;
	height: 30px;
	margin: -23px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	 opacity: 0; 
	cursor: pointer;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	background: rgba(0, 0, 0, 0.8);
	color:#fff;
}
.related-post-section:hover .related-post-scroll-btn li a { opacity: 1;}
.related-post-next{
    right: 15px;
    text-align: right;
    text-align: center;
    opacity: 0.5;
}
.related-post-prev{
    left: 15px;
    opacity: 0.5;
}
a.related-post-prev:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1.5; display: inline-block; content: '\f104'; }
a.related-post-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1.5; display: inline-block; content: '\f105'; }
.related-post-area{ margin-bottom:30px; }
.related-post-wrapper .blog-admin-lg {
   display: inline-block;
    margin: 0 0px 5px;
}
@media only screen and (max-width: 990px) and (min-width: 768px){
.related-post-section .col-sm-6:nth-child(3n+1) {
    clear: left;
}}

.navigation.pagination .nav-links a i{
    font-size: 15px;
}
div#wc_appointment_post_slider {
    border: 1px solid #e5e5e5;
    padding: 8px;
}
.sps .entry-content .more-link{box-shadow:unset;}

.sidebar-widget :is(h1,h2,h3,h4,h5,h6),.sidebar-widget .wp-block-search .wp-block-search__label{position:relative;margin: 0 0 11px;padding-bottom: 14px;}
.sidebar-widget h1:after,.sidebar-widget h2:after,.sidebar-widget h3:after,.sidebar-widget h4:after,.sidebar-widget h5:after,.sidebar-widget h6:after,.sidebar-widget h1:before,.sidebar-widget h2:before,.sidebar-widget h3:before,.sidebar-widget h4:before,.sidebar-widget h5:before,.sidebar-widget h6:before,.sidebar-widget .wp-block-search .wp-block-search__label:before,.sidebar-widget .wp-block-search .wp-block-search__label:after{
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
}
.sidebar-widget h1:after,.sidebar-widget h2:after,.sidebar-widget h3:after,.sidebar-widget h4:after,.sidebar-widget h5:after,.sidebar-widget h6:after,.sidebar-widget .wp-block-search .wp-block-search__label:after{left:0;background: #E9E9E9;width: 100%;z-index: 1;}
.sidebar-widget {
    margin-bottom: 40px;
    padding: 0px 0 30px;
    border-bottom: 1px solid #E9E9E9;
}
.sidebar-widget:last-child {
    border-bottom: 0;
}
.footer-widget-section :is(h1,h2,h3,h4,h5,h6),.footer-widget-section .wp-block-search .wp-block-search__label,.footer-widget-title{position:relative;margin: 0 0 30px;padding-bottom: 14px;}
.footer-widget-section h1:after, .footer-widget-section h2:after, .footer-widget-section h3:after, .footer-widget-section h4:after, .footer-widget-section h5:after, .footer-widget-section h6:after, .footer-widget-section h1:before, .footer-widget-section h2:before, .footer-widget-section h3:before, .footer-widget-section h4:before, .footer-widget-section h5:before, .footer-widget-section h6:before, .footer-widget-section .wp-block-search .wp-block-search__label:before, .footer-widget-section .wp-block-search .wp-block-search__label:after, .footer-widget-title:after,h3.footer-widget-title:before,.footer-widget-title:after{
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
}
.footer-widget-section h1:after,.footer-widget-section h2:after,.footer-widget-section h3:after,.footer-widget-section h4:after,.footer-widget-section h5:after,.footer-widget-section h6:after,.footer-widget-section .wp-block-search .wp-block-search__label:after,.footer-widget-title:after{left:0;background: #D1D1D1;width: 100%;z-index: 1;}