
/* =======================================================
*
* 	Template Style 
*
* ======================================================= */
body {
	font-family: PT Sans Narrow;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  color: #292525;
  }

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .offcanvas #page {
    overflow: hidden;
    position: absolute; }
    .offcanvas #page:after {
      -webkit-transition: 2s;
      -o-transition: 2s;
      transition: 2s;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 101;
      background: rgba(0, 0, 0, 0.7);
      content: ""; }

a {
  color:#000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
a:hover, a:active, a:focus {
    color: #429FFD;
    outline: none;
    text-decoration: none; }  
p {
  margin-bottom: 20px;
	font-family: PT Sans Narrow;
	font-size: 16px;
 }

h1, h2, h3, h4, h5, h6, figure {
  color: #fff;
  font-family: 'Philosopher', sans-serif;
  font-weight: 400;
  margin: 0 0 6px 0;
  line-height: 1.5; }

::-webkit-selection {
  color: #fff;
  background: #429FFD; }

::-moz-selection {
  color: #fff;
  background: #429FFD; }

::selection {
  color: #fff;
  background: #429FFD; }

.event-img,
.trainer-img,
.classes-img,
.colorlib-video,
.intro-img,
.subs-img,
.figure-img,
.user-img,
.blog-img,
.colorlib-about-img,
.services-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative; }

.colorlib-nav {
	margin: 28px 59px;
    z-index: 9;
    width: 42%;
	position: absolute;
   }
  
  .colorlib-nav .upper-menu {
    width: 100%;
    background: #1E2022;
    padding: 10px 0; }
    @media screen and (max-width: 768px) {
      .colorlib-nav .upper-menu {
        display: none; } }
    .colorlib-nav .upper-menu p {
      margin-bottom: 0;
      display: inline-block;
      font-size: 13px; }
    .colorlib-nav .upper-menu .colorlib-social-icons {
      display: inline-block;
      margin-right: 10px; }
      .colorlib-nav .upper-menu .colorlib-social-icons li {
        padding: 0;
        margin: 0; }
        .colorlib-nav .upper-menu .colorlib-social-icons li a {
          padding: 0; }
          .colorlib-nav .upper-menu .colorlib-social-icons li a i {
            font-size: 16px; }
    .colorlib-nav .upper-menu .btn-apply {
      font-size: 13px;
      text-transform: uppercase; }
      .colorlib-nav .upper-menu .btn-apply a {
        color: rgba(255, 255, 255, 0.6); }
  .colorlib-nav .top-menu {
    padding: 16px 0px 14px 0px;
    text-align: right;
	background:#ffffff;
	margin: 0 0 0 0;
	border-bottom: 1px solid black;
	}
	
    @media screen and (max-width: 768px) {
      .colorlib-nav .top-menu {
        padding: 28px 1em;
		background: #fff;
		} }
  .colorlib-nav #colorlib-logo {
    font-size: 22px;
    margin: 0;
    padding-top: 0px;
    text-transform: uppercas553ee;
    font-weight: 800; }
    .colorlib-nav #colorlib-logo a {
      position: relative;
      color: #0256b8; }
      .colorlib-nav #colorlib-logo a i {
        color: #429FFD; }
  @media screen and (max-width: 768px) {
    .colorlib-nav .menu-1 {
      display: none; } }
  
  .colorlib-nav ul {
	padding: 10px 0;
    margin: 0px 0 0px;
    width: 42%;
	background: #422874;
    transition: .9s;
	float: right;
	}
	
    .colorlib-nav ul li {
      padding: 0;
      margin: 0;
      list-style: none;
      display: inline;
      font-weight: 400;
   	  }
      .colorlib-nav ul li a {
        position: relative;
        font-size: 18px;
		padding: 12px  9px 13px 22px;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
        font-weight: 500;
		color: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
        .colorlib-nav ul li.has-dropdown {
        position: relative; }
        .colorlib-nav ul li.has-dropdown .dropdown {
          width: 230px;
          -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75);
          z-index: 1002;
          visibility: hidden;
          opacity: 0;
          position: absolute;
          top: 33px;
          left: 0;
          text-align: left;
          background:#422874;
          padding: 20px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 10%;
          -webkit-transition: 0s;
          -o-transition: 0s;
          transition: 0s; }
          .colorlib-nav ul li.has-dropdown .dropdown:before {
            bottom: 100%;
            left: 40px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-bottom-color: #000;
            border-width: 8px;
            margin-left: -8px; }
          .colorlib-nav ul li.has-dropdown .dropdown li {
            display: block;
            margin-bottom: 7px; }
            .colorlib-nav ul li.has-dropdown .dropdown li:last-child {
              margin-bottom: 0; }
            .colorlib-nav ul li.has-dropdown .dropdown li a 
			{
              padding: 2px 0;
				display: block;
				color:#fff;
				line-height: 1.2;
				text-transform: none;
				letter-spacing: 0;
				padding: 10px;
				text-align: center;
				}
              .colorlib-nav ul li.has-dropdown .dropdown li a:hover {
                color: #fff;
				border-right: 2px solid #fff;
				transition: .9s;
				border-radius: 33%;
					}
        .colorlib-nav ul li.has-dropdown:hover a, .colorlib-nav ul li.has-dropdown:focus a {
          color: #429FFD; }
      .colorlib-nav ul li.btn-cta a {
        padding: 30px 0px !important;
        color: #fff; }
        .colorlib-nav ul li.btn-cta a span {
          background: #429FFD;
          padding: 8px 15px;
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          -ms-border-radius: 100px;
          border-radius: 100px; }
        .colorlib-nav ul li.btn-cta a:hover span {
          -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
.colorlib-nav ul li.active > a 
{
	border-right: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
}
        .colorlib-nav ul li.active > a:after {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.colorlib-video {
  overflow: hidden;
  position: relative;
  height: 400px; }
  .colorlib-video a {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -45px;
    margin-left: -45px;
    width: 90px;
    height: 90px;
    display: table;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .colorlib-video a i {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-size: 40px;
      color: #429FFD; }
  .colorlib-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .colorlib-video:hover .overlay {
    background: rgba(0, 0, 0, 0.7); }
  .colorlib-video:hover a {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }


#colorlib-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background:#FFD700;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 75px 40px 40px 40px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  @media screen and (max-width: 768px) {
    #colorlib-offcanvas {
      display: block; } }
  .offcanvas #colorlib-offcanvas {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }
  #colorlib-offcanvas a {
    color:#bf2815; }
    
  #colorlib-offcanvas ul {
    padding: 0;
    margin: 0; }
    #colorlib-offcanvas ul li {
          padding: 5px;
    margin: 3px;
    list-style: none; }
      #colorlib-offcanvas ul li > ul {
        padding-left: 20px;
        display: none; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown > a {
        display: block;
        position: relative; }
        #colorlib-offcanvas ul li.offcanvas-has-dropdown > a:after {
          position: absolute;
          right: 0px;
          font-family: 'icomoon';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e0c5";
          font-size: 20px;
          color: #fff;
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
      #colorlib-offcanvas ul li.offcanvas-has-dropdown.active a:after {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
      #colorlib-offcanvas ul li.btn-cta {
        margin-top: 5px; }
        #colorlib-offcanvas ul li.btn-cta a {
          border-bottom: 1px solid #429FFD;
          padding-bottom: 5px; }

.gototop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .gototop.active {
    opacity: 1;
    visibility: visible; }
  .gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: black;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .gototop a i {
      height: 50px;
      display: table-cell;
      vertical-align: middle; }
    .gototop a:hover, .gototop a:active, .gototop a:focus {
      text-decoration: none;
      outline: none; }

.colorlib-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 1.5em !important; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #444; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
      content: '';
      width: 25px;
      height: 2px;
      background: #252525;
      position: absolute;
      left: 0;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out; }
  .colorlib-nav-toggle.colorlib-nav-white > i {
    background: #fff;
    margin: 8px 0;	}
    .colorlib-nav-toggle.colorlib-nav-white > i::before, .colorlib-nav-toggle.colorlib-nav-white > i::after {
      background: #ffffff; }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; }

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff; }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff; }

.colorlib-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important; }
  @media screen and (max-width: 768px) {
    .colorlib-nav-toggle {
      display: block; } }

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 400;
 border-radius: 0px !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px; }
  .btn.btn-md {
    padding: 8px 20px !important; }
  .btn.btn-lg {
    padding: 18px 36px !important; }
  .btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important; }

.btn-primary {
  background: #ed0a05;
  color: #fff;
  border: 2px solid #ed0a05;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #333333 !important;
    border-color:#333333 !important;
	transition: 2.5s;	
	}
  .btn-primary.btn-outline {
    background: transparent;
    color: #429FFD;
    border: 2px solid #429FFD; }
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
      background:#5ec6ba;
      color: #fff; }

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #ffd700 !important;
    border-color: #ffd700 !important;
color:#000	}
  .btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c; }
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
      background: #5cb85c;
      color: #fff; }

.btn-info {
  background: #2344fe;
  color: #fff;
  border: 2px solid #2344fe; }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important; }
  .btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de; }
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
      background: #5bc0de;
      color: #fff; }

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important; }
  .btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e; }
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
      background: #f0ad4e;
      color: #fff; }

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important; }
  .btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f; }
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
      background: #d9534f;
      color: #fff;  }

.btn-outline {
  background: #e4322c;
    border-radius: 79% !important;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn.with-arrow {
  position: relative;
  background:#0d85b8;
  color:#fff;
      width: 66%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .btn.with-arrow:hover {
    padding-right: 50px; }
    .btn.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }

.row-pb-lg {
  padding-bottom: 7em !important; }

.row-pb-md {
  padding-bottom: 5em !important; }

.row-pb-sm {
  padding-bottom: 3em !important; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

 .nopadding {
  padding: 0 !important;
  margin: 0 !important; }

  
.slide_height {
  height: 625px;
  max-height: 625px;
 }
.top-logo-menu {
    padding:0px;
	background:none;
}	
.colorlib-nav #colorlib2-logo 
{
    font-size: 22px;
    margin: -5px 6px;
    padding-top: 0px;
    font-weight: 800;
    float: right;
    width: 22%;
}
	.colorlib-nav #colorlib2-logo img 
{
    margin:8px 0;
	border-radius: 20%;
   
}
	
 .colorlib-nav #colorlib2-logo a 
{
     position: relative;
	color: #0256b8; 
}
.colorlib-nav ul li:hover > a 
 {
   border-right: 2px solid #0054a6;
   border-radius:100%;
	transition:1s;
	
}
.carousel-control.left {
	background-image:none !important;
}
.carousel-control.right {
	background-image:none !important;
}
.carousel-indicators {
	margin-bottom: 126px !important;
}

.title_grid {
	width: 63%;
	margin: 5em auto 6em;
}
.title_grid .img_left{
	width: 10%;
	height: 71px;
	float: left;
	margin: 0 auto;
}
.title_grid p{
	color: #000;
	text-indent:50px;
	float: left;
	font-size: 18px;
}
.img_left img{
	width: 54%;
	margin: 0 auto;
}
.title_grid `.text_right {
	width: 75%;
	float: left;
}
.text_right h3{
	color: #432973;
    font-size: 28px;
	float: left;
    width: 32%;
    margin: 3px 0 22px;
    border-bottom: 2px dashed red;
    font-family: 'Philosopher', sans-serif;
}
.home_intro {
	background:url(../images/home_bg_01.png)no-repeat center 0px;
	background-size: cover;
	float:left;
	height: auto;
	    width: 56%;
    z-index: 6;
    position: relative;
    margin: -145px 0 0;
}
.home_intro h2{
	font-size: 32px;
    font-family: 'Philosopher', sans-serif;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 28px;
    color: #fff;
}
.home_intro h4{
	font-size: 21px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0px;
	color: #fff;
	padding: 10px;
	text-indent: 50px;
  margin-top: -35px;
}
.home_intro i,h5{
	color: #000;
    font-size: 1.3em;
	margin: 0;
}
.home_eye_corner {
	background:url(../images/bg_01.png)no-repeat center 0px;
    height: 257px;
}
.home_z_margin {
	z-index: 6;
    position: relative;
    margin: -106px 9px 10px;
}
.home_news {
	float: left;
    height: 375px;
    background: #72c8bd;
    width: 100%;
    z-index: 6;
	padding: 8px;
    position: relative;
    margin: 0 0px 10px;
    border-radius: 3%;
}

.news_box h3{
	    margin: 11px auto;
		font-family: 'Philosopher', sans-serif;
    text-align: center;
    width: 57%;
	color:#000;
    padding: 10px;
  
    border-radius: 0 25%;
}
.news_box h4{
	font-size: 20px;
	line-height: 34px;
    letter-spacing: 0px;
    color: #000;
}
.news_box h4 i {
	font-size: 11px;
	padding: 10px;
}

.news_box img.news {
	width: 54%;
    margin: 13px auto;
    height: 81px;
}
.news_box .table td {
	text-align:center;
}
.news_box ul{
	list-style: none;
	padding: 0;
}

.news_box ul>li>p{
	background-color: #e3ecf0;
	padding:10px;
}
.news_box p i{
	color:red;
	padding:5px;
}
.home_one {
	background:url(../images/home_ad_0111.png)no-repeat center 0px;
	padding: 2px;
    margin: 2px;
    float: left;
    width: 100%;
	height: 500px;
}
.home_one_left_box{
	background:#432974;
    float: left;
    width: 405px;
    text-align: center;
    margin: 124px -263px;
	padding: 20px 0;
    height: 333px;
	z-index: 999;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.3);
	    border: 22px solid #432974;
}
.home_one_left_box h3{
	font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0px;
    width: 100%;
    margin: 9px auto 0;
    padding: 0 0 40px;
}
.home_one_left_box button {
	color:#fff;
}

.home_two{
	padding: 2px;
    margin: 2px;
    float: left;
    width: 74%;
}
.home_two h2{
	font-size: 50px;
	font-family: 'Philosopher', sans-serif;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0px;
	margin: 28px auto;
    color: #432973;
    width: 32%;
}
.home_two h2 span {
    color: red;
}

.home_two p{
	margin: 28px 42px 0;
    color: #000;
	font-size: 17px;
    width: 69%;
    text-align: justify;
    word-wrap: break-word;
	text-indent: 50px;
}
.home_doctor {
	width: 100%;
	float:left;
	margin: 1em 0 33px;
}
.home_doctor h3{
	color: #0e86bb;
    font-size: 25px;
    font-family: 'Kaushan Script', cursive;
}
.home_doctor .doctor{
	width: 100%;
	float:left;
}
.home_doctor a.with-arrow {
  position: relative;
  color:#000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .home_doctor a.with-arrow i {
    visibility: hidden;
    opacity: 0;
	font-size:1em;
	color:#0d85b8 !important;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .home_doctor a.with-arrow:hover {
    padding-right: 50px; }
    .home_doctor a.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }	
.doctor h4 {
	width: 75%;
	float: left;
	color:#f02d0d;
    font-size: 19px;
}
.doctor h5 {
	text-align: center;
    margin: 16px 0 0;
    color: #000;
}

.doctor img {
	width:20%;
	float: left;
	border-radius: 50%;
	margin: 22px 0 0;
}
.doctor hr {
	margin-top: 0px;
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid #72c8bd;
    width: 60%;
}
.doctor_grid  {
	transition:5s
}
.doctor_grid  .d_box{
	width:33%; 
	float:left;
	background:#e3ecf0;
}
.doctor_grid  .d_box:hover {
	transform:skew(10deg);
	box-shadow: -8px -10px 14px 0px #b5adad;
	transition:2s;
}

.d_box img{
	width: 48%;float:left;
}
.d_box h3 {
	float:left;width: 50%;padding: 12px 12px 0;color: #432973;
}
.d_box h4 {
	float:left;width: 50%;padding: 15px;color: #432973;    font-size: 14px;
}
.d_box a {
	margin: 0 35px;    color:#fff;
}
.d_box_details {
	width:100%;
	float:left;
}
.d_box_details h3 {
	width: 50%;
    color: #000;
    text-align: center;
    margin: 30px auto;
    border-bottom: 2px solid #000;
    font-family: 'Kaushan Script', cursive;
}
.d_box_details img {
	padding: 42px;
}
.doctor_three {
	margin: 0 auto;
	width: 50%;
}

.home_eye_corner .carousel.vertical .item{
	-webkit-transition:2s ease-in-out ;
   -moz-transition: 2s ease-in-out ;
   -ms-transition:2s ease-in-out ;
   -o-transition: 2s ease-in-out ;
   transition: 2s ease-in-out ;
   
}
.ad_grid {
	width:100%;
	background:red; 
}
.ad_grid img{
	height: 222px;
    max-height: 222px;
    width: 20%;
    float: left;
}
.ad_grid img:hover{
	bottom:10px !important;
	
}

.ad_grid_slide .carousel-control.left {
   background-image: none !important;
    top: 1.3em;
    font-size: 53px;
    color: red;
    opacity: 1;
}

.ad_grid_slide .carousel-control.right {
   background-image: none !important;
    top: 1.5em;
    font-size: 53px;
    color: red;
    opacity: 1;
}

.Quick_sent {
	padding: 8px;
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 1000;
    font: normal normal 10px Arial;
   
}
.pro_enq {
	bottom: 1em;
	background: none;
}
.close_quick_login {
	margin: 11px 17px;
    color: #fff;
    position: absolute;
    right: 10px;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
}
.close_quick_booking:hover {
	padding: 5px;
	background: #ff0000;
}
.appointment {
	padding: 0px;
    width: 25%;
    float: right;
	border-radius: 3%;
	background-color: #e3ecf0;   
}
.appointment h3{
	color: #fff;
	font-family: 'Kaushan Script', cursive;
	text-align: center;
	padding: 10px;
	margin:0;
	background-color:#f10806c7;
	font-size: 25px;
}
.appointment h4{
	color: #fff;
	font-family: 'Kaushan Script', cursive;
	text-align: center;
	padding: 10px;
	background-color:#f10806c7;
	font-size: 25px;
}

.appointment .logo {
  text-align: center;
  margin: 24px 0 12px 0;
}
.appointment input[type=text], input[type=number], input[type=date], input[type=email] {
	width: 90%;
	font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 8px;
    margin: 6px 15px;
    line-height: 16px;
    color: #808080;
    border: none;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 2px #c4c4c4;
    -moz-box-shadow: 1px 1px 2px #c4c4c4;
    -webbox-shadow: 1px 1px 2px #c4c4c4;
}	
.appointment textarea {
	width: 90%;
	height: 80px;
	font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 8px;
    margin: 6px 15px;
    line-height: 16px;
    color: #808080;
    border: none;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 2px #c4c4c4;
    -moz-box-shadow: 1px 1px 2px #c4c4c4;
    -webbox-shadow: 1px 1px 2px #c4c4c4;
}
.appointment_page {
	padding: 0px;
    width: 65%;
	margin: 25px  auto;
    border-radius: 3%;
	background-color: #e3ecf0; 
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1);	
}	.appointment_page .field {
	margin: 10px 0 25px ;background-color: #e3ecf0;
	padding: 12px 0;
	box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.1);
}
.appointment_page h3{
	color: #fff;
	font-family: 'Kaushan Script', cursive;
	text-align: center;
	padding: 10px;
	margin:0;
	background-color:#f10806c7;
	font-size: 25px;
}
.appointment_page h4{
	color: #fff;
	font-family: 'Kaushan Script', cursive;
	text-align: center;
	padding: 10px;
	background-color:#f10806c7;
	font-size: 25px;
}

.appointment_page .logo {
  text-align: center;
  margin: 24px 0 12px 0;
}
.appointment_page input[type=text], input[type=number], input[type=date], input[type=email], input[type=file] {
	width: 90%;
	font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 8px;
    margin: 6px 15px;
    line-height: 16px;
    color: #808080;
    border: none;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 2px #c4c4c4;
    -moz-box-shadow: 1px 1px 2px #c4c4c4;
    -webbox-shadow: 1px 1px 2px #c4c4c4;
}
.appointment_page label {
	padding: 8px;
    width: 88%;
    text-align: center;
    color: red;
    font-size: 21px;
    font-weight: 100;
}
	
.appointment_page textarea {
	width: 90%;
	height: 80px;
	font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 8px;
    margin: 6px 15px 16px;
    line-height: 16px;
    color: #808080;
    border: none;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 2px #c4c4c4;
    -moz-box-shadow: 1px 1px 2px #c4c4c4;
    -webbox-shadow: 1px 1px 2px #c4c4c4;
}		
	* {
    box-sizing: border-box;
}
.quick-alo-phone .quick-alo-show {
    visibility: hidden;
}
.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    right: 150px;
    top: 60%;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
}
.quick-alo-ph-circle {
    border-color: #00A1FF;
    opacity: 0.5;
}
.quick-alo-ph-circle {
    position: absolute;
    width: 95px;
    height: 95px;
    top: 20px;
    right: 254px;
    border: 2px solid #fff;
    background-color: transparent;
    border-radius: 100%;
    opacity: .1;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    opacity: .75 !important;
}
.quick-alo-ph-circle-fill {
    position: absolute;
    width: 77px;
    height: 77px;
    top: 29px;
    right: 262px;
	background-color: #0d85b8;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}
.quick-alo-ph-img-circle {
    background-color: #00A1FF;
}
.quick-alo-ph-img-circle {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 37px;
    background: #0d85b8 url("../images/phone.png")no-repeat center center;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    transform-origin: 50% 50%;
}
.quick-alo-phone .quick-alo-green .quick-alo-hover .quick-alo-ph-img-circle,
.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {
    background-color: #ff0101;
}

@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.about_grid {
	margin: 2em 0 2em;
}
.about_grid h2 {
	font-family: 'Philosopher', sans-serif;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0px;
	margin: 28px auto;
    color: #432973;
}

.about_grid h2 span {
    color: red;
}
.about_grid p {
    text-indent: 50px;
    font-size: 18px;
    background: #e3ecf0;
    padding: 15px;
}
.about_grid img.about {
    margin: 135px 0 0;
}
.about_grid p.about {
    background: #422874;
    color: #fff;
}
.about_grid .with-arrow {
	border: none;
    width: 38%;
    background: none;
    position: relative;
    color: #ea1f25;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .about_grid .with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .about_grid .with-arrow:hover {
    padding-right: 50px; }
    .about_grid .with-arrow:hover i {
      color: #ea1f25;
      right: 18px;
      visibility: visible;
      opacity: 1; }
.inner_banner {
	height:250px;
	background: url(../images/inner_banner.png) right center no-repeat;
}
.inner_banner_do {
	height:250px;
	background: url(../images/inner_banner_do.png) right center no-repeat;
}
.inner_banner_ser {
	height:250px;
	background: url(../images/inner_banner_ser.png) right center no-repeat;
}
.inner_banner_gall {
	height:250px;
	background: url(../images/inner_banner_gall.png) right center no-repeat;
}
.inner_banner_ph {
	height:250px;
	background: url(../images/inner_banner_cont.png) right center no-repeat;
}
.inner_banner_appo {
	height:250px;
	background: url(../images/inner_banner_app.png) right center no-repeat;
}
.inner_banner_carr {
	height:250px;
	background: url(../images/inner_banner_carr.png) right center no-repeat;
}

.service_grid, .doctor_details {
	width:100%;
	float:left;
	margin: 3em 0 3em 0;
}
.service_grid .img_box {
	width:49%;
	margin: 0 auto;
}
.doctor_details .img_box {
	width: 30%;
	margin: 0 auto;
}
.img_box img {
	float:left;
	padding:5px;
	border-radius:10px;
}
.img_box img {
	float:left;
	padding:5px;
	border-radius:10px;
	border: 2px solid #422874;
}

.service_grid .text_box, .doctor_details .text_box {
	width:100%;
	float:left;
	padding:5px;
}
.text_box h3 {
	color:#000;
	text-align: center;
}
.text_box h3 b{
	color:#ea1f25;
	font-weight: 100;
}

.text_box p {
	margin: 10px auto;
    text-indent: 50px;
    color: #000;
    padding: 10px;
    width: 80%;	
}
.text_box p b{
	color:#ea1f25;
    font-weight: 100;
}

.text_box hr {
	margin-top: 20px;
    margin-bottom: 20px;
	width: 34%;
    border: 0;
    border-top: 1px solid #cac7ce;
}
.text_box .panel-default {
	border-color:#fff;
}
.text_box .panel-default {
	background-color:#fff;
	border: none;
}
.text_box .panel-heading {
	background-color:#fff;
	border: none;
}

.text_box li {
	list-style: none;
	line-height: 30px;
	box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
}
.text_box li>i {
	margin: 5px 10px 10px;
	color: #432973;
}

.service_grid:hover .text_box p {
	background:#0054a617;
	transition: 1s;
}
.service_grid:hover .text_box ul>li {
	background:#0054a617;
	box-shadow:none;
	transition: 1s;
}

.doctor_details:hover .text_box p {
	background:#0054a617;
	transition: 1s;
}

.service_grid .home_link {
	background:#ea1f2514;
	width:100%;
	 float: left;
	 box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
	 padding: 10px;
	 border: 2px solid #432974;
}

.home_link  .shape {
    width: 7vw;
    height: 12vh;
    float: left;
	margin:43px 0;
    background-image: url(cupcakes.png);
    background-size: cover;
    clip-path: circle(70% at 0% 50%);
    shape-outside: circle(70% at 0% 50%) border-box;
    shape-margin: 1em;
	border-radius: 50%;
}
.home_link h4 {
    color: #432973;
    font-family: 'Philosopher', sans-serif;
}
.home_link hr {
    border-color:red;
}
.home_link .btn.with-arrow {
  position: relative;
  background:#432974;
  color:#fff;
      width: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .home_link .btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .home_link .btn.with-arrow:hover {
    padding-right: 50px; }
    .home_link .btn.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }

.border_left {
	position: relative;
	padding:0;
}
.border_left:after {
	border-top: 1px  solid #bf2815;
	border-right: 1px solid #bf2815;
	border-radius: 0 10% 0 0;
	content: "";
	display: inline-block;
	left: 495px;
	position: absolute;
	right: 0;
	top: -15px;
	bottom: 150px;
}
.border_right {
	position: relative;
	padding:0;
}
.border_right:before {
	border-bottom: 1px  solid #bf2815;
	border-left: 1px solid #bf2815;
	border-radius: 0 0 0 10%;
	content: "";
	display: inline-block;
	left: -1px;
	position: absolute;
	right: 439px;
	top: 193px;
	bottom: -15px;
}
.gall_label {
	width: 50%;
}
.gall_label .img_left{
	width: 30%;
    height: 71px;
    float: left;
    margin: 1em auto 1em;; 
}
.img_left img {
	width: 100%;
    margin: 0 auto; 
}
.ph_grid {
	width: 100%;
	margin: 6em auto 3em;
}
.ph_grid .address{
	margin: 21px auto;
    background: #e3ecf0;
    padding: 10px 0 40px;
	box-shadow: -10px -12px 4px #d7dde0;
}
.address h3 {
	color: #000;
    margin: 9px auto;
    text-align: center;
}
.address address {
	width: 55%;
    margin: 0 auto;
    color: #452972;
    font-size: 18px;
}
.address hr {
	border-color: #422874;
    width: 70%;
}
.address i {
	color: #422874;
    margin: 0 15px;
}
.address i.booking {
	 text-align: center;
	padding: 15px 0 0;
    font-size: 2em;
	color: #fff;
}
.booking_circle {
    width: 65px;
    height: 65px;
    float: right;
    /* top: 29px; */
    /* left: 0; */
    background-color: #0d85b8;
    border-radius: 100%;
    border: 2px solid #c7181800;
    opacity: 1 !important;
    animation: quick-alo-circle-fill-anima 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
}

.ph_grid .map {
	    width: 66%;
}
.map iframe {
    border: 0;
    width: 100%;
    padding: 10px;
    margin: 3px;
}
@-moz-keyframes quick-alo-circle-fill-anima {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: 1
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: 1
    }
}
@-webkit-keyframes quick-alo-circle-fill-anima {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: 1
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: 1
    }
}
@-o-keyframes quick-alo-circle-fill-anima {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity:1
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity:1
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity:1
    }
}
.carrer {
			background:red;
			width:67%;
			margin:5em auto 5em;
		}
		.carrer h3 {
			font-family: 'Philosopher', sans-serif;
			line-height: 55px;
			font-weight: 700;
			letter-spacing: 0px;
			margin: 28px auto;
			color: #432973;
		}
		.carrer img {
			width: 84%;
			height: 340px;
		}
		
		.carrer .panel-default {
			border-color:#fff;
		}
		.carrer .panel-default {
			background-color:#fff;
			border: none;
		}
		.carrer .panel-heading {
			background-color:#fff;
			border: none;
		}
		.carrer .nav-tabs > li > a:hover {
			background-color:#fff;
			border:none;
		}
		
		
		
		
		
.footer {
	width:100%;
	float:left;
	background:#5a5e61;
	padding: 33px 0;
	background:url(../images/footer_bg1.png) no-repeat;
	margin: 27px 0 0;
	height: 220px;
}
.footer .footer_address h4{
	width: 100%;font-family: 'Philosopher', sans-serif;font-size: 25px; 
}
.footer_address address {
	width: 60%;color: #fff;font-size: 18px;font-family: 'Philosopher', sans-serif;
}
.footer_logo img{
	width: 53%;margin:0 auto 0;border-radius: 35%;
}
 .footer_logo .social{
	margin: 40px auto 0;width: 48%;
}

.footer .social-icons {
      display: inline-block;
      margin-right: 10px; }

@media screen and (max-width : 320px){
	.colorlib-nav #colorlib2-logo {
		width: 100%;
	}
	.colorlib-nav #colorlib2-logo img{
		width: 100%;
		height: 85px !important;
		 margin: 0 !important;
	} 
	#colorlib-offcanvas{
	    background:#4b2e70 !important;
	} 
	#colorlib-offcanvas li:hover {
	    background:#e4322c  !important;
	} 
	#colorlib-offcanvas a {
		color: #fff! important;
		font-size: 19px;
		font-weight: 100;
		font-family: 'Philosopher', sans-serif;
	} 
	.carousel-inner > .item > img {
		width: 100% !important;
		height: 235px !important;
	} 
	.home_intro, .appointment {
		width: 100%;
	} 
	.slide_height {
		height: 380px;
		max-height: 380px;
	} 
	.home_z_margin {
		margin: 13px 9px 10px;
	} 
	.news_box img.news {
		width: 100%;
	} 
	.home_two {
		width: 100%;
	} 
	.home_two h2 {
		width: 100%;
		font-size: 28px;
		text-align: center;
	} 
	.home_one_left_box {
		width: 93%;
		margin: 124px 12px;
		padding: 20px 0;
	} 
	.home_link .shape, .appointment_page {
		width:100%;
	} 
	.text_right h3 {
		width:70%;
	} 
	.title_grid .img_left {
		width:22%;
	} 
	.about_grid .with-arrow {
		padding: 12px;
	}
	.ph_grid .map {
		width:100%;
	}
	.map iframe {
		height: 293px;
	}
	.doctor img {
		width: 33%;
		margin: 22px 0 0;
	}
	.doctor h4 {
		width: 100%;
		text-align: center;
		color: #f02d0d;
		font-size: 14px;
	}
	.doctor h5 {
		font-size: 13px;
	}
	.doctor_three {
		width: 100%;
	}
	.gall_label .img_left {
		width: 100%;
	}
	.home_link .shape  {
		width: 19vw !important;
		height: 11vh;
	}
	
	
	.footer {
		background: #0f86b9;
		height:auto;
	} 
	.footer .footer_address h4 {
		text-align:center;
	} 
	.footer_address address {
		width: 60%;
		text-align: center;
	} 
	.doctor_grid .d_box {
		width: 100%;
		margin: 0 0 5px;
	} 
	
}
@media screen and (max-width : 360px){
	.colorlib-nav #colorlib2-logo {
		width: 100%;
	}
	
	#colorlib-offcanvas{
	    background:#4b2e70 !important;
	} 
	#colorlib-offcanvas li:hover {
	    background:#e4322c  !important;
	} 
	#colorlib-offcanvas a {
		color: #fff !important;
		font-size: 19px;
		font-weight: 100;
		font-family: 'Philosopher', sans-serif;
	} 
	.carousel-inner > .item > img {
		width: 100% !important;
		height: 235px !important;
	} 
	.home_intro, .appointment {
		width: 100%;
	}
	.slide_height {
		height: 380px;
		max-height: 380px;
	} 
	.home_z_margin {
		margin: 13px 9px 10px;
	} 
	.news_box img.news {
		width: 100%;
	} 
	.home_two {
		width: 100%;
	} 
	.home_two h2 {
		width: 100%;
		font-size: 28px;
		text-align: center;
	}
	.home_one_left_box {
		width: 93%;
		margin: 124px 12px;
		padding: 20px 0;
	} 
	.home_link .shape, .appointment_page {
		width:100%;
	}
	.text_right h3 {
		width:70%;
	} 
	.title_grid .img_left {
		width:22%;
	}
	.about_grid .with-arrow {
		padding: 12px;
	}
	.ph_grid .map {
		width:100%;
	}
	.map iframe {
		height: 293px;
	}
	.doctor img {
		width: 33%;
		margin: 22px 0 0;
	}
	.doctor h4 {
		width: 100%;
		text-align: center;
		color: #f02d0d;
		font-size: 14px;
	}
	.doctor h5 {
		font-size: 13px;
	}
	.doctor_three {
		width: 100%;
	}
	.gall_label .img_left {
		width: 100%;
	}
	.home_link .shape  {
		width: 19vw !important;
		height: 11vh;
	}
	
	
	
	.footer {
		background: #0f86b9;
		height:auto;
	} 
	.footer .footer_address h4 {
		text-align:center;
	} 
	.footer_address address {
		width: 60%;
		text-align: center;
	} 
	.doctor_grid .d_box {
		width: 100%;
		margin: 0 0 5px;
	} 
}

@media screen and (max-width : 760px){
	.colorlib-nav #colorlib2-logo {
		width: 100%;
	}
	
	#colorlib-offcanvas {
	    background:#4b2e70  !important;
	} 
	#colorlib-offcanvas li:hover {
	    background:#e4322c  !important;
	} 
	
	#colorlib-offcanvas a {
		color: #fff !important;
		font-size: 19px;
		font-weight: 100;
		font-family: 'Philosopher', sans-serif;
	} 
	.carousel-inner > .item > img {
		width: 100% !important;
		height: 235px !important;
	} 
	.home_intro, .appointment {
		width: 100%;
	}
	.slide_height {
		height: 380px;
		max-height: 380px;
	} 
	.home_z_margin {
		margin: 13px 9px 10px;
	} 
	.news_box img.news {
		width: 100%;
	} 
	.home_two {
		width: 100%;
	} 
	.home_two h2 {
		width: 100%;
		font-size: 28px;
		text-align: center;
	} 
	.home_one_left_box {
		width: 93%;
		margin: 124px 12px;
		padding: 20px 0;
	} 
	.home_link .shape, .appointment_page  {
		width:100%;
	}
	.text_right h3 {
		width:70%;
	} 
	.title_grid .img_left {
		width:22%;
	}
	.about_grid .with-arrow {
		padding: 12px;
	}
	.ph_grid .map {
		width:100%;
	}
	.map iframe {
		height: 293px;
	}
	.doctor h4 {
		width: 100%;
		text-align: center;
		color: #f02d0d;
		font-size: 14px;
	}
	.doctor img {
		width: 33%;
		margin: 22px 0 0;
	}
	.doctor h5 {
		font-size: 13px;
	}
	.doctor_three {
		width: 100%;
	}
	.gall_label .img_left {
		width: 100%;
	}
	.home_link .shape  {
		width: 19vw !important;
		height: 11vh;
	}
	
	
	.footer {
		background: #0f86b9;
		height:auto;
	} 
	.footer .footer_address h4 {
		text-align:center;
	} 
	.footer_address address {
		width: 60%;
		text-align: center;
	} 
	.doctor_grid .d_box {
		width: 100%;
		margin: 0 0 5px;
	} 
}
