/*
Theme Name: Specia
Theme URI: https://speciatheme.com/specia-free/
Author: Specia
Author URI: https://speciatheme.com/
Description: Specia is a trending WordPress theme with lots of powerful features, instantly giving a professional look to your online presence. It fits for business, portfolio, food & restaurant, gym & fitness, spa salon, medical practitioner & hospitals, landing pages, product pages, corporate business, digital agency, product showcase, financial advisor, accountant, law firm, wealth advisor, photography, personal, and any eCommerce stores. Specia premium version provides you more than 10 different designs and supports popular plugins WPML, Polylang, WooCommerce, Contact Form 7, Revolution Slider, Elementor, Visual Composer, WP-Forms, Ninja Forms, Jetpack, WP-Featherlight, Give (WordPress Donation Plugin), Gravity Forms, Yoast SEO and many more. View the demo of Specia Premium https://demo.speciatheme.com/pro/?theme=specia
Version: 3.1.39
Tested up to: 5.5
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: specia
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout

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.

*/

/* --------------------------------------
=========================================
    General Body
=========================================
-----------------------------------------*/
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    line-height: 21px;
    color: #747474;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
	overflow-x:hidden;
}
body img {
    display: block;
    max-width: 100%;
    height: auto;
}

.site {
    background: #ffffff;
	margin:0 auto;
	/*box-shadow: 1px 2px 10px #000;*/
	}

/* --------------------------------------
=========================================
   Typography
=========================================
-----------------------------------------*/

/*---------------------------------------
   Padding
-----------------------------------------*/
.padding-0{
    padding: 0;
}
.padding-top-5{
    padding-top: 5px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-25{
    padding-top: 25px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-35{
    padding-top: 35px;
}
.padding-top-40{
    padding-top: 40px;
}
.padding-top-45{
    padding-top: 55px;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-top-55{
    padding-top: 55px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-top-65{
    padding-top: 65px;
}
.padding-top-70{
    padding-top: 70px;
}
.padding-top-75{
    padding-top: 75px;
}
.padding-top-80{
    padding-top: 80px;
}
.padding-top-85{
    padding-top: 85px;
}
.padding-top-90{
    padding-top: 90px;
}
.padding-top-95{
    padding-top: 95px;
}
.padding-top-100{
    padding-top: 100px;
}

.padding-bottom-5{
    padding-bottom: 5px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-15{
    padding-bottom: 15px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-bottom-25{
    padding-bottom: 25px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-bottom-35{
    padding-bottom: 35px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.padding-bottom-45{
    padding-bottom: 45px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
.padding-bottom-55{
    padding-bottom: 55px;
}
.padding-bottom-60{
    padding-bottom: 60px;
}
.padding-bottom-65{
    padding-bottom: 65px;
}
.padding-bottom-70{
    padding-bottom: 70px;
}
.padding-bottom-75{
    padding-bottom: 75px;
}
.padding-bottom-80{
    padding-bottom: 80px;
}
.padding-bottom-85{
    padding-bottom: 85px;
}
.padding-bottom-90{
    padding-bottom: 90px;
}
.padding-bottom-95{
    padding-bottom: 95px;
}
.padding-bottom-100{
    padding-bottom: 100px;
}

/*---------------------------------------
   Margin
-----------------------------------------*/
.margin-0{
    padding: 0;
}
.margin-top-0{
    margin-top: 0;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-35{
    margin-top: 35px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-45{
    margin-top: 45px;
}
.margin-top-50{
    padding-top: 50px;
}
.margin-top-55{
    margin-top: 55px;
}
.margin-top-60{
    margin-top: 60px;
}
.margin-top-65{
    margin-top: 65px;
}
.margin-top-70{
    margin-top: 70px;
}
.margin-top-75{
    margin-top: 75px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-top-85{
    margin-top: 85px;
}
.margin-top-90{
    margin-top: 90px;
}
.margin-top-95{
    margin-top: 95px;
}
.margin-top-100{
    margin-top: 100px;
}

.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.margin-bottom-20{
    padding-bottom: 20px;
}
.margin-bottom-25{
    margin-bottom: 25px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-35{
    margin-bottom: 35px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-bottom-45{
    margin-bottom: 45px;
}
.margin-bottom-50{
    margin-bottom: 50px;
}
.margin-bottom-55{
    margin-bottom: 55px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}
.margin-bottom-65{
    margin-bottom: 65px;
}
.margin-bottom-70{
    margin-bottom: 70px;
}
.margin-bottom-75{
    margin-bottom: 75px;
}
.margin-bottom-80{
    margin-bottom: 80px;
}
.margin-bottom-85{
    margin-bottom: 85px;
}
.margin-bottom-90{
    margin-bottom: 90px;
}
.margin-bottom-95{
    margin-bottom: 95px;
}
.margin-bottom-100{
    margin-bottom: 100px;
}



/*---------------------------------------
    Buttons Style        
-----------------------------------------*/

.btn-default{
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border-radius: 30px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.btn-light{
    background: transparent;
    color: #ffffff;
    border: solid 2px #ffffff;
}
.btn-light:hover{
    background: #ffffff;
    color: #747474;
    border-color: #ffffff;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.btn-dark{
    background: transparent;
    color: #ffffff;
    border: solid 2px #ffffff;
}
.btn-dark:hover{
    background: #1c314c;
    color: #ffffff;
    border-color: #1c314c;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
/* --------------------------------------
=========================================
    Header Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Social Icons    
-----------------------------------------*/
.header-top-info-1 .social {
    padding: 0px 0;
    margin: 0;
    line-height: 20px;
    padding: 5px 0 4px;
}
.header-top-info-1 .social li {
    font-family: 'Awesomefont';
    margin-right: 4px;
        display: inline-block;
}
.header-top-info-1 .social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
    position: relative;
    -webkit-transition: .3s all;
    transition: .3s all;
     overflow: hidden;
}
.header-top-info-1 .social li a i {
    background: #747474;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    width: 20px;
    height: 20px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.header-top-info-1 .social li a i:hover {
    color: #ffffff;
    -webkit-animation: socialFxD .3s forwards;
            animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
    49% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%)
    }
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%)
    }
    51% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes socialFxD {
    49% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%)
    }
    50% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%)
    }
    51% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

/*---------------------------------------
   Header Contact Details 
-----------------------------------------*/
.header-top-info-1{
    float: none;
    position: relative;
    background: #01622f;
    border-bottom: 1px solid #08833;
    z-index: 0;
    padding: 0;
}
.header-top-info-1 .info {
    padding-left: 0;
    margin: 0;
    padding-top: 0\px;
}
.header-top-info-1 .info li {
    font-size: 13px;
    padding-right: 0;
    display: inline-block;
}
.header-top-info-1 .info li i {
    color: #ffffff;
    margin-right: 6px;
}
.header-top-info-1 .info li a {
     color: #ffffff;
   font-size: 13px;
    margin-right: 10px;
}


/*---------------------------------------
    Home Slider
-----------------------------------------*/
.slider-version-one{
    margin: 0;
}

.slider-version-one .caption{
    margin: auto;
    width: 70%;
}
.slider-version-one .specia-slider {
    background: rgba(0,0,0,0.3);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.slider-version-one .inner-table {
    display: table;
    height: 100%;
}
.slider-version-one .inner-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}
.slider-version-one .caption h1{
    font-size: 48px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.50);
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-weight: 700;
    line-height: 56px;
    margin:0;
}
.slider-version-one .caption p{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-weight: normal;
    margin: 5px 0 25px;
    font-size: 18px;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.verticle-center{
    vertical-align: middle;
    padding-bottom: 3vh;
}

.slider-version-one .owl-prev {
    position: absolute;
    top: 45%;
    float: left;
    left: 2%;
    width: 40px;
    opacity: 0;
}
.slider-version-one .owl-next {
    position: absolute;
    top: 45%;
    float: right;
    right: 2%;
    width: 40px;
    opacity: 0;
}
.slider-version:hover .owl-prev {
    position: absolute;
    top: 45%;
    float: left;
    left: 3%;
    width: 40px;
    opacity: 0.9;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version:hover .owl-next {
    position: absolute;
    top: 45%;
    float: right;
    right: 3%;
    width: 40px;
    opacity: 0.9;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 16px;
    margin: 5px;
    padding: 8px 17px;
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

.slider-version .owl-dots {
    position: absolute;
    bottom: 0px;
    text-align: center;
    opacity: 0;
    left: 40%;
    right: 40%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version:hover .owl-dots {
    position: absolute;
    bottom: 35px;
    text-align: center;
    opacity: 0.9;
    left: 40%;
    right: 40%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.slider-version .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}
.slider-version .owl-theme .owl-dots .owl-dot span{
    margin: 5px;
    background: #ffffff;
    padding: 3px 10px;
    -webkit-backface-visibility: visible;
   -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
      display: block;
}
.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}
.owl-theme .owl-dots .owl-dot span {
   background: #d6d6d6;
}

.specia-btn-1{
    background: transparent;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border: solid 1px #ffffff;
    border-radius: 30px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.specia-btn-1:hover{
    color: #ffffff;
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

/* --------------------------------------
=========================================
    Service Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Service Version One  
-----------------------------------------*/
.service-version-one{
    background: #ffffff;
}
.section-heading{
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 800;
    margin: 0;
}
.section-heading span{
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 800;
}
.service-version-one {
}
.service-version-one .service-box {
    border: solid 1px #f1f1f1;    
    padding: 15px 10px;
    -webkit-transition: all 300ms ease-out 0s;
       -moz-transition: all 300ms ease-out 0s;
         -o-transition: all 300ms ease-out 0s;
            transition: all 300ms ease-out 0s;
}
.service-version-one .service-box:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 300ms ease-out 0s;
       -moz-transition: all 300ms ease-out 0s;
         -o-transition: all 300ms ease-out 0s;
            transition: all 300ms ease-out 0s;
}
.service-version-one .service-icon-box {
    margin-bottom: 15px;
}
.service-version-one .service-icon-box figure img {
    margin: 0 auto;
}
.service-version-one .service-title a {
    font-size: 16px;
    color: #1c314c;
    font-weight: 700;
}
.service-version-one .service-description {
    font-size: 14px;
    padding: 10px 0;
    font-weight: normal;
}
.service-version-one .col-md-6:nth-child(2n+1){ clear:left; }
.service-version-one .col-md-4:nth-child(3n+1){ clear:left; }
.service-version-one .col-md-3:nth-child(4n+1){ clear:left; }

/* Service Icon Effect*/
.specia-icon {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    color: #fff;
    /* background: #e84c3d; */
}

.specia-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;

}

.specia-icon:before {
    font-family: 'Fontawesome';
    speak: none;
    font-size: 24px;
    line-height: 56px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    padding: 5px;
}

/* Effect 1 */
.specia-icon-effect-1 .specia-icon {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.specia-icon-effect-1 .specia-icon:after {
    top: -4px;
    left: -4px;
    padding: 4px;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a */
.specia-icon-effect-1a .specia-icon:hover {
    background: rgba(28,49,76,0.1);
    color: #fff;
}

.specia-icon-effect-1a .specia-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* --------------------------------------
=========================================
    Features Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Features Version One  
-----------------------------------------*/

.features-version-one{
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.features-version-one .features-overlay {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    height: 100%;
    z-index: 3;
}
.features-version-one h2 {
    color: #ffffff;
}
.features-version-one p{
    color: #ffffff;
}
.features-version-one .feature-item{
    margin-bottom: 25px;
}
.features-version-one .feature-box-icon {
    border-radius: 50%;
    background: rgba(0,0,0,0);
    float: left;
    display: inline-block;
    height: 50px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    top: 7px;
    width: 50px;
    line-height: 35px;
    border: solid 1px #fff;
    padding: 6px 0px 0px 2px;
    font-size: 22px;
    color: #fff;
}
.features-version-one .feature-box-info {
    margin-left: 12px;
    padding-left: 70px;
    text-align: left;
}
.features-version-one .feature-box-info h4{
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    margin: 0;
}
.features-version-one .col-md-4:nth-child(3n+1){ clear:left; }
/* --------------------------------------
=========================================
    Portfolio Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Portfolio Common Style  
-----------------------------------------*/
.portfolio-version{
    background: #f4f9fc;
}
.portfolio-version .owl-theme .owl-dots .owl-dot span{
    margin: 5px;
    background: #ffffff;
    padding: 3px 10px;
    -webkit-backface-visibility: visible;
   -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    display: block;
}
.portfolio .portfolio-version-one .col-md-6:nth-child(2n+1){ clear:left; }
.portfolio .portfolio-version-one .col-md-4:nth-child(3n+1){ clear:left; }
.portfolio .portfolio-version-one .col-md-3:nth-child(4n+1){ clear:left; }

.grid {
    position: relative;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 0;
    width: 100%;
    background: #000;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    opacity: 0.8;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 75%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
    position: absolute;
    top: 31%;
    left: 0;
    width: 100%;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0px 10px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    font-size: 13px;
    color: #fff;
    top: 24%;
    font-family: 'Open Sans', sans-serif;
}


figure.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/* --------------------------------------
=========================================
    Latest Blog Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Blog Version 1 
-----------------------------------------*/
.latest-blog {
    background: #ffffff;
}
.blog-version-1{}
.blog-version-1 article {
    background: #fbfbfb;
    border: 1px solid #f5f6f8;
    padding-bottom: 37px;
    margin-bottom: 30px;
}
.blog-version-1 article:hover footer.entry-footer{
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.blog-version-1 header.entry-header{
    padding: 10px 20px;
}
.blog-version-1 footer.entry-footer {
    font-size: 13px;
    color: #ffffff;
    padding: 10px 20px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.blog-version-1  h2.entry-title {
    line-height: 24px;
}
.blog-version-1 h2.entry-title a {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #203143;
}

.post_date {
    position: absolute;
    background: rgba(0,0,0,0.5);
    height: 70px;
    z-index: 999;
    color: #fff;
    font-size: 35px;
    padding: 15px;
    font-weight: 700;
    text-align: center;
}
.post_date .date{
    display: block;
    font-size: 20px;
    line-height: 24px;
    padding: 0;
}
.post_date h6 {
    font-size: 14px;
    font-weight: lighter;
    line-height: 20px;
    margin: 0px;
    text-align: center;
}
.entry-content iframe {
    width: 100%;
    height: auto;
    display: block;
}
/* --------------------------------------
=========================================
    Footer Features Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Footer Features Version 1 
-----------------------------------------*/
.feature{
    background: #203143;
}

/*---------------------------------------
    Call To Action Version 1 
-----------------------------------------*/
.call-to-action .background-overlay{
    opacity: 0.9;
    bottom: 0;
    height: 100%;
    z-index: 3;
}
.call-to-action h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    padding-top: 3px;
    margin: 0 0 13px;
}
.call-to-action h2 span{
    color: #ffffff;
}
.call-to-action .call-btn-1{
    background: transparent;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border: solid 1px #ffffff;
    border-radius: 30px;
    display: table-cell;
    float:right;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.call-to-action .call-btn-1:hover{
    background: #ffffff;
    border-color: #ffffff;
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

.ca-menu{
    padding: 0;
    width: 100%;
}
.ca-menu{
    height: 100px;
    float: left;
    overflow: hidden;
    display: block;
    margin-bottom: 4px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.ca-menu:last-child{
    margin-bottom: 0px;
}
.ca-menu a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    position:relative;
}
.ca-icon{
    font-size: 27px;
    color: #ffffff;
    line-height: 103px;
    position: absolute;
    left: 15px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content{
    position: absolute;
    left: 60px;
    margin:0;
    padding: 20px 0;
}
.ca-main{
    font-size: 20px;
    color: #ffffff;
    margin:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    margin:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.ca-menu:hover{
    background: transparent;
}
.ca-menu:hover .ca-icon{
    color: #e84c3d;
    text-shadow: 0px 0px 1px #e84c3d;
    font-size: 40px;
}
.ca-menu:hover .ca-main{
    color: #e84c3d;
    font-size: 14px;
}
.ca-menu:hover .ca-sub{
    color: #fff;
    font-size: 20px;
}
/* --------------------------------------
=========================================
    Footer Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Footer Version 1 
-----------------------------------------*/
.footer-sidebar{
    
}
.footer-sidebar p {
    color: #ffffff;
}
.footer-sidebar .background-overlay {
    opacity: 0.9;
    bottom: 0;
    height: 100%;
    z-index: 3;
}

/* --------------------------------------
=========================================
    Footer Copyright Section
=========================================
-----------------------------------------*/

/*---------------------------------------
    Footer Copyright
-----------------------------------------*/
.footer-sidebar{
	background:url(images/footer-bg.png)  no-repeat  !important;
	background-position:center center !important;
}
.footer-sidebar .background-overlay {
	background:#006b33   !important;
    color: #ffffff;
    line-height:20px;
	/* min-height:300px;*/
	 background-size:100% 100%   !important;
	 padding-top:40px;
	 padding-bottom:40px;
}
.footer-copyright {
    background: #242526;
}
.footer-copyright p, .footer-copyright p a {
    background:none !important;
    color: #ffffff;
    line-height: 39px;
}
.footer-copyright ul {
    margin: 0;
    padding: 0;
}

/*---------------------------------------
    Payment Icon
-----------------------------------------*/
ul.payment-icon {
    text-align:center;
}
.payment-icon li{
    display: inline-block;
}
.payment-icon li a{
    font-size: 26px;
    color: #ffffff;
    display: inline-block;
    margin-right: 5px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.payment-icon li a:hover{
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}


/* --------------------------------------
=========================================
    Breadcrumb Section
=========================================
-----------------------------------------*/
.breadcrumb{
    font-family: 'Open Sans', sans-serif;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 0;
    list-style: none;
}
.breadcrumb .background-overlay{
    bottom: 0;
    height: 100%;
    z-index: 3;
    opacity: 0.79;
}
.breadcrumb h2{
    font-size: 16px;
    color: #747474;
    margin: 0;
    padding: 15px 0;
    font-weight: 600;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
}
.breadcrumb-position {
    text-align: right;
}
.page-breadcrumb{
    list-style: none outside none;
    margin-bottom: 0px;
    padding: 23px 0;
    text-align: right;
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
}
.page-breadcrumb li{
    display: inline-block;
    color: #747474;
}



/* --------------------------------------
=========================================
    Blog Section
=========================================
-----------------------------------------*/
/*---------------------------------------
    Post Style
-----------------------------------------*/
.page-wrapper{}
.archive .page-wrapper article{
    /*border: solid 1px #efe9e9;*/
    /*padding-bottom: 43px;*/
    margin: 40px 0  10px 0 !important;
	position: relative;
}
article.comment-body {
    border: solid 1px #f7f9fc;
    background: #fefefe;
    border-radius: 3px;
}
a.post-thumbnail img{
   opacity: 1;
   -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
a.post-thumbnail img:hover{
   opacity: 0.9;
   -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

header.entry-header {
    padding: 14px 20px;
}
h2.entry-title {
    margin: 0;
    line-height: 28px;
}
h2.entry-title a {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
}
.entry-header h2.entry-title {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
}
.entry-content { 
    padding: 0 20px; 
}
.entry-content .more-link {
    font-family: 'Open Sans', sans-serif;
    padding: 10px 20px;
    border-radius: 30px;
    background: transparent;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
a.more-link{
    position: relative;
    top: 15px;
}
.entry-content .more-link:hover {
    color: #ffffff;
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
footer.entry-footer {
    font-size: 13px;
    color: #ffffff;
    padding: 15px 20px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
footer.entry-footer .byline, footer.entry-footer .posted-on, footer.entry-footer .cat-links, footer.entry-footer .tags-links {
    margin-right: 15px;
}
footer.entry-footer span {
  /*  display: inline-block;*/
}
footer.entry-footer a {
    color: #ffffff;
}
footer.entry-footer a:hover,
footer.entry-footer a:focus {
    color: #ffffff;
}
.page-wrapper article:hover footer.entry-footer {
     -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
/*---------------------------------------
    Post Pagination
-----------------------------------------*/
.paginations {
    margin: 0px;
    text-align: center;
}
.paginations a, span.page-numbers.current {
    border: solid 1px #efe9e9;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    margin: 0 1px 0;
    padding: 9px 16px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 30px;
}

.paginations a:hover, .paginations a:focus, .paginations a.active, span.page-numbers.current {
    color: #ffffff;
    border-radius: 30px;
}


/*---------------------------------------
    Post Comment Area
-----------------------------------------*/
.comments-area {

}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
    padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    background: #fefefe;
    padding: 5px 20px;
}

.comments-title {
    margin-bottom: 1.217391304em;
}

.comment-list {
    list-style: none;
    margin: 0;
    padding:0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    padding: 20px;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.875em;
}

.comment-author {
    color: #1a1a1a;
    margin-bottom: 0.4375em;
}

.comment-author .avatar {
    float: left;
    height: 28px;
    margin-right: 0.875em;
    position: relative;
    width: 28px;
}

.bypostauthor > article .fn:after {
    content: "\f007";
    left: 3px;
    position: relative;
    top: 5px;
}

.comment-metadata,
.pingback .edit-link {
    color: #686868;
   
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
}

.comment-metadata {
    margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
    color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
    color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
    display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
    content: "\002f";
    display: inline-block;
    opacity: 0.7;
    padding: 0 0.538461538em;
}
.comment-metadata time {
    font-size: 13px;
    color: #747474;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

a.comment-reply-link {
    font-size: 14px;
    float: right;
    position: relative;
    top: -10px;
}
a.comment-reply-link:hover, a.comment-reply-link:focus {
    color: #e84c3d;
}
.comment-reply-link:before {
    content: "\f112";
    font-family: "Fontawesome";
    margin-right: 5px;
    font-size: 12px;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
    border-color: currentColor;
    color: #007acc;
    outline: 0;
}

.comment-form {
    padding-top: 1.75em;
}

.comment-form label {
    /*color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 0.076923077em;
    line-height: 1.6153846154;
    margin-bottom: 0.5384615385em;
    text-transform: uppercase;*/
}

.comment-list .comment-form {
    padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
   /* color: #686868;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    margin-bottom: 2.1538461538em;*/
}

.no-comments {
    border-top: 1px solid #d1d1d1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0;
    padding-top: 1.75em;
}

.comment-navigation + .no-comments {
    border-top: 0;
    padding-top: 0;
}

.form-allowed-tags code {
    font-family: 'Open Sans', sans-serif;
}

.form-submit {
    margin-bottom: 0;
}

.required {
    font-family: 'Open Sans', sans-serif;
}
.comment-reply-title small {
    font-size: 100%;
}

.comment-reply-title small a {
    border: 0;
    float: right;
    height: 32px;
    overflow: hidden;
    width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
    color: #1a1a1a;
}

.comment-reply-title small a:before {
    content: "\f405";
    font-size: 32px;
    position: relative;
    top: -5px;
}

.wpcf7 p { 
    margin-top: 10px; 
}

/*---------------------------------------
    Error Page
-----------------------------------------*/
.error-page {}
.error-page h1{
    font-family: 'Raleway', sans-serif;
    font-size: 146px;
    font-weight: 800;
    color: #e84c3d;
    line-height: 156px;
    text-shadow: 0 3px 0 #000;
    animation: bounce 2s infinite;
}
.error-page h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    line-height: 36px;
    font-weight: 800;
    color: #1c314c;
    margin: 0;
}

/*---------------------------------------
    Top Scroller 
-----------------------------------------*/
.top-scroll {
    bottom: 2%;
    display: none;
    height: 40px;
    opacity:0.6;
    overflow: hidden;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 40px;
    z-index: 9999;
    border-radius:5px;
    border-width: 2px;
    border-style: solid;
	background-color:#ffffff;/*rgba(255,204,103,0.5);*/
    animation: bounce 2s ;
}
.top-scroll:hover {
    opacity: 1;
}
.top-scroll i {
    font-size: 18px;
    line-height: 36px;
}
.top-scroll:hover, .top-scroll:focus {
    border-width: 2px;
    border-style: solid;
    transition: all 0.3s ease 0s;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.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-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


.price_slider_wrapper .price_slider {
  margin-bottom: 1em;
}
.price_slider_wrapper .price_slider_amount {
  text-align: right;
  line-height: 2.4em;
  font-size: 0.8751em;
}
.price_slider_wrapper .price_slider_amount .button {
  font-size: 1.15em;
}
.price_slider_wrapper .price_slider_amount .button {
  float: left;
}
.price_slider_wrapper .ui-slider {
  position: relative;
  text-align: left;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 0;
    border: 1px solid #141741;
    cursor: pointer;
    background: #2d338e;
    outline: none;
    top: -5px;
}
.price_slider_wrapper .ui-slider .ui-slider-handle:last-child {
  margin-left: -0.5em;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #c0132c;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
.price_slider_wrapper .price_slider_wrapper .ui-widget-content {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background: #d5d5d5;
}
.price_slider_wrapper .ui-slider-horizontal {
  height: .5em;
  background: #1c314c;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
  left: -1px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
  right: -1px;
}

/*---------------------------------------
    Post Masonry
-----------------------------------------*/
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}
.masonry-column {
    display: inline-block;
    width: 100%;
}

    @media only screen and (min-width: 400px) {
        .masonry {
            -moz-column-count: 2;
            -webkit-column-count: 2;
            column-count: 2;
        }
    }

    @media only screen and (min-width: 700px) {
        .masonry {
            -moz-column-count: 3;
            -webkit-column-count: 3;
            column-count: 3;
        }
    }

    @media only screen and (min-width: 900px) {
        .masonry {
            -moz-column-count: 4;
            -webkit-column-count: 4;
            column-count: 4;
        }
    }

    @media only screen and (min-width: 1100px) {
        .masonry {
            -moz-column-count: 3;
            -webkit-column-count: 3;
            column-count: 3;
        }
    }

/*---------------------------------------
    Search Result
-----------------------------------------*/ 

.page-wrapper .posts-navigation a {
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    padding: 12px 24px;
    border-radius: 30px;
    display: table-cell;
    float: left;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.page-wrapper .posts-navigation a:hover {
    color: #fff;
}

.page-wrapper .posts-navigation .nav-next {
    float: right;
}

/* bg-sticky Start */

.bg-sticky {
    position: absolute;
    top: 10px;
    right: 12px;
    display: block;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 20px;
    font-weight: 600;
    padding: 0.25em .62em;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    background: #01622f;
    z-index: 9;
}

/* bg-sticky Start */
/* homepage catlist styles */
/* !!!usercustom  */
.list-index{
	width:100%;
	padding:0;
	float:left;
	margin:0;
	/*min-height:210px;*/
}
#category_list_detail_widget-2{
	margin-top:0 !important;	
}
#category_list_detail_widget-2 .list-title{
	color:#01622f;/*#F60;*/	
}
.list-title{
	height:35px;
	margin-bottom:5px;
	border-bottom:1px solid #01622f;
	/*background:url(images/list-title.png) top repeat-x;*/
	padding:0;
	/*padding-top:20px;*/
	color:#01622f ;
	font-size:20px;
}
list
.widget:first-child{
	margin-top:35px;


}
.widget{
	margin-bottom:0px !important;
	margin-top:15px;
}
.widget-title,.widget .title{
	height:24px !important;
	margin-bottom:10px !important;
	border-bottom:1px solid #01622f  !important;;
	/*background:url(images/list-title.png) top repeat-x;*/
	color:#01622f !important;
	font-size:20px !important;
	font-weight:bold  !important;
}
.elementor-widget-container h5,.list-title>div, .list-title>span,.widget-title div{
	font-size:24px !important;
	color:#01622f !important;
}
.widget-title {
	padding-bottom:27px !important;
	margin-bottom:20px !important;
}
.list-index-topnews{
	float:left;
	margin:0;
	padding:0;
}
.list-index .list_item{
	height:auto;
	margin:0 0;
	/*adding:0 5px; */
	margin-top:10px;
	border-bottom:1px  dashed #ddd;
	background:url(images/list_item.png)  left center no-repeat;
}
.list_item:before {  
    content: '\f00a';  
    font-family: FontAwesome;  
	color:#dddddd;
}
.list-index .list_item2{
	margin:0 0;
	padding:0 5px;
	margin-top:0px;
	border-bottom:1px  dashed #ddd;
	float:left;
	position:relative;
	top:5px;
}
.list-index .list_item a,.list_item_style1_title a{
   font-size:15px;
   line-height:25px;
   text-decoration:none;
   /*padding-left:15px;
   background:url(images/list-index-dot.png) no-repeat;*/
   font-family:"Microsoft YaHei UI";
   color:#000 !important;
}
.list_item_style1_content span{
   color:#aaa !important;
}
.list-index .list_item span{
   margin-top:5px;
}
.breadcrumbs{
font-size: 0.8em;
color: #666;
margin: 0px 0 0px 0px;
z-index:999;/* 很奇怪，不设该值会使超链接a标签无法点击！2014-5-11 13:49 */ 
text-align:left;
padding-left:20px;

    font-size: 14px;
    line-height: 55px;
} 
.breadcrumbs:before {
    content: '\f015';
    font-family: FontAwesome;
    font-size: 25px;
    padding-left: 10px;
    color:#01622f;
}
.breadcrumbs a{
	color:#333;
}

/* -- custom logo 0default --*/
.custom-logo{
 max-width:525px;
 }
@media (max-width:750px){
	/*navbar .container{background:none !important; }*/
}


/* -- customed  fullwidth and logosize-
@media (max-width:959px){-*/
	.elementor-container{/*.site*/
		max-width:none !important;
		width: 100% !important;
	}
	.container {
		width: 100% !important;
	}
	.custom-logo{
		 max-width:360px;
	 }

@media (min-width:960px){
	.custom-logo{
		 max-width:400px;
	 }
}

@media (min-width: 1200px){
	.custom-logo{
		 max-width:450px;
	 }
}

@media (max-width: 1200px){
	 .side-pannel{display:none !important;}
}
@media (min-width: 1300px){
	.elementor-container,.container { /*.site*/
		width:1200px !important;
	}
	.custom-logo{
		 max-width:580px;
	 }
}
@media (min-width: 1440px){
	.elementor-container,.container { /*.site*/
		width:1200px !important;
	}
	.custom-logo{
		 max-width:688px;
	 }
}
@media (min-width: 1600px){
	.elementor-container,.container { /*.site*/
		width:1200px !important;
	}
}

.home .padding-top-60{
  padding-top:0;
}
.featured-slider2  article{
	padding-bottom:0;
    margin-bottom:0;
}

#menu-primary{
   margin-top:10px;
  }
 
#menu-primary>li>a{
	font-size: 18px !important;
    color:#ffffff;
    font-weight:normal;
	margin-right:0px;
 } 
.top-scroll {
    border-color:#01622f !important;
    color:#6a6 !important;
}
.home #custom-header{display:none;}
.home .container>div{padding-bottom:0 !important;}
.home .custom-html-widget .container{padding:0 !important;}
.elementor-element-e3be0b2 .elementor-column-wrap{/*padding:0 !important;*/margin-top:20px;}
.archive .archive-item a{
	color:#000 !important;
	font-size:16px !important;
}
.single  .entry-content{
    line-height: 37px;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.single .entry-header .entry-title{
	color:#000;
	font-size:30px;
}
.single  .entry-content ,.single .entry-content p{
	color:#000 !important;
	font-size:17px;
	text-align:justify;
	text-justify:distribute;
	font-family:"Microsoft YaHei UI" !important;
	line-height:32px;
	white-space:normal;
	LINE-HEIGHT: 180%;
    font-size: 14pt !important;
}
.single  .entry-content img{
	display:inline;
}
.archive .page-header{margin-bottom:20px !important;}
/* home slider { */
.featured-slider2 article>div{
    /*top:none !important;
	bottom:0 !important;*/
	background:rgba(60,100,45,0.2)  !important;
	height:35px;
	/*display:none;*/
}
.featured-slider2 article h1{
    margin: 0;
    line-height:18px;
	padding-left:5px;
	padding-bottom:3px;
	margin-top:0px;
	/*border-bottom:2px solid #01622f !important;*/
}
.featured-slider2 article h1 a span{
    font-family: "宋体" !important;
    font-size:14px !important;
	color:#fff !important;
}
/* } home slider */

.fa-cc-paypal:before {
  content:none !important;
}
.fa-cc-paypals{background: url(images/site.png) no-repeat  !important; width:50px  !important:height:50px  !important;}
.fa-cc-paypals{background: url(images/site.png) no-repeat  !important; width:50px  !important:height:50px  !important;}
.elementor-element-f34d5a2 .list-index>div{width:100% !important;}

/*custom menu*/
#sticky-wrapper{background:none !important; }
.header {background:none !important;}
.header .navigation,.header .theme-mobile-nav{background:#01622ff0  !important;box-shadow:0 10px 15px -10px rgb(0 0 0 / 2%) !important;padding:5px 0  0px 0 !important;}/*.is-sticky*/
.header .theme-mobile-nav .mobile-menu {background:#01622f60  !important;}
.header .navigation:hover,.header .theme-mobile-nav:hover,.header .theme-mobile-nav .mobile-menu-shift,.theme-mobile-nav.sticky-menu,.navigation.sticky-menu{background:#01622ff0  !important;box-shadow:0 10px 15px -10px rgb(0 0 0 / 60%) !important;}/*.is-sticky*/
.theme-mobile-menu ul.menu-wrap {max-height:none !important;}
/*.navbar .container{background:url(images/banner-bg.png) bottom right no-repeat;padding-top:20px !important;padding-bottom:20px  !important; }*/
.is-sticky{position:fixed !important;box-shadow:0 10px 15px -10px rgb(0 0 0 / 60%) !important;}
.is-sticky .navbar{background:rgba(255,255,255,0.9) !important; margin:0 auto !important;}/*.is-sticky*/
.sticky-menu .logo{display:none;}
.sticky-menu .theme-menu{background:url(images/logo-2.png) left no-repeat;padding-left:0px;}
.navbar-brand {margin-right:0 !important;height:auto !important;}
.sidebar{background:#01622f;margin-top:-80px !important;}
.sidebar aside {
    padding: 5px 10px !important;
    background:none !important;
	margin-bottom:20px !important;;
}
.sidebar h1,.sidebar h1 a{
color:white !important;}
.sidebar .widget .title-border {border:none !important;}
.list_item_timelable{
	height:72px !important;
	margin-bottom:10px;
	width:65px !important;
}
.list_item_timelable_day{
color:#01622f !important;
font-weight:bold;
}
.list_item_timelable_years{
background-color:#01622f !important;
}
.top-scroll i:before {  
    content: '\f0a6';  
    font-family: FontAwesome;  
	color:#01622f;
}
/*.home .list-title-header{float:left;margin-right:10px !important;}
.home .list-title-header:before {  
    content: '\f00a';  
    font-family: FontAwesome;  
	color:#01622f;
}
*/
.list-index-tab li ,.site-link ul {padding:0 !important;}
.site-link2 {
	border-top:2px #808000 solid;
	padding-top:20px;
	margin-top:10px;
}
.site-link ul li{
    list-style:none;
	display:inline-block;
	padding-right:30px;
}
.font-icon li:last-child{
  margin-right:0px;
}

.font-icon li{
  height:100px;
  width:103px;
  background-color:#F0F9E6;
  border:1px solid #446809;
  border-radius:5px;
  margin-right:30px;
  text-align: justify;
  padding:5px !important;
  margin-bottom:30px;
 }
  .home .font-icon li div{
  	width:100% !important;
    text-align:center !important;
  }
.home .font-icon li div:last-child {  
    margin-top:12px;
}
.home .font-icon li div.icon-1:before {  
    content: '\f1c9   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-2:before {  
    content: '\f2c1';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-3:before {  
    content: '\f019   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-4:before {  
    content: '\f051   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-5:before {  
    content: '\f0c1   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-6:before {  
    content: '\f2c0   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-7:before {  
    content: '\f0c9   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
 .home .font-icon li div.icon-8:before {  
    content: '\f0e9   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-9:before {  
    content: '\f0f6';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}
.home .font-icon li div.icon-10:before {  
    content: '\f0ca   ';  
    font-family: FontAwesome;  
	color:#01622f;
	font-size:30px;
}


/*  siderbar */
.side-pannel {
	position: fixed;
	right: 0px;
	z-index: 1000
}
.side-bar {
	border: 1px solid #E7E7E7;
	border-bottom: none;
	top: 250px;
	background: #cccfcc
}
.side-bar a {
	display: block;
	cursor: pointer;
	width: 70px;
	height:55px;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
	color: #000;
	text-align: center ;
}


.side-bar :hover {background: #00900a;color: #fff;}
.side-bar a .fa {
	margin-left: auto;
	margin-right: auto
}
.side-bar a span {
	line-height: 20px
}

.side-bar a.gotop .fa {
	position: absolute;
}
.side-bar a.text {
	padding-top: 25px
}
.side-bar a.qr .fa {
	position: absolute;
	left: 18px;
	top:10px;
	color:#01622f;
	font-style:normal !important;
}
.side-bar a.qr i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0;background:none;
	background:rgba(20,200,20,0.3);
	cursor:default;
}
.side-bar a.qr:hover i {
	display: block;
}
.sider-vr{
	background-image: url(images/sider-vr.png) !important;
	cursor:move !important;
}
.sider-weixin{
	background-image: url(images/sider-weixin.png) !important;
}
.sider-weibo{
	background-image: url(images/sider-weibo.png) !important;
}
.sider-tel{
	background-image: url(images/sider-tel.png) !important;
}
.site-content .page-wrapper{
    background: rgb(255, 255, 255) ;/*url(images/bodybg.jpg) repeat;*/

}
.site-content .page-wrapper .container{
        background: #fff;
		padding-left:0;
		padding-right:0;
}
.home .site-content .page-wrapper .container_ .row{
       /* margin-right:0px;*/
}

.page-header{
    min-height: 55px;
	overflow:hidden;
}
.catlists{
   padding-left:20px !important;
   padding-right:20px !important;
}
.catlists td{
   border:none !important;
}
.catlists a{
   font-size:16px !important;
   FONT-FAMILY: "微软雅黑", "宋体","黑体",Verdana, Arial, Helvetica, sans-serif !important;
}
.catlists .post{
   margin-top:10px !important;
}
.catlists .post>div{
  height:auto !important;
  min-height:28px;
}
.list_item_timeline{background:url(images/time-line.png) center no-repeat; padding:30px 0 !important;}
#menu-primary {
     margin-top:0px;
}
#menu-primary>li{
padding:  0 ;
}
#menu-primary>li>a{
padding-top:20px;
padding-bottom:20px;
}
.clear{
  clear:both;
}
.copyright{
 color:#ffffff !important;
 }
 .swiper-image-stretch .swiper-slide .swiper-slide-image {
	height:304px !important;
}
.content-category_list_simple_tab_widget-65-78-97  .list_item {
    margin-top:0;
}
.content-category_list_simple_tab_widget-65-78-97 li{
   padding-top: 10px !important;
}
@media (max-width: 767px){
	.elementor-element-e5383ed .list-index>div{
	width:100% !important;
	}
}
@media (min-width: 768px){
	 .col-md-4{
	    width:33.33333333%  !important;
	}
.col-md-8 {
    width: 66.66666667%;
}
}
@media (max-width: 767px){
	 .sidebar{
	    display:none;
	}
}
.elementor-element-5c4f0de .elementor-container{
	width:100% !important;
} 
.elementor-element-98a8e4a  a{
	color:#ffffff !important;
}
.slider-box {
    border:none;
	/*background:rgba(255,100,100,0.1);*/
}
.is-sticky .navbar-default .navbar-nav>li>a {
    color: #000 !important;
}
.sidebar .widget li {
   background:#FFFFFF;
    color: #505050;
    padding: 13px 10px !important ;
    border-bottom: 1px solid #e7eaf1;
}
.sidebar .widget {
    border:none !important;
}
.sidebar .widget .widget-title {
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    display: block;
    font-style: normal;
    padding: 0 0 18px;
    margin: 20px 0 10px;
    border-bottom: 1px solid #e7eaf1;
}

.sidebar .widget .widget-title {
    margin: 20px 10px !important;
}
#block-5>div{
 padding:10px !important;
 background:white;
 }
 
#block-5 h1, #block-5 h1 a {
    color: #01622f !important;
	font-size:16px;
}
#block-5 h1:before{
    content: "\f112";
    font-family: "Fontawesome";
    margin-right: 5px;
    font-size: 12px;
	color:#FF9900;
}
.sidebar {
background:#01622f url(images/sider_bg.png) bottom no-repeat;
background-size:100% auto;
padding-bottom:300px !important;
}
/*#header-section{position:absolute; z-index:10;}*/

/*   */
.archive .site-content .col-md-4,.single .site-content .col-md-4{float:left;}

/*  menu  */
.header .header-search-toggle{color: #fffcfc !important;}
.header-search-popup { background-color:#01622faa !important;}

#custom-header img{ width:100%;}

.hamburger-menu div {background: #f5f5f5  !important;;}
.close-style:before, .close-style:after{background: #c0a063 !important;;}
.admin-bar .theme-mobile-nav:not(.sticky-menu) .mobile-menu {padding-top:0 !important;}
.mobile-menu .dropdown-menu>li>a {color:#FFffee !important;}
.mobi_drop  .fa-plus{color:#EBDFC9 !important;}
.mobile-menu ul.menu-wrap li {
    border-bottom: 1px solid #844932fa  !important;
}
.mobile-menu .dropdown > span > a {    border:none !important;}
.admin-bar .theme-mobile-nav:not(.sticky-menu) .close-menu {
    background: antiquewhite !important;
}


/*修正引入页显示错误  内容多多了一个<a><img></a>嵌套标签  2022-10-14  14：57*/
div.elementor-widget-container>div.list-index>a{display:none;}