/* STYLE */
@import url("font-awesome.css") screen;
@import url("bootstrap.css") screen;
@import url("owl.carousel.css") screen;
@import url("pe-icon-7-stroke.css") screen;
@import url("animate.min.css") screen;

/* FONTS */
@import url("../../../../fonts.googleapis.com/css-family=Roboto-400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic.css	");
@import url("../../../../fonts.googleapis.com/css-family=Open+Sans-400,300,300italic,600,600italic,700,800,400italic.css");
@import url("../../../../fonts.googleapis.com/css-family=Raleway-400,800,900,700,600,500,300,200,100.css");


/* ======================
   1. GENERAL SECTION
 ====================== */

* {
    margin: 0;
    padding: 0px;

}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    background: #fff;
    color: #656565;
    padding: 0;
    margin: 0;
    overflow: visible;
	text-align: justify;
}

.hidden {
    display: none;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
::-moz-selection {
    color: #555252;
    text-shadow: none;
    background: #2B2E31;
}
::-webkit-input-placeholder {
    color: #555252 !important;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #555252 !important;
}
::-moz-placeholder  {
    /* Firefox 19+ */
    color: #555252 !important;
}
:-ms-input-placeholder {
    color: #555252 !important;
}
.contact-form .form-control::-webkit-input-placeholder{
    color: #fff !important;
}
.contact-form .form-control1::-webkit-input-placeholder{
    color: #000 !important;
}
.contact-form .form-control::-moz-placeholder{
    color: #fff !important;
}
.contact-form .form-control:-moz-placeholder{
    color: #fff !important;
}
.contact-form .form-control:-ms-input-placeholder{
    color: #fff !important;
}

*,*:after,*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
a {
    color: #777;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
a:hover,a:focus {
    text-decoration: none;
    color: #01090C;
}
a img {
    border: none;
    vertical-align: bottom;
}
a.remove {
    display: block;
    height: 18px;
    width: 18px;
    margin: 10px;
    padding-left: 0 !important;
    text-indent: -9999px;
    background: url("images/remove.png") #01090C;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px
}
h1,h2,h3,h4,h5,h6 {
    letter-spacing: 0px;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    font-family: '寰蒋闆呴粦','Roboto', serif;
    line-height: 140%;
    color: #01090c;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 13px;
}
.lead {
    font-family: 'Open Sans', Arial,sans-serif !important;
    font-size: 18px;
    margin: 15px 0;
    padding: 0;
}
.first {
    clear: both
}
.last {
    margin-right: 0
}
audio,
video {
    max-width: 100%;
    height: auto;
}

iframe,embed,object {
    max-width: 100%;
}
input,textarea {
    color: #000 !important
}

html, body, .wrapper{
    height: 100%;
}
.titie-section{
    margin-bottom: 30px;
    display: block;
    position: relative;
}
.titie-section h1{
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
    font-size:28px;
    color: #515151;
    font-weight: 900;
    text-transform: uppercase;

}
.title1 h1{
		background: url(../images/about.png)no-repeat center -2px; 
   padding-top: 0.5em;
}
.title2 h1{
		background: url(../images/product.png)no-repeat center -2px; 
   padding-top: 0.5em;
}
.title3 h1{
		background: url(../images/partner.png)no-repeat center -2px; 
   padding-top: 0.5em;
}
.title4 h1{
		background: url(../images/news.png)no-repeat center -2px; 
   padding-top: 0.5em;
}
@media(max-width:768px){
	.title1 h1{
		background-size:80%;
	}
	.title2 h1{
		background-size:80%;
	}
	.title3 h1{
		background-size:80%;
	}
	.title4 h1{
		background-size:80%;
	}
}
.titie-section h1:after{
    content: "";
    width: 100px;
    display: block;
    height: 1px;
    background:#683691;
    position: absolute;
    bottom: -10px;
    margin: 0 auto;
    left: 0;
    right: 0;
}


.titie-section.white h1:before{
    content: "";
    width: 165px;
    display: block;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -16px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.titie-section.white h1:after{
    content: "";
    width: 165px;
    display: block;
    height: 3px;
    background:#fff;
    position: absolute;
    bottom: -30px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.titie-section.white:after{
    content: "";
    width: 165px;
    display: block;
    height: 7px;
    background:#fff;
    position: absolute;
    bottom: -25px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.white-title{

}

/*
    HEADER TOP SECTION
 */
.header-top-section{
    display: block;
    width: 100%;
    background: #683691;
    color: #fff;
}

.header-top-content{}
.header-top-content ul{}
.header-top-content ul li{}
.header-top-content ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding-left: 0;
}
.header-top-content ul li a:hover, .header-top-content ul li a:active, .header-top-content ul li a:focus{
    background: transparent;
    color: #fff;
}
.header-top-content ul li:last-child a i{
    /*font-size: 20px;  */
    position: relative;
    top: 2px;
}

.header-top-menu{}
.header-top-menu ul{}
.header-top-menu ul li{}
.header-top-menu ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.header-top-menu ul li a:hover, .header-top-menu ul li a:active, .header-top-menu ul li a:focus{
    background: transparent
}
.header-top-menu ul li a i{

}

/*
    HEADER SECTION
 */
.header-section{
    display: block;
    width: 100%;
    padding: 20px 0;
    position: relative;
    transition: all 1s;
    background: #fff;
}
header.header-section.fixed {
    position: fixed;
    display: block;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 99999;
    border-bottom: 1px solid #683691;
    padding: 10px 0;
    transition: all 1s;
}
.header-section .navbar{
    height: auto;
    min-height: none;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    background: transparent !important
}
.header-section .navbar .navbar-brand{
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #555252;
}
.header-section .navbar .navbar-brand b{
    color: #683691;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    text-align: center;
    padding: 0 !important;
    background: transparent !important;
}

ul.navbar-nav{
    background: transparent;
    margin: 0 auto;
    margin-bottom: -5px;
    display: inline-block;
    float: none;
}
ul.navbar-nav li{}
ul.navbar-nav li a{
    font-size: 14px;
    font-weight: 700;
    color: #0f0101 !important;
    background: transparent !important;
    text-transform: uppercase;
}
ul.navbar-nav li a:hover{
    color: #683691 !important;
}
ul.navbar-nav.cart-menu li a{
    padding-right: 0;
    color: #0f0101;
    font-weight: 700;
}
ul.navbar-nav.cart-menu li a .fa-search{
    margin-top: 6px;
    display: block;
}

span.shoping-cart {
    border: 1px solid #0f0101;
    padding: 2px 7px 2px 6px;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
}
span.shoping-cart:after{
    height: 90%;
    width: 80%;
    display: block;
    background: transparent;
    position: absolute;
    content: "";
    border: 1px solid #0f0101;
    border-radius: 50%;
    top: -47%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -9999;
}
span.shoping-cart:hover:after{
    top: -50%;
}

span.shoping-cart:before{
    height: 100%;
    width: 100%;
    display: block;
    background: #fff;
    position: absolute;
    content: "";
    top: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -999;
}
span.shoping-cart {
    border: 1px solid #0f0101;
    padding: 2px 7px 2px 6px;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
    z-index: 9999999;
    color: #683691;
}
/*
    SEAARCH SECTION
 */
.search-section{
    display: block;
    background: url("../images/bg.png"/*tpa=http://demo.qfpffmp.cn/cssthemes6/revo_4_mart/images/bg.png*/) #683691 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 40px 0 80px;
    display: none;
}
.suscribe-btn, .suscribe-btn:hover, .suscribe-btn:active, .suscribe-btn:focus{
    outline: none
}
.search-btn {
	color:#fff!important;
}
/*
    SLIDER SECTION
 */
.slider-section{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
/*.slider-section:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0.52);
    z-index: 9
}*/

.slider-section img{
    display: block;
    width: 100%;
    height: auto;
}
.carousel-inner{
    position: relative;
}
.carousel-inner .item{}
.carousel-inner .item:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: block;
    background: rgba(0, 0, 0, 0);
    z-index: 9
}
.carousel-inner .item img{}
.carousel-inner .item .carousel-caption{
    top: 30%;
    z-index: 999;
}
.carousel-inner .item .carousel-caption h2{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 0;
}
.carousel-inner .item .carousel-caption h2 b{
    color: #683691
}

.carousel-inner .item .carousel-caption h3{
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 0;
}
.carousel-inner .item .carousel-caption h3 span{
    color: #683691;
}

.carousel-inner .item .carousel-caption a{
    display: inline-block;
    padding: 13px 30px;
    border: 2px solid #683691;
    color: #fff;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 400;
    margin-top: 10px;
}
.carousel-inner .item .carousel-caption a:hover{
    background: #683691;
}
.carousel-control{
    background-image: none !important;
    box-shadow: none !important;
    background: red;
}

.carousel-control span{
    font-size: 90px !important;
    color: #fff;
    }
a.carousel-control.left, a.carousel-control.right{
    background: #000 !important;
    background-image: none !important;
    box-shadow: none !important;
    width: 100px;
    height: 100px;
    background: #683691;
    text-align: center;
    position: absolute;
    top: 45%;
    border: none;
    display: block;
    text-align: center;
    z-index: 999

}
a.carousel-control.left > span{
    position: absolute;
    top: 7px;
    margin: 0 auto;
    left: 5px;
}

a.carousel-control.right > span{
    position: absolute;
    top: 7px;
    margin: 0 auto;
    left: -5px;
}

.carousel-control.right{
    width: 0;
    height: 0;
    background: #46bfa9;
   /* border-width: 50px 100px 50px 0;
    border-color: transparent #46bfa9 transparent transparent;*/
}
.carousel-control.left{
    width: 0;
    height: 0;
    background: #46bfa9;
    /*border-width: 50px 0 50px 100px;
    border-color: transparent transparent transparent #46bfa9;*/

}
.carousel-control span{
    font-size: 100px;
    color: #fff;
}
.slider-indicators{
    display: none;
}

/*
    SERVICE SECTION
 */
.service-section{
    display: block;
    text-align: center;
    padding: 80px 0 80px;
}
.service-item{}
.service-item i{
    font-size: 70px;
    text-align: center;
}
.service-item h3{
    font-size: 18px;
    font-weight: 700;
    color: #555252;
    font-family: 'Open Sans', Arial, sans-serif;
    text-transform: uppercase;
}
.service-item p{
    font-size: 14px;
    font-weight: 300;
    color: #555252;
    line-height: 24px;
}
.service-item:hover h3, .service-item:hover i{
    color: #683691

}

/*
    NEW PRODUCR SECTION
 */
.new-section{
    background: #e9f0fd;
    display: block;
    padding: 100px 0 80px;
}
.product-item{
    position: relative;
    margin-top: 30px;
    transition: all 0.5s
}
.product-item img{
    width: 100%;
    height: auto;
}

.product-hover{
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 40px);
    background: rgba(0, 0, 0, 0.5);
    top:0;
    border: 10px solid rgba(255, 255, 255, 0.55);
    text-align: center;
    transform: scale(0.1, 0.1);
    opacity: 0;
    transition: all 0.5s
}
.product-item:hover .product-hover{
    transform: scale(1, 1);
    opacity: 1;
}

.product-meta{
    display: block;
    margin-top: 35%;

}

.product-hover a{
    color: #fff;
    font-size: 16px;
    display: inline-block;
    border: 1px solid #fff;
    padding: 4.2%;
    margin: 5px;
}
.product-hover a i{
    font-size: 30px;
}

.product-hover a:last-child{
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    background: #323232;
    border: 1px solid #fff;
    margin: 5px 12%
}
.product-hover a:last-child i{
    font-size: 18px;
    margin-right: 5px;
}
.product-hover a:hover{
    background: #683691;
    border: 1px solid #683691
}

.product-title{
    display: block;
    background: #323232;
    width: 100%;
    bottom: 0;
    position: absolute;
    bottom: 0;
    height: 40px;
    overflow: hidden;
    transition: all 0.5s;
}
.product-item:hover .product-title{
    background:#683691;
}

.product-title h3{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    
    font-size: 18px;
    
    padding: 10px;
    padding-left: 15px;
}
.product-title span{
    display: block;
    background: rgba(255, 255, 255, 0.5);
    float: right;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding: 10px;
}

.sell-meta{
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: block;
    width: auto;
}
.sell-meta a{
    width: 70px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    padding:5px 10px;
    color: #555252;
    border: 1px solid #000;
}
.sell-meta a.new-item{
    float: left;
}
.sell-meta a.sell-item{
    float: right;
}

/*
    FEATURED SECTION
 */
.featured-section{
    display: block;
    padding: 100px 0 80px;
}
.filter-menu{
    display: block;
    text-align: center;
    margin: 30px 0 50px;
}
.filter-menu ul{
    display: inline-block;
    margin: 0 auto;
}
.filter-menu ul li{
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    border: 1px solid #000;
    margin: 5px;
    border-radius: 3px;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}
.filter-menu ul li.active{
    background: #683691;
    border: 1px solid #683691;
    color: #fff;
}

.filter-menu ul li span{
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #683691;
    font-weight: 700;
    display: block;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 50%;
    top: -55px;
    right: -20px;
    opacity: 0;
    transition: all 0.5s;
}
.filter-menu ul li.active span{
    opacity: 1;
    top: -22px;
    right: -5px
}

.featured .product-item{
    background: #e9f0fd
}

/*
    OFFER SECTION
 */
.offer-section{
    display: block;
    padding: 150px 0 150px;
    position: relative;
    width: 100%;
    background: url("../images/offer-bg.jpg") no-repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    color: #fff;
}
.offer-section:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
  
}
.offer-section h1{
    font-size: 60px;
    font-family: 'Open Sans';
    font-weight: 900;
    color: #fff;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
.offer-section h2{
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    font-family: 'Open Sans';
    margin: 0;
    padding: 0;
}

/*
    BEST SELLER SECTION
 */
.best-seller-section{
    display: block;
    padding: 100px 0 80px;
    position: relative;
    width: 100%;
    background: #e9f0fd
}

/*
    REVIEW SECTION
 */
.review-section{
    padding: 100px 0 60px;
    display: block;
    width: 100%;
}
.review-section .feedback{
    display: block;
    margin-top: 60px;
    text-align: center;
}
.feedback .item:before{
    display: none;
}
.feedback .item{
    text-align: center;
}
.feedback .item img{
    display: inline-block;
    margin: 0 auto;
    height: 225px;
    width: 225px;
    border-radius: 50%;
}
.feedback .item .carousel-caption{
    display: block;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75%;
    text-shadow: none;
    margin-top: 30px;
}
.feedback .item .carousel-caption p{
    font-size: 14px;
    font-weight: 400;
    color: #515151 ;
    text-align: center;
    line-height: 24px;
}
.feedback .item .carousel-caption h3{
    font-size: 18px;
    font-weight: 700;
    color: #683691;
    text-align: center;
}
.feedback .item .carousel-caption span{
    font-size: 14px;
    font-weight: 400;
    color: #515151 ;
    text-align: center;
    line-height: 24px;
}

.review-controlar{
    position: relative;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    width: auto;
}
.review-controlar li{
    height: 85px;
    width: 85px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    border: 5px solid #000;
    margin: 10px;
}
.review-controlar li.active{
    height: 85px;
    width: 85px;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    position: relative;
    border: 5px solid #683691;
    margin: 10px;
}

.review-controlar li img{
    margin: 0 auto;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

/*
    NEWS LATTER SECTION
 */
.news-letter-section{
    display: block;
    background: url("../images/bg.png") #683691 no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
  
}
.titie-section{}
.news-letter-section p{
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-top: 25px;
    display: block;
    overflow: hidden;
}

.subscribe-from{
    display: block;
    margin-top: 50px;
}
.form-inline{
    /*width: 100%;   */
    display: block;
    background: #fff;
    position: relative;
    padding: 0;
    border-radius: 10px;

}
.form-group{
    width: 100%;
    display: block;
}
.form-inline .form-group{
    margin-bottom: 0;
}

.subscribe-from .form-control{
    display: block;
    width: 100% !important;
    height: 100%;
    height: 63px;
    color: #000;
    font-size: 16px;
    padding: 20px;
}
.subscribe-from .form-control:hover, .subscribe-from .form-control:focus{
    box-shadow: none !important;
    outline: none;

}
.subscribe-from .form-control1{
    display: block;
    width: 100% !important;
    height: 100%;
    height: 63px;
    color: #000;
    font-size: 16px;
    padding: 20px;
}
.subscribe-from .form-control1:hover, .subscribe-from .form-control1:focus{
    box-shadow: none !important;
    outline: none;

}

.suscribe-btn{
    position: absolute;
    display: block;
    padding: 16px;
    width: 100px;
    background: #683691;
    border: none;
    bottom: 2px;
    top: 2px;
    right: 2px;
}
.suscribe-btn i{
    color: #fff;
    font-size: 25px;
}

/*
    CLIENT SECTION
 */
.client-section{
    display: block;
    padding: 100px 0 80px;
    background: #e9f0fd;
    display: block;
}
.client-area{
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
}
.client-area .item{}
.client-area .item img{
    width: 100%;
    height: auto;
    border: 1px solid #683691;
}
.client-area .item1 img{
    width: 100%;
    height: auto;
    
}
.gsxx{
	margin-bottom:4em;
}

/*
    NEWS SECTION
 */
.news-section{
    display: block;
    padding: 100px 0 80px;
}
.news-section .titie-section{
    display: block;
    margin-bottom: 80px;
}
.blog-item{
	
box-shadow:4px 4px 38px 0px rgba(197,197,197,0.5);
	
	
}
.blog-item:hover{
	
box-shadow:8px 8px 38px 0px rgba(197,197,197,0.8);
	
}
.blog-item img{
    width: 100%;
    height: 250px;
}
.blog-item h3{
    font-size: 18px;
    font-weight: 600;
    color: #555252;
    display: block;
    line-height: 24px;
    position: relative;
    margin: 15px ;
    padding: 0;
}
.blog-item h3:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 3px;
    display: block;
    background: #683691;
    bottom: -8px;
}

.blog-item p{
    font-size: 14px;
    font-weight: 40px;
    line-height: 24px;
    display: block;
    margin: 15px ;
}
.blog-item a:last-child{
    display: inline-block;
    color: #fff;
    font-weight: 300;
    background: #683691;
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 3px;
    transition: all 0.5s;
	 margin: 15px ;
}
.blog-item a:last-child:hover{
    background: #17A689
}

/*
    CONTACT SECTION
 */
.contact-section{
    background: url("../images/map-bg.png") #2d3237 no-repeat;
  /*  background-size: 100%;   */
    background-position: center center;
    padding: 100px 0 80px;
    display: block;
    position: relative;
}
.contact-section:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(45, 50, 55, .55)
}
.contact-section .titie-section{
    display: block;
    margin-bottom: 80px;
}
.contact-section .titie-section h1{
    color: #fff;
}
.contact-section .left-content{}
.contact-section .left-content h1{
    font-size: 72px;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    font-weight: 300;
}
.contact-section .left-content h1 span{
    color: #683691;
}

.contact-section .left-content h3{
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Roboto';
    margin: 0;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 10px;
}
.contact-section .left-content p{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
   
}
.contact-section .left-content p b{
    color: #fff;
}

.contact-section .left-content p{}
.contact-info{
    display: block;
    margin-top: 10px;
}

.contact-info p{
    margin: 0;
}
.social-media{
    display: block;
    margin-top: 10px;
}
.social-media ul{
    margin: 0;
    padding: 0;
    display: block;
}
.social-media ul li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.social-media ul li a{
    color: #fff;
}
.social-media ul li a i{
    height: 35px;
    width: 35px;
    font-size: 20px;
    border: 1px solid #fff;
    text-align: center;
    padding: 7px 0;
}
.social-media ul li a:hover i{
    background: #683691;
    border: 1px solid #683691;
}
.contact-form{
    margin-top: 10px;
    display: block;
}
.contact-form .col-md-6{
    display: block;
    margin-bottom: 30px;
}

.contact-form .input-group{
    width: 100%;
    display: block;
}
.contact-form .input-group input.form-control, .contact-form .input-group textarea.form-control{
    width: 100%;
    display: block;
    background: transparent;
    border: 1px solid #fff;
    height: 50px;
	 color: #fff !important;
}
.contact-form .input-group textarea.form-control{
    height: 150px;
}
.contact-form .input-group .form-control:focus, .contact-form .input-group .form-control:hover{
   
    box-shadow: none;
    color: #fff !important;
}
.contact-form .input-group input.form-control1, .contact-form .input-group textarea.form-control1{
    width: 100%;
    display: block;
    background: transparent;
    border: 1px solid #656565;
    height: 50px;
}
.contact-form .input-group textarea.form-control1{
    height: 150px;
}
.contact-form .input-group .form-control1:focus, .contact-form .input-group .form-control1:hover{
    border: 1px solid #683691;
    box-shadow: none;
    color: #683691 !important;
}


.contact-form .input-group input.contact-submit{
    display: inline-block;
    background: #683691 !important;
    padding: 10px 40px;
    border: none;
    color: #fff !important;
    margin-top: 30px;
    font-size: 16px;
    text-transform: uppercase;
}

/*
    FOOTER SECTION
 */
footer.footer{
    display: block;
    text-align: center;
    background: #000000;
    padding: 20px 0;
    color: #fff;
}
footer.footer p{
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
footer.footer p a{
    color: #683691
}

/* PERLOADER */
#preloader{
    width: 100%;
    height: 100%;
    animation: preloader_6 5s infinite linear;
    background: #fff;
    display: block;
    text-align: center;
    position: fixed;
    z-index: 999999999;
}

.preloader-area {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
}
.preloader-area > .preloader-box {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    width: 186px;
}

.preloader-area .preloader-box > div {
    position: relative;
    width: 30px;
    height: 30px;
    background: #683691;
    float: left;
    text-align: center;
    line-height: 30px;
    font-family: Verdana;
    font-size: 20px;
    color: #FFF;
}

    @-webkit-keyframes preloader {
      0% {
        box-shadow: -2em 0 0 #683691, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
      25% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.25), 0 -2em 0 #683691, 2em 0 0 rgba(163, 189, 227, 0.75), 0 2em 0 rgba(163, 189, 227, 0.5);
      }
      50% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.5), 0 -2em 0 rgba(163, 189, 227, 0.25), 2em 0 0 #683691, 0 2em 0 rgba(163, 189, 227, 0.75);
      }
      75% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.75), 0 -2em 0 rgba(163, 189, 227, 0.5), 2em 0 0 rgba(163, 189, 227, 0.25), 0 2em 0 #683691;
      }
      100% {
        box-shadow: -2em 0 0 #683691, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
    }
    @keyframes preloader {
      0% {
        box-shadow: -2em 0 0 #683691, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
      25% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.25), 0 -2em 0 #683691, 2em 0 0 rgba(163, 189, 227, 0.75), 0 2em 0 rgba(163, 189, 227, 0.5);
      }
      50% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.5), 0 -2em 0 rgba(163, 189, 227, 0.25), 2em 0 0 #683691, 0 2em 0 rgba(163, 189, 227, 0.75);
      }
      75% {
        box-shadow: -2em 0 0 rgba(163, 189, 227, 0.75), 0 -2em 0 rgba(163, 189, 227, 0.5), 2em 0 0 rgba(163, 189, 227, 0.25), 0 2em 0 #683691;
      }
      100% {
        box-shadow: -2em 0 0 #683691, 0 -2em 0 rgba(163, 189, 227, 0.75), 2em 0 0 rgba(163, 189, 227, 0.5), 0 2em 0 rgba(163, 189, 227, 0.25);
      }
    }
    .preloader {
      -webkit-animation: preloader;
              animation: preloader;
      -webkit-animation-duration: 1500ms;
              animation-duration: 1500ms;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      background-color: #683691;
      border-radius: 2px;
      box-shadow: -2em 0 0 #683691, 2em 0 0 #683691, 0 -2em 0 #683691, 0 2em 0 #683691;
      height: 1.5em;
      margin: 4em;
      width: 1.5em;
    }



/*
    RESPONSIVE STYLE
 */
@media (max-width: 1200px){
     .product-hover a {
        padding: 2%;
    }
    a.carousel-control.left, a.carousel-control.right{
        width: 70px;
        height: 70px;
    }
    a.carousel-control.right > span {
        top: -9px;
        left: -19px;
    }
    a.carousel-control.left > span {
        top: -6px;
        left: -11px;
    }
     .carousel-inner .item .carousel-caption h2, .carousel-inner .item .carousel-caption h3{
        font-size: 30px;
    }
    .carousel-inner .item .carousel-caption a{
        padding: 6px 15px;
    }
    .product-hover a:last-child {
        margin: 5px 25%;
        padding: 10px;
    }
}

@media (max-width: 992px){
    ul.navbar-nav li a{
        font-size: 12px;
    }
    .blog-item h3{
        font-size: 15px;
    }
    .blog-item p{
        font-size: 12px;
    }
    .blog-item a:last-child{
        font-size: 14px;
    }
    .contact-form .col-md-6 {
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .carousel-caption {
        right: 15%;
        left: 15%;
        padding-bottom: 30px;
    }
}
@media (max-width: 767px){
    ul.navbar-nav {
        width: 100%;
        display: block;
        text-align: center;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        overflow: hidden;
    }
    ul.navbar-nav.cart-menu li a{
        padding: 15px 0;
    }
    .header-top-menu ul, .header-top-content ul{
        display: inline-block;
    }
    .header-top-menu, .header-top-content {
        text-align: center;
    }
    .titie-section h1{
        font-size: 20px;
    }
    .contact-form {
        margin-top: 30px;
        display: block;
    }
    .offer-section{
        padding: 60px 0 50px;
    }

    .offer-section h1{
        font-size: 30px;
    }
    .offer-section h2{
        font-size: 16px;
		line-height:2em;
    }
    .blog-item {
        margin-bottom: 30px;
    }



}
@media (max-width: 620px){
    .header-top-content ul li a{
        font-size: 12px;
    }
    .header-top-menu ul li a{
        font-size: 12px;
    }
     a.carousel-control.left, a.carousel-control.right{
        width: 70px;
        height: 70px;
        display: none;
    }
    a.carousel-control.right > span {
        top: -9px;
        left: -7px;
    }
    a.carousel-control.left > span {
        top: -6px;
        left: -11px;
    }
    .carousel-inner .item .carousel-caption h2, .carousel-inner .item .carousel-caption h3{
        font-size: 14px;
    }
    .carousel-inner .item .carousel-caption a{
        padding: 2px 10px;
        font-size: 12px
    }
    .product-hover a:last-child {
        margin: 5px 25%;
        padding: 10px;
        font-size: 12px;
    }
    .filter-menu ul li{
        display: block;
    }
    .carousel-inner .item .carousel-caption {
        top: 7%;
        z-index: 999;
    }
}


/*澶撮儴*/
.navbar-brand > img{
	margin-top:-0.6em;
}

/*棣栭〉*/
.syaboutwz{
	    margin: 2.5em 0;
    font-size: 16px;
    line-height: 2.5em;
}










/*鍐呴〉*/
.neiyebanner{
	background:url('../images/nybanner.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyeabbanner{
	background:url('../images/nyabout.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyenewbanner{
	background:url('../images/nynews.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyerzbanner{
	background:url('../images/nyziyuan.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyelxbanner{
	background:url('../images/nylianxi.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyehzbanner{
	background:url('../images/nyhezuo.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyeysbanner{
	background:url('../images/nyyoushi.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.neiyezxbanner{
	background:url('../images/nyzaixian.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}




/*鑻辨枃*/

.enneiyebanner{
	background:url('../images/ennybanner.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyeabbanner{
	background:url('../images/ennyabout.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyenewbanner{
	background:url('../images/ennynews.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyerzbanner{
	background:url('../images/ennyziyuan.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyelxbanner{
	background:url('../images/ennylianxi.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyehzbanner{
	background:url('../images/ennyhezuo.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyeysbanner{
	background:url('../images/ennyyoushi.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}
.enneiyezxbanner{
	background:url('../images/ennyzaixian.jpg')no-repeat;
	height:450px;
	    background-size: cover;
    background-position: center center;
}




.ab-content{
	padding:4em 0;
}
.ab-content p{
	text-indent:2em;
	font-size: 15px;
    color: #777;
    line-height: 1.9em;
    letter-spacing: 1px;
    margin-bottom: 0;
	text-align: justify;
}
.title-w3ls{
	color: #4b4b4d;
    font-size: 2.5em;
    text-transform: capitalize;
    font-weight: 700;
	text-align:center;
	margin-bottom:1em;
}
.ab-content img{
	padding-bottom:2em;
	margin:0px auto;
}


/*鍏充簬鎴戜滑鏂囧寲*/
.blog_exclu3l {
    background: #f7f7f7;
	padding:4em 0;
}

section.blog_exclu3l h4 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #404248;
    font-size: 1.1em;
}

section.blog_exclu3l h5 {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.065em;
    font-size: 0.9em;
    color: #696969;
    margin: 0 0 0.25em 0;
}

section.blog_exclu3l h4 a {
    color: #404248;
}

.blog_exclu3l_left1,
.blog_exclu3l_left2 {
    border-bottom: solid 1px #dbdbdb;
    margin: 0 0 2.75em 0;
    padding: 0 0 2.75em 0;
}

.box13 {
    position: relative;
    transition: all .2s ease-out 0s;
    text-align: center;
}

.box13 .box-content,
.box13:after {
    position: absolute;
    left: 20px;
    right: 20px
}

.box13:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.53);
    top: 20px;
    bottom: 20px;
    opacity: 0;
    transform: rotate3d(-1, 1, 0, 100deg);
    transition: all .4s ease-in-out 0s;
}

.box13:hover:after {
    opacity: .9;
    transform: rotate3d(0, 0, 0, 0deg)
}

.box13 img {
    width: 100%;
    height: auto;
}

.box13 .box-content {
    bottom: 10%;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
    transition: all .2s ease-out 0s;
}

.box13:hover .box-content {
    opacity: 1;
    transform: translate(0, -50%);
    transition-delay: .2s;
}

.box13 .title {
    display: block;
    font-size: 1.4em;
    color: #fff;
    letter-spacing: 1px;
    padding: 0 2em;
	font-weight:700;
}

.box13 .post {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.team-grid{
	padding:2em 0;
}
.box13 p {
	color:#fff;
}

.bg-services{
	padding:4em 0;
}
.d-flex{

  
  
    border: 1px solid #323232 !important;
    color: #323232 !important;
   
    font-size: 16px;
    text-transform: uppercase;
	text-align:center;
	margin:0px auto;
	width:10%;
	
}
.d-flex:hover{
	 background: #683691 !important; 
}
.d-flex a{
	color:#323232;
}
.d-flex a:hover{
	color:#fff;
}
.qyrypt4{
	margin-bottom:4em;
}

.mid{
	background-color:#f7f7f7;
	padding:4em 0;
}
.about-imgs-txt img{
	margin:0px auto;
}
.newsletter-w3pvt{
	padding:4em 0;
}

.testimonials{
padding:4em 0;	
background:#f7f7f7;
}



/**/
.breadcrumb-agile{
	background-color: #f5f5f5;
	
}
.breadcrumb{
	padding: 8px 15px;
    margin: 20px 0;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}



/*鏂伴椈涓績*/
#section-bloglisting,
#section-bloglisting-1{
    padding-top: 15px;
    padding-bottom: 46px;
}
#section-bloglisting   > .row > div h3,
#section-bloglisting-1 > .row > div h3{
    font-family: "Raleway-Bold";
    color: #34ace1;
    padding-bottom: 26px;
}
#section-bloglisting   > .row > div h3:before,
#section-bloglisting-1 > .row > div h3:before{
    font-family: fontawesome;
    content: "\f067";
    color: #34ace1;
    font-size: 18px;
    position:absolute;
    top: 45px;
}
#section-bloglisting   > .row > div h3:after,
#section-bloglisting-1 > .row > div h3:after{
    content:'';
    border-bottom: 1px solid rgba(0,0,0,.2);
    width: 98%;
    top:12px;
    bottom: 0px;
    float:right;
    position:relative;
}
/* Filters */
#section-bloglisting   .filters > ul, 
#section-bloglisting-1 .filters > ul{
    display: inline-block;
    float: left;
}
#section-bloglisting   .filters > ul > li, 
#section-bloglisting-1 .filters > ul > li{
    display: inline-block;
    margin-right: 33px;
}
#section-bloglisting   .filters > ul > li.active a,
#section-bloglisting-1 .filters > ul > li.active a{
    color: #34ace1;
}
#section-bloglisting   .filters > ul > li a,
#section-bloglisting-1 .filters > ul > li a{
    font-family: "Raleway-Medium";
    font-size: 15px;
    color: #61727d;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#section-bloglisting   .filters > ul > li a:hover,
#section-bloglisting-1 .filters > ul > li a:hover{
    color: #34ace1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#section-bloglisting   .search-filter,
#section-bloglisting-1 .search-filter{
    float: right;
    display: inline-block;
    position: relative;
    top: -10px;
}
#section-bloglisting   .search-filter .search-query,
#section-bloglisting-1 .search-filter .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: "Raleway-Regular";
    font-size: 14px; /* Edited */
    font-style: italic;
    padding-left: 15px;
    color: #61727d;
    height: 42px;
    width: 262px;
    font-style: normal;
    background: transparent;
}
#section-bloglisting   .search-filter button,
#section-bloglisting-1 .search-filter button {
    border: 0;
    background: none;
    padding: 2px 5px;
    margin-top: -10px;
    position: absolute;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #34ace1;
    z-index: 9;
}
#section-bloglisting   .search-filter input:focus,
#section-bloglisting-1 .search-filter input:focus{
    border: 1px solid #34ace1 !important;
}
#section-bloglisting .search-filter .search-query:focus + button {
    z-index: 3;   
}

/* Blog Item */
#section-bloglisting .list-blogs{
    margin-top: 20px;
}
#section-bloglisting .list-blogs .blog-item1{
    background-color: #ffffff;
    padding: 27px;
    margin-bottom: 30px;
	box-shadow:4px 4px 38px 0px rgba(197,197,197,0.5);
}



#section-bloglisting .list-blogs .blog-item1:hover{
	
box-shadow:8px 8px 38px 0px rgba(197,197,197,0.8);
	
}
#section-bloglisting .list-blogs .blog-item1 .content{
    padding: 9px 150px 9px 15px;
    text-align: left;
}
#section-bloglisting .list-blogs .blog-item1 .media{
    padding: 0 27px 0 0;
}
#section-bloglisting .list-blogs .blog-item1 .media img{
    width: 100%;
}
#section-bloglisting .list-blogs .blog-item1 .content h1{
    font-family: "Raleway-Light";
    font-size: 22px;
    color: #283e56;
}
#section-bloglisting .list-blogs .blog-item1 .content p{
    font-family: "Raleway-Regular";
    font-size: 15px;
    color: #586a7e;
    line-height: 1.6;
}
#section-bloglisting .list-blogs .blog-item1 .content .btn-caret{
    margin: 12px 0 8px;
}
#section-bloglisting .list-blogs .blog-item1 .content .btn-caret i {
    left: -16px;
}
#section-bloglisting .list-blogs .blog-item1 .content hr{
    width: 278px;
    margin-left: 0;
}
#section-bloglisting .list-blogs .blog-item1 .content .date i{
    color: #1a99d5;
    margin-right: 8px;
}

/* Blog Item 1*/
#section-bloglisting-1 .list-blogs{
    margin-top: 20px;
}
#section-bloglisting-1 .list-blogs .blog-item1 img{
    object-fit: cover;
}
#section-bloglisting-1 .list-blogs .blog-item1 .content{
    background-color: #ffffff;
    padding: 11px 35px;
}
#section-bloglisting-1 .list-blogs .blog-item1 .content h5{
    font-family: "Raleway-Regular";
    font-size: 14px;
    color: #2a435f;
    position: relative;
    margin-bottom: 20px;
}
#section-bloglisting-1 .list-blogs .blog-item1 .content h5 i{
    color: #34ace1;
    font-size: 11px;
    margin-right: 10px;
}
#section-bloglisting-1 .list-blogs .blog-item1 .content h4{
    font-family: "Raleway-Light";
    font-size: 19px;
    color: #283e56;
    margin-bottom: 12px;
    line-height: 1.3;
}
#section-bloglisting-1 .list-blogs .blog-item1 .content p{
    font-family: "Raleway-Regular";
    font-size: 15px;
    color: #283e56;
    margin-bottom: 21px;
    line-height: 1.6;
}
#section-bloglisting-1 .list-blogs .blog-item1 .media{
    position: relative;
}
#section-bloglisting-1 .list-blogs .blog-item1 .overlay{
    background: rgba(0, 177, 255, 0.5);
    position: absolute;
    z-index: 99;
    height: 100%;
    padding: 20px;
}
#section-bloglisting-1 .list-blogs .blog-item1 .overlay span{
    display: block;
}
#section-bloglisting-1 .list-blogs .blog-item1 .overlay .month{
    font-family: "Raleway-Regular";
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    margin-top: 47px;
}
#section-bloglisting-1 .list-blogs .blog-item1 .overlay .date{
    font-family: "Raleway-Bold";
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 28px;
}
/*#section-bloglisting-1 .list-blogs .blog-item .overlay .date:before{
    content:"";
    border-bottom:1px solid #c9eeff;
    position:absolute;
    width:50%;
    left:0;
    right:0;
    top:65%;
    margin:0 auto;
}*/
#section-bloglisting-1 .list-blogs .blog-item1 .overlay .comments{
    font-family: "Raleway-Bold";
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}


.btn-caret1 {
    font-family: "Raleway-Regular";
    font-size: 11px;
    padding: 4px 16px 6px;
    background-color: transparent;
    border-color: #683691;
    border-radius: 0px;
    color: #283e56;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-caret1 i {
    font-size: 18px;
    color: #683691;
    position: relative;
    left: -17px;
    top: 2px;
}
.btn-caret1:hover, .btn-caret1:hover i{
    color: #ffffff;
    background-color: #683691;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

@media only screen and ( max-width: 991px ){
   
    #section-makeanappointment{
        position: relative;
        padding-bottom: 10px;
        text-align: center;
    }
    #section-makeanappointment .heading,
    #section-makeanappointment .phone-number,
    #section-makeanappointment .opening-hours{
        padding: 15px 0;
    }
    #section-makeanappointment-content form div {
        padding: 5px 0;
    }
    .services-list .service-block {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #section-3points{
        padding-bottom: 35px;
    }
    #section-testimonial{
        text-align: center;
    }
    #section-testimonial .right .img-quote{
        display: none;
    }
    #section-testimonial > .container > .row > .right {
        padding: 0 15px;
    }
    #section-testimonial > .container .row > .left {
        padding: 40px 15px;
    }
    #section-testimonial > .container .row > .left::after {
        display: none;
    }
    #section-testimonial .right #quote-carousel .carousel-indicators {
        margin-left: 0;
        position: relative;
        left: 0;
        right: 0;
    }
    #section-shop-home h3:before{
        top: 53px;
        z-index: 9;
    }
    #section-meetourdoctors h3:before,
    #section-doctordetails h3:before, 
    #section-latestnews h3:before{
        top: 43px;
        z-index: 9;
    }
    #section-bloglisting   > .row > div h3:before,
    #section-bloglisting-1 > .row > div h3:before,
    #section-timetable > .row > div h3:before,
    #section-blogpost > .row > div h3:before,
    #section-ourdepartments2 h3:before,
    #section-cardiaccare h3:before,
    #section-contactus h3:before {
        top: 35px;
        z-index: 9;
    }
    #section-testimonial-2 .item:before{
        left: 42%;
    }
    #section-testimonial-2 .item:after{
        right: 42%;
    }
    #section-doctordetails > .row > .left > img{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #section-doctordetails .time-line-item .year ul li:nth-child(1):before {
        right: 105px;
    }
    #section-doctordetails .time-line .time-line-item:nth-of-type(1) .year:before,
    #section-doctordetails .time-line .time-line-item:nth-of-type(n+2) .year:before{
        right: 40px !important;
    }
    #section-doctordetails .time-line-item .year::after, #section-doctordetails .time-line-item .year::after {
        right: 41px !important;
    }
    #section-doctordetails > .row > .right .content-right-section3 .section3-right {
        padding: 25px 0px 10px;
    }
    #section-offer-banner {
        text-align: center;
    }
    #section-offer-banner .text-1 {
        padding: 30px 0 70px;
    }
    #section-ourdepartments3 .left img{
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #section-ourdepartments3 .panel-default > .panel-heading+.panel-collapse > .panel-body {
        padding: 0px 20px 44px 100px;
    }
    #section-cardiaccare .left{
        padding: 0 15px;
    }
    #section-bloglisting   .search-filter .search-query,
    #section-bloglisting-1 .search-filter .search-query {
        width: 230px;
    }
    #section-bloglisting .list-blogs .blog-item1 .media{
        padding: 0;
    }
    #section-bloglisting .list-blogs .blog-item1 .content{
        padding: 9px 15px;
    }
    #section-bloglisting .list-blogs .owl-theme .owl-nav.disabled+.owl-dots {
        left: 0;
    }
    #section-bloglisting-1 .list-blogs .blog-item1 img{
        object-fit: cover;
        width: 100%;
        height: 280px;
    }
    #section-bloglisting-1 .list-blogs .blog-item1 .overlay .month {
        margin-top: 70px;
    }
    #section-blogpost .left {
        display: inline-block;
        text-align: center;
    }
    #section-blogpost .left .media {
        margin: 15px;
    }
    #section-blogpost .left .content hr {
        width: 96%;
    }
    #section-blogpost .left .content .social-links {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    #section-blogpost .right {
        padding-right: 15px;
    }
    #blogpost-commentsform .leave-comment,
    #blogpost-commentsform form > div.name,
    #blogpost-commentsform form > div.email {
        padding-right: 15px;
        padding-left: 15px;
    }
 
    /* End Custom Breakpoint [Navbar Collaps] */
}
.custom-pagination .pagination > li>a, 
.custom-pagination .pagination > li>span {
  
    font-family: "Lato-Normal";
    font-size: 15px;
    line-height: 1.3333333;
    border: none;
    margin-right: 7px;
	
}
.pagination > .active > a{
	background-color:#683691;
}


/*鏂伴椈鍐呴〉*/
.xwnytitle{
	text-align: center;
    padding-top: 2em ;
    font-size: 22px;
}
.xwnycontant{
	padding:4em 0;
}



/*浜у搧灞曠ず*/
.featured-section1{
    display: block;
    padding: 60px 0 80px;
}
.fenye{
	text-align:center;
	margin-top:3em;
}



/*浜у搧浼樺娍*/
.youshi1{
	box-shadow:8px 8px 38px 0px rgba(197,197,197,0.8);
	margin:60px 0;
	    padding: 2em 0;
}
.youshiwenzi{
	font-size:14px;
	margin-bottom:2em;
}
.youshiwenzi1{
    background: #683691;
    padding: 1em;
    color: #fff;
	font-size:16px;
    font-weight: 700;
}
.youshiwenzi3{
    background: #683691;
    padding: 1em;
    color: #fff;
	font-size:16px;
    font-weight: 700;
}
.youshiwenzi5{
    background: #683691;
    padding: 2em;
    color: #fff;
    font-weight: 700;
}
.youshiwenzi2{
    background: #F5F5F5;
    padding: 2em;
    color: #000;
    font-weight: 700;
}
.youshiwenzi4{
    background: #F5F5F5;
    padding: 2em;
    color: #000;
    font-weight: 700;
}
.youshiwenzi6{
    background: #F5F5F5;
    padding: 2em;
    color: #000;
    font-weight: 700;
}
.youshitubiao i{
	font-size:50px;
}

.youshitubiao{
	text-align:center;
	margin:4em 0;
}

/*鍚堜綔浼欎即*/
.hezuohuoban{
	padding:4em 0;
}
.hezuohuoban img{
	    border: 1px solid #683691;
		    margin-top: 2em;
}


.zaixianxiadan1{
		box-shadow:8px 8px 38px 0px rgba(197,197,197,0.8);
	margin: 6em 0;
    padding: 4em;
	background-color:#F7F7F7;

}

/*浜哄姏璧勬簮*/
.renliziyuan{
	padding:4em 0;
	
}
.map-w3pvt iframe {
    min-height: 33em;
    border: none;
    background: #e8eaec;
    padding: 0.4em;
    width: 100%;
}

.w3layouts_mail_grid_right label {
    font-size: 1em;
    color: #4f5152;
    font-weight: 600;
}

.w3pvt-contact-fm {
    background: #f8f9fa;
    padding: 3em 3em;
    border: 1px solid #ddd;
}

textarea.form-control {
    min-height: 7.7em;
}

p.con-para {
    font-size: 1.1em;
}

.sub-w3layouts {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #404248;
    font-size: 1.1em;
}

.w3layouts_mail_grid_right .read {
    width: 100%;
    padding: 0.85em 1.5em;
}


/*鑱旂郴鎴戜滑*/
.lianxiwomen{
	padding:4em 0;
}
.fuwurexian{
	text-align:center;
	padding:2em 0;
}
.fuwurexian img{
	text-align:center;
	margin:0px auto;
	width:30%;
}
.lianxiwomen p{
	font-size:14px;
	font-weight:600;
}

.pagination-style ul li{
	list-style:none;
	float:left;
	padding-left:1%;
}


/*棣栭〉浜у搧*/



.enhead a{
	font-size:13px!important;
}













/*鎵嬫満绔皟璇�*/

@media(max-width:768px){
	.navbar-default .navbar-collapse{
		border-color: transparent;
	}
	.service-section{
		    padding: 50px 0 50px;
	}
	.service-item i{
		font-size:50px;
	}
	.service-item h3{
		font-size:15px;
	}
	.featured-section{
		padding: 50px 0 50px;
	}
	.client-section{
		padding: 50px 0 50px;
	}
	.news-section{
		padding: 50px 0 50px;
	}
	.contact-section{
		padding: 50px 0 50px;
	}
	.footer img{
		width:22%!important;
	}
	.contact-section .left-content h3{
		    font-size: 16px;
	}
	.box13{
		    margin-bottom: 2em;
	}
	.blog_exclu3l{
		    padding: 2em 0;
	}
	.ab-content{
		    padding: 2em 0;
	}
	.bg-services{
		 padding: 2em 0;
	}
	.d-flex{
		padding:0px;
		    width: 28%;
	}
	.testimonials{
		padding: 2em 0;
	}
	.title-w3ls{
		    font-size: 1.5em;
	}
	.neiyebanner{
		height:250px;width:100%;
	}
	.neiyeabbanner{
		height:250px;width:100%;
	}
	.neiyenewbanner{
		height:250px;width:100%;
	}
	.neiyerzbanner{
		height:250px;width:100%;
	}
	.neiyelxbanner{
		height:250px;width:100%;
	}
	.neiyehzbanner{
		height:250px;width:100%;
	}
	.neiyeysbanner{
		height:250px;width:100%;
	}
	.neiyezxbanner{
		height:250px;width:100%;
	}
	
	
	.enneiyebanner{
		height:250px;width:100%;
	}
	.enneiyeabbanner{
		height:250px;width:100%;
	}
	.enneiyenewbanner{
		height:250px;width:100%;
	}
	.enneiyerzbanner{
		height:250px;width:100%;
	}
	.enneiyelxbanner{
		height:250px;width:100%;
	}
	.enneiyehzbanner{
		height:250px;width:100%;
	}
	.enneiyeysbanner{
		height:250px;width:100%;
	}
	.enneiyezxbanner{
		height:250px;width:100%;
	}
	.xwnytitle{
		    line-height: 1.5em;
		
    font-size: 18px;
	}
	.zaixianxiadan1{
	    padding: 2em 0;	
	}
	.fuwurexian img{
		width:40%;
	}
	.lianxiwomen{
		padding:1em;
	}
	.xwnycontant img{
		max-width:100%;
		height:auto;
	}
	.parBd h4:before{
		display:none;
	}
	.parBd h4:after{
		display:none;
	}
}




/*澶т簨璁皊tart*/
.event_box{margin:3% auto 0;position:relative;min-height:350px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#683691;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:25px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:6px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	


.ysxh{
	font-size: 16px;
    line-height: 3em;
}
.ysxhwz{
	margin-left:10%;
	padding:2em 0;
	    height: 130px;
}
.ysxh img{
	margin:0px auto;
	
}
.ysxhimg{
	margin:2em 0;
}
@media(max-width:768px){
	.ysxhwz{
		margin-left: 0%!important;
    padding: 2em 0;
    height: auto!important; 
	}
}
.ysxh1{
	font-size: 14px;
    line-height: 3em;
}
.ysxh1 img{
	margin:0px auto;
	
}
.ysxhwz1{
	margin-left:3%;
	padding:2em 0;
	    height: 130px;
}


/*棣栭〉banner*/
.carousel-indicators li {
  display: inline-block;
	height: 7px;
    width: 20px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(255, 255,255,1);
  border: 1px solid #fff;
  border-radius: 0px;
}
.carousel-indicators .active {
 display: inline-block;
	height: 7px;
    width: 20px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
 background: #683691;
  border: 1px solid #683691;
  border-radius: 0px;
}

/*瀵艰埅*/
.navbar-nav .active{
	background:#683691;
}
.navbar-nav .active a{
	color:#fff!important;
}
.navbar-default .navbar-nav > .active > a:hover{
	color:#fff!important;
}