/*======================================
[ CSS Table Of Contents ]
01. Topbar Area CSS
02. Header Area CSS
	+ Logo
	+ Main Menu
	+ Dropdown Menu
	+ Button
	+ Header Sticky
03. Hero Area CSS
04. Features CSS
05. About CSS
06. Service CSS
	+ Service Details
07. Funfact CSS
08. Department CSS
09. Testimonial CSS
10. Doctor CSS
	+ Doctor Details
11. Mission CSS
12. Pricing CSS
13. Appoinment CSS
14. Blog Area CSS
	+ Blog Archive
	+ Blog Archive blog-sidebar
	+ Blog Single
	+ Blog Single blog-sidebar
15. Clients Area CSS
16. Newsletter CSS
17. Breadcrumb CSS
18. Signup CSS
19. Login CSS
20. Faq Area CSS
21. Mail Success CSS
22. Error 404 CSS
23. Contact Us CSS
	+ Google Map
24. Footer CSS
========================================*/

/*=============================
	01. Topbar Area
===============================*/
.over-hidden{
	overflow:hidden;
}
.topbar-area {
	background: #2C2D3F;
	padding: 15px 0px;
}
.top-link {
	margin-top: 10px;
}
.top-link li {
	display: inline-block;
	margin-right: 20px;
}
.top-link li:last-child{
	margin:0;
}
.top-link li a {
	color: #fff;
	font-size: 16px;
}
.top-link li a:hover{
	color: #1A76D1;
}
.topbar-content {
	position: relative;
	float: right;
}
.topbar-content .topbar-detail {
}
.topbar-content li {
	display: inline-block;
	position: relative;
	padding-left: 55px;
	margin-right: 30px;
	text-transform: capitalize;
	cursor: pointer;
	color: #fff;
}
.topbar-content li:last-child{
	margin:0;
}
.topbar-content li i {
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	text-align: center;
	border-radius: 100%;
	color: #1A76D1;
	top: 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	line-height: 38px;
	font-size: 17px;
}
.topbar-content li:hover i {
	color: #fff;
	background: #1A76D1;
}
.topbar-content li span {
	display: block;
	font-size: 17px;
	font-weight: 500;
	line-height: 15px;
	margin-bottom: 5px;
}
.topbar-content .topbar-button {
	position: absolute;
	top: -3px;
	right: 0;
}
/*=============================
	Topbar Area
===============================*/

/*=============================
	02. Header Area
===============================*/
.header {
	background: #fff;
}
.top-logo {
	margin-top: 20px;
}
.main-menu-top{}
.main-menu {
	float: left;
}
.navbar{}
.nav-item{}
.navigation{}
.navigation li {
	display: inline-block;
	margin-right: 6px;
}
.navigation li:last-child{
	margin:0;
}
.navigation li.active a{
	color:#1A76D1;
}
.navigation li a {
	color: #2C2D3F;
	font-size: 16px;
	font-weight: 500;
	padding: 30px 9px;
	display: block;
	position: relative;
}
.navigation li.active a::before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.navigation li a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 4px;
	background: #1A76D1;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.navigation li a:hover::before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.navigation li a:hover{
	color:#1A76D1;
}
.h-menu-right {
	float: right;
	margin-top: 15px;
}
/* Dropdown Menu */
.header .nav-menu li .sub-menu {
	position: absolute;
	top: 86px;
	width: 317px;
	background: #fff;
	z-index: 5000;
	padding: 15px 20px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	transform: translateY(-20px);
	border-radius: 4px;
	box-shadow: 0px 3px 5px #3333334d;
}
.header .nav-menu li:hover .sub-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0px);
}
.header .nav-menu li .sub-menu li {
	display: block;
	margin: 0;
	text-align: left;
	margin-bottom: 10px;
	border-bottom: 1px dashed #0003;
	padding-bottom: 10px;
}
.header .nav-menu li .sub-menu li:last-child {
	margin: 0;
	border: none;
	padding: 0;
}
.header .nav-menu li .sub-menu li a {
	color: #2C2D3F;
	display: block;
	font-size: 15px;
	border-radius: 0;
	padding: 0;
	font-weight: 500;
}
.header .nav-menu li .sub-menu li a:hover {
	color: #1A76D1;
	margin-left: 5px;
}
.header .navigation li a i {
	margin-left: 5px;
	font-weight: 600;
	font-size: 15px;
}
.header .navigation li:hover a{
	color:#1A76D1;
}
.header .navigation li:hover a::before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.header .nav-menu li .sub-menu a::before {
	opacity:0;
	visibility:hidden;
}
.header .nav-menu li .sub-menu li.active a{
	color:#1A76D1;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*---- Header Sticky ----*/
.header.sticky {
    position: fixed;
    width: 100%;
    top: 0px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    box-shadow: chartreuse;
    z-index: 666;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 17%);
    background: #fff;
    animation: fadeInDown 1s both 0.2s;
}
.header.sticky .navigation li.active a {
	color: #1A76D1;
}
.header.sticky .navigation li .sub-menu li a {
    color: #2C2D3F;
}
.header.sticky .nav-menu li .sub-menu li.active a{
	color:#1A76D1;
}
.header.sticky .navigation li .sub-menu li:hover a{
	color:#1A76D1;
}
.header.sticky .navigation li:hover a{
	color:#1A76D1;
}
.header.sticky .navigation li:hover a::before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.header.sticky .nav-menu li:hover .sub-menu a::before {
	opacity: 0;
	visibility: hidden;
}
/*=============================
	End Header Area
===============================*/

/*=============================
	03. Hero Area
===============================*/
.hero-area{}
.single-slider {
    height: 84vh;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.hero-content {
	margin: 190px 0px;
	padding-right: 70px;
}
.hero-content span {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	padding-left: 65px;
}
.hero-content span::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #fff;
	left: 0;
	top: 50%;
}
.hero-content h1 {
	font-size: 50px;
	margin-bottom: 15px;
	color: #fff;
	font-weight: 700;
	line-height: 57px;
	text-transform: capitalize;
}
.hero-content p {
	color: #fff;
	font-size: 16px;
}
.hero-button {
	margin-top: 40px;
}
.hero-button .theme-btn {
	background: #fff;
	color: #2C2D3F;
}
.hero-button .theme-btn:hover{
	border:1px solid #fff;
	color:#fff;
	background:transparent;
}
/* Slider Nav */
.hero-area .owl-carousel .owl-nav{
	margin: 0;
    width: 100%;
}
.hero-area .owl-carousel .owl-nav div {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #ffffff2e;
	color: #fff;
	position: absolute;
	margin: 0;
	padding: inherit;
	font-size: 30px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 100%;
	bottom: 50%;
	margin-bottom: -30px;
}
.hero-area .owl-carousel .owl-nav div:hover{
	background:#fff;
	color:#1A76D1;
}
.hero-area .owl-carousel .owl-nav .owl-prev {
    left:20px;
}
.hero-area .owl-carousel .owl-nav .owl-next {
    right:20px;
}

/* Hero Animations */
.hero-area .owl-item.active .hero-content span{
	animation: fadeInUp 0.9s both 0.9s;
}
.hero-area .owl-item.active .hero-content h1{
	animation: fadeInRight 1.1s both 1.1s;
}
.hero-area .owl-item.active .hero-content p{
	animation: fadeInLeft 1.3s both 1.3s;
}
.hero-area .owl-item.active .hero-button{
	animation: fadeInUp 1.5s both 1.5s;
}
/*=============================
	End Hero Area
===============================*/

/*=============================
	04. Features Area
===============================*/
.features-area {
	padding: 100px 0px;
	background: #ECF7FF;
}
.feature-s-title {
	text-align: center;
	margin-bottom: 50px;
}
.feature-s-title h3,
.feature-s-title h1.h3 {
	font-size: 35px;
	margin-bottom: 10px;
	font-weight: 600;
}
.feature-s-title p {
	font-size: 18px;
}
.single-features {
	text-align: center;
	background: #fff;
	padding: 55px 30px 45px 30px;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 4px 7px #00000012;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: 65px;
}
.single-features:hover {
	transform: translateY(-5px);
	box-shadow: 0px 4px 7px #0000001c;
}
.feature-icon {
	position: absolute;
	left: 50%;
	margin-left: -32.5px;
	top: -35px;
}
.feature-icon i {
	width: 65px;
	height: 65px;
	line-height: 65px;
	display: inline-block;
	font-size: 25px;
	background: #1A76D1;
	border-radius: 100%;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.single-features:hover .feature-icon i {
	transform: rotate(360deg);
}
.feature-content{}
.feature-content h5 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}
.feature-content p {
	color: #666;
}









/*=============================
	End Features Area
===============================*/

/*=============================
	05. About Area
===============================*/
.about-area {
	padding: 100px 0px;
}
.about-image-content {
	position: relative;
}
.about-img{}
.about-content {
	padding-left: 20px;
}
.about-c-title {
	margin-bottom: 20px;
}
.about-c-title span {
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
	color: #1A76D1;
	font-weight: 500;
	position: relative;
	padding-left: 65px;
}
.about-c-title span::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	left: 0;
	background: #1A76D1;
	bottom: 10px;
}
.about-c-title h3 {
	font-size: 40px;
	margin-bottom: 15px;
	color: #2C2D3F;
	font-weight: 600;
}
.about-c-title p {
	color: #666;
	margin-bottom: 10px;
}
.about-list-icon i {
	text-align: center;
	font-size: 80px;
	color: #1A76D1;
	line-height: 95px;
	display: block;
}
.about-content-list {
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.about-content-list li {
	font-size: 16px;
	color: #2C2D3F;
	margin-bottom: 10px;
}
.about-content-list li i {
	color: #1A76D1;
	margin-right: 10px;
}
.about-bottom-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about-bottom-c-d {
	display: flex;
	align-items: center;
}
.about-bottom-c-d img {
	border-radius: 100%;
	width: 70px;
	height: 70px;
	border: 5px solid #fff;
	box-shadow: 0px 0px 10px #00000030;
	margin-right: 20px;
}
.a-bottom-c-title{}
.a-bottom-c-title h5 {
	font-size: 20px;
	font-weight: 600;
}
.a-bottom-c-title span {
	color: #1A76D1;
}
.about-b-sign{}
.about-b-sign img {
	width: 170px;
	height: auto;
}
/*=============================
	End About Area
===============================*/

/*=============================
	06. Service Area
===============================*/
.service-area {
	padding: 100px 0px;
	background: #ECF7FF;
}
.single-service {
	background: #fff;
	padding: 30px 20px 30px 25px;
	box-shadow: 0px 0px 15px #0000000d;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: 30px;
	border-radius: 3px;
}
.single-service.active{
	background:#1A76D1;
}
.single-service.active i,
.single-service.active h4 a,
.single-service.active p{
	color:#fff;
}
.single-service:hover{
	background:#1A76D1;
}
.single-service:hover i{
	color:#fff;
}
.single-service:hover h4 a{
	color:#fff;
}
.single-service:hover p{
	color:#fff;
}
.single-service-content {
	position: relative;
}
.single-service-content i {
	position: absolute;
	left: 0;
	font-size: 38px;
	color: #1A76D1;
	top: 50%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: -18px;
}
.single-service-content h4 {
	margin-bottom: 10px;
}
.single-service-content h4 a {
	font-size: 18px;
	color: #2C2D3F;
	font-weight: 600;
	display: block;
}
.single-service-content p {
	color: #666;
	line-height: 23px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.service-main-content {
	margin-left: 70px;
}

/* Service Details Area */
.service-details-area {
	padding: 70px 0px 100px;
	background: #fff;
}
.service-details-inner {
	margin-top: 30px;
}
.service-details-content{}
.service-d-description {
	margin-bottom: 50px;
}
.service-d-top-img {
	margin-bottom: 20px;
}
.service-d-description h3 {
	font-size: 30px;
	margin-bottom: 15px;
	color: #2C2D3F;
	text-transform: capitalize;
	font-weight: 600;
}
.service-d-description p {
	color: #666;
}
.service-d-description h2,
.service-d-description h3,
.service-d-description h4,
.service-d-description h5,
.service-d-description p{
 margin-bottom: 1rem;
}

.service-d-list{}
.service-d-list-inner{}
.single-s-list {
	margin-bottom: 40px;
}
.single-s-list:last-child{
	margin:0;
}
.service-list-title {
	margin-bottom: 15px;
}
.service-list-title h3 {
	font-size: 25px;
	color: #2C2D3F;
	margin-bottom: 7px;
	font-weight: 600;
}
.service-list-title p {
	color: #666;
}
.service-d-list-inner li {
	margin-bottom: 10px;
}
.service-d-list-inner li:last-child{
	margin:0;
}
.service-d-list-inner li i {
	color: #1A76D1;
	font-size: 17px;
	font-weight: 500;
	margin-right: 8px;
}
.service-details-sidebar {
	margin-top: 30px;
}
.sidebar-service {
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 10px #0000001c;
}
.sidebar-service li {
	margin-bottom: 20px;
}
.sidebar-service li a {
	background: #ECF7FF;
	padding: 18px 25px;
	font-size: 16px;
	color: #2C2D3F;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 111;
}
.sidebar-service li a::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #1A76D1;
	left: 0;
	z-index:-1;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.sidebar-service li a:hover,
.sidebar-service li a:hover i
{
	color:#fff;
}
.sidebar-service li a:hover::before{
	width:100%;
}
.sidebar-service li:last-child{
	margin:0;
}
.sidebar-service li.active a::before{
	width:100%;
}
.sidebar-service li.active a{
	color:#fff;
}
.sidebar-service li i {
	font-size: 17px;
	font-weight: 600;
}
.sidebar-about-box {
	margin-top: 50px;
	background: #ffff;
	padding: 25px;
	box-shadow: 0px 0px 10px #0000001c;
}
.sidebar-about-img{
	position:relative;
}
.sidebar-about-img::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #2C2D3F;
	opacity: 0.7;
}
.sidebar-about-img span {
	position: absolute;
	left: 50%;
	font-size: 27px;
	color: #fff;
	font-weight: 500;
	top: 50%;
	margin-left: -81px;
	margin-top: -33px;
	text-align: center;
	line-height: 33px;
}
.sidebar-about-content {
	margin-top: 30px;
}
.sidebar-about-content li{
	margin-bottom: 15px;
}
.sidebar-about-content li:last-child{
	margin:0;
}
.sidebar-about-content li a {
	background: #ECF7FF;
	padding: 15px 20px;
	display: block;
	color: #2C2D3F;
	font-size: 16px;
}
.sidebar-about-content li a:hover i{
	background:#2C2D3F;
	color:#fff;
}
.sidebar-about-content li i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	background: #1A76D1;
	text-align: center;
	color: #fff;
	font-size: 17px;
	border-radius: 100%;
	margin-right: 10px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
/*=============================
	End Service Area
===============================*/

/*=============================
	07. Funfact Area
===============================*/
.funfact-area {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 70px 0px;
	background-attachment:fixed;
}
.funfact-area::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	opacity: 0.9;
	top: 0;
}
.funfact-s-title span {
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 15px;
	display: inline-block;
}
.funfact-s-title h3 {
	color: #fff;
}
.funfact-s-title p {
	color: #fff;
}
.single-fact {
	text-align: center;
	border: 2px solid #ffffff3d;
	padding: 20px 30px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 4px;
	margin-top: 30px;
}
.single-fact:hover {
	border: 2px solid #ffffffc4;
}
.main-count{}
.main-count i {
	font-size: 30px;
	color: #fff;
	margin-bottom: 15px;
	width: 70px;
	height: 70px;
	line-height: 67px;
	display: inline-block;
	border: 2px solid #ffffff3d;
	border-radius: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.single-fact:hover .main-count i{
	background:#fff;
	color:#1A76D1;
}
.main-count h5 {
	font-size: 40px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 5px;
}
.main-count h5 span{}
.main-count h5 b {
	font-weight: 600;
}
.main-count p {
	color: #fff;
}
/*=============================
	End Funfact Area
===============================*/

/*=============================
	08. Department Area
===============================*/
.department-area {
	padding: 100px 0px;
	background: #fff;
}
.department-tab-menu {
	margin: 30px 0px 60px 0px;
}
.department-tab-menu .menu-tab {
    margin: 0;
    display: block;
}
.department-tab-menu .menu-tab .nav-item {
	margin: 0;
	display: inline-block;
	padding: 0;
	margin-right: 24px;
}
.department-tab-menu .menu-tab .nav-item:nth-child(6) {
	margin: 0;
}
.department-tab-menu .menu-tab .nav-item a.active,
.department-tab-menu .menu-tab .nav-item a:hover{
	color: #fff;
	background: #1A76D1;
}
.department-tab-menu .menu-tab .nav-item a.active span{
	color:#fff;
}
.department-tab-menu .menu-tab .nav-item a:hover span{
	color:#fff;
}
.department-tab-menu .menu-tab a {
	display: block;
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 10px #0000001a;
	padding: 35px;
	border-radius: 5px;
	width: 162px;
}
.department-tab-menu .menu-tab i {
	font-size: 40px;
}
.department-tab-menu .menu-tab span {
	display: block;
	color: #2C2D3F;
	font-size: 15px;
	margin-top: 10px;
	font-weight: 600;
}
.department-tab-content{}
.department-main-content{}
.department-main-content h3 {
	font-weight: bold;
	font-size: 31px;
	line-height: 42px;
	color: #222831;
}
.department-main-content p {
	margin-top: 20px;
}
.department-inner-content{}
.department-inner-content h4 {
	font-size: 30px;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.department-inner-content h4::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 3px;
	background: #1A76D1;
	bottom: -1px;
}
.department-inner-content span {
	font-size: 15px;
	color: #1A76D1;
	font-weight: 500;
	display: block;
	margin-bottom: 15px;
}
.d-content-list {
	margin-top: 20px;
}
.d-content-list li {
	margin-bottom: 5px;
	color:#666;
}
.d-content-list li i {
	margin-right: 7px;
	font-size: 13px;
	color: #1A76D1;
}
.department-inner-content p{}
.d-content-button {
	margin-top: 20px;
}
.d-content-button .theme-btn i {
	color: #fff;
	margin-right: 8px;
	font-size: 16px;
}
.department-image{
	position:relative;
}
.department-image img:hover{
	transform: scale(1.1);
}
.department-image::before {
	/*position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #2C2D3F;
	opacity: 0.2;
	*/
}
/* Video Popup */
.video-main {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32.5px;
	margin-top: -32.5px;
}
.promo-video .waves-block .waves {
	position: absolute;
	width: 125px;
	height: 125px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	right: -30px;
	bottom: -30px;
	z-index: 444;
	background: #fff;
}
.promo-video .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.promo-video .waves-block .wave-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.promo-video .waves-block .wave-1 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.video-main .video {
	height: 65px;
	width: 65px;
	line-height: 65px;
	text-align: center;
	border-radius: 100%;
	background: #1A76D1;
	color: #fff;
	display: inline-block;
	z-index: 555;
	padding: 0;
	padding-left: 2px;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.video-main .video:hover{
	background: #222831;
	color:#fff;
}
/*=============================
	End Department Area
===============================*/

/*=============================
	09. Testimonial Area
===============================*/
.testimonial-area {
	padding: 70px 0px;
	background: #1A76D1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}
.testimonial-area::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	opacity: 0.9;
	top: 0;
}
.testimonial-s-title{}
.testimonial-s-title span{
	color:#fff;
	border-bottom:1px solid #fff;
}
.testimonial-s-title h3{
	color:#fff;
}
.testimonial-s-title p{
	color:#fff;
}
.testimonial-slider {
	margin: 30px 0px 50px 0px;
}
.single-testimonial {
	background: #fff;
	padding: 30px;
	border-radius: 10px;
	position: relative;
}
.testimonial-content{}
.testimonial-t-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.t-right-icon{}
.t-right-icon i {
	font-size: 45px;
	color: #1A76D1;
	opacity: 0.8;
}
.t-ratting {}
.t-ratting li {
	display: inline-block;
	margin-right: 4px;
}
.t-ratting li:last-child{
	margin:0;
}
.t-ratting li i {
	color: #F7BD01;
	font-size: 17px;
}
.testimonial-content p {
	color: #666;
}
.testimonial-b-content {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.client-image {
	margin-right: 20px;
}
.client-image img {
	width: 80px !important;
	height: 80px;
	border-radius: 100%;
	box-shadow: 0px 3px 4px #0000002e;
	border: 1px solid #1A76D1;
	padding: 0.3rem;
}
#home-testimonial .client-image img{
    border: 1px solid #ffffff;
    background: #1A76D1;
	
}
.client-title{}
.client-title h5 {
	font-size: 20px;
	font-weight: 500;
}
.client-title span {
	color: #1A76D1;
	font-size: 15px;
}
#home-testimonial{
	background-image:none !important;
	background: #fff !important;
	}
#home-testimonial::before{
content:none !important;
}

#home-testimonial .single-testimonial{
	background: #ffdae3;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#home-testimonial .single-testimonial:hover{
	background: #ECF7FF;
}
/* Slider Dot */
.testimonial-area .owl-carousel .owl-controls {
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -39px;
	z-index: 999;
}
.testimonial-area .owl-carousel .owl-controls .owl-dot {
    display: inline-block;
}
.testimonial-area .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    width: 12px;
    height: 12px;
}
.testimonial-area .owl-theme .owl-dots .owl-dot.active span {
	background: transparent;
	border: 2px solid #fff;
}
/*=============================
	End Testimonial Area
===============================*/

/*=============================
	10. Doctors Area
===============================*/
.doctors-area {
	padding: 100px 0px;
	background: #ECF7FF;
}
.single-doctor {
	overflow: hidden;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	border-radius: 4px;
	margin-top: 30px;
}
.single-doctor:hover .doctor-head::before{
	opacity: 0.7;
	visibility:visible;
}
.single-doctor:hover .d-head-btn{
	opacity:1;
	visibility:visible;
	transform: translateX(0);
	transition:all 0.4s ease;
}
.doctor-head{
	position:relative;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.doctor-head::before,
 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	background: #1A76D1;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	z-index:1;
}
.d-head-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -79px;
	margin-top: -30px;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-180px);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	z-index: 22;
}
.d-head-btn:hover .theme-btn{
	background:#fff;
	color:#1A76D1;
}
.single-doctor:hover .doctor-content::before{
	width:100%;
}
.doctor-content {
	background: #fff;
	padding: 25px 20px;
	text-align: center;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: relative;
}
.doctor-content::before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #1A76D1;
	left: 0;
	bottom: 0;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.doctor-content span {
	font-size: 14px;
	color: #1A76D1;
	display: block;
	font-weight: 500;
}
.doctor-content h5 a {
	font-size: 20px;
	font-weight: 500;
	color: #2C2D3F;
	display: block;
	margin-bottom: 5px;
}
.doctor-content h5 a:hover{
	color:#1A76D1;
}
.doctors-bottom-btn {
	text-align: center;
	margin-top: 50px;
}

/* Slider Nav */
.doctors-area .owl-carousel .owl-nav{
	margin: 0;
    width: 100%;
}
.doctors-area .owl-carousel .owl-nav div {
	width: 50px;
	height: 50px;
	line-height: 48px;
	background: #fff;
	color: #1A76D1;
	position: absolute;
	margin: 0;
	padding: inherit;
	font-size: 25px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 100%;
	top: 50%;
	margin-top: -25px;
	box-shadow: 0px 5px 7px #00000017;
}
.doctors-area .owl-carousel .owl-nav div:hover{
	background:#1A76D1;
	color:#fff;
}
.doctors-area .owl-carousel .owl-nav .owl-prev {
	left: -80px;
}
.doctors-area .owl-carousel .owl-nav .owl-next {
    right:-80px;
}
.doctors-area.doctor-page {
	padding: 70px 0px 100px 0px;
}

/* Doctors Details Area */
.doctor-details-area {
	padding: 70px 0px 100px;
	background: #F9F9F9;
}
.doctor-details-inner{
	margin-top:30px;
}
.doctor-d-top {
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	box-shadow: 0px 0px 10px #00000024;
	position:relative;
}
.doctor-d-top::before {
	position: absolute;
	content: "";
	width: 180px;
	height: 100%;
	left: 0;
	top: 0;
	border: ;
	background: #1A76D1;
	z-index: 1;
}
.doctor-d-img img {
	border: 5px solid #fff;
	z-index:2;
	position:relative;
}

.doctor-d-img img:hover,
.popup-gal a img:hover{
	transform: scale(1.1);
}
.doctor-d-title {
	margin-left: 25px;
}
.doctor-d-title h4 {
	font-size: 25px;
	font-weight: 600;
}
.doctor-d-title p {
	color: #1A76D1;
	font-weight: 500;
	font-size: 16px;
}
.doctor-quali {
	margin-top: 5px;
}
.doctor-quali li {
	display: inline-block;
	margin-right: 5px;
	color: #888888;
	font-size: 13px;
}
.doctor-quali li i{}
.d-details-address {
	margin-top: 20px;
}
.d-details-address li {
	margin-bottom: 10px;
}
.d-details-address li:last-child{
	margin:0;
}
.d-details-address li i {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #1A76D1;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	font-size: 14px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.d-details-address li:hover i{
	background:#2C2D3F;
	color:#fff;
}
.single-d-widget {
	margin-top: 30px;
	border-radius: 3px;
	background: #fff;
	padding: 30px;
	box-shadow: 0px 0px 10px #0000001c;
}
.single-d-widget.doctor-d-widget {
	text-align: center;
}
.booking-info-widget{}
.booking-info-widget .form-group {
	position: relative;
	margin-bottom: 30px;
}
.booking-info-widget .form-group i {
	position: absolute;
	top: 50px;
	right: 15px;
	font-size: 16px;
	color: #1A76D1;
}
.booking-info-widget .form-group label {
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: 500;
}
.booking-info-widget .form-group input {
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	color: #2C2D3F;
	font-size: 15px;
	border-radius: 3px;
}
.booking-info-widget .nice-select {
	background: #fff;
	line-height: 43px;
	color: #2C2D3F;
	margin: 0;
	width: 100%;
	height: 45px;
	padding: 0px 15px;
	border-radius: 3px;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	margin-bottom: 30px;
	border: 1px solid #ddd;
}
.booking-info-widget .nice-select::after {
	border-bottom: 2px solid #1A76D1;
	border-right: 2px solid #1A76D1;
	right: 20px;
}
.nice-select.open .list{
	width:100%;
}
.nice-select .option.selected {
	font-weight: 500;
	color: #1A76D1;
}
.nice-select .option:hover {
	background-color: #1976D1;
	color: #fff !important;
}
.w-hour-title {
	font-size: 23px;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
	margin-bottom: 25px;
}
.w-hour-title::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #1A76D1;
	left: 0;
}
.w-hour-inner{}
.w-hour-inner li {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 15px;
}
.w-hour-inner li:last-child{
	margin:0;
	border:none;
	padding:0
}
.w-hour-inner li b {
	font-weight: 500;
	color: #1A76D1;
}
.w-hour-inner li span {
	float: right;
}
.contact-info-widget li {
	margin-bottom: 15px;
	font-size: 16px;
}
.contact-info-widget li:last-child{
	margin:0;
}
.contact-info-widget li i {
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #1A76D1;
	display: inline-block;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	margin-right: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-size: 15px;
}
.contact-info-widget li i:hover {
	background: #2C2D3F;
	color: #fff;
}
.doctor-details-bottom {
	padding: 30px;
	background: #fff;
	box-shadow: 0px 0px 10px #00000024;
	border-radius: 4px;
}
.doctor-d-content-widget {
	margin-bottom: 30px;
}
.doctor-d-content-widget:last-child{
	margin:0;
}
.doctor-d-bottom-title {
	font-size: 25px;
	margin-bottom: 25px;
	position: relative;
	padding-left: 15px;
	color: #1A76D1;
}
.doctor-d-bottom-title::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #1A76D1;
	left: 0;
}
.doctor-d-content-widget p {
	color: #666;
	margin-bottom: 10px;
}
.doctor-d-content-widget p:last-child{
	margin:0;
}
.doctor-d-content-widget li {
	margin-bottom: 15px;
	cursor:pointer;
}
.doctor-d-content-widget li span {
	color: #1A76D1;
}
.doctor-d-content-widget li:last-child{
	margin:0
}
.doctor-d-content-widget li i {
	font-size: 20px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #ECF7FF;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	color: #2C2D3F;
	margin-right: 10px;
	transition:all 0.4s ease;
}
.doctor-d-content-widget li:hover i{
	background:#1A76D1;
	color:#fff;
}
/*=============================
	End Doctors Area
===============================*/

/*=============================
	11. Our Mission Area
===============================*/
.our-mission-area {
	padding: 100px 0px;
}
.mission-content{}
.mission-c-top{
	margin-bottom: 25px;
}
.mission-content span {
	color: #1A76D1;
	font-size: 16px;
	border-bottom: 1px solid #1A76D1;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 500;
}
.mission-content h3 {
	font-size: 40px;
	color: #2C2D3F;
	margin-bottom: 15px;
}
.mission-content strong {
	color: #1A76D1;
	font-weight: 700;
}
.mission-content p {}
.mission-c-list{}
.mission-c-list li {
	margin-bottom: 10px;
	color: #000;
	font-size: 15px;
}
.mission-c-list li:last-child{
	margin:0;
}
.mission-c-list li i {
	color: #1A76D1;
	font-size: 18px;
	margin-right: 8px;
}
/*=============================
	End Our Mission Area
===============================*/

/*=============================
	12. Pricing Area
===============================*/
.pricing-area {
	padding: 100px 0px;
	background: #ECF7FF;
}
.popular-sticker {
	color: #fff;
	background: #1A76D1;
	display: inline-block;
	padding: 5px 45px;
	position: absolute;
	right: -39px;
	top: 12px;
	font-size: 14px;
	transform: rotate(45deg);
	font-weight: 500;
}
.single-pricing {
	background: #ffff;
	padding: 25px;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 5px 10px #0000000f;
	border-radius: 5px;
	margin-top: 30px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.single-pricing:hover {
	transform: translateY(-10px);
	box-shadow: 0px 1px 13px #0000001c;
}
.single-pricing::before {
	position: absolute;
	content: "\ec08";
	right: -20px;
	top: 100px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-family: IcoFont;
	font-size: 80px;
}
.single-pricing:hover::before,.single-pricing.active::before{
	opacity: 0.2;
	visibility: visible;
	right: 35px;
}
.single-pricing.active{
	transform: translateY(-10px);
	box-shadow: 0px 1px 13px #0000001c;
}
.single-pricing:hover .theme-btn,.single-pricing.active .theme-btn{
	background:#2C2D3F;
}
.pricing-head{}
.pricing-head h5 {
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 25px;
	color: #1A76D1;
}
.p-price{
	position: relative;
}
.p-price .amount {
	font-size: 40px;
	color: #2C2D3F;
	font-weight: 600;
	display: inline-block;
}
.p-price .duration {
	display: block;
	color: #666;
	margin-top: 5px;
}
.pricing-content {
	margin-top: 20px;
}
.pricing-content li {
	font-size: 15px;
	color: #555;
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;
}
.pricing-content li::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #1A76D1;
	left: 0;
	top: 10px;
}
.pricing-content li:last-child{
	margin:0;
}
.pricing-button {
	margin-top: 30px;
}
/*=============================
	End Pricing Area
===============================*/

/*=============================
	13. Appoinment Area
===============================*/
.appoinment-area {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 100px 0px;
	position: relative;
}
.appoinment-area::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	opacity: 0.8;
	top: 0;
}
.appoinment-inner {
	background: #fff;
	padding: 50px;
	border-radius: 5px;
	box-shadow: 0px 5px 14px #0000002e;
}
.appoinment-title {
	margin-bottom: 40px;
}
.appoinment-title h3 {
	font-size: 30px;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}
.appoinment-title h3::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 4px;
	background: #1A76D1;
	bottom: -2px;
}
.appoinment-title p {}
.appoinment-inner .form-group {
	margin: 0;
	margin-bottom: 30px;
}
.appoinment-inner .form-group input {
	width: 100%;
	height: 45px;
	border: none;
	border-bottom: 1px solid #ddd;
	color: #2C2D3F;
	font-size: 13px;
	text-transform: capitalize;
}
.appoinment-inner .form-group textarea {
	width: 100%;
	height: 110px;
	border: none;
	border-bottom: 1px solid #ddd;
	color: #2C2D3F;
	font-size: 13px;
}
.appoinment-inner .nice-select {
	background: #fff;
	line-height: 43px;
	color: #0000007d;
	margin: 0;
	width: 100%;
	height: 45px;
	padding: 0px 20px 0px 0px;
	border-radius: 0;
	border: none;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	font-weight: 500;
	margin-bottom: 30px;
}
.nice-select .option {
	cursor: pointer;
	font-weight: 500;
	line-height: 40px;
	list-style: none;
	min-height: 40px;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.appoinment-inner .nice-select.open .list {
	width: 100%;
}
.appoinment-inner .nice-select::after {
	height: 7px;
	width: 7px;
}
.replay-message {
	margin-top: 15px;
}
.apppoinment-page-area {
	padding: 100px 0px;
	background:#f9f9f9;
}
.apppoinment-page-area .appoinment-inner {
	background: #fff;
	box-shadow: 0px 0px 10px #0000001c;
}
.appoinment-img {
	margin: 95px 0px;
}
/*=============================
	End Appoinment Area
===============================*/

/*=============================
	14. Blog Area
===============================*/
.blog-area {
	padding: 100px 0px;
	background: #ECF7FF;
}
.single-blog {
	background: #fff;
	padding: 15px;
	position: relative;
	box-shadow: 0px 0px 10px #0000001a;
	margin-top: 30px;
	border-radius: 4px;
}
.s-blog-head{
	position:relative;
}
.s-blog-img {
	overflow: hidden;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;
	position: relative;
}
.single-blog:hover .s-blog-img img{
	transform: scale(1.1);
}
.single-blog-content {
	margin-top: 35px;
	padding: 0px 5px 0px 5px;
}
.single-blog .top-meta {
	position: absolute;
	left: 50%;
	margin-left: -69.5px;
	bottom: -11px;
}
.single-blog .top-meta span {
	background: #fff;
	color: #1277D2;
	padding: 10px 25px;
	font-size: 15px;
	border-radius: 30px;
	font-weight: 500;
	box-shadow: 0px 2px 10px #2C2D3F1C;
}
.single-blog-title{
	position:relative;
}
.single-blog-title::before {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background: #1A76D1;
	bottom: 0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.single-blog:hover .single-blog-title::before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.single-blog-content h3{}
.single-blog-content h3 a {
	font-size: 22px;
	color: #2C2D3F;
	line-height: 28px;
	display: block;
	font-weight: 500;
	margin-bottom: 10px;
}
.single-blog-content h3 a:hover{
	color:#1A76D1;
}
.single-blog-content p {
	color: #666;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.blog-author {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.blog-author .b-author-left{}
.blog-author .b-author-left img {
	border-radius: 100%;
	width: 55px;
	height: 55px;
	border: 1px solid #1A76D1;
	padding: 0.2rem;
}
.b-author-content {
	margin-left: 15px;
}
.b-author-content h6 {
	font-size: 15px;
	color: #666;
	font-weight: normal;
}
.b-author-content h6 span{}
.b-author-content h6 a {
	color: #1A76D1;
}
.blog-archive-area{
	padding:70px 0px 100px
}

/* Blog Single Area */
.blog-single-post {
	padding: 70px 0px 100px;
	background: #fff;
}
.single-blog-area {
	margin-top: 30px;
}
.single-blog-head{}
.single-head-img{
	overflow:hidden;
	transition:all 0.4s eaes;
	-webkit-transition:all 0.4s eaes;
	-moz-transition:all 0.4s eaes;
}
.single-head-img img:hover{
	transform:scale(1.1);
}
.blog-s-title {
	margin-bottom: 20px;
}
.blog-s-title h3{}
.blog-s-title h3 a {
	color: #2C2D3F;
	font-weight: 600;
	font-size: 30px;
	text-transform: capitalize;
}
.blog-s-title h3 a:hover{
	color:#1A76D1;
}
.blog-s-title p{}
.blog-single-meta {
	margin: 25px 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 25px;
}
.single-blog-head p {
	margin-bottom: 15px;
}
.single-blog-head p:last-child {
	margin: 0;
}
.blog-single-meta span {
	font-size: 16px;
	color: #2C2D3F;
	margin-right: 20px;
}
.blog-single-meta span:last-child{
	margin:0;
}
.blog-single-meta span img {
	border-radius: 100%;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.blog-single-meta span i {
	color: #1A76D1;
	margin-right: 10px;
}
.blog-single-meta span a {
	color: #2C2D3F;
}
.blog-single-meta span a:hover{
	color:#1A76D1;
}
.single-content{}
.single-content blockquote,
blockquote {
	background: #1A76D1;
	padding: 50px 40px;
	position: relative;
	margin: 30px 0px;
}
.single-content blockquote i,
blockquote::before {
	/*content: "f10e";*/
	position: absolute;
	font-size: 100px;
	color: #fff;
	right: 55px;
	opacity: 0.2;
	bottom: -12px;
}
.single-content blockquote h3,
blockquote p
 {
	color: #fff !important;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	position: relative;
	padding-left: 25px;
}
.single-content blockquote h3::before,
blockquote p::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	background: #fff;
	left: 0;
	opacity: 0.5;
}
.b-bottom-content{}
.b-bottom-content p {
	margin-bottom: 15px;
}
.b-bottom-content p:last-child {
	margin: 0;
}
.s-content-list,
.service-d-description ul {
	margin: 30px 0px;
}
.s-content-list li,
.service-d-description ul li {
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: capitalize;
}
.s-content-list li:last-child,
.service-d-description ul li:last-child{
	margin:0;
}
.s-content-list li i,
.service-d-description ul li i{
	margin-right: 8px;
	color: #1A76D1;
}
.blog-s-middle-img {
	margin: 30px 0px;
}
.blog-s-conunter {
	margin-top: 30px;
	background: #f5f5f5;
	padding: 10px 20px;
}
.blog-s-conunter li {
	display: inline-block;
	margin-right: 15px;
	font-size: 16px;
	border-right: 1px solid #2C2D3F38;
	padding-right: 15px;
}
.blog-s-conunter li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.blog-s-conunter li i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	background: #1A76D1;
	border-radius: 100%;
	text-align: center;
	font-size: 15px;
	margin-right: 10px;
	color:#fff;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog-s-conunter li i:hover{
	background:#2C2D3F;
	color:#fff;
}
.blog-s-conunter li span{}
.blog-post-tag {
	margin-top: 30px;
}
.post-tag{}
.post-share-tag{}
.post-share-tag h5 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}
.post-tag li {
	display: inline-block;
	margin-right: 10px;
}
.post-tag li:last-child{
	margin:0;
}
.post-tag li a {
	background: #f3f5f7;
	color: #2C2D3F;
	padding: 8px 20px;
	display: block;
}
.post-tag li a:hover{
	background:#1A76D1;
	color:#fff;
}
.share-tag {
	text-align: right;
}
.share-tag li {
	display: inline-block;
	margin-right: 8px;
}
.share-tag li:last-child{
	margin:0;
}
.share-tag li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: transparent;
	display: block;
	text-align: center;
	border-radius: 100%;
	color: #2C2D3F;
	font-size: 15px;
}
.share-tag li.facebook a {
	background: #0C88EF;
	color: #fff;
}
.share-tag li.twitter a {
	background: #00A2F3;
	color: #fff;
}
.share-tag li.linkedin a {
	background: #0077B5;
	color: #fff;
}
.share-tag li.instagram a {
	background: #EB4B54;
	color: #fff;
}
.share-tag li a:hover {
	background: #2C2D3F;
}
.detail-post-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin: 50px 0px;
	padding: 40px 30px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.detail-post-navigation::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	opacity: 0.8;
	left: 0;
	top: 0;
}
.prev-post{
	padding-left:70px;
	position: relative;
}
.prev-post span, .next-post span {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
}
.prev-post a, .next-post a {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.prev-post a i {
	position: absolute;
	left: 0;
	width: 50px;
	height: 50px;
	line-height: 52px;
	border-radius: 100%;
	text-align: center;
	color: #1A76D1;
	font-size: 18px;
	background: #fff;
	top: 0;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	box-shadow: 0px 4px 7px #00000036;
}
.prev-post a:hover i,.next-post a:hover i{
	background:#2C2D3F;
	color:#fff;
}
.next-post{
	padding-right:70px;
	position: relative;
}
.next-post a i{
	position: absolute;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 52px;
	border-radius: 100%;
	text-align: center;
	color: #1A76D1;
	font-size: 18px;
	background: #fff;
	top: 0;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	box-shadow: 0px 4px 7px #00000036;
}
.blog-comments {
	margin-top: 50px;
}
.bottom-title{}
.comment-title {
	margin-bottom: 50px;
}
.comment-title h3 {
	font-size: 30px;
	font-weight: 600;
	position: relative;
	padding-left: 20px;
}
.comment-title h3::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 100%;
	left: 0;
	background: #1A76D1;
}
.comments-body {}
.single-comments{}
.single-comments .main {
	display: flex;
	justify-content: space-between;
}
.single-comments .head {
	margin-right: 30px;
}
.single-comments .head img {
	border-radius: 100%;
	width: 100px;
	height: auto;
}
.single-comments .body {
	width: calc(100% - 100px);
}
.single-comments .body p {
	color: #666;
}
.body-top {
	position: relative;
	margin-bottom: 10px;
}
.body-top h6 {
	font-size: 20px;
	font-weight: 500;
}
.body-top .date-meta {
	font-size: 14px;
	color: #1A76D1;
}
.body-top .replay {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 14px;
	color: #2C2D3F;
}
.body-top .replay:hover{
	color:#1A76D1;
}
.body-top .replay i {
	margin-right: 5px;
	font-size: 12px;
}
.comment-list {
	display: flex;
	justify-content: space-between;
	background: #fff;
	padding: 30px;
	margin: 50px 0px 50px 50px;
	box-shadow: 0px 0px 10px #00000021;
}
.comment-list .body{
	margin:0;
}
.post-comment {
	margin-top: 50px;
}
.comment-form {
	padding: 40px;
	background: #fff;
	box-shadow: 0px 0px 10px #00000021;
}
.comment-form .form-group {
	margin-bottom: 30px;
}
.comment-form .form-group input {
	width: 100%;
	border: none;
	height: 55px;
	background: #f3f5f7;
	padding: 10px 20px;
	font-size: 15px;
	border:1px solid transparent;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.comment-form .form-group input:hover{
	border:1px solid #1A76D1;
}
.comment-form .form-group textarea {
	width: 100%;
	border: none;
	height: 170px;
	background: #f3f5f7;
	padding: 10px 20px;
	font-size: 15px;
	border: 1px solid transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 500;
}
.comment-form .form-group textarea:hover{
	border:1px solid #1A76D1;
}
.post-comment-btn{}
.blog-sidebar{}
.blog-sidebar .b-single-widget {
	margin-top: 30px;
	border: 2px dashed #1A76D17D;
	padding: 30px;
	background: #ffff;
}
.blog-sidebar .b-search-widget{}
.blog-sidebar .b-search-widget input {
	width: 100%;
	border: none;
	height: 55px;
	padding: 10px 65px 10px 20px;
	font-size: 15px;
	background: #F3F5F7;
}
.blog-sidebar .b-search-widget form{
	position:relative;
}
.blog-sidebar .b-search-widget button {
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 1;
	background: #1A76D1;
	font-size: 17px;
	transition: all 0.3s ease-out 0s;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.blog-sidebar .b-search-widget button:hover{
	background:#2C2D3F;
	color:#fff;
}
.blog-sidebar .b-search-widget button i{}
.blog-sidebar .widget-title {
	color: #2C2D3F;
	position: relative;
	font-weight: 600;
	padding-left: 15px;
	margin-bottom: 30px;
	font-size: 20px;
}
.blog-sidebar .widget-title::before {
	position: absolute;
	content: "";
	width: 3px;
	height: 100%;
	left: 0;
	background: #1A76D1;
}
.popular-feeds {}
.popular-feed-loop{}
.single-popular-feed {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.single-popular-feed:last-child{
	margin:0;
}
.feed-img img {
	border-radius: 100%;
	margin-right: 10px;
	width: 100px;
	height: auto;
}
.feed-img img{}
.feed-desc {
	margin-left: 15px;
}
.feed-desc h6 {
	margin-bottom: 5px;
}
.feed-desc h6 a {
	font-size: 16px;
	color: #2C2D3F;
	font-weight: 500;
}
.feed-desc h6 a:hover{
	color:#1A76D1;
}
.feed-desc .time {
	font-size: 14px;
}
.feed-desc .time i {
	font-size: 13px;
	color: #1A76D1;
	margin-right: 5px;
}
.categories-widget {}
.categories-widget li {
	margin-bottom: 10px;
	position: relative;
}
.categories-widget li:last-child{
	margin:0;
}
.categories-widget li a {
	font-size: 14px;
	padding-left: 30px;
	height: 50px;
	background-color: #f3f5f7;
	display: block;
	position: relative;
	line-height: 50px;
	color: #2C2D3F;
	transition: all 0.3s ease-out 0s;
	font-weight: 500;
}
.categories-widget li a:hover{
	background:#1A76D1;
	color:#fff;
}
.categories-widget li span {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #2C2D3F;
	color: #fff;
	transition: all 0.3s ease-out 0s;
}
.socail-widget {}
.socail-widget li {
	display: inline-block;
	margin-right: 10px;
}
.socail-widget li:last-child{
	margin:0;
}
.socail-widget li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: transparent;
	display: inline-block;
	text-align: center;
	color: #2C2D3F;
}
.socail-widget li.facebook a {
	background: #0C88EF;
	color: #fff;
}
.socail-widget li.twitter a {
	background: #00A2F3;
	color: #fff;
}
.socail-widget li.linkedin a {
	background: #0077B5;
	color: #fff;
}
.socail-widget li.instagram a {
	background: #EB4B54;
	color: #fff;
}
.socail-widget li a:hover {
	background: #2C2D3F;
}
.socail-widget li i{}
.popular-tag-widget {}
.popular-tag-widget .widget-title {
	margin-bottom: 20px;
}
.popular-tag-widget li {
	display: inline-block;
	margin-right: 5px;
	margin-top: 15px;
}
.popular-tag-widget li a {
	background: transparent;
	color: #1A76D1;
	padding: 5px 15px;
	font-size: 14px;
	display: block;
	border: 1px dashed #1A76D1;
}
.popular-tag-widget li a:hover{
	background:#1A76D1;
	color:#fff;
}
.popular-tag-widget li i{}

/* Pagination */
.pagination-main{
	text-align:center;
}
.pagination {
	display: block;
	padding-left: 0;
	margin: 50px 0 0;
	border-radius: 4px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	margin-right: 10px;
}
.pagination li:last-child{
	margin-right:0px;
}
.pagination li a {
	background: #fff;
	border: none;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 42px;
	font-size: 14px;
	color: #555;
	border-radius: 3px;
	box-shadow: 0px 7px 10px #00000012;
}
.pagination li:hover a {
	color: #fff;
	border-color: transparent;
}
.pagination li:hover a,
.pagination li.active a{
	border-color:transparent;
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.10);
} 
.pagination li.prev a, 
.pagination li.next a {
	font-size: 15px;
	text-align:center;
}
.pagination li.active a,
.pagination li:hover a {
	color: #fff !important;
	background: #1A76D1;
}
/*=============================
	End Blog Area
===============================*/

/*=============================
	15. Newsletter Area
===============================*/
.news-letter-area {
	padding: 40px 0px 70px;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.news-letter-area::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	top: 0;
	left: 0;
	opacity: 0.8;
}
.email-box {
	position: relative;
}
.news-letter-content {
	margin-top: 30px;
}
.news-letter-content h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
}
.news-letter-content p {
	color: #f9f9f9;
}
.n-email-submit {
	padding: 20px 0px 0px 20px;
	position: relative;
	margin-top: 30px;
}
.n-email-submit .form-group{
	margin:0;
}
.n-email-submit input {
	width: 100%;
	height: 65px;
	border: none;
	background: #fff;
	padding: 10px 165px 10px 30px;
	font-size: 15px;
	border-radius: 100px;
}
.e-submit-btn{}
.e-submit-btn {
	position: absolute;
	top: 5px;
	right: 5px;
}
.e-submit-btn .theme-btn {
	padding: 14px 45px;
	border-radius: 100px;
}
/*=============================
	End Newsletter Area
===============================*/

/*=============================
	16. Partner Area
===============================*/
.partner-area {
	/*padding: 50px 0px;*/
	/*background: #fff;*/
}
/*=============================
	End Partner Area
===============================*/

/*=============================
	17. Breadcrumb Area
===============================*/
.breadcrumbs {
	padding: 120px 0px;
	position: relative;
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.breadcrumbs::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	top: 0;
	opacity: 0.8;
}
.breadcrumb-content {
	text-align: center;
}
.breadcrumbs h4,
.breadcrumbs #page-title{
	color: #fff;
	font-size: 40px;
	margin-bottom: 10px;
}
.breadcrumb-menu {}
.breadcrumb-menu li,
.breadcrumb-menu span{
	display:inline-block;
	margin-right:10px;
}
.breadcrumb-menu li:last-child,
.breadcrumb-menu span:last-child{
	margin:0;
}
.breadcrumb-menu li a,
.breadcrumb-menu span a {
	color: #fff;
	font-size: 15px;
}
.breadcrumb-menu li a:hover,
.breadcrumb-menu span a:hover{
	color:#2C2D3F;
}
.breadcrumb-menu li i,
.breadcrumb-menu span i{
	margin-left:10px;
	color:#fff;
}
/*=============================
	End Breadcrumb Area
===============================*/

/*=============================
	18. Signup Area
===============================*/
.register-area {
	padding: 100px 0px;
	background: #f9f9f9;
}
.register-area .account-box {
	background: #FFFFFF;
	box-shadow: 0px 12px 36px rgba(57, 62, 70, 0.1);
	border-radius: 8px;
	padding: 50px;
}
.register-area .account-box-head {
	text-align: center;
	border-bottom: 1px solid rgba(57, 62, 70, 0.1);
	padding-bottom: 20px;
	margin-bottom: 40px;
}
.register-area .account-box-head h2 {
	font-weight: bold;
	font-size: 30px;
	line-height: 34px;
	color: #2C2D3F;
	margin-bottom: 10px;
}
.register-area .account-box-head p {
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	padding: 0px 22px;
	color: #666;
}
.register-area .form-group {
	margin-bottom: 30px;
	position: relative;
}
.register-area .form-group label {
	font-size: 14px;
	line-height: 18px;
	margin-left: 15px;
	margin-bottom: 10px;
	color: #666;
	font-weight: 500;
}
.register-area .form-group input {
	width: 100%;
	height: 50px;
	padding: 5px 15px;
	background: #FFFFFF;
	border: 1.5px solid #eee;
	border-radius: 4px;
	color: #666;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.register-area .form-group input:hover{
	border:1px solid #1A76D1;
}
.register-area .bottom-content p {
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	margin: 0;
	margin-top: 17px;
}
.register-area .bottom-content p a {
	color: #1A76D1;
}
.account-button .theme-btn {
	width: 100%;
	border-radius: 4px;
	line-height: 22px;
	margin: 0;
	text-align: center;
	height: 50px;
}
/*=============================
	End Signup Area
===============================*/

/*=============================
	19. Login Area
===============================*/
.login-bottom-content {
	text-align: center;
}
.login-bottom-content h6 a {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #2C2D3F;
	display: block;
}
.login-bottom-content h6 a:hover{
	color:#1A76D1;
}
.login-bottom-content{}
.login-bottom-content p {
	margin-top: 10px !important;
}
/*=============================
	End Login Area
===============================*/

/*=============================
	20. Faq Area
===============================*/
.faq-area {
	padding: 80px 0px 100px;
	background: #f9f9f9;
}
/* Main Faq Area */
.faq-area .panel-group {
	margin: 0;
	margin-top: 20px;
}
.faq-area .panel {
	background:#F5F5F5;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius:0px;
	border: 1px solid #ddd;
}
.faq-area .panel-heading{
	background:none;
}
.faq-area .faq-title a {
	position: relative;
	width: 100%;
	display: block;
	padding: 15px 0px;
	background: #f9f9f9;
	border-radius: 0;
	line-height: 26px;
	font-weight: 600;
	font-size: 17px;
	color: #2C2D3F;
}
.faq-area .faq-title b {
	font-weight: 600;
	font-size: 17px;
	line-height: 26px;
	text-align: center;
	color: #1A76D1;
	margin-right: 10px;
}
.faq-area .faq-title a::before {
	content: "\f068";
	font-family: "Fontawesome";
	top: 55%;
	margin-top: -15px;
	position: absolute;
	background: transparent;
	color: #1A76D1;
	border-radius: 0px;
	text-align: center;
	font-size: 16px;
	right: 5px;
}
.faq-area .panel .faq-title a {
	text-decoration: none;
	border-color: transparent;
	border-top: 1px solid rgba(58, 122, 251, 0.3);
}
.faq-area .panel .faq-title a.collapsed {
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	border-radius: 0;
	padding: 15px 0px;
	background: #F9F9FB;
	border-top: 1px solid rgba(58, 122, 251, 0.3);
	border-bottom: 1px solid rgba(58, 122, 251, 0.3);
	font-weight: 600;
	font-size: 17px;
	line-height: 26px;
	color: #2C2D3F;
}
.faq-area .faq-title a.collapsed::before {
	content: "\f067";
	font-family: "Fontawesome";
	color: #1A76D1;
	background: transparent;
	transition: all 0.4s ease;
	font-size: 16px;
	font-weight: 300;
}
.faq-area .faq-body {
	padding: 0px 25px;
	color: #666;
	box-shadow: none;
	text-shadow: none;
	background: transparent;
	font-weight: normal;
	border-radius: 0px 0px 8px 8px;
	background: #f9f9f9;
	font-size: 15px;
	line-height: 26px;
}
.faq-area .faq-body .body-btn {
	font-weight: bold;
	font-size: 16px;
	line-height: 26px;
	color: #1A76D1;
}
.faq-area .panel-default {
	border: none;
	text-shadow: none;
	margin-bottom: 20px;
	box-shadow: none;
	border-radius: 0;
}
.faq-area .panel-default:last-child {
	margin-bottom: 0;
}
/*=============================
	End Faq Area
===============================*/

/*=============================
	21. Mail Success Area
===============================*/
.mail-success-area {
	padding: 100px 0px;
	background: #f9f9f9;
}
.mail-success-content{
	text-align: center;
}
.mail-success-content img {
	margin-bottom: 10px;
}
.mail-success-content h3 {
	font-size: 35px;
	margin-bottom: 10px;
}
.mail-success-content p {
	color: #666;
	margin-bottom: 25px;
}
.mail-bottom-btn{}
/*=============================
	End Mail Success Area
===============================*/

/*=============================
	22. Eror Page Area
===============================*/
.eror-page-area {
	padding: 100px 0px;
	background: #f9f9f9;
}
.eror-content {
	text-align: center;
}
.eror-content img{}
.eror-content h3 {
	font-size: 35px;
	color: #2C2D3F;
	margin-bottom: 10px;
}
.eror-content p{
	margin-bottom: 25px;
}
.eror-content-btn {}

/*=============================
	End Eror Page Area
===============================*/

/*=============================
	23. Contact Area
===============================*/
.contact-area {
	padding: 100px 0px;
	background: #f9f9f9;
}
.contact-inner {
	background: #fff;
	box-shadow: 0px 0px 10px #00000029;
	padding: 40px 35px;
	border-radius: 6px;
}
.contact-details {
	padding: 45px 30px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.contact-details::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #1A76D1;
	left: 0;
	top: 0;
	opacity: 0.8;
}
.contact-details-title {
	margin-bottom: 40px;
	z-index: 1;
	position: relative;
}
.contact-details-title span {
	color: #fff;
	font-weight: 500;
	position: relative;
	padding-left: 50px;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
}
.contact-details-title span::before {
	position: absolute;
	content: "";
	width: 35px;
	height: 2px;
	background: #fff;
	left: 0;
	top: 50%;
}
.contact-details-title h4 {
	color: #fff;
	font-size: 30px;
}
.single-c-details {
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
}
.single-c-details:last-child{
	margin:0;
}
.single-c-content {
	padding-left: 65px;
}
.single-c-details i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	background: #fff;
	color: #1A76D1;
	top: 4px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 4px 10px #0000003b;
}
.single-c-details:hover i {
	background: #2C2D3F;
	color: #fff;
}
.single-c-content h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}
.single-c-content span {
	color: #fff;
}
.contact-form {
	padding-left: 20px;
}
.contact-form .form-group {
	margin-bottom: 30px;
}
.contact-form .form-group input {
	width: 100%;
	height: 50px;
	border: none;
	background: #ECF7FF;
	padding: 10px 20px;
	font-size: 15px;
	color: #2C2D3F;
	font-weight: 500;
}
.contact-form .form-group textarea {
	width: 100%;
	height: 170px;
	border: none;
	background: #ECF7FF;
	padding: 10px 20px;
	color: #2C2D3F;
	font-weight: 500;
}
.contact-btn{}

/* Google Map CSS */
.maps-area{}
.maps-area .main-maps {
	width: 100%;
	height: 400px;
}
.maps-area .main-maps iframe{
	border: 0;
    width: 100%;
    height: 400px;;
}
/*=============================
	End Contact Area
===============================*/

/*=============================
	24. Footer Area
===============================*/
.footer-area {
	background: #2C2D3F;
	position:relative;
	overflow:hidden;
}
.footer-area::before {
	position: absolute;
	content: "";
	width: 300px;
	height: 300px;
	background: #fff;
	border-radius: 100%;
	opacity: 0.1;
	bottom: -100px;
	left: -100px;
	z-index: 1;
}
.footer-top {
	padding: 50px 0px 80px 0px;
}
.footer-top-inner{}
.single-widget {
	margin-top: 30px;
}
.f-widget-title {
	margin-bottom: 15px;
}
.f-widget-title h3 {
	font-size: 25px;
	font-weight: 600;
	position: relative;
	margin-bottom: 5px;
	color: #fff;
}
.f-widget-title img{}
.footer-about{}
.footer-logo {
	margin-bottom: 20px;
}
.footer-a-content{}
.footer-a-content p {
	margin-bottom: 30px;
	color: #fff;
}
.footer-social{}
.footer-social li {
	display: inline-block;
	margin-right: 10px;
}
.footer-social li:last-child{
	margin:0;
}
.footer-social li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 100%;
}
.footer-social li a:hover{
	background:#1A76D1;
	color:#fff!important;
	border:1px solid transparent;
}
.footer-social li i {
	margin-right: 0 !important;
}
.single-widget li a i {
	margin-right: 5px;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.single-widget li a:hover i {
	margin-right: 10px;
}
.single-widget.footer-service{}
.single-widget li {
	margin-bottom: 10px;
	font-size: 15px;
}
.single-widget li:last-child{
	margin:0;
}
.single-widget li a {
	font-size: 15px;
	color: #fff;
}
.single-widget li a:hover{
	color:#1A76D1;
}
.single-widget.footer-q-links {
	padding-left: 30px;
}
.footer-contact{}
.footer-contact p {
	color: #fff;
	margin-bottom: 25px;
	font-size: 15px;
}
.f-contact-inner{}
.f-contact-inner li {
	color: #b8b8b8;
	display: block;
	width: 100%;
}
.f-contact-inner li b {
	color: #fff;
	font-weight: 600;
}
.f-contact-inner li span {
	float: right;
}
.copyright {
	padding-bottom: 50px;
}
.copyright-box {
	background: #1A76D1;
	padding: 20px 30px;
	border-radius: 4px;
	z-index: 1;
	position: relative;
}
.c-left-content{}
.c-left-content p {
	color: #fff;
}
.c-left-content p i{}
.c-right-content{
	text-align:right;
}
.c-right-content p{
	color: #fff;
}
.c-right-content p a {
	color: #fff;
	font-weight: 500;
}
/*=============================
	End Footer Area
===============================*/
/*by me*/
#why-consult .d-content-list li i{
    font-size: 28px;
	vertical-align: middle;
}
.trasform-icon{
	-webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
    display: inline-block;
}
.department-inner-content p{
	margin-bottom:0.5rem;
}
.single-slider, img{
	image-rendering: -webkit-optimize-contrast;
}

.popup-gal a {
	margin-bottom:10px;
	padding-left: 5px;
	padding-right:5px;
}
.popup-gal a img{
border: 2px solid #f2f2f2;
    padding: 4px;
    background: #fff;
}	
.bg-lightblue{
	background: #ECF7FF;
}

.whats-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 108px;
    right: 27px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 999;
}
.whats-float .my-float {
    margin-top: 9px;
    font-size: 37px;
}
.font-12{
font-size: 12px
}
.dim{
 opacity:0.5;   
}
body.page-id-230 .service-d-top-img{
display:none;
}

#media-coverage .single-blog .top-meta{
margin-bottom: 1rem;
}
#media-coverage .single-blog .top-meta span{
    background: #ff0145;
    color: #fff;

}
#media-coverage .single-blog:hover .top-meta span{
background: #1b77d1;
}
#media-coverage .single-blog .top-meta span a{
    color: #fff;
}