/*���˴����ѻ���,����Դ���롣Դ���ַΨһ����: http://www.bootstrapmb.com/item/7605��(���˵��������ʾ��ῴ��,���ص�Դ����û�С�)*//*-----------------------------------------------------------------------------------    Template Name: MEDICAL     ����ģ�壺http://www.bootstrapmb.com/    Version: 1.0-----------------------------------------------------------------------------------    CSS INDEX    ===================    01. COMMON css     02. HEADER css     03. HERO css    04. ABOUT css    05. SERVICE css    06. VIDEO css    07. TEAM css    08. CONTACT css    09. TESTIMONIAL css     10. PORTFOLIO css    11. BLOG css    12. INVITE css    13. FOOTER css    14. BREADCRUMB css    15.BLOG css    16. SINGLE-BLOG css    17. CONTACT-PAGE css    18. PORTFOLIO-PAGE css    19. SERVICE-PAGE css    20. ABOUT-PAGE css    21. TEAM-DETAILS css    22. SERVICE-DETAILS css-----------------------------------------------------------------------------------*//*===========================    1. COMMON css ===========================*/@import url('https://fonts.googleapis.com/css?family=Poppins:500,600,700|Rubik:400,500&display=swap');body {  font-family: 'Rubik', sans-serif;    font-weight: normal;    font-style: normal;    color: #5f5f5f;    font-size: 14px;}* {    margin: 0;    padding: 0;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}img {    max-width: 100%;}a:focus,input:focus,textarea:focus,button:focus {    text-decoration: none;    outline: none;}a:focus,a:hover {    text-decoration: none;}i,span,a {    display: inline-block;}h1,h2,h3,h4,h5,h6 {    font-family: 'Poppins', sans-serif;    font-weight: 700;    color: #42495b;    margin: 0px;}h1 {    font-size: 60px;}h2 {    font-size: 36px;}h3 {    font-size: 26px;}h4 {    font-size: 24px;}h5 {    font-size: 18px;}h6 {    font-size: 14px;}ul,ol {    margin: 0px;    padding: 0px;    list-style-type: none;}p {    font-size: 14px;    font-weight: 400;    line-height: 24px;    color: #5f5f5f;    margin: 0px;}/* main-btn css */.btn {    font-size: 14px;    text-transform: uppercase;    letter-spacing: 2px;    font-weight: 500;    background: #0080ff;    border-radius: 0;    padding: 25px 50px;    color: #fff;    padding-bottom: 22px;    transition: .6s ease-in-out;    border: 1px solid transparent;  }  .btn:hover {    background: transparent;    border: 1px solid #0080ff;    color: #0080ff;  }/*----------------------------------------   preloader----------------------------------------*/#loading {  background-color: #0080ff;  height: 100%;  width: 100%;  position: fixed;  z-index: 99;  margin-top: 0px;  top: 0px;}#loading-center {  width: 100%;  height: 100%;  position: relative;}#loading-center-absolute {  position: absolute;  left: 50%;  top: 50%;  height: 20px;  width: 140px;  margin-top: -10px;  margin-left: -70px;  -webkit-animation: loading-center-absolute 1s infinite;  animation: loading-center-absolute 1s infinite;}.object {  width: 20px;  height: 20px;  background-color: #FFF;  float: left;  -moz-border-radius: 50% 50% 50% 50%;  -webkit-border-radius: 50% 50% 50% 50%;  border-radius: 50% 50% 50% 50%;  margin-right: 20px;  margin-bottom: 20px;}.object:last-child {  margin-right: 0px;}#object_one {  -webkit-animation: object_one 1s infinite;  animation: object_one 1s infinite;}#object_two {  -webkit-animation: object_two 1s infinite;  animation: object_two 1s infinite;}#object_three {  -webkit-animation: object_three 1s infinite;  animation: object_three 1s infinite;}#object_four {  -webkit-animation: object_four 1s infinite;  animation: object_four 1s infinite;}@-webkit-keyframes loading-center-absolute {  100% {      -ms-transform: rotate(360deg);      -webkit-transform: rotate(360deg);      transform: rotate(360deg);  }}@keyframes loading-center-absolute {  100% {      -ms-transform: rotate(360deg);      -webkit-transform: rotate(360deg);      transform: rotate(360deg);  }}@-webkit-keyframes object_one {  50% {      -ms-transform: translate(20px, 20px);      -webkit-transform: translate(20px, 20px);      transform: translate(20px, 20px);  }}@keyframes object_one {  50% {      -ms-transform: translate(20px, 20px);      -webkit-transform: translate(20px, 20px);      transform: translate(20px, 20px);  }}@-webkit-keyframes object_two {  50% {      -ms-transform: translate(-20px, 20px);      -webkit-transform: translate(-20px, 20px);      transform: translate(-20px, 20px);  }}@keyframes object_two {  50% {      -ms-transform: translate(-20px, 20px);      -webkit-transform: translate(-20px, 20px);      transform: translate(-20px, 20px);  }}@-webkit-keyframes object_three {  50% {      -ms-transform: translate(20px, -20px);      -webkit-transform: translate(20px, -20px);      transform: translate(20px, -20px);  }}@keyframes object_three {  50% {      -ms-transform: translate(20px, -20px);      -webkit-transform: translate(20px, -20px);      transform: translate(20px, -20px);  }}@-webkit-keyframes object_four {  50% {      -ms-transform: translate(-20px, -20px);      -webkit-transform: translate(-20px, -20px);      transform: translate(-20px, -20px);  }}@keyframes object_four {  50% {      -ms-transform: translate(-20px, -20px);      -webkit-transform: translate(-20px, -20px);      transform: translate(-20px, -20px);  }}/* BACK-TO-TOP css  */#button {	display: inline-block;	background-color: #0080ff;	width: 50px;	height: 50px;	text-align: center;	border-radius: 4px;	position: fixed;	bottom: 45px;	right: 30px;	transition: background-color .3s, opacity .5s, visibility .5s;	opacity: 0;	visibility: hidden;	z-index: 1000;	line-height: 50px;	color: #fff;}#button:hover {  cursor: pointer;  background-color: #333;}#button:active {  background-color: #555;}#button.show {  opacity: 1;  visibility: visible;}/* overlay-search css */.overlay-search {	position: fixed;	width: 100%;	height: 100%;	top: 0;	left: -100%;	background: #0080ff;	z-index: 99;	display: flex;	align-items: center;	justify-content: center;	transition: .8s ease-in-out;	-webkit-transition: .8s ease-in-out;	-moz-transition: .8s ease-in-out;	-ms-transition: .8s ease-in-out;	-o-transition: .8s ease-in-out;}.overlay-search.active {	left: 0;}.overlay-search form input {  width: 400px;  height: 70px;  padding-left: 20px;}.overlay-search {  text-transform: uppercase;}.overlay-search form input::placeholder {  text-transform: uppercase;  font-weight: 500;  color: #333;  font-size: 12px;}.overlay-search span {  position: absolute;  right: 20px;  top: 50px;  transform: translateY(-50%);  color: #fff;  font-size: 25px;  padding-left: 20px;  display: block;  cursor: pointer;}.overlay-search form {  position: relative;  z-index: 1;}.overlay-search form i {  position: absolute;  right: 20px;  top: 50%;  transform: translateY(-50%);  color: #999;}/*===========================    02. HEADER css ===========================*/header {	z-index: 8;	position: relative;}.top-header-area span i {    color: #0080ff;    padding-right: 8px;  }  .top-header-area span {    padding-right: 20px;    padding-top: 23px;    color: #8f8bb8;  }/* MAIN-MENU CSS */.menu-area {    justify-content: flex-end;  }  .main-menu ul li {    display: inline-block;    position: relative;    z-index: 1;  }  .main-menu ul li a {	display: block;	color: #8f8bb8;	font-size: 14px;	text-transform: uppercase;	font-weight: 500;	padding: 40px 0;	padding-left: 40px;	transition: .3s ease-in-out;}.main-menu ul li >a:hover {	color: #333;}/* DROPE-DOWN-MENU CSS */.main-menu ul li ul.dropdown {	position: absolute;	width: 200px;	background: #fff;	top: 130%;	left: 00;	border-bottom: 2px solid #2391ff;	transition: .3s ease-in-out;	visibility: hidden;	opacity: 0;}.main-menu ul li:hover >ul.dropdown{  visibility: visible;  opacity: 1;  top: 100%;}.main-menu ul li ul.dropdown li a, .bottom-header-area.sticky .main-menu ul li ul.dropdown li a {  padding: 10px;  display: block;  font-size: 13px;}.main-menu ul li ul.dropdown li, .bottom-header-area.sticky .main-menu ul li ul.dropdown li {  display: block;}.main-menu ul li ul.dropdown li:hover a, .bottom-header-area.sticky .main-menu ul li ul.dropdown li:hover a {  background: #2391ff;  color: #fff;}/* header search css */.header-search {	margin: 0 40px;	padding-top: 40px;}  .header-search span {    color: #8f8bb8;  }  .countries ul li img {    padding-right: 10px;  }  .countries ul li a {    text-transform: uppercase;    color: #070a22;  }  .countries ul li a i {    padding-left: 4px;  }  .countries ul li {	position: relative;}  .countries ul li ul.sub-contries {    position: absolute;    top: 0;    left: -89%;    width: 200px;    content: '';    z-index: 5;    background: #fff;    padding: 10px;    visibility: hidden;    opacity: 0;    transition: .3s ease-in-out;  }  .countries ul li ul.sub-contries li {    padding-top: 10px;  }  .countries ul:hover li ul.sub-contries {	visibility: visible;	opacity: 1;}.logo {	padding-top: 27px;}.countries {	padding-top: 25px;}span.search {	cursor: pointer;}.bottom-header-area.sticky {	position: fixed;	width: 100%;	z-index: 98;	top: 0;	background: #fff;  transition: .3s ease-in-out;  border-bottom: 2px solid #0080ff;}.bottom-header-area.sticky  .main-menu ul li a{  padding: 30px 0;  font-size: 14px;  padding-left: 40px;}.bottom-header-area.sticky .logo {	padding-top: 15px;}.bottom-header-area.sticky .header-search {	margin: 0 40px;	padding-top: 30px;}.bottom-header-area.sticky .countries {	padding-top: 15px;}#mobile-menu-wrapp{  display: none;}/*===========================    03. HERO css ===========================*/.hero-bg-1{  background: url(../images/hero/1.jpg);  background-color: #ddd;}.hero-bg-2{  background: url(../images/hero/2.jpg);  background-color: #ddd;}.single-hero-area {    position: relative;    z-index: 1;    background-position: center center;    background-size: cover;    padding: 220px 0;  }  .hero-area-content h1 {    font-size: 95px;    color: #fff;    margin-bottom: 20px;  }  .hero-area-content p {    font-size: 24px;    color: #fff;    font-weight: 500;  }  .hero-area-content p span {    padding-right: 30px;    padding-bottom: 20px;  }  .hero-area-content p span i {    padding-right: 5px;  }  .btn.hero-btn:hover {    background: #fff;    color: #0080ff;    border-color: transparent;  }  .btn.hero-white-btn {    color: #0080ff;    background: #fff;    border-color: transparent;    margin-left: 30px;    margin-top: 20px;  }  .btn.hero-white-btn:hover {    background: #0080ff;    color: #fff;  }  .btn.hero-btn {    margin-top: 21px;  }  .single-hero-area:before {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;    content: '';    background: -moz-linear-gradient(left,  rgba(10,36,105,1) 47%, rgba(255,255,255,0) 100%);    background: -webkit-linear-gradient(left,  rgba(10,36,105,1) 47%,rgba(255,255,255,0) 100%);    background: linear-gradient(to right,  rgba(10,36,105,1) 47%,rgba(255,255,255,0) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2469', endColorstr='#00ffffff',GradientType=1 );    z-index: -1;    opacity: .6;  }  .hero-area-carousel.hero-carousel-active .slick-arrow {    position: absolute;    top: 50%;    transform: translateY(-50%);    height: 50px;    width: 50px;    text-align: center;    line-height: 50px;    border-radius: 50%;    background: #fff;    color: #0080ff;    font-size: 20px;    transition: all 0.3s ease-out 0s;    cursor: pointer;    z-index: 2;    visibility: hidden;    opacity: 0;}.hero-area:hover .hero-area-carousel.hero-carousel-active .slick-arrow{  visibility: visible;  opacity: 1;}  .hero-area-carousel.hero-carousel-active .slick-arrow:hover {    background: #0080ff;    color: #fff;    visibility: visible;    opacity: 1;}.hero-area-carousel.hero-carousel-active .slick-arrow.prev {	left: 0px;}.hero-area:hover .hero-area-carousel.hero-carousel-active .slick-arrow.prev{  left: 30px;}.hero-area-carousel.hero-carousel-active .slick-arrow.next {  right: 0px;}.hero-area:hover .hero-area-carousel.hero-carousel-active .slick-arrow.next{  right: 30px;}/*===========================    04. ABOUT css ===========================*/.about-img:before{    background: url(../images/about-bg.png);}.about-img {	position: relative;	z-index: 1;}.about-img {    position: relative;    z-index: 1;  }  .about-img:before {    position: absolute;    width: 720px;    height: 573px;    left: -169px;    top: 15px;    content: '';    background-repeat: no-repeat;    z-index: -1;  }  .about-img img {    margin-top: 115px;    margin-left: -50px;  }  .experince-absolute-box {    position: absolute;    top: 40px;    left: -110px;    z-index: 5;    background: #0080ff;    text-align: center;    width: 180px;    height: 180px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    border-radius: 50%;  }  .experince-absolute-box::before {    position: absolute;    width: 20%;    height: 20%;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    content: '';    border: 2px solid #2391ff;    border-radius: 50%;    z-index: -1;}  .experince-absolute-box h1 {    font-size: 50px;    color: #fff;    font-weight: 400;  }  .experince-absolute-box p {    color: #fff;    font-size: 24px;  }  .about-projects ul li {    display: inline-block;    margin-right: 70px;  }  .about-projects ul li h1 {    font-size: 40px;    color: #0080ff;    margin-bottom: 0px;  }  .about-projects ul li p {    font-size: 20px;  }  .about-projects ul li:last-child {    margin-right: 0;  }  .about-projects ul li {    display: inline-block;    margin-right: 70px;  }  .about-projects ul li h1 {    font-size: 40px;    color: #0080ff;    margin-bottom: 0px;  }  .about-projects ul li p {    font-size: 20px;  }  .about-projects ul li:last-child {    margin-right: 0;  }  .brake-line {    height: 3px;    width: 100%;    background: #afd7ff;    margin: 30px 0;    margin-top: 45px;  } .about-contents .section-title h1 {    margin-bottom: 35px;  }/*===========================    05. SERVICE css ===========================*/.service-img {  overflow: hidden;}.service-img img {  width: 100%;  transition: .8s ease-in-out;  height: 100%;}.service-img:hover img {  transform: scale(1.1);}.service-content {  position: relative;  z-index: 1;}.absolute-service-icon {  position: absolute;  top: 0;  left: 50%;  transform: translateX(-50%);  width: 80px;  height: 80px;  background: #0080ff;  line-height: 80px;  font-size: 25px;  border-radius: 50%;  margin-top: -40px;  color: #fff;}.service-content h3 {  padding-top: 70px;  padding-bottom: 20px;}.service-content p {  padding: 0 30px;  padding-bottom: 20px;}.service-boxed-btn {  display: block;  background: #ddd;  padding: 25px 0;  background: #d6eaff;  color: #0080ff;  text-transform: uppercase;  font-weight: 500;  letter-spacing: 2px;  transition: .3s ease-in-out;}.service-boxed-btn i {  padding-left: 3px;  transition: .3s ease-in-out;}.service-boxed-btn:hover i {  padding-left: 10px;}.service-boxed-btn:hover {  background: #0080ff;  color: #fff;}.single-service-box {  transition: .5s ease-in-out;}.single-service-box:hover {  box-shadow: 0 10px 30px #b1d8ff;}.section-title.service-title {  position: relative;  z-index: 1;}.absolute-section-heading {  position: absolute;  z-index: -1;  left: -14%;  top: -69%;}.absolute-section-heading h1 {  font-size: 150px;  color: #ddd;  text-transform: uppercase;  -webkit-text-stroke-width: 2px;  -webkit-text-stroke-color: #dbebff;  color: transparent;}.section-title.service-title h1 {  z-index: 2;}/*===========================    06. VIDEO css ===========================*/.video-bg{  background: url(../images/video-bg.jpg);  background-color: #ddd;}.video-heading-one {  font-size: 40px;  color: #fff;}.video-area {  background-position: center center;  background-size: cover;  background-attachment: fixed;  position: relative;  z-index: 1;}.video-area:before {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  content: '';  background: -moz-linear-gradient(left,  rgba(10,36,105,1) 78%, rgba(10,36,105,0.95) 79%, rgba(255,255,255,0) 100%);  background: -webkit-linear-gradient(left,  rgba(10,36,105,1) 78%,rgba(10,36,105,0.95) 79%,rgba(255,255,255,0) 100%);  background: linear-gradient(to right,  rgba(10,36,105,1) 78%,rgba(10,36,105,0.95) 79%,rgba(255,255,255,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2469', endColorstr='#00ffffff',GradientType=1 );  z-index: -1;  opacity: .6;}.video-heading-two {  font-size: 60px;  color: #fff;  padding: 30px 0;}.video-area h4 {  font-size: 24px;  color: #fff;}.video-popup-btn {  width: 100%;  height: 100%;  align-items: center;  justify-content: flex-end;  display: flex;}.video-popup-btn a {  margin-right: 50px;  width: 115px;  height: 115px;  line-height: 115px;  background: #0080ff;  color: #fff;  text-align: center;  font-size: 25px;  border-radius: 50%;  position: relative;}.video-popup-btn a::before{  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  content: '';  box-shadow: 0 0 0 #fff;  animation: cubic-bezier(0.66, .77, 0.88, 0.99);  -webkit-animation: cubic-bezier(0.66, .77, 0.88, 0.99);  animation-name: video-animation;  animation-duration: 4s;  animation-iteration-count: infinite;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  -ms-border-radius: 50%;  -o-border-radius: 50%;}@keyframes video-animation{  0%{    box-shadow: 0 0 5px #fff;    opacity: 1;  }  50%{    box-shadow: 0 0 25px #fff;    opacity: .5;  }  50%{    box-shadow: 0 0 45px #fff;    opacity: 0;  }}.btn.video-btn {	margin-top: 20px;}.btn.video-btn:hover {	border-color: #fff;	color: #fff;}/*===========================    07. TEAM css ===========================*/.team-img {  position: relative;  z-index: 1;  overflow: hidden;}.absolute-team-btn {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center;  background: #0a246982;  transform: scale(.8);  visibility: hidden;  opacity: 0;  transition: .4s ease-in-out;}.btn.team-btn:hover {  border-color: #fff;  color: #fff;}.single-team-box:hover .absolute-team-btn {  transform: scale(1);  visibility: visible;  opacity: 1;}.team-img img {  transition: .6s ease-in-out;}.team-img:hover img {  transform: scale(1.1);}.single-team-box {  position: relative;  z-index: 1;}.team-content {  position: absolute;  bottom: -10%;  left: 5%;  z-index: 3;  text-align: center;  width: 90%;  height: 120px;  background: #fff;  display: flex;  flex-direction: column;  justify-content: center;  box-shadow: 0 10px 30px #cae5ff;}.single-team-box.active .absolute-team-btn{  transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  visibility: visible;  opacity: 1;}/*===========================    08. CONTACT css ===========================*/.contact-bg{  background: url(../images/contact-bg.jpg);  background-color: #ddd;}.contact-area {	padding-top: 120px;	padding-bottom: 470px;	background-position: center center;	background-size: cover;}.contact-area .section-title h1 {	color: #fff;}select {  -moz-appearance: none;  text-indent: 0.01px;  text-overflow: '';}.single-contact-form input, .single-contact-form select {  width: 100%;  height: 70px;  padding-left: 20px;  color: #fff;  background: #1b2859;  border: none;}.single-contact-form input::placeholder {  color: #fff;}.single-contact-form {  position: relative;  z-index: 1;}.single-contact-form span, .single-contact-form i {  position: absolute;  right: 10px;  top: 50%;  transform: translateY(-50%);  font-size: 16px;  color: #fff;}.btn.contact-btn {  margin-top: 30px;}.btn.contact-btn:hover {  background: transparent;  border-color: #fff;  color: #fff;}/*===========================    09. TESTIMONIAL css ===========================*/.textimonial-area {	margin-top: -370px;}.textimonial-area .container {	background: #fff;}.testimonial-content {	display: flex;	flex-direction: column;	align-items: center;	padding-top: 100px;	margin-bottom: 100px;}.author-img {  padding-bottom: 50px;}.author-img img {	width: 145px;	height: 145px;}.testimonial-content p {  padding: 0 80px;  font-size: 24px;  color: #888;  line-height: 35px;}.author-details {  margin-top: 40px;}.author-details h4 {  font-size: 22px;  font-weight: 500;  color: #070a22;  padding-bottom: 15px;}.author-details p {  color: #0080ff;  font-size: 18px;  text-transform: uppercase;  letter-spacing: 3px;}.testimonial-content {  display: flex;  flex-direction: column;  align-items: center;  padding-top: 100px;  margin-bottom: 100px;}.textimonial-area {  margin-top: -370px;}.testimonial-carousel-active .slick-dots {  position: absolute;  left: 50%;  transform: translateX(-50%);  border: 2px solid #d9ecff;  border-radius: 50px;  padding: 0 30px;  padding-top: 12px;}.testimonial-carousel-active .slick-dots li {  display: inline-block;  width: 25px;  height: 10px;  background: #c0e0ff;  margin: 0 10px;  border-radius: 50px;  cursor: pointer;  transition: .3s ease-in-out;}.testimonial-carousel-active .slick-dots button {  visibility: hidden !important;}.testimonial-carousel-active .slick-dots li.slick-active {  width: 35px;  background: #0080ff;}/*===========================    10. PORTFOLIO css ===========================*/.portfolio-menu ul {  margin-bottom: 40px;  position: relative;  z-index: 1;}.portfolio-menu ul:before {  position: absolute;  width: 93%;  height: 5px;  bottom: 0;  left: 24px;  content: '';  background: #deefff;  z-index: -1;  border-radius: 28px;}.portfolio-menu ul li {  display: inline-block;  padding: 0 25px;  font-weight: 500;  text-transform: uppercase;  padding-bottom: 25px;  border-bottom: 5px solid transparent;  border-radius: 5px;  cursor: pointer;}.portfolio-menu ul li.active{  border-bottom: 5px solid #0080ff;  transition: .3s ease-in-out;  -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -ms-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;}.single-portfolio-item {  position: relative;  z-index: 1;}.portfolio-absolute-content {  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  display: flex;  align-items: center;  justify-content: center;  background: #1f2d6196;  transform: scale(.5);  visibility: hidden;  opacity: 0;  transition: .5s ease-in-out;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -ms-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;}.portfolio-absolute-content a {	width: 40px;	height: 40px;	text-align: center;	line-height: 40px;	background: #fff;	border-radius: 50%;  font-size: 20px;  color: #7981a0;}.single-portfolio-item:hover .portfolio-absolute-content {  transform: scale(1);  opacity: 1;  visibility: visible;}.portfolio-img {  overflow: hidden;}.portfolio-img img {  transform: scale(1.1);  transition: .5s ease-in-out;  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -ms-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;}.single-portfolio-item:hover .portfolio-img img {  transform: scale(1);}/*===========================    11. BLOG css ===========================*/.blog-area .section-title {	position: relative;	z-index: 1;}.blog-area .absolute-section-heading {	position: absolute;	z-index: -1;	left: -1%;	top: -21%;	width: 100%;}.blog-area .absolute-section-heading h1 {	font-size: 91px;	color: #ddd;	text-transform: uppercase;	-webkit-text-stroke-width: 2px;	-webkit-text-stroke-color: #dbebff;	color: transparent;}.blog-content span {  color: #0080ff;  margin: 20px 0;}.blog-content h4 {  margin-bottom: 20px;}.blog-btn {  color: #0080ff;  font-weight: 500;  letter-spacing: 2px;  margin-bottom: 25px;}.blog-img {	overflow: hidden;	max-height: 250px;}.blog-img img {	transition: .8s ease-in-out;  height: 250px;  width: 100%;}.blog-img:hover img {  transform: scale(1.2);}.blog-btn i {  padding-left: 2px;  font-size: 12px;  transition: .3s ease-in-out;}.blog-btn:hover i {  padding-left: 8px;}.blog-btn:hover {  color: #0080ff;}.single-blog-item {  border-bottom: 4px solid #cde6ff;  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;  position: relative;  z-index: 1;}.single-blog-item:before {  position: absolute;  bottom: -4px;  left: 0;  width: 0;  height: 4px;  content: '';  background: #0080ff;  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;  transition: .9s ease-in-out;}.single-blog-item:hover:before {  width: 100%;}.single-blog-item.active:before{  width: 100%;}/*===========================    12. INVITE css ===========================*/.invite-area {	height: 600px;	position: relative;	z-index: 1;}.invite-area::before {  background: url(../images/invite-bg.jpg);  background-color: #ddd;	position: absolute;	width: 100%;	height: 100%;	left: 0;	bottom: 0;	content: '';	background-position: center center;	background-size: cover;}/*===========================    13. FOOTER css ===========================*/.footer-bg {	background: #151d46;}.footer-logo {	padding-bottom: 40px;}.footer-wedget p {  color: #fff;}.footer-social-links {	margin-top: 30px;}.footer-social-links li {  display: inline-block;}.footer-social-links li a {  display: block;  width: 40px;  height: 40px;  background: #212a5a;  text-align: center;  line-height: 42px;  border-radius: 50%;  margin-right: 10px;  transition: .3s ease-in-out;  color: #fff;}.footer-social-links li:hover a {  background: #0080ff;  color: #fff;}.footer-wedget h4 {  color: #fff;  margin-bottom: 30px;}.footer-links li a {	color: #fff;	margin-bottom: 10px;	font-size: 16px;	transition: .3s ease-in-out;}.footer-links li:last-child a {  margin-bottom: 0;}.footer-links li:hover a {  color: #0080ff;}.footer-news img {  float: left;}.footer-news p {  padding-left: 100px;}.footer-news {  margin-bottom: 30px;}.footer-news-content span {  font-style: italic;  color: #6a75af;}.footer-icon {	float: left;	margin-top: 8px;	margin-right: 20px;	font-size: 30px;}.bootom-footer .container {	border-top: 1px solid #384172;	padding: 25px 0;}.bootom-footer p {  padding-top: 4px;  font-size: 16px;  color: #fff;}.bottom-footer-links li {  display: inline-block;}.bottom-footer-links li a {  display: block;  padding-top: 3px;  color: #fff;  padding-left: 25px;  font-size: 16px;}/*----------------------------------------   14. BREADCRUMB css----------------------------------------*/.breadcrumb-bg-1{  background: url(../images/bradcrumb.jpg);  background-color: #ddd;}.breadcrumb-bg {	position: relative;  z-index: 1;  background-size: cover;  background-position: center;  background-repeat: no-repeat;}.breadcrumb-bg::before {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	content: '';	background: #1a22cc;	opacity: .7;	z-index: -1;}.breadcrumb-content {	padding-top: 340px;	padding-bottom: 220px;	text-align: center;}.breadcrumb-content h1 {  font-size: 80px;  font-weight: 700;  color: #fff;  margin-bottom: 40px;}.breadcrumb-content p {  font-size: 24px;  font-weight: 600;  color: #fff;}.breadcrumb-content p span {  width: 8px;  height: 8px;  margin: 0 20px;  background: #fff;  border-radius: 50%;  position: relative;}/*----------------------------------------   15.BLOG css----------------------------------------*/.pagination {  display: flex;  justify-content: center;}.pagination li a {  margin: 0 5px;  width: 50px;  height: 50px;  border: 2px solid #c6e3ff;  color: #333;  line-height: 46px;  border-radius: 50%;  transition: .5s ease-in-out;  background: #fff;}.pagination li:hover a {  background: #0080ff;  border: 2px solid transparent;  color: #fff;  box-shadow: 0 7px 35px #0080ff;}/*----------------------------------------   16. SINGLE-BLOG css----------------------------------------*/.single-blog-details-box {  margin-right: 40px;  margin-bottom: 45px;}.blog-boxed-img {  margin-bottom: 35px;  overflow: hidden;}.blog-boxed-img img {  transition: .9s ease-in-out;}.blog-boxed-img:hover img {  transform: scale(1.1);}.single-blog-details-box p i {  padding-right: 10px;}.single-blog-details-box span {  margin-right: 30px;}.single-blog-details-box p i {	color: #f26c4f;}.single-blog-details-box ul {	float: right;	margin-top: 0px;}.single-blog-details-box-time span i {	padding-right: 15px;	color: #2391ff;}.single-blog-details-box-time ul li:first-child {  font-size: 16px;  font-weight: 500;}.single-blog-details-box-time ul li {  font-size: 14px;}.single-blog-details-box ul li {  display: inline-block;}.single-blog-details-box ul li {  margin-left: 12px;}.single-blog-details-box ul li a {  color: #8a8a8a;  transition: .3s ease-in-out;}.single-blog-details-box ul li:hover a {  color: #f26c4f;}.single-blog-details-box h2 {  font-size: 28px;  margin: 30px 0;  font-weight: 600;}.single-blog-details-box p {  line-height: 27px;}.absolute-bordered-heading {  margin-bottom: 35px;  position: relative;  z-index: 1;  font-size: 20px;  font-weight: 600;  line-height: 30px;  padding-left: 30px;}.absolute-bordered-heading span {  font-size: 16px;  display: block;  margin-top: 15px;}.absolute-bordered-heading:before {  position: absolute;  left: 0;  top: 0;  height: 100%;  width: 5px;  background: #2391ff;  content: '';}.populer-tags {	margin-bottom: 140px;	margin-right: 40px;}.tags {  float: left;}.tags-socials-icons {  float: right;  margin-top: -6px;}.tags li {  display: inline-block;}.populer-tags .tag-heading {  font-weight: 600;  color: #1f2732;  padding-right: 15px;}.tags li a {  display: block;  padding-right: 10px;  color: #7f7f7f;  font-weight: 500;  transition: .3s ease-in-out;}.tags-socials-icons li {  display: inline-block;}.tags-socials-icons li a {  display: block;  padding-left: 15px;}.tags-socials-icons li a i {  height: 30px;  width: 30px;  background: #1b68fd;  color: #fff;  text-align: center;  line-height: 30px;  font-size: 14px;  border-radius: 50%;  transition: .3s ease-in-out;}.tags-socials-icons li:hover a i {  background: #f26c4f;}.tags li:hover a {  color: #f26c4f;}.colered-box-text {  display: flex;  margin-bottom: 80px;}.colered-box-text span:hover {  background: #1f2099;  background: -moz-linear-gradient(-45deg,  #1f2099 0%, #487bef 100%);  background: -webkit-linear-gradient(-45deg,  #1f2099 0%,#487bef 100%);  background: linear-gradient(135deg,  #1f2099 0%,#487bef 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2099', endColorstr='#487bef',GradientType=1 );  color: #fff;  }.colered-box-text span {  width: 50%;  padding: 30px;  font-size: 20px;  color: #222222;  font-weight: 600;}h2.blog-details-heading {  font-size: 30px;  font-weight: 600;  position: relative;  z-index: 1;  padding-bottom: 20px;}h2.blog-details-heading:before {  position: absolute;  width: 50px;  height: 2px;  bottom: 0;  left: 0;  content: '';  background: #f26c4f;}h2.blog-details-heading::after {  position: absolute;  width: 10px;  height: 10px;  content: '';  background: #fff;  bottom: 0;  left: 12px;}h2.blog-details-heading {  font-size: 30px;  font-weight: 600;  position: relative;  z-index: 1;  padding-bottom: 20px;}h2.blog-details-heading:before {  position: absolute;  width: 50px;  height: 2px;  bottom: 0;  left: 0;  content: '';  background: #2391ff;}h2.blog-details-heading::after {  position: absolute;  width: 10px;  height: 10px;  content: '';  background: #fff;  bottom: 0;  left: 12px;}.comments-body {  margin-top: 50px;}.single-comments-box .author-img {	margin-right: 25px;	float: left;}.single-comments-box {	margin-bottom: 90px;}.comments-section .single-comments-box:nth-child(3) {  margin-left: 50px;}.comments-body h5 {  font-size: 18px;  font-weight: 700;  margin-bottom: 10px;}.comments-body h5 span {  font-size: 13px;  font-weight: 400;  color: #2391ff;  margin-left: 10px;}.comments-replay-btn {  font-size: 14px;  margin-top: 10px;  font-weight: 600;  color: #7f7f7f;  transition: .3s ease-in-out;  -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -ms-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;}.comments-replay-btn:hover{  color: #f26c4f;}.comments-replay-btn i {  padding-left: 3px;  font-size: 12px;  transition: .3s ease-in-out;}.comments-replay-btn:hover i {  padding-left: 10px;}.comments-replay-btn {  font-weight: 600;  margin-top: 10px;}.contact-form-area {  margin-top: 80px;}.contact-form-area form {  margin-top: 40px;}.absolute-bordered-heading {	margin-right: 40px;}.blog-details-content.contact-form-area .col-lg-6 {  position: relative;  z-index: 1;  margin-bottom: 30px;}.blog-details-content.contact-form-area form input, .contact-form-area form textarea {  width: 100%;  padding: 20px;  border: 1px solid #e9ebef;}.blog-details-content.contact-form-area form input:hover, .contact-form-area form textarea:hover {	border: 1px solid #333;}.blog-details-content.contact-form-area form textarea {  height: 140px;}.blog-details-content.contact-form-area form span {  position: absolute;  right: 30px;  top: 21px;  color: #2391ff;}.btn.blog-content-btn {  margin-top: 35px;}.btn.blog-content-btn i {  padding-left: 10px;}.btn.blog-content-btn:hover {  background: #1f2732;  color: #fff;}.blog-details-search {  margin-bottom: 80px;  position: relative;  z-index: 1;}.blog-details-search input {  width: 100%;  padding: 20px;  border: transparent;}.blog-details-search i {  position: absolute;  top: 50%;  transform: translateY(-50%);  color: #2391ff;}h4.blog-details-heading {  font-size: 24px;  font-weight: 600;  margin-bottom: 30px;  padding-bottom: 20px;  position: relative;  z-index: 1;}h4.blog-details-heading:before {  position: absolute;  bottom: 0;  left: 0;  content: '';  width: 50px;  height: 3px;  background: #2391ff;}h4.blog-details-heading::after {  position: absolute;  bottom: 0;  left: 13px;  width: 10px;  height: 10px;  content: '';  background: #ffffff;}.single-news-box {	border-bottom: 1px solid #d7d7d7;	margin-bottom: 30px;	padding-bottom: 30px;}.recent-news-area .single-news-box:last-child{  border-bottom: 1px solid transparent;}.news-box-img {  float: left;}.news-box-content h5 {  font-size: 18px;  font-weight: 600;}.news-box-content h5 span {  display: block;  font-size: 14px;  font-weight: 400;  color: #7f7f7f;  margin-top: 5px;}.news-box-content {  padding-top: 3px;  padding-left: 100px;}.blog-category-area p {  margin-bottom: 20px;}.blog-category-area p span {  float: right;}.blog-category-area {	margin: 120px 0;}.blog-tabs {	margin-bottom: 120px;}.blog-category-area {  margin: 100px 0;}.blog-tabs {  margin-bottom: 120px;}.blog-tabs ul li {  display: inline-block;}.blog-tabs ul li a {  display: block;  padding: 15px 20px;  transition: .3s ease-in-out;  color: #7f7f7f;}.blog-tabs ul li:hover a {  background: #2391ff;  color: #fff;  border-radius: 10px;}.absolute-colored-box-contetn {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	display: flex;	flex-direction: column;	align-items: center;	justify-content: center;	z-index: 1;	text-align: center;}.blog-coleded-box-section {	position: relative;	z-index: 1;	overflow: hidden;}.blog-boxed-img img {	width: 100%;}.blog-colered-box-bg {  transition: .9s ease-in-out;}.blog-coleded-box-section:hover .blog-colered-box-bg {  transform: scale(1.2);}.absolute-colored-box-contetn::before {	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	content: '';	z-index: -1;	background: #2e2d99;	background: -moz-linear-gradient(-45deg, #2e2d99 0%, #4f80e8 100%);	background: -webkit-linear-gradient(-45deg, #2e2d99 0%,#4f80e8 100%);	background: linear-gradient(135deg, #2e2d99 0%,#4f80e8 100%);	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2e2d99', endColorstr='#4f80e8',GradientType=1 );	opacity: 0.8;}.absolute-colored-box-contetn h1 {  font-size: 45px;  font-weight: 700;  color: #fff;  margin-bottom: 30px;}.absolute-colored-box-contetn p {  color: #fff;  padding: 0 30px;  font-weight: 500;  margin-bottom: 40px;}.colored-box-btn.btn {	padding: 25px 45px;	background: #fff;	color: #2391ff;	border: 1px solid #fff;}.colored-box-btn.btn:hover {	background: transparent;	border-color: #fff;	color: #fff;}.colered-box-text {	margin-right: 40px;}.comments-section {	margin-right: 40px;}.contact-form-area {	margin-right: 40px;}.textimonial-area.blog-testimonial {	margin-top: 0;	margin-bottom: 100px;}/*----------------------------------------   17. CONTACT-PAGE css----------------------------------------*/.contact-box-icon span {  width: 100px;  height: 100px;  margin-bottom: 20px;  background: #2391ff;  color: #fff;  text-align: center;  line-height: 95px;  font-size: 40px;  border-radius: 50%;}.single-contact-box-info h3 {  margin-bottom: 20px;}.map_box{  position: relative;}.map_box iframe{  width: 100%;  height: 580px;  display: inherit;}.map_box i{  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);  color: #fc5546;  font-size: 100px;}.contact-locations span {  font-size: 40px;  color: #2391ff;  margin-bottom: 20px;}.contact-locations p span {  font-size: 18px;  color: #888;  padding-top: 10px;  display: block;}.contact-locations p {  font-size: 18px;}.contact-locations {  margin-bottom: 50px;}.contact-locations span {  font-size: 40px;  color: #2391ff;  margin-bottom: 20px;}.contact-locations p span {  font-size: 18px;  color: #888;  padding-top: 10px;  display: block;}.contact-locations p {  font-size: 18px;}.contact-locations {  margin-bottom: 50px;}.contact-area.contact-page {	padding-bottom: 120px;}/*----------------------------------------   18. PORTFOLIO-PAGE css----------------------------------------*/.portfolio-img.boxed img {	width: 100%;	height: 310px;}.portfolio-img.small-height img {	width: 100%;	height: 311px;}/*----------------------------------------   19. SERVICE-PAGE css----------------------------------------*/.textimonial-area.service-page {	margin: 0;}.subscribe-area {	margin-top: -100px;	padding-top: 200px;	padding-bottom: 100px;}.subscribe-bg {  background: #2391ff;}.subs-contact h4 {  color: #fff;  margin-bottom: 30px;}.subs-contact p {  color: #fff;  line-height: 26px;}.subscribe-form {	padding-top: 45px;}.subscribe-form form {  position: relative;  z-index: 1;}.subscribe-form form input {  width: 350px;  height: 50px;  padding-left: 20px;  border: none;}.subscribe-form form button {	height: 50px;	background: #6eb7ff;	border: transparent;	padding: 0 20px;	margin-left: -5px;	color: #fff;	transition: .5s ease-in-out;	-webkit-transition: .5s ease-in-out;	-moz-transition: .5s ease-in-out;	-ms-transition: .5s ease-in-out;	-o-transition: .5s ease-in-out;}.subscribe-form form button:hover{  background: #fff;  color: #2391ff;}.textimonial-area.service-page .testimonial-carousel-active .slick-dots {	position: absolute;	left: 50%;	transform: translateX(-50%);	border: 2px solid #d9ecff;	border-radius: 50px;	padding: 0 30px;	padding-top: 12px;	bottom: 25px;}/*----------------------------------------   20. ABOUT-PAGE css----------------------------------------*/.team-carousel-active .slick-dots {	position: absolute;	left: 50%;	transform: translateX(-50%);	border: 2px solid #d9ecff;	border-radius: 50px;	padding: 0 30px;	padding-top: 12px;	bottom: -100px;}.team-carousel-active .slick-dots li {  display: inline-block;  width: 25px;  height: 10px;  background: #c0e0ff;  margin: 0 10px;  border-radius: 50px;  cursor: pointer;  transition: .3s ease-in-out;}.team-carousel-active .slick-dots button {  visibility: hidden !important;}.team-carousel-active .slick-dots li.slick-active {  width: 35px;  background: #0080ff;}.counter-icon {  font-size: 35px;  margin-bottom: 20px;  color: #0080ff;}.single-counter-area h1 {  margin-bottom: 10px;  font-weight: 400;  color: #0080ff;}.single-counter-area h3 {  margin-bottom: 14px;}.about-page .slick-list {	position: relative;	display: block;	overflow: hidden;	margin: 0;	padding: 0;	height: 490px;}/*----------------------------------------   21. TEAM-DETAILS css----------------------------------------*/.team-details-img {  position: relative;  z-index: 1;}.team-details-img img {	width: 80%;	border-top-right-radius: 10px;	border-bottom-right-radius: 10px;}.team-details-img {  width: 100%;  height: 100%;  overflow: hidden;  height: 610px;}.team-member-social-links {	position: absolute;	right: 35px;	bottom: 52px;}.team-member-social-links ul li {  display: block;  margin-bottom: 30px;}.team-member-social-links ul li a {  display: block;  background: #0080ff;  width: 40px;  height: 40px;  font-size: 16px;  text-align: center;  line-height: 40px;  color: #fff;  transition: .3s ease-in-out;  -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -ms-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;}.team-details-img:hover .team-member-social-links ul li a{  background: #fff;  color: #0080ff;}.team-details-img::before {  position: absolute;  width: 100%;  height: 100%;  top: 80px;  left: -100%;  content: '';  background: #0080ff;  z-index: -1;  border-top-right-radius: 10px;  border-bottom-right-radius: 10px;  transition: .3s ease-in-out;  -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out;  -ms-transition: .3s ease-in-out;  -o-transition: .3s ease-in-out;}.single-team-member-details {	margin-top: 20px;}.team-details-img:hover:before{  left: 0;}.single-team-member-details h2 {	font-size: 50px;	margin-bottom: 10px;}.single-team-member-details p.pb-50 {	font-size: 25px;	text-transform: uppercase;	letter-spacing: 4px;	color: #0080ff;}.btn.appoinment-btn {  padding: 25px;  margin-top: 50px;}.btn.doc-con-btn {  padding: 25px;  margin-left: 20px;  margin-top: 50px;}/*----------------------------------------   22. SERVICE-DETAILS css----------------------------------------*/.medical-service-details h2 {  font-size: 30px;  margin-bottom: 20px;  text-transform: capitalize;}.single-service-details span {  font-size: 30px;  color: #0080ff;  float: left;  padding-top: 5px;  margin-right: 20px;}.single-service-details h4 {  font-size: 20px;  margin-bottom: 5px;}.single-service-details {  margin-bottom: 30px;}.medical-service-details {  margin-bottom: 30px;}.our-service-features h2 {  font-size: 30px;  margin-bottom: 20px;}.our-service-features span {  display: block;  padding-bottom: 15px;  font-size: 16px;  font-weight: 500;}.our-service-features span i {  padding-right: 12px;  color: #0080ff;}.our-service-features {  margin-bottom: 60px;}.our-doctors .section-title h1 {	font-size: 35px;	margin-bottom: 40px;}.our-doctors .team-content h3 {	font-size: 18px;}.our-doctors .btn.team-btn {	padding: 10px 20px;	font-size: 10px;}.our-doctors .team-content {	height: 90px;}.our-doctors .slick-list {	position: relative;	display: block;	overflow: hidden;	margin: 0;	padding: 0;	height: 305px;}.btn.btn-link {	background: transparent;	color: #0080ff;	padding-left: 0;	text-decoration: none;}.btn.btn-link:hover {	border: 1px solid transparent;}/*���˴����ѻ���,����Դ���롣Դ���ַΨһ����: http://www.bootstrapmb.com/item/7605��(���˵��������ʾ��ῴ��,���ص�Դ����û�С�)*/