/******************************************************************

	Templater Name: Aesthetic

	Description: Aesthetic medical template

	Author: Colorib

	Author URI: https://colorlib.com/

	Version: 1.0

	Created: Colorib

******************************************************************/



/*------------------------------------------------------------------

[Table of contents]



1.  Template default CSS

	1.1	Variables

	1.2	Mixins

	1.3	Flexbox

	1.4	Reset

2.  Helper Css

3.  Header Section

4.  Hero Section

5.  Consultation Section

6.  Banner Section

7.  Chooseus Section

8.  Team Section

9.  Gallery

10.  Footer Style

-------------------------------------------------------------------*/



/*----------------------------------------*/



/* Template default CSS

/*----------------------------------------*/



html,

body {

	height: 100%;

	font-family: "Poppins", sans-serif;

	-webkit-font-smoothing: antialiased;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	margin: 0;

	color: #111111;

	font-weight: 400;

	font-family: "Poppins", sans-serif;

}



h1 {

	font-size: 70px;

}



h2 {

	font-size: 36px;

}



h3 {

	font-size: 30px;

}



h4 {

	font-size: 24px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-size: 16px;

}



p {

	font-size: 15px;

	font-family: "Poppins", sans-serif;

	color: #666666;

	font-weight: 400;

	line-height: 25px;

	margin: 0 0 15px 0;

}



img {

	max-width: 100%;

/*	max-height: 300px;*/

}



input:focus,

select:focus,

button:focus,

textarea:focus {

	outline: none;

}



a:hover,

a:focus {

	text-decoration: none !important;

	outline: none;

	color: inherit;

}



ul,

ol {

	padding: 0;

	margin: 0;

}



/*---------------------

  Helper CSS

-----------------------*/



/* buttons */



.primary-btn {

	display: inline-block;

	font-size: 15px;

	font-weight: 500;

	padding: 12px 30px 10px;

	text-transform: uppercase;

	color: #111111;

	text-transform: uppercase;

	letter-spacing: 2px;

	border: 2px solid #1d2e6f;

	border-radius: 5px;

}



.primary-btn.normal-btn {

	background: #1d2e6f;

	color: #ffffff;

	font-weight: 600;

}



.site-btn {

	font-size: 15px;

	color: #ffffff;

	background: #1d2e6f;

	font-weight: 600;

	border: none;

	border-radius: 5px;

	display: inline-block;

	text-transform: uppercase;

	letter-spacing: 2px;

	padding: 14px 30px 12px;

}



/* Preloder */















/*---------------------

  Header

-----------------------*/



.header.header--normal {

	border-bottom: 1px solid #f2f2f2;

}



.header__top {

	background: #1d2e6f;

}



.header__top__left {

	padding: 5px 0;

	margin-bottom: 0rem;

}



.header__top__left li {

	font-size: 14px;

	color: #ffffff;

	list-style: none;

	display: inline-block;

	margin-right: 25px;

}



.header__top__left li:last-child {

	margin-right: 0;

}



.header__top__left li i {

	font-size: 14px;

	margin-right: 5px;

}



.header__top__right {

	text-align: center;

	padding: 5px 0;

}



.header__top__right a {

	font-size: 14px;

	color: #ffffff;

	display: inline-block;

	margin-right: 20px;

}



.header__top__right a:last-child {

	margin-right: 0;

}



.header__logo {

	padding: 3px 0;

}



.header__logo a {

	display: inline-block;

}



.header__menu__option {

	text-align: right;

	padding: 30px 0;

}



.header__menu {

	display: inline-block;

	margin-right: 0px;

}



.header__menu ul li {

	list-style: none;

	display: inline-block;

	margin-right: 20px;

	position: relative;

}



.header__menu ul li.active a:after {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}



.header__menu ul li:hover a:after {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}



.header__menu ul li:hover .dropdown {

	top: 30px;

	opacity: 1;

	visibility: visible;

}



.header__menu ul li:last-child {

	margin-right: 0;

}



.header__menu ul li .dropdown {

	position: absolute;

	left: 0;

	top: 52px;

	width: 150px;

	background: #111111;

	text-align: left;

	padding: 2px 0;

	z-index: 9;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all, 0.3s;

	-o-transition: all, 0.3s;

	transition: all, 0.3s;

}



.header__menu ul li .dropdown li {

	display: block;

	margin-right: 0;

}



.header__menu ul li .dropdown li a {

	font-size: 14px;

	color: #ffffff;

	font-weight: 500;

	padding: 8px 20px;

	text-transform: capitalize;

}



.header__menu ul li .dropdown li a:after {

	display: none;

}



.header__menu ul li a {

	font-size: 14px;

	color: #111111;

	font-weight: 500;

	display: block;

	padding: 4px 0;

	text-transform: uppercase;

	position: relative;

}



.header__menu ul li a:after {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	background: #1d2e6f;

	content: "";

	-webkit-transition: all, 0.3s;

	-o-transition: all, 0.3s;

	transition: all, 0.3s;

	-webkit-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

}



.header__btn {

	display: inline-block;

}



.offcanvas-menu-wrapper {

	display: none;

}



.canvas__open {

	display: none;

}























/*---------------------

    Blog

-----------------------*/









/* Tablet Device = 768px */



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.canvas__open {

		display: block;

		font-size: 22px;

		color: #222;

		height: 35px;

		width: 35px;

		line-height: 35px;

		text-align: center;

		border: 1px solid #323232;

		border-radius: 2px;

		cursor: pointer;

		position: absolute;

		right: 15px;

		top: 35px;

	}

	.offcanvas-menu-overlay {

		position: fixed;

		left: 0;

		top: 0;

		height: 100%;

		width: 100%;

		background: rgba(0, 0, 0, 0.7);

		content: "";

		z-index: 98;

		-webkit-transition: all, 0.5s;

		-o-transition: all, 0.5s;

		transition: all, 0.5s;

		visibility: hidden;

	}

	.offcanvas-menu-overlay.active {

		visibility: visible;

	}

	.offcanvas-menu-wrapper {

		position: fixed;

		left: -300px;

		width: 300px;

		height: 100%;

		background: #ffffff;

		padding: 50px 20px 30px 30px;

		display: block;

		z-index: 99;

		overflow-y: auto;

		-webkit-transition: all, 0.5s;

		-o-transition: all, 0.5s;

		transition: all, 0.5s;

		opacity: 0;

	}

	.offcanvas-menu-wrapper.active {

		opacity: 1;

		left: 0;

	}

	.offcanvas__menu {

		display: none;

	}

	.slicknav_btn {

		display: none;

	}

	.slicknav_menu {

		background: transparent;

		padding: 0;

		margin-bottom: 20px;

	}

	.slicknav_nav ul {

		margin: 0;

	}

	.slicknav_nav .slicknav_row,

	.slicknav_nav a {

		padding: 7px 0;

		margin: 0;

		color: #111111;

		font-weight: 600;

	}

	.slicknav_nav .slicknav_row:hover {

		border-radius: 0;

		background: transparent;

		color: #111111;

	}

	.slicknav_nav a:hover {

		border-radius: 0;

		background: transparent;

		color: #111111;

	}

	.slicknav_nav {

		display: block !important;

	}

	.slicknav_arrow i {

		font-size: 17px;

		position: relative;

		top: 2px;

	}

	.offcanvas__logo {

		margin-bottom: 25px;

	}

	.offcanvas__btn {

		margin-bottom: 30px;

	}

	.offcanvas__widget {

		margin-bottom: 30px;

	}

	.offcanvas__widget li {

		font-size: 15px;

		color: #111111;

		list-style: none;

		line-height: 30px;

	}

	.offcanvas__widget li i {

		color: #1d2e6f;

		font-size: 15px;

		margin-right: 5px;

	}

	.offcanvas__social a {

		font-size: 16px;

		color: #111111;

		display: inline-block;

		margin-right: 20px;

	}

	.offcanvas__social a:last-child {

		margin-right: 0;

	}

	.header__top {

		display: none;

	}

	.header__menu__option {

		display: none;

	}

	.header__right {

		display: none;

	}

	.header .container {

		position: relative;

	}

	.header__btn {

		display: none;

	}

	.consultation__text__item {

		margin-bottom: 40px;

	}

	.footer__logo {

		margin-bottom: 30px;

	}

	.footer__newslatter {

		margin-bottom: 30px;

	}

	.footer__social {

		text-align: center;

	}

	.footer__copyright__text p {

		margin-bottom: 10px;

		text-align: center;

	}

	.footer__copyright ul {

		text-align: center;

	}

	.services__item {

		padding: 35px 30px 35px 30px;

	}

	.service__item__pic img {

	min-width: 100%;

}

	.testimonial__item .rating {

		position: relative;

		right: 0;

		top: 0;

		margin-bottom: 15px;

	}

	.services__sidebar {

		padding-top: 50px;

	}

	.services__details {

		padding-left: 0;

	}

	.doctor__item__text {

		text-align: center;

		padding-top: 40px;

	}

	.doctor__item__text.doctor__item__text--left {

		text-align: center;

	}

	.blog__details__social {

		position: relative;

		left: 0;

		margin-bottom: 30px;

	}

	.blog__details__social a {

		display: inline-block;

		margin-right: 6px;

	}

}



/* Wide Mobile = 480px */



@media only screen and (max-width: 767px) {

	.canvas__open {

		display: block;

		font-size: 22px;

		color: #222;

		height: 35px;

		width: 35px;

		line-height: 35px;

		text-align: center;

		border: 1px solid #323232;

		border-radius: 2px;

		cursor: pointer;

		position: absolute;

		right: 15px;

		top: 35px;

	}

	.offcanvas-menu-overlay {

		position: fixed;

		left: 0;

		top: 0;

		height: 100%;

		width: 100%;

		background: rgba(0, 0, 0, 0.7);

		content: "";

		z-index: 98;

		-webkit-transition: all, 0.5s;

		-o-transition: all, 0.5s;

		transition: all, 0.5s;

		visibility: hidden;

	}

	.offcanvas-menu-overlay.active {

		visibility: visible;

	}

	.offcanvas-menu-wrapper {

		position: fixed;

		left: -280px;

		width: 280px;

		height: 100%;

		background: #ffffff;

		padding: 50px 20px 30px 30px;

		display: block;

		z-index: 99;

		overflow-y: auto;

		-webkit-transition: all, 0.5s;

		-o-transition: all, 0.5s;

		transition: all, 0.5s;

		opacity: 0;

	}

	.offcanvas-menu-wrapper.active {

		opacity: 1;

		left: 0;

	}

	.offcanvas__menu {

		display: none;

	}

	.slicknav_btn {

		display: none;

	}

	.slicknav_menu {

		background: transparent;

		padding: 0;

		margin-bottom: 20px;

	}

	.slicknav_nav ul {

		margin: 0;

	}

	.slicknav_nav .slicknav_row,

	.slicknav_nav a {

		padding: 7px 0;

		margin: 0;

		color: #111111;

		font-weight: 600;

	}

	.slicknav_nav .slicknav_row:hover {

		border-radius: 0;

		background: transparent;

		color: #111111;

	}

	.slicknav_nav a:hover {

		border-radius: 0;

		background: transparent;

		color: #111111;

	}

	.slicknav_nav {

		display: block !important;

	}

	.slicknav_arrow i {

		font-size: 17px;

		position: relative;

		top: 2px;

	}

	.offcanvas__logo {

		margin-bottom: 25px;

	}

	.offcanvas__btn {

		margin-bottom: 30px;

	}

	.offcanvas__widget {

		margin-bottom: 30px;

	}

	.offcanvas__widget li {

		font-size: 15px;

		color: #111111;

		list-style: none;

		line-height: 30px;

	}

	.offcanvas__widget li i {

		color: #1d2e6f;

		font-size: 15px;

		margin-right: 5px;

	}

	.offcanvas__social a {

		font-size: 16px;

		color: #111111;

		display: inline-block;

		margin-right: 20px;

	}

	.offcanvas__social a:last-child {

		margin-right: 0;

	}

	.header__top {

		/* display: none; */

	}

	.header__menu__option {

		display: none;

	}

	.header__right {

		display: none;

	}

	.header .container {

		position: relative;

	}

	.header__btn {

		display: none;

	}

	.consultation__text__item {

		margin-bottom: 40px;

	}

	.footer__logo {

		margin-bottom: 30px;

		text-align: center;

	}

	.footer__newslatter {

		margin-bottom: 30px;

	}

	.footer__social {

		text-align: center;

	}

	.footer__copyright__text p {

		margin-bottom: 10px;

		text-align: center;

	}

	.footer__copyright ul {

		text-align: center;

	}

	.about__video {

		margin-bottom: 40px;

	}

	.services__sidebar {

		padding-top: 50px;

	}

	.services__details {

		padding-left: 0;

	}

	.doctor__item__text {

		text-align: center;

		padding-top: 40px;

	}

	.doctor__item__text.doctor__item__text--left {

		text-align: center;

	}

	.services__btn {

		text-align: left;

		margin-bottom: 30px;

	}

	.latest__btn {

		text-align: left;

		margin-bottom: 30px;

	}

	.services__details__widget {

		text-align: left;

		margin-top: 20px;

	}

	.contact__pic {

		margin-bottom: 40px;

	}

	.team__item img {

		height: auto;

		width: auto;

	}

	.doctor__item__pic img {

		height: auto;

		width: auto;

	}

	.gallery__container .gc__item {

		width: 100%;

		float: none;

		margin-right: 0;

	}

	.grid-sizer {

		width: 100%;

	}

	.gallery__container {

		margin-right: 0;

	}

	.blog__details__social {

		position: relative;

		left: 0;

		margin-bottom: 30px;

	}

	.blog__details__social a {

		display: inline-block;

		margin-right: 6px;

	}

}



/* Small Device = 320px */



@media only screen and (max-width: 479px) {

	.hero__text h2 {

		font-size: 34px;

		line-height: 46px;

	}

	.consultation__form .section-title h2 {

		font-size: 24px;

	}

	.consultation__form {

		padding: 40px 25px;

	}

	.services__item {

		padding: 45px 25px 45px;

	}

	.services__item__icon {

		float: none;

		margin-bottom: 25px;

	}

	.footer__newslatter form button {

		padding: 14px 15px 12px;

	}

	.testimonial__item .rating {

		position: relative;

		right: 0;

		top: 0;

		margin-bottom: 15px;

	}

	.blog__details__tag a {

		margin-bottom: 10px;

	}

	.blog__details__btn__item.blog__details__btn__prev {

		margin-top: 35px;

	}

	.footer__newslatter form {

		text-align: center;

	}

	.footer__newslatter form input {

		margin-bottom: 15px;

		padding-right: 20px;

	}

	.footer__newslatter form button {

		position: relative;

		border-radius: 50px;

		padding: 14px 30px 12px;

	}

}

/*mycss*/

.shadow{

	text-shadow: 0px 0px 1px #1d2e6f;

}

.shadow_{

	text-shadow: 0px 1px 1px #000000;

}

.font{

	color: #111111 !important;

	

	

}

.bg{

	opacity: 5.5;

}