/*
Theme Name: Medical Coach Pro
Theme URI: https://www.mishkatwp.com/themes/medical-coach-wordpress-theme/
Description:The Medical Coach WordPress Theme includes a built-in blog functionality to establish thought leadership and engage with the audience. Medical professionals can share informative articles, health tips, success stories, and other relevant content to educate and inspire their audience. The blog supports multimedia content such as images, videos, and infographics, enriching the reading experience. Moreover, users can showcase their services, programs, treatments, and specialties effectively through dedicated service pages. Each service page can include detailed descriptions, pricing information, testimonials, and multimedia content to highlight the value proposition and encourage conversions. Social proof is essential in the medical industry, and the Medical Coach WordPress Theme facilitates the display of testimonials, reviews, and case studies from satisfied clients and patients. This helps build trust and credibility, reassuring potential clients of the practitioner’s expertise and track record of success. This theme can also integrate with various medical resources, such as appointment scheduling platforms, telemedicine services, patient portals, and electronic health record (EHR) systems. This seamless integration enhances workflow efficiency, improves patient experience, and promotes better collaboration among healthcare providers. Additionally, this theme is designed with SEO best practices in mind, ensuring that websites rank well in search engine results pages (SERPs). It includes features such as clean code, fast loading times, mobile optimization, schema markup, and customizable metadata to maximize visibility and attract organic traffic.
Author:mishkatwp
Author URI: https://www.mishkatwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: medical-coach-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.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-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #898d94;
  margin:0;
  background: #fff;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Roboto', sans-serif;
}


a {
  color:#2b2c53;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#4CD4CA;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #2b2c53;
}
.page-404 h3{
	font-size: 38px;
	color: #2b2c53;
}
.page-404 hr{
	width: 10%;
	background: #5170CA;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #4CD4CA;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #5170CA;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #4CD4CA;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#5170CA;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #fff;
  
}
.social-links a:hover,.top-header p{
	color: #4CD4CA; 
	margin-bottom: 0;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #2b2c53;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#5170CA;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #767c83;
	-webkit-transition: 
	all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;}

#main-menu ul.sub-menu li a:before {
	left: 0;
	border: 1px solid #5170CA;
	border-left: 0;
	border-right: 0;}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #5170CA;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #5170CA;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}


#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 20px;
  color: #2b2c53;
  font-weight: 500;
}
.latest-post :hover h4 a{
	color: #4CD4CA;
}
.post-content p{
	color: #707070;
}
.post-meta i{
	color: #4CD4CA;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #4CD4CA;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.post-box {
    border: 2px solid #edf1f5;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
	border-radius: 10px;
}
.latest-post .post-admin span img {
    width: auto;
    display: inline-block;
    border-radius: 50%;
  }
.latest-post .post-meta{
	border: none;
	background: #fff;
}
.latest-post .post-date span, .latest-post .post-meta i , .post-single .admin a, .single-services .admin a{
    color: #4CD4CA;
}
.latest-post .post-meta a {
    color: #4CD4CA;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.latest-post figure:hover+span{
	opacity: 1;
}

.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post :hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #5170CA;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#4CD4CA ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #5170CA;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #4CD4CA;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .read_more{
	color: #5170CA;
	border-bottom: 3px solid #49bdcd ;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #5170CA;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #4CD4CA;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #5170CA;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
  background: #4CD4CA;
  color: #f3f4f7;
  text-decoration: none;
}

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

  section.category-title h1 {
    text-align: center;
  }
  
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #5170CA;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
  #main-menu ul.sub-menu li a:hover:after {
  	background: transparent;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.medical-coach-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.medical-coach-pro-pagination a span,
.medical-coach-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.medical-coach-pro-pagination span.current,
.medical-coach-pro-pagination span.current:hover,
.medical-coach-pro-pagination span.current:focus,
.medical-coach-pro-pagination a span:hover,
.medical-coach-pro-pagination a span:focus {
	background:#5170CA;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #5170CA;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#222222;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
	box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
	background: #fff;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
  color: #494d72;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #494d72;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #5170CA;
  color: #2b2c53;
  font-size: 24px;
  background: #d7eef1;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #5170CA;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: none;
  float: unset;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
#wp-calendar tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit]{
	background: #5170CA;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#4CD4CA;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 16px;
  }

footer {
	background: #20222a;
	margin-top: -7px;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #e7e7e7;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 10px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}

/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #5170CA;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll:hover,#button_scroll:active {
  cursor: pointer;
  background: #4CD4CA;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}

#button_scroll:hover {
  background: #4CD4CA;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #5170CA;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/
.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #5170CA transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 
/*Body*/

header#site-navigation{
	background: #fff;
}
.top-header{
  background: #5170CA;
}
.top-header span.dashicons{
	color: #5170CA;
	font-size: 20px;
}
.top-header span{
	color: #fff;
  font-size: 14px;
}
.top-header .header-text1{
  border-right: 1px solid #3db9c9;
}
.header-calling{
	background: #fff;
	border-radius: 20px 20px 20px 0;
	padding: 5px 10px;
	max-width: 175px;
}
.header-calling .email-text{
	color: #5170CA;
	font-weight: 600;
}
.header-navigation {
	border-bottom: 2px solid #e5e5e5;
}
.header-navigation .dashicons{
	font-size: 54px;
	color: #5170CA;
}
.header-navigation p{
	margin-bottom: 0;
	color: #2b2c53;
	font-weight: 500;
	font-size: 18px;
}

#site-navigation .button{
  padding: 10px 20px;
  background: #4CD4CA;
  color: #fff;
  display: inline-block;
  border: none;
  font-weight: 500;
  border-radius: 20px;
}
#site-navigation .button:hover{
  background: #4CD4CA ;
}
#site-navigation .button,
#site-navigation .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#site-navigation .button::before,
#site-navigation .button::after {
  background: #4CD4CA;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 20px;
}
#site-navigation .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#site-navigation .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}


/*SLIDER SECTION*/ 

#slider #carousel-caption{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 56%;
  left: 13%;
}
#slider h2{
  color: #2B2C53;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#slider h1{
  font-size: 44px;
  color:#2B2C53;
  font-weight: 900;
  line-height: 1.5;
}
#slider .button{
  padding: 10px 30px;
  background: #4CD4CA;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
  font-weight: 500;
  border-radius: 20px;
}
#slider .button:hover{
  background: #2B2C53  !important;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #4CD4CA;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 20px;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .owl-nav{
	position: absolute;
	transform: translateY(-50%);
	width: 100%;
	top: 50%;
}
#slider .nav-button.owl-prev{
	background:#5170CA ;
	color: #fff;
	padding: 7px 15px;
	transform: rotate(90deg);
	position: relative;
	right: 20px;
	letter-spacing: 2px;
}
#slider .nav-button.owl-next{
	background:#5170CA ;
	color: #fff;
	padding: 7px 15px;
	position: absolute;
	right: -20px;
	top: 0;
	transform: rotate(90deg);
	letter-spacing: 2px;
}
.wrapper{
  width:100%;
  overflow:hidden;
}
.frame{
  height:100%;
  width:100%;
}
.frame{
   -webkit-animation: zoomeffect 20s infinite;
   -moz-animation: zoomeffect 20s infinite;
   animation: zoomeffect 20s infinite;
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(2,2);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}
@keyframes zoomeffect{
	0%{
		background-position:center;
	  transform:scale(1,1);
	}
	50%{
		background-position:center;
	  transform:scale(1.3,1.3);
	}
	100%{
		background-position:center;
	  transform:scale(1,1);
	}
}

/*Appointment Section*/
#appointment {
    background: #5170CA;
    background-color: #5170CA;
    background-repeat: no-repeat;
    background-position: left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#appointment{
	background:#5170CA!important ;
	border-radius: 20px;
	position: relative;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 99;
}
#appointment h5{
	color: #fff;
	letter-spacing: 2px;
	font-size: 18px;
}
#appointment h3{
	color: #fff;
	font-weight: 700;
}
#appointment input.wpcf7-form-control.wpcf7-text{
	width: 30%;
	padding: 10px 20px;
	border-radius: 30px;
	background: #4CD4CA;
	border: none;
	outline: none;
	margin: 10px;
	color: #fff;
}
#appointment input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #fff;
	background: transparent;
}
#appointment select.wpcf7-form-control.wpcf7-select{
	width: 30%;
	padding: 10px 20px;
	border-radius: 30px;
	background: #4CD4CA;
	border: none;
	outline: none;
  color: #fff;
}
#appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
	background: #4CD4CA;
	padding: 10px 20px;
	border-radius: 30px;
	border: none;
	outline: none;
	color: #fff;
	margin: 0 10px;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit{
	background: #fff;
	padding: 10px 30px;
	border-radius: 30px;
	border: none;
	outline: none;
	color:#5170CA !important;
	font-weight: 500;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background:#4CD4CA !important;
	color: #fff;
}
.post-content h2{
    color: #000;
}
.post-content p{
    color: #000;
}
#appointment .wpcf7 form.failed .wpcf7-response-output, #appointment .wpcf7 form.aborted .wpcf7-response-output{
	color: #fff;
	border-color: #fff;
}
/*Chooes Up Section*/

#choose_up img{
	width: 100%;
}
#choose_up{
	margin-top: -5%;
}
#choose_up h5{
	color: #5170CA;
	text-transform: uppercase;
	border-bottom: 2px solid #5170CA !important;
	line-height: 2;
	display: inline-block;
	letter-spacing: 2px;
	font-size: 18px;
}
#choose_up h3{
	color: #2b2c53;
	font-weight: 900;
}
#choose_up .button{
  padding: 10px 30px;
  background: #4CD4CA !important;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
  font-weight: 400;
  border-radius: 20px;
}
#choose_up .button:hover{
  background: #4CD4CA;
}
#choose_up .button,
#choose_up .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#choose_up .button::before,
#choose_up .button::after {
  background: #4CD4CA !important;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 20px;
}
#choose_up .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#choose_up .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*Statistics Section*/
#statistics{
	background: #5170CA !important;
}
#statistics h5{
	color: #fff;
	text-transform: uppercase;
	border-bottom: 2px solid #fff !important;
	line-height: 2;
	display: inline-block;
	letter-spacing: 2px;
	font-size: 18px;
}
#statistics h3{
	color: #fff;
	font-weight: 900;
}
#statistics span{
	color: #fff;
	font-weight: 900;
	font-size: 40px;
}
#statistics hr{
	background: #5170CA;
	padding: 1px;
	width: 10%;
}
#statistics h6{
	color: #fff;
	margin-bottom: 0;
}
#statistics .owl-dots {
  text-align: center;
  width: 100%;
  position: relative;
  top: 15px;
}
#statistics .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #464956;
  margin: 0 5px;
}
#statistics .owl-dots button.owl-dot.active {
  background-color:#5170CA ;
}

/*Services Section*/

#services h5{
	color: #5170CA;
	text-transform: uppercase;
	border-bottom: 2px solid #5170CA !important;
	line-height: 2;
	display: inline-block;
	letter-spacing: 2px;
	font-size: 18px;
}
#services h3{
	color: #2B2C53;
	font-weight: 900;
}
#services .services-content{
	background: #fff;
	border-radius: 4px;
  filter: drop-shadow(0 0 10px rgba(249,87,89,0.1));
}
#services h4{
	color: #2b2c53;
	font-weight: 700;
}
#services hr{
	background: #5170CA;
	padding: 1px;
	width: 15%;
}
#services .read_more{
	color: #5170CA !important;
	border-bottom: 3px solid #5170CA !important;
	font-weight: 700;
	cursor: pointer;
}
#services .services-content:hover .read_more{
	color: #5170CA;
	border-bottom: 3px solid #49bdcd;
}
#services .services-content:hover h4 a{
	color: #4CD4CA;
}
#services figure{
	margin: 0;
	padding: 10px;
	overflow: hidden;
}
#services figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#services .services-content:hover figure img{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	filter: invert(50);
}

/*Team Section*/
#team{
	background: #5170CA !important;
}
#team h5{
	color: #fff;
	text-transform: uppercase;
	border-bottom: 2px solid #fff !important;
	line-height: 2;
	display: inline-block;
	letter-spacing: 2px;
	font-size: 18px;
}
#team h3{
	color: #fff;
	font-weight: 900;
}
#team .team-box{
	background: #fff;
	border-radius: 10px;
}
#team .owl-carousel .owl-item img{
	display:inline-block;
	width: auto;
}
#team .dashicons{
	background: #4CD4CA;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 50%;
	color: #fff;
	bottom: 30px;
	padding: 13px;
	font-size: 24px;
	transition: all 0.3s ease;
}
#team .team-box:hover .dashicons{
	background: #5170CA;
	transform: rotate(360deg);
}
#team h4{
	color: #2b2c53;
	font-size: 20px;
	font-weight: 700;
}
#team h6{
	color: #5170CA;
	text-transform: uppercase;
	font-size: 14px;
}
#team .owl-dots {
  text-align: center;
  width: 100%;
  position: relative;
  top: 15px;
}
#team .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #464956;
  margin: 0 5px;
}
#team .owl-dots button.owl-dot.active {
  background-color:#5170CA ;
}
#team figure{
	margin: 0;
	padding: 10px;
	overflow: hidden;
}
#team figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#team .team-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}



/*Awards Section*/
#awards .awards-box{
	border-radius: 6px;
  filter: drop-shadow(0 0 10px rgba(43,35,68,0.14));
  background-color: #fff;
}
#awards h5{
	color: #5170CA !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
}
#awards hr{
	background: #5170CA !important;
	padding: 1px;
	width: 7%;
}
#awards h3{
	color: #2b2c53;
	font-weight: 900;
}
#awards img{
	width: 100%;
}
#awards h4{
	color: #2b2c53;
	font-weight: 900;
	font-size: 22px;
}
#awards .button{
  padding: 10px 30px;
  background: #5170CA;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
  font-weight: 400;
  border-radius: 20px;
}
#awards .button:hover{
  background: #4CD4CA;
}
#awards .button,
#awards .button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#awards .button::before,
#awards .button::after {
  background: #4CD4CA;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 20px;
}
#awards .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#awards .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#awards .button2{
  padding: 10px 30px;
  background:#4CD4CA;
  color: #fff;
  margin: 10px 0;
  display: inline-block;
  border: none;
  font-weight: 400;
  border-radius: 20px;
}
#awards .button2:hover{
  background: #5170CA;
}
#awards .button2,
#awards .button2::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#awards .button2::before,
#awards .button2::after {
  background: #4CD4CA;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 20px;
}
#awards .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#awards .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#awards figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-radius: 10px;
}
#awards figure:hover+span {
	opacity: 1;
}
#awards figure img {
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#awards .awards-box:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#awards .item {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px;
  border-radius: 10px;
  width: 100%;
  background: #000000;
  text-align: center;
}
#awards .item * {
  box-sizing: border-box;
}
#awards .item img {
  max-width: 100%;
  vertical-align: top;
}

#awards .item .dashicons {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: transparent;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#awards .item {
  background-color: #5170CA;
}
#awards .item .dashicons {
  color: #4CD4CA;
}
# .item * {
  transition: all .35s ease-in-out;
}
#awards .awards-box:hover .dashicons {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/*Latest Tips Tricks*/
#recent-news {
	background: #5170CA !important;
}
#recent-news h5{
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
}
#recent-news hr{
	background: #fff;
	padding: 1px;
	width: 7%;
}
#recent-news h3{
  color: #fff;
  font-weight: 900;
}
#recent-news h4.post-title {
  color: #2b2c53;
  font-weight: 500;
  font-size: 18px;
}
#recent-news .post-content .read_more{
  color: #5170CA;
  border-bottom:  3px solid #49bdcd;
}
#recent-news .post-item:hover .read_more{
	color: #4CD4CA;
	border-bottom: 3px solid #fdd5d6;
}
#recent-news .post-item{
  background:#fff;
  border-radius: 10px;
  margin: 20px 0;
}
#recent-news span{
	color: #5170CA;
}
#recent-news span .fas{
	font-size: 5px;
}
#recent-news .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
}
#recent-news .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #8e9ead;
  margin: 0 5px;
  outline: none;
}
#recent-news .owl-dots button.owl-dot.active {
  background-color:#5170CA;
  border-radius: 20px;
}
#recent-news figure{
	margin: 0;
	padding: 0;
	background: #222222;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
#recent-news figure:hover+span{
	opacity: 1;
}
#recent-news figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
#recent-news .post-item:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
#recent-news .post-item:hover h4 a{
	color: #4CD4CA;
}

/*FAQ Section*/

#faq h5{
  color: #5170CA;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 18px;
}
#faq hr{
	background: #5170CA;
	padding: 1px;
	width: 2%;
}
#faq h3{
  color: #2b2c53;
  font-weight: 900;
}
#faq .faq-box{
	background: #fff;
	border-radius: 6px;
	filter: drop-shadow(0 0 10px rgba(43,35,68,0.14));
	padding: 5px;
}
#faq .aks-accordion-item {
  width: 100%;
  border-bottom: 2px solid #f0f0f0;
  cursor: pointer;
}
#faq .aks-accordion-item.opened{
	background: #f7f7f7;
	border-radius: 6px 6px 0 0;
}
#faq .aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
}
#faq .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}
#faq .aks-accordion-item-icon .fas{
  color: #5170CA;
  margin:0 20px;
  font-size: 12px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #5170CA;
  padding: 4px;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon .fas{
	color: #4CD4CA;
	border: 2px solid #54D6CD !important; 
}
#faq .fas{
  color: #54D6CD !important;
  font-size: 20px;
}
#faq .aks-accordion-item-title {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
  color: #2b2c53;
}
#faq h4{
	font-weight: 700;
	font-size: 18px;
}
#faq .aks-accordion-item.opened h4{
	color: #5170CA;
}
#faq p{
	margin-bottom: 0;
}
#faq .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}
#faq .aks-accordion-item-icon-close {
  display: none;
}
#faq .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}

/*Loaction*/

#location .enquiry{
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(-101.5%);
	border-radius: 6px;
}
#location .enquiry-contact{
	background: #5170CA !important;
	color: #fff;
	border-radius: 6px 0 0 0;
}
#location .number-text{
	font-size: 24px;
	font-weight: 700;
}
#location .dashicons{
	background: #fff;
	width: 40px;
	height: 40px;
	color: #5170CA !important;
	border-radius: 50%;
	padding: 10px;
	transition: all 0.3s ease;
}
#location .enquiry-contact:hover .dashicons{
	color: #5170CA;
	transform: rotate(360deg);
}
#location .contact{
	border-bottom: 2px solid #4CD4CA;
}
#location .location{
	background: #272932;
	color: #fff;
	border-radius: 0 6px 0 0 ;
}
#location hr{
	background: #5170CA;
	padding: 1px;
	margin-right: 85%;
}
#location hr:last-child{
	display: none;
} 

/*Footer Section*/

.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 2;
  }
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #e7e7e7;
  font-weight: 500;
}
.footer-area .textwidget ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    margin-right: 10px;
  }
 .footer-area h4.title{
  color: #e7e7e7;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px
 }
 .footer-area hr{
 	background: #4CD4CA;
 	padding: 1px;
 	margin-right: 65%;
 }
.copyright {
  background: #272932;
  color: #fff;
}
.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
	color: #5170CA;
}
.copyright a:hover{
	color: #4CD4CA;
}
.footer-area  .fab{
  width: 30px;
  height: 30px;
  padding: 8px 9px;
  border: 1px solid #babec2;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 10px;
  color: #9aa0a6;
  cursor: pointer;
  font-size: 13px;
}
.footer-area .fab:hover{
  color: #4CD4CA;
  border: 1px solid #4CD4CA;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
    border-radius: 4px;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
	color: #4CD4CA;
	font-size: 18px;
}
.footer-area ul li a{
	font-size: 18px;
}

/*Contact Page*/

#contact .contact-form{
  background: #5170CA !important;
  position: absolute;
  transform: translateY(-40%);
  left: 0;
  right: 0;
  border-radius: 10px;
}
#contact .location-form h2{
  color: #fff;
  font-size: 40px;
}
#contact hr{
	background: #5170CA;
	padding: 1px;
	width: 10%;
}
#contact .location-form h4{
  color: #fff;
  font-weight: 500;
  font-size: 30px;
}
#contact .location-form input.wpcf7-form-control.wpcf7-text {
  padding: 10px 15px;
  width: 45%;
  margin: 15px 10px 0 0;
  color: #fff;
  outline: none;
  background: #4CD4CA;
  border: none;
  border-radius: 10px;
}
#contact .location-form input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
#contact .location-form input.wpcf7-form-control.has-spinner.wpcf7-submit{
  padding: 10px 25px;
  background: #4CD4CA !important;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  outline: none;
  font-weight: 500;
}
#contact .location-form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #fff;
  color:#5170CA ;
}
#contact .location-form textarea.wpcf7-form-control.wpcf7-textarea {
  height: 90px;
  padding: 10px;
  width: 92%;
  margin: 15px 0;
  outline: none;
  background: #4CD4CA;
  border: none;
  border-radius: 10px;
  color: #fff;
}
#contact .wpcf7-spinner{
	display: block;
}
#contact .location-form textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
  color: #fff;
}
#contact .content{
	margin-top: 22%;
}
#contact .dashicons{
  font-size: 50px;
  display: inline;
  color: #5170CA;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .about-us:hover .dashicons, 
#contact .open-hours:hover .dashicons,
#contact .contacts:hover .dashicons{
	transform: rotate(360deg);
	color: #4CD4CA;
}
#contact .about-us h6, #contact .open-hours h6, #contact .contacts h6{
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  color: #2b2c53;
}
#contact p{
  margin-bottom: 0;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #fff;
	border-color: #fff;
}

.site-main h2, .woocommerce h2{
	font-family: 'Inter', sans-serif;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  #main-menu ul li a:before{
   	display: none;
   }
  header#site-navigation{
  	filter: unset;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  #main-menu{
    top: 25px;
  }
  .sidenav a:hover{
    color: #f1f1f1;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    box-shadow: none;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }
  #site-navigation .sidenav a.closebtn, .open-menu{
    display: inline-block;
    background: #5170CA;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color: #4CD4CA;
  }
  #main-menu ul.sub-menu li a:hover{
    color: #4CD4CA;
  }
  #main-menu ul.sub-menu li a:before{
    border: none;
  }
  .woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 130px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  .header-calling{
  	max-width: 200px;
  	margin: 5px 50px;
  }
  .header-navigation .dashicons{
  	font-size: 38px;
  }
  .header-navigation p{
  	font-size: 16px;
  }
  #site-navigation .button{
  	padding: 10px 10px;
  	font-size: 11px;
  }
  #slider #carousel-caption{
    top: 25%;
    left:5%;
    right: 30%;
  }
  #slider h1{
    font-size: 20px;
  }
  #slider h2{
    display: none;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    padding: 7px 10px;
    font-size: 12px;
    margin: 0;
  }
  #slider .owl-nav{
  	display: none;
  }
  #slider .owl-dots {
	  text-align: center;
	  width: 100%;
	  display: block;
	  position: absolute;
	  bottom: 5px;
  }
	#slider .owl-dots button.owl-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #8e9ead;
	  margin: 0 5px;
	  outline: none;
  }
	#slider .owl-dots button.owl-dot.active {
	  background-color:#5170CA;
	  border-radius: 20px;
	}
  #appointment{
  	position: unset;
  	transform: unset;
  }
  #appointment input.wpcf7-form-control.wpcf7-text{
  	width: 100%;
  	margin: 10px 0;
  }
  #appointment select.wpcf7-form-control.wpcf7-select{
  	width: 100%;
  	margin: 10px 0;
  }
  #appointment input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
  	width: 100%;
  	margin: 10px 0;
  }
  #appointment input.wpcf7-form-control.has-spinner.wpcf7-submit{
  	margin: 10px 0;
  }
  #choose_up{
  	margin-top: 0;
  }
  #awards hr, #recent-news hr{
  	width: 20%;
  }
  #faq hr{
  	width: 10%;
  }
  #faq .fas{
  	margin-bottom: 12px;
  }
  #faq h4{
  	font-size: 14px;
  }
  #location hr{
  	margin-right: 35%;
  	margin-left: 35%;
  }
  #contact .contact-form{
  	position: unset;
  	transform: unset;
  }
  #contact .location-form input.wpcf7-form-control.wpcf7-text,
  #contact .location-form textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  }
  .wpcf7-spinner{
  	display: block;
  }
  #location .enquiry{
  	position: unset;
  	transform: unset;
  }
  .footer-area .textwidget ul{
  	padding: 0 40px;
  }
  .footer-area hr{
  	margin-left: 20%;
  	margin-right: 20%;
  }
  #contact .content{
  	margin-top: 10%;
  }
}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.top-header span.dashicons{
		margin-top: 5px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  .logo-image img{
    width: 100%;
  }
  #main-menu ul li a{
    padding: 10px 10px;
  }
  .top-header span{
  	font-size: 10px;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .header-navigation .dashicons{
  	font-size: 40px;
  }
  .header-navigation p{
  	font-size: 10px;
  }
  #slider #carousel-caption{
  	top: 35%;
  	left: 5%;
  	right: 45%;
  }
  #slider h1{
  	font-size: 36px;
  }
  #slider .button{
  	padding: 10px 25px;
  }
  #slider .owl-nav{
  	display: none;
  }
  #slider .owl-dots {
	  text-align: center;
	  width: 100%;
	  display: block;
	  position: absolute;
	  bottom: 5px;
  }
	#slider .owl-dots button.owl-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	  background: #8e9ead;
	  margin: 0 5px;
	  outline: none;
  }
	#slider .owl-dots button.owl-dot.active {
	  background-color:#5170CA;
	  border-radius: 20px;
	}
  #appointment{
  	position: unset;
  	transform: unset;
  }
  #appointment .wpcf7-spinner{
  	display: block;
  }
  #choose_up{
  	margin-top: 0;
  }
  #location .enquiry{
  	position: unset;
  	transform: unset;
  }
	#contact  .wpcf7-spinner{
		display: block;
	}
	footer{
		margin-top: 0;
	}
	#contact .contact-form{
		position: unset;
		transform: unset;
	}
	#contact .content{
		margin-top: 5%;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 12px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	#slider #carousel-caption{
		top: 35%;
		left: 5%;
		right: 50%;
	}
	#slider .nav-button.owl-prev, #slider .nav-button.owl-next{
		padding: 5px 10px;
	}
	#appointment{
		transform: translateY(-30%);
	}
	#appointment input.wpcf7-form-control.wpcf7-text{
		width: 34%;
	}
	#appointment select.wpcf7-form-control.wpcf7-select{
		width: 25%;
	}
	#awards img{
		height: 100%;
	}
	#contact .content{
		margin-top: 30%;
	}

}