@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,900,700italic,900italic);

body{
	overflow-x: hidden;
	font-family:  '微软雅黑','Open Sans', sans-serif;
}


section{
	padding: 80px 0;  
}


h2 span{
    
	font-weight: 700;
    color: #2BB0EF;
}

h2{
    font-family: '微软雅黑','Playfair Display', serif;
	position: relative;
	font-size: 25px; 
	font-weight: 300; 
	text-transform: uppercase; 
	margin-bottom: 100px; 
	word-spacing: 4px;
}

.p-0{
	padding: 0;
}

h2::before {
    color: #646464;
    content: "\e86b";
    display: block;
    font-family: "Linearicons-Free";
    font-size: 60px;
    left: 50%;
    opacity: 0.1;
    margin: 0 auto 0 -30px;
    position: absolute;
    top: -45px;
}

/*===============
    small menu
================*/
.small-menu{
    font-family: "Playfair Display",serif;
    background-color: #F2F2F2; 
    min-height: 35px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.1);    
}

.small-menu .list-inline{
    margin: 4px 0;
}

.info-link{
    margin-bottom: 0;
}

.social-link > li,
.info-link > li {    
    font-size: 11px; 
    padding-right: 20px;
    padding-left: 0;
    cursor: pointer;
}


.social-link > li > span,
.info-link > li > span{
    color: #555; 
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.8px; 
    word-spacing: 2px;
    margin-left: 6px;
}

.list-inline li:last-child{
    padding-right: 0 !important;
}

.social-link > li:first-child span{
    text-transform: lowercase;
}

.social-link > li > i.fa,
.info-link > li > i.fa {
    color: #2BB0EF;
    float: left;
    margin-top: 1px;
}

/* header */
.navigation{
    min-height: 55px;
}

.menu{
	background: #fff; 
}

.menu .navbar-nav > li > a {
    font-size: 13px;
    font-family: '微软雅黑','Playfair Display', serif;
	margin-bottom: 13px;
	margin-top: 13px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.navbar-default a.navbar-brand .lnr {
    float: left;
    font-size: 40px;
    margin-right: 5px;
    margin-top: -9px;
}

.navbar-default .navbar-brand span{
    color: #4C4C4C; 
    opacity: 0.5;
    
}
.navbar-default a:hover.navbar-brand{
    color: #2bb0ef;
}

.navbar-default a.navbar-brand {
    color: #2bb0ef;
    margin-right: 15px;
    font-weight: 700;
    font-size: 25px;
}

.navbar-default .navbar-nav > li.active,
.navbar-default .navbar-nav > li:hover{
    border-bottom: 2px solid #2bb0ef;
     margin-bottom: -1px;
}

.navbar-default .navbar-nav > li:hover::after,
.navbar-default .navbar-nav > li.active::after {
  bottom: 7px;
  color: #2bb0ef;
  content: "";
  display: block;
  font-family: '微软雅黑',"Linearicons-Free";
  height: 6px;
  left: 50%;
  margin-left: -6px;
  position: relative;
  top: auto;
  width: 6px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #999;
}

.navbar-default .navbar-nav  a, 
.navbar-default .navbar-nav a:focus, 
.navbar-default .navbar-nav a:hover {
  background-color: transparent;
  color: #999;
}

.btn{
	padding: 8px 15px;
	background: transparent; 
	color: #222; 
	font-size: 13px;
	border-color: #222; 
	border-radius: 0;
	box-shadow: none;
	text-transform: uppercase;
}

.btn-group:hover .btn:first-child{
	border-right-color: #fff; 
}

.btn-group:hover .btn:last-child{
	border-left-color: #fff; 
}

.btn-group:hover .btn{
	background-color: #222;
	color: #fff;
	border-color: #222;
	box-shadow: none;
}

.btn, .carousel-control{
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* home */
.home {
    min-height: 793px;
	padding: 12em 0;
	background: url("../images/app-link-img.png") no-repeat scroll 0 50px / cover, rgba(0, 0, 0, 0) linear-gradient(to left bottom, #ccc, #fcfcfc) repeat scroll 0 0;
}

.home{
	position: relative;
}

.home h1{
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 30px;
	font-family: '微软雅黑','Open Sans', sans-serif;
	font-weight: 900;
}

.home p{
    font-family: '微软雅黑', 'Playfair Display', serif;
	font-size: 15px;
	border-left: 2px solid #222;
	padding-left: 20px;
	margin-bottom: 30px; 
	line-height: 1.7;    
}

.carousel-control {
	background-color: transparent;
	border: 1px solid #222;
	bottom: 0;
	color: #222;
	font-size: 20px;
	height: 40px;
	left: 0;
	opacity: 1;
	position: absolute;
	text-align: center;
	text-shadow: none;
	top: 50%;
	width: 40px;
}

.carousel-control .lnr{
	color: #222;
	padding-top: 8px;
	display: block; 
}

.carousel-control.right{
	right: 3%;
}

.carousel-control.left{
	left: 3%;
}

.home .carousel-control:hover .lnr{
	color: #fff;
}

.carousel-control:hover.right,
.carousel-control:hover.left {
	background-color: #202020;
}

.carousel-control.right,
.carousel-control.left {
	background-image: none;
	background-repeat: no-repeat;
}

/* About */

.welcome{
	text-transform: uppercase;
	margin-top: 15px;; 
    color: #2BB0EF;
    font-family: '微软雅黑','Playfair Display', serif;
	font-weight: 400; 
	font-size: 13px;
}

.about h2{
	font-weight: bold; 
	margin-top: 10px; 
	margin-bottom: 20px;
}

.about h2::before{
    left: 0;
    margin-left: 0;
    top: -80px
}

p{
	font-size: 13px;
	margin-bottom: 20px;
	color: #777
}

.about .btn{
	margin-top: 10px;
}

.welcome-img{
	n-webkit-box-shadow: -5 -5px 0 0 #2bb0ef;
	bbox-shadow: -25px -25px 0 0 #2bb0ef;
	ppadding-top: 20px;
	ppadding-left: 20px;
}

.site-info .info{
	display: inline;
}
	
.site-info .info {
  background-color: #2b8ecf;
  border: 4px solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  height: 50px;
  margin-bottom: 45px;
  margin-left: 5px;
  margin-right: 30px;
  position: relative;
  transform: rotate(45deg);
  width: 50px;
}

.site-info .lnr {
	color: #fff;
	font-size: 13px;
	padding-left: 8px;
	padding-top: 22px;
	position: absolute;
	text-align: center;
	transform: rotate(-45deg);
}

.site-info p{
    font-family: '微软雅黑','Playfair Display', serif;
	font-size: 15px; 
}

.row-top{
	padding-top: 60px;
}

.site-info span{
	font-size: 25px;  
}

/* doctors */
.doctor{
	background-color: #f5f5f5;
}

.doctor-content{
	float: right;
	background-color: #fff; 
	padding: 50px 30px;
	z-index: 5;
    min-height: 370px;
}

.doctor-content .img-box{
	-ms-transform: translate(-50px,30px);
    -webkit-transform: translate(-50px,30px);
    transform: translate(-50px,30px);
}

.count{
	position: relative;
	width: 40px; 
	height: 40px; 
	border-radius: 2px;
	display: inline-block;
	background-color: #202020; 
	transform: rotate(45deg);
	margin-left: 10px;
	margin-right: 10px;		
}

.count .lnr {
	color: #fff;
	font-size: 18px;
	padding: 0 20px 50px 8px;
	position: absolute;
	text-align: center;
	transform: rotate(-45deg);
}

.doctor .list-inline{
	margin-bottom: 30px;
}
	
.doctor strong{
	color: #222;
	font-size: 18px; 
	font-weight: 400;
	margin-bottom: 15px; 
	display: block; 
}

/* services */
.service{
	padding: 0;
}

.service-content{
	position: relative;
	padding: 60px 30px;
}

.service-content strong{
	position: relative;
}

.service-content .dash-left{
	padding-right: 20px;
}

.service-content .dash-right{
	padding-left: 20px;
}

.service-content .dash-left::after {
	background-color: #222;
	content: "";
	height: 2px;
	right: 0;
	position: absolute;
	top: 10px;
	width: 15px;
	text-align: center;
}

.service-content .dash-right::before {
	background-color: #222;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 15px;
	text-align: center;
}

.service .media-left,
.service .media-right{
	padding-top: 15px;
}

.service .count{
	background-color: #2bb0ef;
}

.service .media-left .count .lnr{
	padding: 15px 10px 5px;
	font-size: 15px;
}

.service .media-right .count .lnr{
	font-size: 15px;
    padding: 0 5px 90px;
}

.service .media-body strong {
    color: #2bb0ef;
    display: block;
    font-family: '微软雅黑',"Playfair Display",serif;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.service .media-body p{
	margin-bottom: 15px;
}

/* doctor */
.doc-social .fa {
	border: 1px solid #ccc;
	border-radius: 50%;
	font-size: 12px;
	height: 30px;
	padding-top: 9px;
	text-align: center;
	width: 30px;
    cursor: pointer;
}

.doc-social .fa:hover{
	background-color: #2bb0ef;
	border-color: #2bb0ef;
	color: #fff;
}

.sub-tag{
	position: relative;
}

.sub-tag .dash-right{
	padding-left: 20px;
}

.sub-tag .dash-right::before {
	background-color: #222;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 15px;
	text-align: center;
}

/* specialize in */

.info-color{
    background-color: #2BB0EF;
}

.info-area{
    border-right: 1px solid #fff;
}

.info-area > div{
    color: #fff; padding: 20px 5px;
}

.info-area h4{
    display: inline; 
    font-size: 25px; 
    font-weight: 700;
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    line-height: 0; 
    padding-right: 10px
}

.info-area h3 {
    display: inline;
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
    text-transform: uppercase;
}

.info-area h3 .lnr{
    margin-right: 10px; 
    font-size: 21px;
}

/* specialize in */

.specialize-box{
    margin-bottom: 40px;
}

.image-box.media-left {
    padding-right: 25px;
}

.image-box > div{
    position: relative;
    width: 50px; 
    height: 50px; 
    background: #2BB0EF;
    padding-top: 8px
}

.image-box > div::before {
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    content: "";
    display: inline-block;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 1000;
}

.specialize-box p{
    font-size: 15px; 
    line-height: 27px;
    margin-bottom: 10px;
}

.specialize-box .btn-link{
    font-weight: 600; 
    font-size: 14px;
}

.specialize-box h3{
    font-family:'微软雅黑', "Playfair Display",serif;
    font-weight: 600; 
    margin-bottom: 15px; 
    color: #666; 
    margin-top: 0; 
    font-size: 23px;
}

/* call to action */

.call-to-action{
    padding-bottom: 0;
    padding-top: 0;
    background-color: #2BB0EF;
}

.action-bg{
    background-color: #2BB0EF;
}

.btn-col{
    padding-top: 35px;
    padding-bottom: 35px;
}

.text-col{
    border-left: 1px solid rgba(255, 255, 255, 1);
    padding-top: 35px;
    padding-bottom: 35px;
}

.btn-action{
    position: relative;
    background-color: transparent;
    font-size: 14px;
    color: #fff; 
    border: 2px solid #fff;
    font-weight: 700;
    padding: 13px 25px;
    box-shadow: none;
    margin-top: 17px;
}

.btn-action::after {
    border-left: 20px solid transparent;
    border-top: 20px solid #fff;
    content: "";
    display: inline-block;
    opacity: 1;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 1000;
}

.btn-action:hover{
    color: #fff;
    border: 2px solid transparent;
    background-color: #E8005B;
}

.action-text{
    padding-left: 15px;
}

.action-text p {
    font-weight: 300; 
    color: #f8f8f8;
    font-size: 18px;
    margin-bottom: 0;  
}

.action-text h2 {
    color: #fff;
    font-family: inherit;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 0;
    text-transform: capitalize;
}

/* feature box */

.feature-bg {
    padding: 0;
  background: url("../images/feature-box.jpg") no-repeat scroll 0 0 / cover , rgba(0, 0, 0, 0) linear-gradient(to left bottom, #2BB0EF, #2BB0EF) repeat scroll 0 0;
}

.feature-bg > .feature-item.dark-blue {
    background-color: rgba(63, 108, 166, 0.9);
}

.feature-item {
    background-color: rgba(43, 176, 239, 0.9);
    color: #fff;
    min-height: 270px;
    padding: 40px 35px 10px 35px;
}
    
.feature-item h3 > span {
    position: relative;
    margin-top: -10px;
    background-color: #fff;
    color: #888;
    display: inline-block;
    float: left;
    font-size: 23px;
    height: 45px;
    margin-right: 25px;
    padding-top: 10px;
    text-align: center;
    width: 45px;
}

.feature-item h3 > span::before {
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    content: "";
    display: inline-block;
    margin-top: -7px;
    opacity: 1;
    position: absolute;
    right: -7px;
    top: 22px;
    transform: rotate(-45deg);
    z-index: 1000;
}

.feature-item h3{
    font-weight: 600;
    font-size: 25px; 
    margin-top: 0;
    margin-bottom: 20px;
}

.feature-item .btn{
    border: 2px solid #fff; 
    color: #fff; 
    border-radius: 20px;
    font-weight: 600;
    font-size: 12px;
}

.feature-item p{
    color: #fff;
    font-weight: 400;
    font-size: 16px; 
    line-height: 30px;
}

.schedule.list-unstyled li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 7px;
}

.schedule.list-unstyled li span:last-child{
    float: right;
}

/* pricing */
.pricing .caption{
	position: relative;
	margin: 0 auto;
}

.pricing .btn{
	position: absolute;
	top: -20px;
	right: 110px;
	padding: 8px 25px; 
	color: #fff;
	box-shadow: none; 
	
}

.pricing .btn {
    transform: skewX(-20deg);
	box-shadow: none;
	color: #fff;
	padding: 8px 45px;
	position: absolute;
	right: 53px;
	left: 53px;
	top: -20px;
	font-weight: bold;
	border-color: #2bb0ef;
	background-color: #2bb0ef;
}

.single-pricing{
	padding: 0;
	border-radius: 0;
	border-color: rgba(241, 241, 241, 0.9);
    margin-bottom: 50px;
}

.get-started.hover{
    display: none;
}

.single-pricing:hover .get-started.hover{
    display: block;
}

.get-started{
	position: relative;
}

.get-started span{
	background-color: #2bb0ef;
	position: absolute; 
	left: -1px;
	right: -1px;
    cursor: pointer;
	padding: 15px 20px; 
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}

ul.price-list{
	list-style: none;
	margin: 35px 0 10px;
	padding: 0;
}

ul.price-list li .fa{
	margin-right: 10px;
}

ul.price-list li .fa-check{
	color: #2bb0ef;
}

ul.price-list li .fa-times{
	color: #eb4848;
}

span.money{
	font-size: 45px;
	font-weight: 700;
}

span.money sup{
	font-weight: 200;
}

ul.price-list li {
	color: #999;
	font-size: 13px;
	padding: 5px 30px;
	text-align: left;
}

/* medimax info */
.medimax-info{
	background-color: #fcfcfc;
}

.chart{
	position: relative;
	display: inline-block; 
	text-align: center;
}

.chart .percent{
	position: absolute; 
	top: 50px; 
	text-align: center;
	left: 45px; 
	font-size: 20px;
	font-weight: 600; 
	color: #2bb0ef;
}

.pie-title {
  font-style: italic;
  margin-bottom: 10px;
  margin-top: 20px;
  letter-spacing: 1px;
}

/* Appointment */
.appointment .well-lg{
	background-color: rgba(255, 255, 255, 0.8); 
	box-shadow: none;
	border-radius: 0; 
	border: 0; 
	margin: 80px 50px
}

.appointment{
	padding: 0;
}

.appoint-form{
	padding: 50px 50px;
}

.form-control::-moz-placeholder{
	color: #222;
	font-size: 14px;
	font-weight: 400;
}

.appoint-form .form-control{
	border-radius: 0; 
	font-size: 14px;
	box-shadow: none;
	border: 0; 
	border-bottom: 1px solid #222; 
	color: #222;
}

.appoint-form .btn-group{
	padding-top: 30px;
	margin: 0 auto;
}

.doctor-qoute .fa-quote-right{
	background-color: #2bb0ef;
	color: #fff; 
	font-size: 20px;
	padding: 20px;
	border-radius: 50%; 
	margin-bottom: 20px;
}

.doctor-qoute p{
	line-height: 1.7;
	color: #222;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
}

.doctor-qoute{
	background: url("../images/appointment-2.jpg") no-repeat scroll 0 0 / cover, rgba(0, 0, 0, 0) linear-gradient(to left bottom, #ccc, #fcfcfc) repeat scroll 0 0;
}

.doctor-qoute span{
	font-weight: 600;
	font-size: 20px; 
	color: #2bb0ef; 
	margin-bottom: 10px; 
	display: block;
}

.doctor-qoute strong{
	font-weight: 600; 
	font-size: 18px;
	color: #222; 
	margin-bottom: 5px; 
	display: block;    
}

.doc-tag{
	font-size: 13px;
	font-weight: 400;
	color: #555
}

.doctor-qoute .carousel-control.right{
	right: 4.5%;
}

.doctor-qoute .carousel-control.left{
	left: 4.5%;
}

.doctor-qoute .carousel-control .lnr{
	color: #fff;
}

.doctor-qoute .carousel-control.right,
.doctor-qoute .carousel-control.left {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #202020;
	color: #fff;
}

/* blog */

.ribbon {
    margin-right: 10px;
    float: left;
}

.ribbon {
    display: block;
    width: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    font-family: '微软雅黑', arial, sans-serif;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.ribbon:before {
    display: block;
    width: 50px;
    height: 0;
    position: absolute;
    top: 0;
    content: "";
}

.ribbon:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    position: relative;
    bottom: -25px;
    z-index: 100;
    border-width: 0 25px 25px 25px;
    border-style: solid;
}

.ribbon.blue {
    background-color: #17a1d0;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#32bae8), to(#17a1d0));
    background-image: -moz-linear-gradient(top, #32bae8, #17a1d0);
    background-image: -ms-linear-gradient(top, #32bae8, #17a1d0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32bae8), color-stop(100%, #17a1d0));
    background-image: -webkit-linear-gradient(top, #32bae8, #17a1d0);
    background-image: -o-linear-gradient(top, #32bae8, #17a1d0);
    background-image: linear-gradient(top, #32bae8, #17a1d0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32bae8', endColorstr='#17a1d0', GradientType=0);
}
.ribbon.blue:after {
    border-color: #17a1d0 #17a1d0 transparent #17a1d0;
}

.ribbon .lnr{
	padding-top: 20px; 
	display: block;
}

.blog{
	background-color: #f8f8f8;
}

.single-post{
	border: 0; 
	padding: 0;
}

.single-post .caption{
	padding: 20px;
}

.single-post img{
	width: 100%;
}
.single-post .list-inline {
 	border-bottom: 1px solid rgba(248, 248, 248, 1);
	padding-bottom: 15px;
}

.single-post .list-inline li{
	color: #999; 
	font-size: 12px;
	font-style: oblique; 
	font-weight: 400; 
	cursor: pointer;
}

.single-post .list-inline li .lnr{
	margin-right: 5px;
	color: #2bb0ef;
}

.single-post p{
	font-weight: 300;
}

.single-post h3{
    font-family: '微软雅黑', 'Playfair Display', serif;
	font-weight: 300;
	color: #202020;
	margin-top: 10px; 
	margin-bottom: 10px;
}

.s-p-img{
	position: relative;
}

.ribbon .lnr{
	font-size: 25px
}

.ribbon{
	font-size: 16px; 
	position: absolute;
	top: 0;
	left: 15px;
}

/* contact */
.contact{
	padding: 0;
}

.contact iframe{
	border: 0;
	margin-bottom: -5px;
}

.get-in-touch{
	margin-top: 40px;
}

.contact-form{
	padding: 0 30px;
}

.contact-form .form-control{
	box-shadow: none; 
	border-radius: 0;
	font-size: 14px; 
	margin-bottom: 12px;
}

.contact-form .btn{
	margin-top: 20px;
}

/* footer */
.footer{
	background-color: #191919;
	padding: 50px 0;
}

.footer-box{
	box-shadow: none; 
	border-radius: 0;
	background-color: transparent; 
	border-color: #fcfcfc;
    min-height: 185px;
}

.footer-box .schedule.list-unstyled li {
    color: #999;
    font-size: 14px;
    margin-bottom: 5px;
}

.footer-box strong .lnr{
    float: left;
	color: #2bb0ef;
	font-size: 30px;
	line-height: 20px;
	margin-right: 10px;
}

.footer-box strong {
    font-family: '微软雅黑', 'Playfair Display', serif;
	color: #fff;
	display: block;
	font-size: 19px;
	font-weight: 500;
	margin-bottom: 15px;
}

.footer-box p{
    font-size: 14px;
	margin-bottom: 0;
    color: #999;
}

.contact-box p{
    margin-bottom: 5px;
}

.service-box li{
    color: #999;
    position: relative;
    padding-left: 25px;
}

.service-box li:before{
    content: '';
    background-color: #999;
    position: absolute;
    display: block;
    width: 10px;
    height: 1px;
    top: 10px;
    left: 0;    
}



/* footer2 */
.footer2{
	background-color: #101010;
}

.footer2 p {
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-top: 20px;
  text-align: center;
  text-transform: capitalize;
  word-spacing: 1px;
}

.footer2 p a{
	color: #fff;
	text-decoration: none;
}