/* =====================================

Template Name: 	Mediplus.

Author Name: Naimur Rahman

Website: http://wpthemesgrid.com/

Description: Mediplus - Doctor HTML Template.

Version:	1.1

========================================*/ 



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

# Normalize

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

html {

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

	-moz-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	text-size-adjust: 100%;

}

html,body {

	height: 100%;

	margin: 0;

}

*{

	padding:0;

	margin:0;

}

body {

	margin: 0;

}

img{

	max-width:100%;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

	display: block;

}

audio,

canvas,

progress,

video {

	display: inline-block;

	vertical-align: baseline;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

[hidden],

template {

	display: none;

}

a {

	text-decoration:none;

}

a:active,

a:hover {

	outline: 0;

	text-decoration:none;

}

.slicknav_menu{

	display:none;

}

.table {

	display: table;

	width: 100%;

	height: 100%;

}

.table-cell {

	display: table-cell;

	vertical-align: middle;

}

img {

	border: 0;

}

svg:not(:root) {

	overflow: hidden;

}

figure {

	margin: 1em 40px;

}

hr {

	box-sizing: content-box;

	height: 0;

}

pre {

	overflow: auto;

}

button,

input,

optgroup,

select,

textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}

button {

	overflow: visible;

}

button,

select {

	text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	-webkit-appearance: button;

	cursor: pointer;

}

button[disabled],

html input[disabled] {

	cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

	border: 0;

	padding: 0;

}

input {

	line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	height: auto;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}

legend {

	border: 0;

	padding: 0;

}

textarea {

	overflow: auto;

}

optgroup {

	font-weight: bold;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

td,

th {

	padding: 0;

}

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

# Typography

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

body,

button,

input,

select,

optgroup,

textarea {

	color: #424646;

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

	font-weight:400;

	font-size: 14px;

	line-height: 24px;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: 700;

	margin: 0;

}

p {

	color:#757575;

	line-height:24px;

	font-weight:400;

	margin: 0 0 10px;

	font-size:15px;

	

}

a,button,input{

	font-weight:400;

}

img,a,input,h1, h2, h3, h4, h5, h6{

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	transition:all 0.4s ease;

}

dfn, cite, em, i {

	font-style: italic;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #eee;

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

	font-size: 15px;

	font-size: 0.9375rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}

code, kbd, tt, var {

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

	font-size: 15px;

	font-size: 0.9375rem;

}



abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark, ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}





h1,h2,h3,h4,h5,h6{

	font-weight:500;

	color:#2C2D3F;

}

a,button{

	-webkit-transition:all 0.3s ease;

	-moz-transition:all 0.3s ease;

	transition:all 0.3s ease;

	outline:none;

	box-shadow:none;

	text-decoration:none;

}

a:hover{

	text-decoration:none;

}

/*================================================

Preloader Area CSS

=================================================*/

.preloader {

  position: fixed;

  left: 0;

  width: 0;

  height: 100%;

  width: 100%;

  text-align: center;

  z-index: 9999999;

  -webkit-transition: .9s;

  transition: .9s;

}



.preloader .loader {

  position: absolute;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  display: inline-block;

  left: 0;

  right: 0;

  margin: 0 auto;

  top: 45%;

  -webkit-transform: translateY(-45%);

          transform: translateY(-45%);

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



.preloader .loader .loader-outter {

  position: absolute;

  border: 4px solid #ffffff;

  border-left-color: transparent;

  border-bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;

          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;

}



.preloader .loader .loader-inner {

  position: absolute;

  border: 4px solid #ffffff;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  left: calc(40% - 21px);

  top: calc(40% - 21px);

  border-right: 0;

  border-top-color: transparent;

  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;

          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;

}



.preloader .loader .indicator {

  position: absolute;

  right: 0;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%) scale(1.5);

          transform: translateY(-50%) scale(1.5);

}



.preloader .loader .indicator svg polyline {

  fill: none;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

}



.preloader .loader .indicator svg polyline#back {

  stroke: #ffffff;

}



.preloader .loader .indicator svg polyline#front {

  stroke: #1A76D1;

  stroke-dasharray: 12, 36;

  stroke-dashoffset: 48;

  -webkit-animation: dash 1s linear infinite;

          animation: dash 1s linear infinite;

}



.preloader::before, .preloader::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 60%;

  z-index: -1;

  background: #1A76D1;

  -webkit-transition: .9s;

  transition: .9s;

}



.preloader::after {

  left: auto;

  right: 0;

}



.preloader.preloader-deactivate {

  visibility: hidden;

}



.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {

  width: 0;

}



.preloader.preloader-deactivate .loader {

  opacity: 0;

  visibility: hidden;

}



@-webkit-keyframes loader-outter {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes loader-outter {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@-webkit-keyframes loader-inner {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}



@keyframes loader-inner {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}



@-webkit-keyframes dash {

  62.5% {

    opacity: 0;

  }

  to {

    stroke-dashoffset: 0;

  }

}



@keyframes dash {

  62.5% {

    opacity: 0;

  }

  to {

    stroke-dashoffset: 0;

  }

}



.btn {

	color: #fff;

	padding: 13px 25px;

	font-size: 14px;

	text-transform: capitalize;

	font-weight: 500;

	background: #1A76D1;

	position: relative;

	box-shadow: none;

	display: inline-block;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	transition: all 0.4s ease;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	border: none;

	border-radius: 0;

	border-radius:4px;

}

.btn:hover{

	color:#fff;

}

.btn:before{

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #2C2D3F;

	-webkit-transform: scaleX(0);

	transform: scaleX(0);

	-webkit-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	transition:all 0.4s ease;

	border-radius:4px;

}

.btn:hover:before{

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

.section{

	padding:30px 0;

}

.section-title{

	text-align: center;

    margin-bottom: 60px;

    padding: 0 210px;

}

.section-title h2 {

	font-size: 32px;

	font-weight: 600;

	text-transform: capitalize;

	margin-bottom: 24px;

	position: relative;

	color: #2C2D3F;

}

.section-title p{

	font-size:15px;

	color:#888;

	margin-top:15px;

}

/* Overlay */

.overlay{

	position:relative;

}

.overlay:before{

	position:absolute;

	content:"";

	left:0;

	top:0;

	height:100%;

	width:100%;

	background:#1a76d1;

	opacity:0.8;

}

/* Bread Crumbs */

.breadcrumbs {

	background-image: url('../img/bread-bg.jpg');

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	position: relative;

	padding: 120px 0px;

}

.breadcrumbs .bread-inner{

	z-index:22;

	text-align:center;

}

.breadcrumbs h2{

	color: #fff;

	text-transform:capitalize;

	font-size: 38px;

	font-weight: 700;

	margin: 0;

	padding: 0;

}

.breadcrumbs .bread-list {

	display: inline-block;

	margin-top: 20px;

}

.breadcrumbs ul li{

	display: inline-block;

	position: relative;

	color: #fff;

	font-size: 15px;

	font-weight: 500;

	text-transform: capitalize;

}

.breadcrumbs ul li i {

	margin: 0px 10px;

	font-size: 14px;

	font-weight: 600;

	color:#fff;

}

.breadcrumbs ul li a {

	color: #fff;

	font-size: 15px;

	font-weight: 500;

	text-transform: capitalize;

	margin:0;

	padding:0;

}

.breadcrumbs ul li a:hover{

	color:#2C2D3F;

}

.breadcrumbs ul li.active a {

	color: #fff;

	display: inline-block;

}

/* Pagination CSS */

.pagination {

	text-align: left;

	margin: 50px 0 0 0;

	display:block;

}

.pagination.center {

	text-align: center;

}

.pagination .pagination-list li {

	margin-right: 5px;

	display: inline-block;

}

.pagination .pagination-list li:last-child{

	margin-right:0px;

}

.pagination .pagination-list li a {

	background: #F6F7FB;

	color: #666;

	padding: 6px 18px;

	font-weight: 400;

	border: 1px solid #e1e1e1;

	font-size: 16px;

	border-radius: 4px;

}

.pagination .pagination-list li.active a,.pagination .pagination-list li:hover a{

	background: #1A76D1;

	color: #fff;

	border-color: transparent;

}

.pagination .pagination-list li a i{

	font-size:15px;

}

.pagination .pagination-list li a i{}

.blog-grids.pagination{

	margin-top:50px;

	text-align:center;

}



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

# Elements

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

html {

	box-sizing: border-box;

}



*,

*:before,

*:after {

	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

	box-sizing: inherit;

}



body {

	background: #fff;

	/* Fallback for when there is no custom background color defined. */

	position:relative;

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,ul li{

	list-style:none;

	padding:0;

	margin:0;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto;

	/* Make sure images are scaled correctly. */

	max-width: 100%;

	/* Adhere to container width. */

}



figure {

	margin: 1em 0;

	/* Extra wide images within figure tags don't overflow the content area. */

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



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

# Forms

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

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	color: rgba(0, 0, 0, 0.8);

	line-height: 1;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	padding: 3px;

	font-weight:400;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

	color: #111;

	font-weight:400;

}



select {

	border: 1px solid #ccc;

}



textarea {

	width: 100%;

}



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

# Navigation

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

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

## Links

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

a {

	color: inherit;

}



a:visited {

	color: inherit;

}



a:hover, a:focus, a:active {

	color: inherit;

}



a:hover, a:active {

	outline: 0;

}



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

## Menus

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

.main-navigation {

	clear: both;

	display: block;

	float: left;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: left;

	position: absolute;

	top: 100%;

	left: -999em;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	left: 100%;

}



.main-navigation ul ul a {

	width: 200px;

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: auto;

}



.main-navigation li {

	float: left;

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}



@media screen and (min-width: 37.5em) {

	.menu-toggle {

		display: none;

	}

	.main-navigation ul {

		display: block;

	}

}



.site-main .comment-navigation, .site-main

.posts-navigation, .site-main

.post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



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

# Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	clip-path: none;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

	/* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}



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

# Alignments

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

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



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

# Clearings

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

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



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

# Widgets

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

.widget {

	margin: 0 0 1.5em;

	/* Make sure select elements fit in widgets. */

}



.widget select {

	max-width: 100%;

}



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

# Content

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

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

## Posts and pages

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

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.updated:not(.published) {

	display: none;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



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

## Comments

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

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



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

# Infinite scroll

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

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

	/* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



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

# Media

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

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/* Video Animations */



@-webkit-keyframes waves {

    0% {

        -webkit-transform: scale(0.2, 0.2);

        transform: scale(0.2, 0.2);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    50% {

        opacity: 0.9;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    }

    100% {

        -webkit-transform: scale(0.9, 0.9);

        transform: scale(0.9, 0.9);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}

@keyframes waves {

    0% {

        -webkit-transform: scale(0.2, 0.2);

        transform: scale(0.2, 0.2);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

    50% {

        opacity: 0.9;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

    }

    100% {

        -webkit-transform: scale(0.9, 0.9);

        transform: scale(0.9, 0.9);

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    }

}







@-webkit-keyframes lineanim {

 50% {

  -webkit-transform:scaleY(1);

  transform:scaleY(1);

  -webkit-transform-origin:top left;

  transform-origin:top left

 }

 50.1% {

  -webkit-transform-origin:bottom left;

  transform-origin:bottom left

 }

 100% {

  -webkit-transform:scaleY(0);

  transform:scaleY(0);

  -webkit-transform-origin:bottom left;

  transform-origin:bottom left

 }

}

@keyframes lineanim {

 50% {

  -webkit-transform:scaleY(1);

  transform:scaleY(1);

  -webkit-transform-origin:top left;

  transform-origin:top left

 }

 50.1% {

  -webkit-transform-origin:bottom left;

  transform-origin:bottom left

 }

 100% {

  -webkit-transform:scaleY(0);

  transform:scaleY(0);

  -webkit-transform-origin:bottom left;

  transform-origin:bottom left

 }

}