/*
Theme Name: Doctor Clinic Free
Theme URI: https://luzukdemo.com/demo/doctor-clinic/
Author: Luzuk
Author URI: https://luzukdemo.com/
Description:This clinic WordPress theme is remarkably performance oriented and beautifully designed to serve diverse niches in medical and health profession. It is a high quality theme with focus given on building a fully efficient website which is complete in its own. It is readily responsive, cross-browser compatible, translation ready and retina ready for HD devices. Customizing the theme is quite simple through theme customizer and dashboard, which eliminates the need to hire a professional coder. This means that even if you are a WordPress newbie, you can craft out a stunning theme personalized according to your needs in just a couple of clicks. There are various sections designed in this clinic WordPress theme like gallery, testimonial, subscription form, Google maps, staff intro etc. If you don’t need any particular section, then you can disable it anytime. It comes with several options for website layout, blog layout, header and footer style and plethora of colour choices and Google fonts. It is built on recently launched WordPress version and includes a wide range of shortcodes and Font Awesome icons. The added advantage of this clinic WordPress theme is that we offer customer support and regular theme updates for one year which eases the process of using it.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: doctor-clinc-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
	margin: 0;
}
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;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
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-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	margin: 0 2px;
	padding-top: 15px;
}
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,
textarea {
	color: #444;
	font-size: 17px;
	line-height: 1.6;
	/*font-family: 'Pontano Sans', sans-serif;*/
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 300;
	line-height: 1.2;
	font-family: 'Oswald', sans-serif;
}
h1{
	font-size: 28px;
	margin-bottom: 15px;
}
h2{
	font-size: 26px;
	margin-bottom: 15px;
}
h3{
	font-size: 30px;
	margin:20px 0 15px 0;
}
h4{
	font-size: 22px;
	margin-bottom: 10px;
}
h5{
	font-size: 20px;
	margin-bottom: 10px;
}
h6{
	font-size: 18px;
	margin-bottom: 10px;
}
p {
	margin:0 0 15px;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 15px;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# 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 http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}
ul,
ol {
	margin: 0 0 15px 20px;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 15px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 15px 15px;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}
table {
	margin: 0 0 15px;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #fe5722;
	padding: 0 20px;   
	color: #FFF;
	border: 0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #2d2d2d;
	opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}
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: #404040;
	border: 1px solid #EEE;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	vertical-align: top;
}
select {
	border: 1px solid #EEE;
	height: 40px;
	padding: 3px 40px 3px 8px;
	background-color: transparent;
	line-height: 100%;
	outline: 0;
	background-image: url("images/arrow.png");
	background-position: right; center;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
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 {
	outline: 0;
}
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"] {
	padding: 13px 20px;
	width: 100%;
}
textarea {
	padding: 13px 20px;
	width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #f9c12c;
	text-decoration: none;
	transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; 
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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;
	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. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	border-radius: 10px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	border-radius: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 15px;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
	padding: 15px 0 5px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #2e2e2e;
	margin: 0;
	position: relative;
	display: inline-block;
	margin: 0 0 25px;
	font-weight: 500;
}
.widget-area .widget-title:after{
/* content:"";
position: absolute;
left: 0;
top: 100%;
width:90px;
background: #ff2100;
height: 4px;*/
}
.widget-area ul{
	list-style: none;
	padding:0;
	margin: 0;
}
.widget-area ul ul{
	border-top: 1px solid #f9f9f9;
	margin-top: 5px;
}
.widget-area ul ul li{
	padding-left: 10px;
}
.widget-area ul ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}
.widget-area li{
	padding: 5px 0;
	line-height: normal;
}
.widget-area a{
	text-decoration: none;
	color: #404040;
}
.widget-area a:hover{
	color: #fe5722
}
.widget-area .widget{
	margin-bottom:15px;
	padding:0 1em 1em;
	background: #fff;
	border-radius:10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.04);
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
div#secondary input[type="submit"] {
	width: 100%;
	padding: 15px 45px;
	border-radius: 30px;
}
#secondary input[type="text"]{
	width: 100%;
	margin-bottom: 10px;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.10);
	padding: 10px 50px 10px 30px;
	font-size: 14px;
	border: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
.author-email-url{
	margin-left: -2%;
}
#comments a:hover{
	color:#2d2d2d;
}
#commentsAdd a:hover{
	color:#2d2d2d;
}
#content-box a :hover{
	color:#2d2d2d;
}
#content-box a i{
	color: #fff;
}
#commentsAdd input[type="submit"]{
	background: #fc226a;
	padding: 10px 20px;
	color: #FFF;
	border: 0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: 43px;
	font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
	border-radius: 5px;
	opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	margin-left: 2%;
	width: 31.33333%;
}
.author-email-url input{
	width: 100%;
}
.comment-form .form-submit{
	margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 30px;
	background: #fe5722;
	height: 2px;
}
.logged-in-as,
.comment-notes{
	font-size: 0.9em;
}
#comments ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#comments li.comment{
	margin: 0 0 20px;
}
#comments li.comment .children{
	display: block;
	margin: 20px 0 0 30px;
	padding: 0px;
	list-style: none;
}
article.comment-body {
	background: #fff;
	margin: 0px;
	position: relative;
}
.comment-list a{
	color: #404040;
}
.comment-list a:hover{
	color: #fe5722 !important;
}
.comment-list .comment-respond{
	margin-top: 20px;
	background: #FFF;
	padding: 20px;
}
.comment-list .vcard img {
	border-radius: 50%;
	margin-right: 10px;
}
.comment-list .vcard .fn{
	font-weight: normal;
	font-size: 16px;
}
.comment-list .edit-link{
	position: absolute;
	right: 0;
	top: 0;
}
.comment-list .edit-link a{
	font-size: 14px;
	display: inline-block;
	padding: 10px;
}
.comment-list .comment-meta {
	margin-bottom: 15px;
} 
.comment-list .comment-metadata {
	border-top: 1px solid #EEE;
	padding-top: 10px;
	font-size: 14px;
}
.comment-list .comment-metadata a {
	float: left;
}
.comment-list .comment-metadata .reply {
	float: right;
}
#cancel-comment-reply-link {
	float: right;
}
.nav-previous a,
.nav-next a{
	background: #fe5722;
	color: #FFF;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	position: relative;
}
.nav-next a{
	margin-right: 13px;
}
.nav-next a:after{
	content: "";
	position: absolute;
	border-left: 11px solid #fe5722;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	right: -11px;
}
.nav-previous a{
	margin-left: 11px;
}
.nav-previous a:after{
	content: "";
	position: absolute;
	border-right: 11px solid #fe5722;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	left: -11px;
}
.no-comments{
	color: #fe5722;
}
.pagination{
	text-align: center;
}
.pagination .page-numbers{
	display: inline-block;
	margin: 0 2px;
	background: #fe5722;
	color: #FFF !important;
	padding: 8px 12px;
	line-height: 1;
	border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
	background: #333;
	color: #FFF;
}
/*--------------------------------------------------------------
# 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%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
	margin: 20px 0 0 0;
	clear: both;
	text-align: center;
}
.pagingation a{
	background:rgba(0,0,0,0.7);
	color:#fff;
	padding:10px 15px;
	border-radius: 5px;
}
.pagingation a:hover{
	color:#fff;
}
.pagingation .current{
	/*background: #fe5722;*/
	color:#fff;
	padding:10px 15px;
	border-radius: 5px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
#ht-home-gallry-section{
	background-image: url(images/man-461195_1280.jpg);
	background-position: top;
	background-size: cover;
}
.gallery {
	margin-bottom: 15px;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 49.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
.ht-gallery-member-image {
	position: relative;
	overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.breadcrumbbox {
	padding:13px 0;
	color:#ee5636;
	border-bottom: 2px solid #ccc;
}
.breadcrumbbox span{
	color:#000;
	margin:0 3px;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
fieldset input[type="submit"] {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100px;
}
.overlap-header {
	position: relative;
	top: 0px;
}
nav#ht-site-navigation ul li a:hover {
	color: #ac8e50;
	border-radius: 0;
}
#ht-masthead{
	z-index: 99;
	transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;
	width:100%;
	position: relative;

}
.ht-sticky-header #ht-masthead{
	position: fixed;
	left: 0;
	right: 0;
}
.ht-sticky#ht-masthead{
	height: 135px;
}
.ht-sticky-header #ht-content{
	position: relative;
	z-index: 9;
	padding-top: 94px;
}
#ht-site-branding{
	float: left;
	width: 30%;
	padding:28px 0;
	transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-webkit-transition: padding 0.3s ease;
}
.socialalign {
	text-align: right;
}
.ht-sticky #ht-site-branding{
	padding: 5px 0;
}
#ht-site-branding img{
	max-height: 80px;
	width: auto;
}
.page-main-header{
	color:#fff;
	clear: both;
}
.ht-main-title{
	margin: 15px 0 15px;
	letter-spacing: 1px;
	font-weight: 400;
}
.ht-main-title:last-child{
	margin-bottom: 0;
}
.ht-site-title, .site-title{
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	padding-top: 29px;
	line-height: 45px;
	padding-bottom: 10px;
}
.ht-site-description{
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin: 13px 0 10px 0;
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
	font-size: 15px;
	margin: 0;
	color: inherit;
	display: none;
}
.single-productpage .innerpage-whitebox {
	margin-top: 0px;
} 
.single-productpage #sidebars {
	margin-top: 00px;
}
.single-productpage .ht-main-title {
	padding: 20px;
}
.woocommerce ul.product_list_widget li img{
	margin: 0 15px 0px 0;
}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
	color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
	color: #fe5722;
}
.taxonomy-description,
.term-description{
	margin-bottom: 15px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
	margin-bottom: 0;
}

.lower-header .header-social-links {
	margin: 20px 0;
}
#ht-masthead input[type="search"]::placeholder {
	color: #fff;
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{
	position: absolute;
	right: 0;
	top: 20px;
	cursor: pointer;
	padding: 0;  
}
.sitenav .search-icon i{
	margin: 0;
	font-size: 16px;
	color: #fff;
	background: #ac8e50;
	padding: 13px 15px;
	border-radius: 50%;
}
.sitenav .search-bar {
	display: none;
	position: absolute;
	bottom: 16px;
	z-index: 200;
	right: 13%;
}
.sitenav .search-bar input{
	display:inline-block;
}
.sitenav .search-bar input[type="text"]{ 
	width:100%;
	background: rgba(33, 33, 33, 0.8);
	color:#fff;
	border:none;
}
.sitenav .search-bar input[type='submit']{
	background: #000;
	color: #000;
	width: 15%;
	padding: 0;
}
.fa-search {
	&:hover {
		color: rgba(255, 255, 255, 0.75);
	}
}
/*==============================================*/

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.textcenter{
	text-align: center;
}
:hover{
	-webkit-transition-duration: 1s;
  
	-moz-transition-duration: 1s;
  
	-o-transition-duration: 1s;
  
	transition-duration: 1s;
}
section{
}
section .darkbox{
	padding:3em 0;
	background: rgba(0,0,0,0.6)
}
section .lightbox{
	padding: 5em 0;
}
.padding0{
	padding: 0;
}
.ht-section-title-tagline{
	margin-bottom: 6em;   
	text-align: center;
	display: block;
}
.ht-section-title{
	font-size: 32px;
	font-weight: lighter;
	color: #323232;
	margin: 0 auto;
	font-weight: 600;
	display: inline-block;
}
.ht-section-title:last-child{
	margin-bottom: 0;
}
.darkbox .ht-section-tagline{
	font-size:16px;
	width: 70%;
	margin: 0 auto 0;
	color:#fff;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,*/
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a{
	background: none;
	color: inherit;
}
.ht-main-navigation li:hover > a,
.page-template-home-template .ht-main-navigation li:hover > a,
.home.blog .ht-main-navigation li:hover > a,
.ht-main-navigation .current_page_item > a,
.ht-main-navigation .current-menu-item > a,
.ht-main-navigation .current_page_ancestor > a,
.page-template-home-template .ht-main-navigation .current > a,
.home.blog .ht-main-navigation .current > a {    
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 15px;
	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%;
}
.ht-main-navigation ul ul li a:hover{
}
.ht-main-navigation li.current_page_item a {
	color: #ac8e50;
	border-radius: 0;
}
.ht-main-navigation ul li ul li.current_page_item a{
	color: #fff;
}

/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Exeperience Section
--------------------------------------------------------------*/
div#experience .layer-5 {
	position: absolute;
	top: 115px;
	left: -6.5%;
	z-index: 1;
	color: #7ed9ee;
}
div#experience .layer-5 span {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
	font-size: 130px;
}
div#experience .press__container .btn {
	margin-top: 3.125em;
}

div#experience .btn--border {
	color: #174233;
}
div#experience .btn {
	font-size: 14px;
	text-align: left;
	padding: 10px 0px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}
div#experience .btn:hover {
	padding: 10px;
}
div#experience .btn--border-lightgrey:before {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#5127c3 0%,#c166ef 100.3% );
}
div#experience .btn:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.9s cubic-bezier(0.6,0.05,0.01,0.99);
	backface-visibility: hidden;
}
div#experience .btn:hover:before {
	transform: scaleX(1);
	transform-origin: left;
	transition: transform 0.9s cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
div#experience .btn--border-lightgrey:hover .btn-text {
	color: #fff;
}
div#experience .btn--border-lightgrey:hover .btn-text {
	color: #fff;
}
div#experience .btn .btn-text {
	position: relative;
	z-index: 999;
	font-weight: 400;
}
div#experience .btn-arrow {
	position: relative;
	top: -1px;
	left: 3px;
	font-size: 10px;
	color: #000;
	z-index: 1;
}
div#experience .single-experience-subheading {
	font-size: 18px;
	padding-bottom: 0px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}
div#experience h2.single-experience-heading {
	font-size: 40px;
	font-weight: 500;
	position: relative;
	z-index: 1;
	line-height: 60px;
	padding-top: 10px;
	padding-bottom: 20px;
	word-break: break-word;
}
div#experience .single-experience-content-bx {
	font-size: 16px;
	padding-bottom: 35px;
	font-weight: 400;
	position: relative;
	z-index: 1;
}
div#experience {
	background-image: linear-gradient(100deg,#5ecde8 50%,#52e0ea 70%);
}
div#experience .exp-inner-bx {
	padding: 9em 0 7em 1.3em;
}
div#experience img {
	height: 100%;
	width: 100%;
}
div#experience .experience-single-img {
	clip-path: ellipse(100% 149% at 0% 0%);
	position: relative;
	z-index: 2;
}
div#experience .btn--border:hover, 
div#experience .btn--border:hover .btn-arrow {
	color: #ffffff;
	text-shadow: 1px 0px 0px #000;
}
/*--------------------------------------------------------------
## End Exeperience Section
--------------------------------------------------------------*/

@media screen and (min-width: 768px){
	.inside-full-height {
		height: 100%;
	}
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

}
.col-container {
	display: table;
	width: 100%;
}
.col-facility{
	display: table-cell;
}
.heading.active i {
	box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;
}
.test-right img {
	width: 100%;
	height: 100%;
}
.heading{cursor: pointer;}
@media screen and (min-width: 769px){
	.inside-full-height{    height: 100%;}

}
/*--------------------------------------------------------------
## Treatments Section
--------------------------------------------------------------*/
div#treatment-box .single-treatment-bx .back-content h3 a:hover {
	text-shadow: 1px 0px 0px #000;
}
div#treatment-box .ht-section-title-tagline{
	margin-bottom: 7em;
}
div#treatment-box .single-treatment-c {
	border: 1px solid #000;
	border-radius: 30px;
	/*height: 300px;*/
	height: 100%;
}
div#treatment-box .single-treatment-bx{
	position: relative;
	overflow: hidden;
	margin-bottom: 80px;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	background: #ffffff;
	box-shadow: 0px 1px 13px 0px #88828252;
	border-radius: 30px;
	padding: 4px;
}
div#treatment-box .single-treatment-icon{
	width: 100%;
	height: 100%;
	padding: 4px;
	text-align: center;
	transition: all .5s ease;
	border: 1px solid #35c0e4;
	border-radius: 30px;
	padding-top: 100px;
}
div#treatment-box .single-treatment-content{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
	text-align: center;
	transition: all .5s ease;
	backface-visibility:hidden;
	transform-style: preserve-3d;
	-webkit-transform: translateY(110px) rotateX(-90deg);
	-moz-transform: translateY(110px) rotateX(-90deg);
	-ms-transform: translateY(110px) rotateX(-90deg);
	-o-transform: translateY(110px) rotateX(-90deg);
	transform: translateY(110px) rotateX(-90deg);
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#35c1e2 0%,#27d9e5 100.3% );
}
div#treatment-box .single-treatment-bx .single-treatment-icon .front-content{
	position: relative;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 12px;
}
div#treatment-box .single-treatment-bx .back-content{
	position: relative;
	top: 50px;
	padding: 0 12px;
}
div#treatment-box .single-treatment-bx i.fa {
	font-size: 60px;
	color: #35c0e4;
	font-weight: normal;
}
div#treatment-box .single-treatment-bx p {
	font-size: 16px;
	line-height: 27px;
	font-weight: 300;
	padding-top: 5px;
}
div#treatment-box .single-treatment-bx h3 {
	font-size: 25px;
	color: #35c0e4;
	text-align: center;
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 30px;
	padding-top: 10px;
	word-break: break-word;
}
div#treatment-box .single-treatment-bx .single-treatment-content p {
	margin:0;
}
div#treatment-box .single-treatment-bx:hover .single-treatment-icon{
	opacity: 0;
	-webkit-transform: translateY(-110px) rotateX(90deg);
	-moz-transform: translateY(-110px) rotateX(90deg);
	-ms-transform: translateY(-110px) rotateX(90deg);
	-o-transform: translateY(-110px) rotateX(90deg);
	transform: translateY(-110px) rotateX(90deg);
}
div#treatment-box .single-treatment-bx:hover .single-treatment-content {
	opacity: 1;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}
/*--------------------------------------------------------------
## Featured Product slider
--------------------------------------------------------------*/

/* Catalogue slider Start */
.slider {
	width: 100%;
	position: relative;
	height: 430px;
	margin: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 50px 0 0 0;
	top: -50px;
}
.slider::-webkit-scrollbar {
	display: none;
}
.slider .slides {
	display: flex;
	position: absolute;
	left: 0;
	transition: 0.3s left ease-in-out;
}
.slider .slide-item {
	margin-right: 0px;
	width: 250px;
	margin-left: 5px;
}
.slider .slide-item:last-child {
	margin-right: 0;
}
.ctrl {
	text-align: center;
	margin-top: 5px;
}
.ctrl-btn {
	font-size: 10px !important;
	/* min-width: 50px; */
	background: none;
	border: none;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #9e9e9e;
	position: absolute;
	margin-top: -60.5px;
	height: 23px;
}
.ctrl-btn:hover{
	color:#000;
	background: none;
}
.ctrl-btn.pro-next {
	right: 25px;
	position: absolute;
	border: 1px solid #bfbfbf;
	padding: 3px 5px 3px 5px;
	margin: 0;
	z-index: 999;
	top: 0;
}
.ctrl-btn.pro-prev {
	right: 50px;
	position: absolute;
	border: 1px solid #bfbfbf;
	padding: 3px 5px 3px 5px;
	margin: 0;
	z-index: 999;
	top: 0;
}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward {
	background: none;
	border: none;
	position: relative;
	right: 19px;
}
.total-count a.button.wc-forward:hover {
	background: none;
	border:none;
}
.total-count .count {
	color: #000;
	position: absolute;
	padding: 4px;
	z-index: 300;
	top: 4px;
	right: -7px;
	font-size: 10px;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	line-height: 14px;
	text-align: center;
	background: #00293d;
}
.total-count img {
	width: 25px;
	height: 25px;
	margin: 11px 0 0;
}
/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.ht-portfolio-cat-name-list{
	text-align: center;
	margin-bottom: 30px;
	text-align: right;
}
.ht-portfolio-cat-name-list .fa{
	vertical-align: middle;
	color: #fe5722; 
}
.ht-portfolio-cat-name{
	cursor: pointer;
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #BBB;
	line-height: 1;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-cat-name:nth-child(2){
	border-left: 0;
	margin-left: 0;
}
.ht-portfolio-cat-name:hover, 
.ht-portfolio-cat-name.active{
	color: #fe5722;
}
.ht-portfolio-post-wrap{
	margin:2em 0;
}
.ht-portfolio{
	width: 33.33%;
	float: left;
	padding: 7.5px;
}
.ht-portfolio-outer-wrap{
	position: relative;
}
.ht-portfolio-wrap{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: #f9f9f9;
}
.ht-portfolio-wrap img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity: 0
}
.ht-portfolio-caption{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 10px;
	padding: 30px;
	opacity: 0;
	background: rgba(255, 193, 7, 0.9);
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	overflow: hidden;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption{
	opacity: 1;
}
.ht-portfolio-caption h5{
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	-ms-transform: translate(300px, 0); 
	-webkit-transform: translate(300px, 0); 
	transform: translate(300px, 0);
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
	-ms-transform: translate(0, 0); 
	-webkit-transform: translate(0, 0); 
	transform: translate(0, 0);
}
.ht-portfolio-caption a{
	height: 36px;
	width: 36px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: center;
	display: block;
	line-height: 36px;
	color: #fe5722;
	font-size: 14px;
	background: #FFF;
	margin: 10px 5px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.ht-portfolio-caption a.ht-portfolio-image{
	-ms-transform: translate(-300px, 0); 
	-webkit-transform: translate(-300px, 0); 
	transform: translate(-300px, 0);
	right: 66px;
}
.ht-portfolio-caption a.ht-portfolio-link{
	-ms-transform: translate(-300px, 0); 
	-webkit-transform: translate(-300px, 0); 
	transform: translate(-300px, 0);
}
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
	-ms-transform: translate(0, 0); 
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
section#testimonials-section .ht-test-member:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
section#testimonials-section .owl-carousel .owl-nav button.owl-prev:hover:before,
section#testimonials-section .owl-carousel .owl-nav button.owl-next:hover:before{
	transition: 0.5s ease-in-out;
}
section#testimonials-section .owl-carousel .owl-nav button.owl-prev:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: left;
	left: -37px;
	top: 50%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at -10% 50%,#34c5e3 60%,#ffffff 50.3% );
	padding: 0px 0px;
	border-radius: 50%;
	height: 28px;
	width: 30px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#testimonials-section .owl-carousel .owl-nav button.owl-next:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: right;
	right: -37px;
	top: 50%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at 0% 50%,#ffffff 50%,#52e0ea 50.3% );
	border-radius: 50%;
	height: 28px;
	width: 30px;
	padding: 0px 0px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#testimonials-section .owl-carousel .owl-nav button.owl-prev span, 
section#testimonials-section .owl-carousel .owl-nav button.owl-next span {
	display: none !important;
}
section#testimonials-section .owl-theme .owl-nav {
	margin-top: 0;
}
section#testimonials-section .owl-theme .owl-dots {
	margin-top: 10px;
	background: #dadcdb;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	border-radius: 25px;
	line-height: 0;
	padding: 2px 6px;
}
section#testimonials-section .owl-theme .owl-dots .owl-dot span{
	background: #ffffff;
}
section#testimonials-section .owl-theme .owl-dots .owl-dot.active span {
	background: #5dcbe6;
}
section#testimonials-section .owl-carousel .owl-stage-outer{
	margin-bottom: 3em;
}
section#testimonials-section .owl-carousel {
	text-align: center;
}
section#testimonials-section .ht-test-member-image:after {
	content: "";
	display: block;
	width: 155px;
	height: 155px;
	position: absolute;
	top: 79px;
	left: 8px;
	border: 1px solid #fff;
	border-radius: 30px;
	z-index: 5;
}
section#testimonials-section .ht-test-member-image:hover:after {
	border: 0;
	transition: 0.5s ease;
}
section#testimonials-section .ht-test-member-image img {
	max-width: 170px;
	width: 100%;
	border-radius: 30px;
	position: relative;
	left: 0;
	z-index: 2;
	top: 70px;
	height: 170px;
}
section#testimonials-section .ht-test-member{
	background-image: radial-gradient( circle farthest-corner at 0 10%,#4ec7e6 0%,#52e0ea 100.3% );
	padding: 20px 15px 50px 100px;
	border-radius: 30px;
	text-align: left;
}
section#testimonials-section h6.member-name {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 5px;
}
section#testimonials-section .des {
	font-size: 12px;
	font-weight: 400;
}
section#testimonials-section .test-contentbox {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
	padding-top: 45px;
}
section#testimonials-section .name-des-bx {
	position: relative;
	z-index: 1;
	padding-left: 100px;
}
section#testimonials-section .owl-item.active:nth-child(even) .ht-test-member-image img {
	float: right;
	left: auto;
	right: 0 !important;
}
section#testimonials-section .owl-item.active:nth-child(even) .ht-test-member {
	padding: 20px 100px 50px 25px;
	text-align: right;
}
section#testimonials-section .owl-item.active:nth-child(even) .ht-test-member-image:after {
	left: auto;
	right: 8px;
}
section#testimonials-section .owl-item.active:nth-child(even) .name-des-bx {
	padding-right: 100px;
}
section#testimonials-section {
	padding-bottom: 8em;
}
section#testimonials-section .ht-section-title-tagline {
	margin-bottom: 0;
}
/*================ Testimonial Innerpage ==========*/
/*=========== code for loop  ======================*/
section#testimonials-section h3.member-name {
	display: none;
}
div#content-box.innerpage-whitebox .ht-test-member-image img {
	max-width: 170px;
	width: 100%;
	border-radius: 30px;
	position: relative;
	left: 0;
	z-index: 2;
	top: 70px;
	height: 170px;
	border: 2px solid #15738c;
	border-style: solid;

}
div#content-box.innerpage-whitebox .ht-test-member{
	background-image: radial-gradient( circle farthest-corner at 0 10%,#4ec7e6 0%,#52e0ea 100.3% );
	padding: 20px 15px 50px 100px;
	border-radius: 30px;
	text-align: left;
}
div#content-box.innerpage-whitebox h3.member-name {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 5px;
	word-break: break-word;
	margin-top: 0;
}
div#content-box.innerpage-whitebox h6.member-name{
	display: none;
}
div#content-box.innerpage-whitebox .des {
	font-size: 12px;
	font-weight: 400;
}
div#content-box.innerpage-whitebox .test-contentbox {
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	line-height: 26px;
	padding-top: 45px;
}
div#content-box.innerpage-whitebox .name-des-bx {
	position: relative;
	z-index: 1;
	padding-left: 100px;
}
div#content-box.innerpage-whitebox .item:nth-child(even) .ht-test-member-image img {
	float: right;
	left: auto;
	right: 0 !important;
}
div#content-box.innerpage-whitebox .item:nth-child(even) .ht-test-member {
	padding: 20px 100px 50px 25px;
	text-align: right;
}
div#content-box.innerpage-whitebox .item:nth-child(even) .ht-test-member-image:after {
	left: auto;
	right: 8px;
}
div#content-box.innerpage-whitebox .item:nth-child(even) .name-des-bx {
	padding-right: 100px;
	padding-left: 0;
}
section#testimonials-section .col-md-6.item {
	width: 100%;
	padding: 0;
}
/*=========== code for loop ======================*/
/* =========== testimonial page =============== */



section#testimonials-box .lz-testimonial-subheading {
	font-size: 16px;
	color: #ffffff;
}
.quote-box:after{
	content: "";
	background-image: url(images/quote-boxbg.png);
	width: 28px;
	height: 23px;
	position: absolute;
	background-repeat: no-repeat;
	bottom: -23px;
	left: 10%;    
}
.quote-box{
	border: 2px solid #ffffff;
	position: relative;    
	padding:20px;   
}

#quote-carousel {
	padding: 0 10px 30px 10px;
	/*margin-top: 30px;*/
}

#quote-carousel .carousel-control {
	background: none;
	color: #fc856d;
	font-size: 1.3em;
	text-shadow: none;
	margin-top: 225px;
	opacity: 1;
	z-index: 2000;
}
#quote-carousel .carousel-control.left {
	left: -35px;
	top: -60px;
}
#quote-carousel .carousel-control.left i {
	color: #fff;
	background: #c6c6c6;
	border-radius: 50%;
	padding: 5px 12px;
	opacity: 1;
	display: none;
}
#quote-carousel .carousel-control.right {
	right: -35px;
	top: -60px;
}
#quote-carousel .carousel-control.right i {
	color: #fff;
	background: #c6c6c6;
	border-radius: 50%;
	padding: 5px 12px;
	opacity: 1;
	display: none;
}
#quote-carousel .carousel-control.left i:hover {
	color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
	color: #ea70a1;
}
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -30px;
	margin-right: -19px;
	display: none;
}
#quote-carousel .carousel-indicators li {
	width: 12px;
	height: 12px;
	/* margin: 5px; */
	cursor: pointer;
	/* border: 4px solid #CCC; */
	border-radius: 50px;
	/* opacity: 0.4; */
	overflow: hidden;
	transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
	background: #ffffff;
	width: 12px;
	height: 12px;
	/* border-radius: 100px; */
	border-color: #fff;
	opacity: 1;
	overflow: hidden;
}
.carousel-inner {
	min-height: 170px;
	border-radius: 10px;
	/* padding: 20px 0;*/
}
.item blockquote {
	border-left: none;
	margin: 0;
}
.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
.test-box {
	background: #fff;
	padding: 20px 30px 40px 70px;
}
.test-box:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.80) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.test-box:hover:before, .test-box:focus:before, .test-box:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.test-quote i {
	font-size: 25px;
	color: #facaca;
}

/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
section#ht-blog-box .owl-carousel .owl-nav button.owl-prev:hover:before,
section#ht-blog-box .owl-carousel .owl-nav button.owl-next:hover:before{
	transition: 0.5s ease-in-out;
}
section#ht-blog-box .owl-carousel .owl-nav button.owl-prev:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: left;
	left: -37px;
	top: 25%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at -10% 50%,#34c5e3 60%,#ffffff 50.3% );
	padding: 0px 0px;
	border-radius: 50%;
	height: 28px;
	width: 30px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#ht-blog-box .owl-carousel .owl-nav button.owl-next:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: right;
	right: -37px;
	top: 25%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at 0% 50%,#ffffff 50%,#52e0ea 50.3% );
	border-radius: 50%;
	height: 28px;
	width: 30px;
	padding: 0px 0px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#ht-blog-box .owl-carousel .owl-nav button.owl-prev span, 
section#ht-blog-box .owl-carousel .owl-nav button.owl-next span {
	display: none !important;
}
section#ht-blog-box .owl-theme .owl-nav {
	margin-top: 0;
}
section#ht-blog-box .owl-theme .owl-dots {
	margin-top: 10px;
	background: #dadcdb;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	border-radius: 25px;
	line-height: 0;
	padding: 2px 6px;
}
section#ht-blog-box .owl-theme .owl-dots .owl-dot span{
	background: #ffffff;
}
section#ht-blog-box .owl-theme .owl-dots .owl-dot.active span {
	background: #5dcbe6;
}
section#ht-blog-box .owl-carousel .owl-stage-outer{
	margin-bottom: 2em;
}
section#ht-blog-box .owl-carousel {
	text-align: center;
}
#blog-box .ht-blog-date {
	font-size: 16px;
	margin-bottom: 15px;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	border: 2px solid #fff;
	font-weight: 600;
	background: #fc226a;
}
#blog-box .blog-read-more {
	position: relative;
	bottom: 0px;
	right: 0;
}
.ht-blog-date .fa{
	margin-right: 6px;
	color:#7c529c;
	font-size: 22px;
}
#blog-box .ht-blog-date .fa{
	color:#fff;
}
#inner-blog-section .blog-read-more{
	text-align:center;

}
.ht-blog-excerpt .post-right {
	padding: 10px 25px;
	border-left: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	font-size: 14px;
}
.post-right .blog-read-more a:hover{
	color: #fff;
	border-bottom: 4px solid #ea70a1;
	background: #000;
	font-weight: 400;
	color: #fff;
	border-radius: 0px;
}
.post-right .blog-read-more {
	margin: 10px 0;
	border-radius: 5px;
}
.post-right .blog-read-more a {
	color: #fff;
	margin: 10px 0;
	border-radius: 5px;
	padding: 10px;
	background: #ea70a1;
}
/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/
div#blog-box .box{
	overflow: hidden;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	position: relative;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
div#blog-box .box:before,
div#blog-box .box:after{
	content: "";
	width: 100%;
	height: 50%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform-origin: 100% 0;
	transform: rotateZ(90deg);
	transition: all 0.3s ease 0s;
	opacity: 0.5;
}
div#blog-box .box:after{
	top: auto;
	bottom: 0;
	transform-origin: 0 100%;
}
div#blog-box .box:hover:before,
div#blog-box .box:hover:after{ transform: rotateZ(0); }
div#blog-box .box img{
	width: 100%;
	height: auto;
	transform: scale(1) rotate(0);
	transition: all 0.3s ease 0s;
}
div#blog-box .box:hover img{
	/*filter: sepia(80%);*/
	transform: scale(1.3) rotate(10deg);
}
div#blog-box .social-Media a {
	font-size: 18px;
	padding-right: 10px;
	color: #777777;
}

div#blog-box .ht-blog-thumbnail img {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
div#blog-box  .social-Media {
	position: relative;
	top: 5px;
}
div#blog-box i.fa.fa-comment {
	padding-right: 6px;
	color: #777777;
}
.inner-blog-excerpt {
	font-size: 16px;
	line-height: 1.8em;
}
#blog-box .htblogdate {
	font-size: 14px;
}
#blog-box .bloginner-commentbox {
	text-align: right;
	font-size: 14px;
	position: relative;
	top: 5px;
	color: #777777;
}
#blog-box h4{
	margin: 15px 0 15px 0;
	font-weight: 600;
	word-break: break-word;
}
#blog-box .inner-blog-img{
	width: 100%;
}
#blog-box .inner-blog-post{
	border-radius: 12px;
	margin-bottom: 60px;
	box-shadow: 0px 0px 45px rgba(0,0,0,0.15);
	background: transparent;
}
#blog-box .inner-blog-excerpt{
	padding: 25px 25px 55px 25px;
}

.ht-main-navigation li.current_page_item ul li a{
	color:#fff;
	background:none;
}
.socialMedia a{
	font-size: 30px;
	color: #fff;
	background: #3a3a3a;
	border: 2px solid #fff;
	padding: 5px 10px;
	width: auto;
}
.socialMedia a:hover{
	background: none;
	border: 2px solid #3a3a3a;
}


/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
div#ht-contactus-wrap .right-bx-c {
	position: relative;
	left: 10px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#ht-colophon ul li a:hover,
footer#ht-colophon .tagcloud a {
	text-shadow: 1px 0px 0px #00000096;
}
footer#ht-colophon {
	padding-top: 80px;
	padding-bottom: 40px;
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: radial-gradient( circle farthest-corner at 105% 0%,#33c6e2 40%,#34c2e1 100% );
}
footer#ht-colophon figure.gallery-item img:hover {
	box-shadow: 0 0 25px #1297ab;
}

footer#ht-colophon .social-profile-icons ul li:before {
	content: none;
}
footer#ht-colophon textarea {
	height: 90px;
}
footer#ht-colophon .widget select {
	width: 100%;
	color: #ffffff;
	background-image: url(images/arrow.png) !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}
footer#ht-colophon .widget_media_image img{
	width: 100%;
}
footer#ht-colophon .tagcloud a {
	font-weight: 500;
	line-height: 51px;

	padding-right: 17px;
	background: #ffffff;
	padding: 10px 10px;
	text-align: center !important;
}
footer#ht-colophon input[type="text"],
footer#ht-colophon input[type="email"],
footer#ht-colophon input[type="url"],
footer#ht-colophon input[type="password"],
footer#ht-colophon input[type="search"],
footer#ht-colophon input[type="number"],
footer#ht-colophon input[type="tel"],
footer#ht-colophon input[type="range"],
footer#ht-colophon input[type="date"],
footer#ht-colophon input[type="month"],
footer#ht-colophon input[type="week"],
footer#ht-colophon input[type="time"],
footer#ht-colophon .widget select,
footer#ht-colophon textarea{
	margin: 0 0 10px 0;
	padding: 20px 30px;
	background: #ffffff;
	font-size: 16px;
	height: 70px;
	border-radius: 50px !important;
	border: 0;
	width: 100%;
}
div#ht-top-footer div.wpcf7 p, 
div#ht-top-footer label {
	font-weight: 500;
	font-size: 16px;
}
footer#ht-colophon .widget_calendar table thead tr th,
footer#ht-colophon .widget_calendar table tbody td{
	font-size: 16px;
	font-weight: 500;
}

.ht-top-footer input[type="submit"]:hover,
footer#ht-colophon input[type="text"]:hover,
footer#ht-colophon input[type="email"]:hover,
footer#ht-colophon input[type="url"]:hover,
footer#ht-colophon input[type="password"]:hover,
footer#ht-colophon input[type="search"]:hover,
footer#ht-colophon input[type="number"]:hover,
footer#ht-colophon input[type="tel"]:hover,
footer#ht-colophon input[type="range"]:hover,
footer#ht-colophon input[type="date"]:hover,
footer#ht-colophon input[type="month"]:hover,
footer#ht-colophon input[type="week"]:hover,
footer#ht-colophon input[type="time"]:hover,
footer#ht-colophon textarea:hover,
footer#ht-colophon .widget select {
	opacity: 1;
	box-shadow: 0 0 25px 15px #1297ab63;
	text-shadow: 1px 0px 0px #0000008c;
}
footer#ht-colophon label{
	width: 100%;
}

div#copyright-note span {
	font-weight: normal;
}
footer#ht-colophon ul li a {
	color: #989898;
	font-weight: normal;
}

.ht-footer table tr {
	border-bottom: 1px solid #a7a7a7;
	line-height: 45px;
	font-size: 14px;
}
footer#ht-colophon .social-profile-icons ul li {
	height: 35px;
	width: 35px;
	text-align: left;
	margin-right: 5px;
}
footer#ht-colophon p {
	font-weight: normal;
	color: #989898;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
}
footer#ht-colophon p i{
	font-size: 20px;
	color: #fff;
	margin-right: 15px;
}
.ht-footer .textwidget .fa {
	margin-right: 5px;
}
.ht-footer ul li {
	padding: 6px 0 6px 0;
	list-style: none;
	/* color: #757575; */
}
.ht-top-footer ul li {
	font-weight: 500;
	line-height: 33px;
	font-size: 20px;
	transition: all 0.5s ease 0s;
}
.ht-top-footer ul li:hover{
	padding-left: 5px;
	padding-right: 5px;
}
#ht-colophon{
	font-size: 16px;
}
#ht-colophon a, footer#ht-colophon ul li span.post-date{
	color: #989898;
	text-decoration: none;
}
#ht-colophon .widget-title{
	margin-bottom: 70px;
	font-weight: 500;
	color: #fff;
	font-size: 30px;
}
#ht-top-footer{
	color: #fff;
	padding-bottom: 10px;
}
.ht-top-footer{
	margin-left: -3%;
}

.ht-footer .widget{
	margin-bottom: 30px;
}
.ht-footer .widget:last-child{
	margin-bottom: 0;
}
.ht-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-footer-menus-container ul li{
	background: url(images/footer-list-ico.png) no-repeat 0 8px;
	padding: 2px 0 2px 20px;
	list-style: none;
	margin-left: 14px;
}
.menu-footer-menus-containerul li a:hover{
	color:orange;
}
.social-profile-icons ul li{
	display: inline-block;
	/* padding: 5px; */
	margin: 1px;
}
.social-profile-icons ul li i{
	font-size: 21px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 500;
}
.social-profile-icons ul li i:hover {
	color: #ff7f7f;
}
.ht-top-footer input[type="email"] {
	width: 100%;
	font-size: 14px;
	color: #757575;
	padding: 11px 20px;
}
.ht-top-footer input[type="submit"] {
	width: 100%;
	height: 70px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 50px;
	padding: 15px 60px;
	box-shadow: 0 0 19px 2px #1297ab7a;
}

#ht-bottom-footer{
	text-align: left;
	padding: 0px 0;
	color: #848484;
	line-height: 1.2;
}
.ht-site-info {
	color: #848484;
	font-weight: 500;
	font-size: 16px;
	position: relative;
	top: 10px;
	text-align: center;
}
.bottomfooter-icons {
	text-align: right;
	padding: 0;
	line-height: 22px;
}
div#ht-bottom-footer ul {
	padding: 0;
	margin: 0;
	position: relative;
	top: 10px;
}
div#ht-bottom-footer ul li {
	display: inline-block;
	padding-right: 18px;
}
div#ht-bottom-footer input[type="submit"] {
	padding: 6px 25px;
}
div#ht-bottom-footer input[type="submit"]:hover {
	opacity: 0.8;
}
footer#ht-colophon .current_page_item > a, 
footer#ht-colophon ul.nav.navbar-nav li:before {
	background: transparent;
	padding: 0;
	text-align: left;
	margin: 0;
}
footer#ht-colophon .ht-footer.ht-footer2{
	padding-right: 80px;

}
footer#ht-colophon .gallery-columns-3 .gallery-item {
	max-width: 45.33%;
	margin-right: 30px;
	margin-bottom: 30px;
}
.ht-footer.ht-footer3 {
	padding-left: 60px;
	padding-right: 0;
}
footer#ht-colophon .gallery-columns-3 .gallery-item:nth-child(even) {
	margin-right: 0;
}
footer#ht-colophon .ht-footer.ht-footer2 .gallery-columns-3 .gallery-item {
	max-width: 43.33%;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#ht-contact-section {
	position: relative;
}
#ht-contact-section .contact-icon {
	text-align: center;
	color: #fff;
}
#ht-contact-section .contact-icon:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
#ht-contact-section .contact-content {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 30px 0;
}
.contact-small-box {
	text-align: center;
}
/*--------------------------------------------------------------
## Newsletter Section
--------------------------------------------------------------*/
#ht-newsletter-section input[type="submit"]:hover {
	box-shadow: 0 0 25px #1297ab;
	text-shadow: 1px 0px 0px #000;
}
#ht-newsletter-section .newsletter-form-box input[type="text"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="email"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="url"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="password"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="search"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="number"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="tel"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="range"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="date"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="month"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="week"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="time"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="datetime"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="datetime-local"]:hover, 
#ht-newsletter-section .newsletter-form-box input[type="color"]:hover, 
#ht-newsletter-section .newsletter-form-box textarea:hover, 
section#ht-newsletter-section select:hover{
	box-shadow: 0 0 25px 15px #1297ab63;
	text-shadow: 1px 0px 0px #0000008c;
}

#ht-newsletter-section .newsletter-form-box:hover .wpcf7:after {
	color: #6943c4;
}
#ht-newsletter-section .box-form input[type="submit"] {
	height: 70px;
	font-size: 25px;
	font-weight: 500;
	border-radius: 50px;
	padding: 15px 60px;
	box-shadow: 0 0 19px 2px #1297ab7a;
}
section#ht-newsletter-section .newslettersign-box {
	position: relative;
	top: 30px;
}
.ht-section-title.lz-newslatter-heading {
	font-size: 40px;
	font-weight: 500;
	color: #ffffff;
	word-break: break-word;
	background-image: linear-gradient( to top,#4acce6 0%,#30cbe3 50% );
	padding: 20px 50px 20px 50px;
	border-radius: 50px;
	word-break: break-word;
	line-height: 55px;
}
section#ht-newsletter-section {
	background: #6943c4;
	position: relative;
	clip-path: ellipse(70% 68% at 50% 70%);
	padding: 1em 0 2em 0;
}
.newsletter-form-box input[type="text"], 
.newsletter-form-box input[type="email"], 
.newsletter-form-box input[type="url"], 
.newsletter-form-box input[type="password"], 
.newsletter-form-box input[type="search"], 
.newsletter-form-box input[type="number"], 
.newsletter-form-box input[type="tel"], 
.newsletter-form-box input[type="range"], 
.newsletter-form-box input[type="date"], 
.newsletter-form-box input[type="month"], 
.newsletter-form-box input[type="week"], 
.newsletter-form-box input[type="time"], 
.newsletter-form-box input[type="datetime"],
.newsletter-form-box input[type="datetime-local"], 
.newsletter-form-box input[type="color"],
.newsletter-form-box textarea,
section#ht-newsletter-section select{   
	border: none;
	color: #fff;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 20px 50px;
	background: #ffffff;
	font-size: 25px;
	height: 70px;
	border-radius: 50px;
	box-shadow: 0 0 19px 2px #1297ab7a;
}
.newsletter-form-box input[type="text"]::placeholder, 
.newsletter-form-box input[type="email"]::placeholder, 
.newsletter-form-box input[type="url"]::placeholder, 
.newsletter-form-box input[type="password"]::placeholder, 
.newsletter-form-box input[type="search"]::placeholder, 
.newsletter-form-box input[type="number"]::placeholder, 
.newsletter-form-box input[type="tel"]::placeholder, 
.newsletter-form-box input[type="range"]::placeholder, 
.newsletter-form-box input[type="date"]::placeholder, 
.newsletter-form-box input[type="month"]::placeholder, 
.newsletter-form-box input[type="week"]::placeholder, 
.newsletter-form-box input[type="time"]::placeholder, 
.newsletter-form-box input[type="datetime"]::placeholder,
.newsletter-form-box input[type="datetime-local"]::placeholder, 
.newsletter-form-box input[type="color"]::placeholder,
.newsletter-form-box textarea::placeholder{
	color: #c5c3c3;
	font-weight: 400;

}
.newsletter-form-box textarea{
	height: 80px;
}
section#ht-newsletter-section input[type="file"]{
	font-size: 25px;
}
section#ht-newsletter-section .box-form p, 
section#ht-newsletter-section .newsletter-form-box label,
section#ht-newsletter-section input[type="file"]{
	margin-bottom: 15px;
}
.newsletter-form-box label, .newsletter-form-box p {
	color: #fff;
}
.newsletter-form-box input[type="submit"]{
	padding: 10px 25px;
	color: #ffffff;
	border-radius: 3px;
	font-weight: 400;
	background: #fc226a;
	font-size: 12px;
	display: block;
	height: 45px;
}
.newsform-box {
	padding: 0 15px;
}
.newsletter-form-box input[type="submit"]:hover{
	opacity: 1;
	color: #fff;
	border: none;
	background: #7c529c;
}
.lz-fitness-address-lable{
	margin:20px 0 0 0;
}
.newsletter-form-box div.wpcf7-response-output{
	position: absolute;
	margin:0;
}
section#ht-newsletter-section .ht-section-title-tagline {
	margin-bottom: 3em;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
	padding: 0 0 30px 0;
}
#innerpage-box{
	padding: 2em 0 2em 0;
	/*background: #eee;*/
}
.single-post .ht-main-title {
	margin: 0px 0 15px;
	padding: 15px 15px 0;
}
.innerpage-whitebox{
	/*background: #fff;*/
	/*padding: 2em 2em 2em 2em;*/
	border-radius:10px;
	margin-bottom: 10px;
	/*margin-top: 20px;*/
}
#content-box h4{
	margin: 20px 0 5px 0; 
}
#content-box ul{
	padding: 0 0 20px 0;
	list-style: none;
	font-size: 18px;
	margin: 0;
}
#content-box ul li:before {

	content: "\f00c";
	font-family: 'Fontawesome';
	margin-right: 10px;

}
#content-box ul li {
	margin: 10px 0;
	font-size: 16px;
}
main#innerpage-box #content-box ol {
	margin: 0;
}
#content-box ol {
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
}

#content-box ol li {
	position: relative;
	padding-left: 60px;
	min-height: 60px;
	padding-top: 10px;
}
#content-box ol li:before {
	content: counter(li);
	counter-increment: li;
	color: #fff;
	background: #f07100;
	border-radius: 50%;
	font-size: 18px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
img.ht-page-header-img{
	width: 100%;
}
.sticky {
	display: block;
}
.hentry {
	/*margin: 0 0 30px;*/
}
.total-hentry {
	margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {

}

.page-links {
	clear: both;
	margin: 0 0 15px;
}

#primary{

}

.ht_no_sidebar #primary{
	width: auto;
	float: none;
}

.ht_no_sidebar_condensed #primary{
	width: 76%;
	float: none;
	margin: 0 auto;
}

.ht_left_sidebar #primary{
	float: right;
}

.ht_left_sidebar #secondary{
	float: left;
}

.ht-post-info{
	float: left;
	width: 80px;
	text-align: right;
	font-family: 'Oswald', sans-serif;
}

.single .ht-post-info{
	margin-right: 30px;
	margin-bottom: 20px;
}

.ht-post-info .entry-date{
	display: block;
	font-size: 0.9em;
	margin-bottom: 20px;
}

.ht-post-info .entry-date span{
	display: block;
	text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
	font-size: 60px;
	line-height: 1.3;
	color: #fe5722;
}

.ht-post-info a{
	display: block;
	text-decoration: none;
	line-height: 1.4;
	padding: 20px 0 0;
	text-transform: uppercase;
	border-top: 1px solid #EEE;
	font-size: 12px;
	color: #444;
	font-weight: 300;
}

.ht-post-wrapper{
	padding-left: 105px;
}

.entry-figure{
	background: #f9f9f9;
	text-align: center;
	margin-bottom: 15px;
}

.entry-header .entry-title{
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.entry-figure + .entry-header{
	background: #FFF;
	position: relative;
	margin-top: -65px;
	width: 90%;
	padding: 15px 0 1px;
}

.entry-header .entry-title a{
	text-decoration: none;
	color: #333;
}

.entry-categories{
	font-size: 14px;
	color: #666;
	font-style: italic;
	margin-bottom: 15px;
}

.entry-categories .fa{
	color: #fe5722;
	margin-right: 8px;
}

.entry-categories a{
	color: #666;
	text-decoration: none; 
}

.entry-readmore{
	margin-top: 20px;
}

.entry-readmore a{
	background: #fe5722;
	padding: 0 20px;
	line-height: 40px;
	color: #FFF !important;
	border: 0;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
}

.entry-readmore a:hover{
	background: #333;
	color: #FFF;
}

section ul{
	padding: 0 0 20px 0;
}

.readmore a{
	background: #4d4d4d;
	padding: 15px 40px;
	color: #fff;
	border-radius: 30px;
}
.readmore a:hover{
	background: #000;
	color:#fff;
}
/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
#ht-contactus-wrap select {
	padding: 3px 40px 3px 25px;
}

.ht-contactus-wrap.innerpage-whitebox strong {
	font-weight: 600;
	font-size: 16px;
	word-break: break-word;
}
.ht-contactus-wrap.innerpage-whitebox p {
	font-size: 16px;
	margin: 0;
	word-break: break-word;
}
.single-info.box-shadow {
	-webkit-box-shadow: 0 0 35px rgba(220, 219, 255, 0.57);
	padding: 30px;
}
div#ht-contactus-wrap .info-iiner {
	padding: 10px 20px 15px 20px;
	border: 1px dashed #e2e0ff;
	overflow: hidden;
}
div#ht-contactus-wrap  .info-iiner span.fa {
	margin-top: 15px;
	margin-right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	background: #e2e0ff;
	display: inline-block;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
div#ht-contactus-wrap .innerpage-contactbox {
	margin: 3em 0 4em 0;
}
div#ht-contactus-wrap .form-innerp-box {
	-webkit-box-shadow: 0 0 35px rgba(220, 219, 255, 0.57);
	padding: 30px;
	margin-bottom: 50px;
}
div#ht-contactus-wrap .form-innerp-box img {
	width: 100%;
}
#ht-contactus-wrap .contact-page-form {
	padding: 0 00px 0 25px;
}

#ht-contactus-wrap .contact-page-form{
	color: #fff;
}
#ht-contactus-wrap input::placeholder{
	color:#fff;
	opacity: 0.8;
}

#ht-contactus-wrap  h4{
	color: #fff;
	text-align: center;
	margin: 0 0 30px 0;
	background: none;
	outline: none;
	border: none;
	font-size: 35px;
	display: block;
	font-weight: 600;
}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"], 
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"],
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"],
#ht-contactus-wrap textarea,
#ht-contactus-wrap select
{
	border:none;
	/*border-bottom: 2px solid #fff;*/
	background: none;
	width: 100%;
	color: #fff;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0 0 35px rgba(220, 219, 255, 0.5);
	font-size: 15px;
	font-weight: 500;
}
#ht-contactus-wrap select {
	position: relative;
	cursor: pointer;
	-moz-appearance: none;
	height: 50px;
}
#ht-contactus-wrap select::placeholder{
	color:#fff;
	opacity: 0.8;
}
#ht-contactus-wrap textarea{
	height: 120px;
}
#ht-contactus-wrap textarea::placeholder{
	color:#fff;
	opacity: 0.8;
}
#ht-contactus-wrap label{
	color:#ffffff;
	width: 100%;
}
#ht-contactus-wrap input[type="submit"]
{
	background: #fb216a;
	border: 2px solid #fb216a;
	padding: 12px 35px;
	color: #fff;
	border-radius: 30px;
	margin-top: 0px;
	float: right;
	font-weight: 500;
	text-shadow: 1px 0px 0px #000;
}
#ht-contactus-wrap input[type="submit"]:hover{
	border: 2px solid #fff;
	background: #fb216a;
	color: #fff;
	opacity: 1;
	-webkit-box-shadow: 0 0 35px rgba(214, 214, 216, 0.7);
}
.lz-fitness-address-lable{
	margin:20px 0 0 0;
}
.contact-mapbox{
	margin:2em 0 0;
}
.contact-mapbox iframe{
	width: 100%;
	height:350px;
	background:#fe5722;
	padding:5px;
	border-radius: 5px;
}
.address-box{
	margin: 0 0 20px 0;
}
.contact-sm-links {
	margin: 0;
}
.contact-sm-links li {
	display: inline-block;
	/* padding: 2px; */
	margin: 1px;
	list-style: none;
}
#ht-contactus-wrap .contact-sm-links li{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.apointmentmain-box .socials {
	text-align: center;
	margin-top: 20px;
}
#ht-contactus-wrap .contact-sm-links li:hover{
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}
.contact-sm-links li a{  
	font-size: 30px;
	padding: 7px 10px 0 0;
}
.contact-sm-links li a:hover {
	color: #fc226a;
	border-color: #fc226a;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
	display: block;
	text-align: center;
	font-size: 200px;
	color: #e3e3e3;
	line-height: 1.2;
	background: #f9f9f9;
	border: 4px solid #ccc;
	margin-bottom: 35px;
}

.error404 .oops-text{
	text-align: center;
	position: relative;
	top: 133px;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 2px;
	text-shadow: 0 4px 4px rgba(0,0,0,.2);
}

.toggle-bar{
	display: none;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
	display: block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
	position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {
	text-align: center;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	padding-bottom: 45px !important;
	border: 4px solid #f1f0f0 !important;
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
	/*border-bottom: 1px solid #6a1b9a !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
	border-color: #6a1b9a;
}

.woocommerce ul.products li.product a img{
	border: 5px solid #f1f0f0 !important;
}
.woocommerce div.product div.images img {
	border: 5px solid #f1f0f0 !important;
}

.woocommerce ul.products li.product .total-product-title-wrap{
	padding: 20px 10px 0;
}

.woocommerce ul.products li.product a{
	color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
	margin: 0 0 6px;
	padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
	margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	padding: 5px;
}
.woocommerce ul.products li.product .price{
	font-weight: 500;
	font-size: 20px;
	color: #fe5722;
	margin: 0;
}
.woocommerce ul.products li.product .price del{
	display: inline;
	color: #999;
	opacity: 1;
}
.woocommerce ul.products li.product .price ins{
	display: inline;
	font-weight: 400;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
	float: right;
	width: 100%;
}
.woocommerce-MyAccount-navigation ul li:before{
	display: none;
}
.woocommerce-MyAccount-navigation ul li a{
	background: none;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
	color:#fc856d;
	padding: 0px 20px;
}
.woocommerce-MyAccount-navigation ul li{
	margin: 5px 0 !important;
}
.woocommerce-MyAccount-navigation-link.is-active a{
	color:#000 !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	padding: 10px 20px;
	font-weight: 400;
	border-radius: 0;
	color: #FFF;
	background-color: #fe5722;
	border:1px solid #fe5722;    
	margin-bottom: -20px;
	line-height: 20px;
	font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
	background: #333;
	border:1px solid #333;
	color: #FFF;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	color:#fff !important;
}

.woocommerce ul.products li.product .button{
	margin: 0;
	transform: translateY(50%);
	-ms-transform: translateY(50%);
	-webkit-transform: translateY(50%);
	font-size: 16px;
	background-color: #ec5597;
	border: 1px solid #ec5597;
	border-radius: 3px;
}

.woocommerce ul.products li.product:hover .button{
	border-color: #fe5722;
	background-color: #fe5722;
	color: #FFF;
}

.woocommerce ul.products li.product .button.loading{
	opacity: 1;
}

.woocommerce a.added_to_cart{
	padding-top: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 25px;
	font-size: 13px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
	border-color: #fe5722;
	background-color: #fe5722;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
	background: #333;
	border-color: #333;
	color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul{
	border: 0;
	margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li{
	border: 0;
	margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
	display: block;
	background: #fe5722;
	color: #FFF;
	padding: 8px 12px;
	line-height: 1;
	border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
	background: #333;
	color: #FFF;
}

.woocommerce span.onsale{
	min-height: 0;
	min-width: 0;
	padding: 0 15px;
	font-weight: 400;
	line-height: 26px;
	border-radius: 0;
	background-color: #fe5722;
	color: #fff;
	font-size: 14px;
	margin: 10px 0 0 -6px;
	top: 0;
	left: 0;
}

.woocommerce span.onsale:after{
	border-color: transparent #e8ae00 #e8ae00 transparent;
	border-width: 3px;
	border-style: solid;
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0px;
}

.woocommerce ul.products li.product .onsale{
	margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after{
	border-color: transparent transparent #e8ae00 #e8ae00;
	border-width: 3px;
	border-style: solid;
	right: 0px;
	left: auto;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price{
	color: #fe5722
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{
	font-weight: 400;
}

.woocommerce .product_meta{
	font-size: 15px;
}

.woocommerce .product_meta a{
	color: inherit;
}

.woocommerce .product_meta a:hover{
	color: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
	padding: 0;
	border-bottom: 2px solid #fe5722;
	padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 10px 0;
	font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 0;
	background-color: #333;
	border-radius: 0;
	margin: 0 6px 0 0;
	padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color: #FFF !important;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
	font-size: 22px;
	margin-bottom: 30px;
}

.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{
	width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
	width: 100%;
}

.related.products h2{
	margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
	background: #fe5722;
	padding: 10px 20px;
	color: #FFF;
}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
	background: #333;
	color: #FFF;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{
	background: #fe5722;
	border-color: #fe5722;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
	line-height: 40px;
	font-size: inherit;
	padding: 0;
}

.select2-container .select2-choice{
	border: 1px solid #EEE;
	font-size: 0.9em;
	color: inherit;
	border-radius: 0;
}

.select2-results{
	font-size: 0.9em;
	color: inherit;
}

.select2-drop-active{
	border-color: #EEE;
}

.select2-drop.select2-drop-above.select2-drop-active{
	border-color: #EEE;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
	border-top-color: #fe5722;
	font-size: 0.9em;
	margin-bottom: 15px;
}

.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{
	color: #fe5722;
}

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
	padding: 10px 20px;
	line-height: 1;
	height: auto;
	margin-right: 15px;
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
	font-weight: 400;
}

#customer_details{
	margin-bottom: 40px;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{
	border: 1px solid #EEE;
	border-radius: 0;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
	float: none;
	border: 1px solid;
}

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{
	padding-top: 4px;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
	font-weight: 400;
}

.woocommerce a.remove{
	font-family: Arial;
	font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
	top: 8px;
}

.woocommerce .widget_layered_nav ul li{
	padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
	background-color: #FFF;
	border: 4px solid #fe5722;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
	background-color: #fe5722
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
	background-color: #EEE;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
	height: 20px;
	width: 20px;
	top: -6px;
	margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
	list-style: none;
}

.woocommerce-MyAccount-navigation-link a{
	background: #fe5722;
	color: #FFF;
	padding: 10px 20px;
	margin-bottom: 5px;
	display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
	background: none;
}

@media screen and (max-width: 1200px){
	.ht-slide-caption{
		margin-left: -68%;
		top: 42%;
		left: 78%;
	}
}

@media screen and (max-width: 1000px){
	.toggle-bar{
		display: block;
		position: absolute;
		top: -35px;
		right: 35px;
		width: 50px;
		background: #fe5722;
		cursor: pointer;
		text-align: center;
		color: #fff;
		padding: 20px 0;
		cursor: pointer;
	}

	.toggle-bar span{
		position: absolute;
		top: 50%;
		margin-top: -2px;
		height: 4px;
		left: 8px;
		right: 8px;
		background: #FFF;
		box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
	}

	.ht-main-navigation li.current_page_item a, 
	.page-template-home-template .ht-main-navigation .current_page_item > a, 
	nav#ht-site-navigation ul li a:hover {
		/*color: #fff !important;*/
	}

	.ht-sticky-header #ht-masthead{
		position: static;
	}

	.ht-sticky#ht-masthead{
		height: 94px;   
	}

	#ht-site-navigation{
		width: 20%;
	}

	#ht-site-branding, .site-branding{
		width: 80%;
		float: left;
	}

	.ht-sticky #ht-site-branding{
		padding: 15px 0;
	}

	.ht-sticky-header #ht-content{
		padding-top: 0;
	}

	.ht-main-navigation .ht-menu{
		display: none;
		position: absolute;
		left: 35px;
		right: 35px;
		top: 5px;
		background: #fe5722;
		z-index: 2500;
		box-shadow: 0 6px 12px rgba(0,0,0,.17);
		/*box-shadow: 0px 0px 3px 2px rgba(197, 197, 197, 0.17);*/
	}

	.ht-main-navigation li{
		float: none;
		text-align: left;
	}

	.page-template-home-template .ht-main-navigation .current_page_item > a,
	.page-template-home-template .ht-main-navigation .current-menu-item > a,
	.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
	.home.blog .ht-main-navigation .current_page_item > a,
	.home.blog .ht-main-navigation .current-menu-item > a,
	.home.blog .ht-main-navigation .current_page_ancestor > a,
	.ht-main-navigation a{
		color: #FFF;
	}

	.ht-main-navigation ul ul{
		position: static;
		padding-top: 0;
		margin-top: 0;
		box-shadow: none;
		padding-bottom: 0;
	}

	.ht-main-navigation ul ul ul{
		margin: 0;
	}

	.ht-team-member{
		margin-bottom: 2em;
	}
}

@media screen and (max-width: 768px){
	.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
		margin-bottom: 10px;
	}
	.woocommerce .widget_price_filter .price_slider_amount .button{
		margin-bottom: 15px;
	}
	.ht-main-navigation a{
		padding: 8px 45px;
	}
	.ht-section-title,
	.ht-section-tagline{
		width: auto;
	}
	.ht-about-sec, .ht-text-block-sec{
		width: auto;
		float: none;
		padding: 0;
		margin-bottom: 30px;
	}
	.ht-about-image, .ht-left-image{
		width: auto;
		float: none;
		padding: 0;
		text-align: center;
	}
	.ht-portfolio-cat-name-list{
		text-align: center;
	}
	.ht-service-left-bg{
		display: none;
	}
	.ht-service-posts{
		float: none;
		width: auto;
		padding: 0;
	}
	.newsletter-form-box{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#ht-service-post-section{
		padding: 60px 0;
	}
	#ht-counter-section{
		background-size: cover;
		background-position: center !important;  
	}
	.ht-counter{
		width: 45%;
		margin-bottom: 60px;
	}
	#ht-counter-section{
		padding-bottom: 0;
	}
	#ht-cta-section{
		background-size: cover;
		background-position: center !important;  
	}
	.ht-top-footer{
		margin-left: 0;
	}
	.ht-footer{
    /*width: auto;
    margin: 0 0 30px;
    float: none;*/
}
.ht-footer:last-child{
	margin-bottom: 0;
}
.ht-slide-cap-descmore a{
	font-size: 2vw;
}
.ht-slide-cap-title{
	font-size: 24px;
	font-size: 4vw;
	margin-bottom: 0px;
}
.ht-slide-cap-desc{
	font-size: 13px;
}
#primary{
	width: auto !important;
	float: none !important;
	margin-bottom: 30px;
}
#secondary{
	width: auto !important;
	float: none !important;
	margin-bottom: 30px;
}
#sticky-section {
	display: none;
}
/*#ht-masthead input[type="submit"]{
right: -40px;
top: 20px;
}
.sitenav .search-icon {
right: 70px;
top: -65px;
}*/
/*.overlap-header {
top:0;
}*/
.sitenav .search-bar {
	right: 18%;
}
.ht-slide-cap-desc {
	padding: 10px 0;
}
.lower-header .header-social-links {
	padding: 15px 10px;
}
#ht-blog-section {
	padding: 0em 1em 0em 2em;
}
.ht-slide-caption {
	top: 55%;
	left: 78%;
}
.ht-slider-highlighttext {
	font-size: 25px;
}
.lower-header .header-social-links {
	margin: 2px 0;
}
#ht-contactus-wrap .contact-page-address {
	margin-bottom: 10px;
}
#blog-box .blog-read-more a {
	line-height: 25px;
	padding: 5px 12px;
	font-size: 12px;
}
#ht-appintment-section .color-box .textbox1 {
	padding: 10px 30px 10px;
}
#ht-appintment-section .color-box {
	padding: 16px 14px 10px;
}
.ht-blog-excerpt .post-right {
	border-left: none;
}
.single-post .ht-main-title {
	font-size: 20px;
}
.ht-site-description {
	/*text-align: center;*/
}
.about-box {
	position: relative;
	width: 100%;
}
#facility-content-section .facility-icon {
	text-align: left;
}
#pricing-page .plan-starts {
	text-align: center;
}
#pricing-page .plan-amount{
	text-align: center;
}
#pricing-page .ht-princing-link{
	text-align: center;
}
section#ht-about-us-section img {
	height: auto;
}
.contact-box img.appointmentbox-img {
	height: 440px;
}
.apointment-box {
	padding: 4% 17% 4%;
}
#ht-appintment-section .box-effect {
	padding: 0;
}
.apointment-box:after {
	display: none;
}
#testimonials-section .testimonial-content {
	margin: 0 40px;
}
}

@media screen and (max-width: 580px){
	#ht-home-slider-section .bx-wrapper .bx-controls-direction a,
	.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
		display: none;
	}    
	.ht-team-counter-wrap{
		margin-left: 0;
	}
	.ht-counter{
		width: 75%;
		float: none;
		margin: 0 auto 60px;
	}
	.ht-portfolio{
		width: 50%;
		padding: 4px;
	}
}
@media screen and (max-width: 480px){
	.ht-team-member,
	.ht-counter{
		width: auto;
		float: none;
	}
	.ht-cta-buttons a{
		display: block;
		margin: 0 0 15px;
	}
	.ht-post-info{
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	.ht-post-wrapper{
		padding-left: 0; 
	}
}
@media screen and (min-width: 1001px){
	.ht-main-navigation .ht-menu{
		display: block !important;
	}
}
/* Testimonial slider css */
.quote {
	color: rgba(0,0,0,.1);
	text-align: center;
	margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
	padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
	bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
	background-color: #e84a64;
	border: none;
}
#fade-quote-carousel blockquote {
	text-align: center;
	border: none;
}
#fade-quote-carousel .profile-circle {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 100px;
}
.carousel-indicators li{
	background-color: #6963635c;
	border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
@media screen and (min-width: 1024px) and (max-width: 1200px){
	#testimonials-section .team-thumb {
		left: -10px;
	}
	#ht-contact-section .contact-icon {
		font-size: 20px;
	}

	#ht-contact-section .contact-content span {
		font-size: 14px;
	}
	.ht-site-description {
    /*text-align: left;
    font-size: 14px;*/
}
#ht-masthead .themetext, #ht-masthead .mailto {
	font-size: 10px;
}
.upper-header .header-social-links {
	padding: 4px 0;
}
#ht-masthead .header-social-links span {
	font-size: 11px;
}
#services-post-section .services-post:hover .services-readmore a {
	top: 380px;
	left: 18%;
}
#services-post-section .services-post:hover .services-icon img {
	min-height: 494px;
}
#ht-about-us-section .about-box-title {
	font-size: 16px;
}
#ht-about-us-section .ht-content.lz-about-text {
	font-size: 13px;
}
#ht-about-us-section .readmore {
	padding: 14px 0;
}
#ht-about-us-section .readmore a {
	padding: 8px 16px;
	font-size: 13px;
}
#pricing-page .ht-princing-link a {
	padding:12px 10px;
}
.apointment-box {
	padding: 6% 8% 6%;
}
#ht-appintment-section .box-effect {
	padding: 0% 35px 0%;
}
.ht-appintment-member-wrap textarea {
	height: 68px;
}
.ht-appintment-member-wrap input[type="text"], 
.ht-appintment-member-wrap input[type="email"], 
.ht-appintment-member-wrap input[type="url"], 
.ht-appintment-member-wrap input[type="password"], 
.ht-appintment-member-wrap input[type="search"], 
.ht-appintment-member-wrap input[type="number"], 
.ht-appintment-member-wrap input[type="tel"], 
.ht-appintment-member-wrap input[type="range"], 
.ht-appintment-member-wrap input[type="date"], 
.ht-appintment-member-wrap input[type="month"], 
.ht-appintment-member-wrap input[type="week"], 
.ht-appintment-member-wrap input[type="time"], 
.ht-appintment-member-wrap input[type="datetime"], 
.ht-appintment-member-wrap input[type="datetime-local"], 
.ht-appintment-member-wrap select {
	height: 35px;
}
.contact-box img.appointmentbox-img {
	height: 330px;
}
.ht-blog-excerpt h5 a {
	font-size: 15px;
}
.ht-blog-excerpt p {
	font-size: 12px;
	line-height: 18px;
}
.ht-blog-date .fa, .ht-blog-comment i{
	font-size: 14px;
}
.ht-blog-date, .ht-blog-comment {
	font-size: 10px;
}
h2.newsletter-title {
	font-size:22px;
}
#testimonials-section .testimonial-content {
	margin: 0 50px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px){
	#innerpage-box div#content-box .innerpagecmpserviceBox .service-content:after{
		bottom: -45px !important;
	}
	section#testimonials-post-section .main-timeline .timeline-content{
		width: 80%;
	}
	section#ct-team-box .teamsocial{
		font-size: 15px !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
	}
	main#innerpage-box div#content-box .galleryinnerbox img{
		height: 210px !important;
	}
	section#testimonials-box .hometest-rightbox {
		bottom: -50px;
	}
	#innerpage-box div#content-box figure.outeambox-inner figcaption .icons i{
		font-size: 12px !important;
		height: 25px !important;
		width: 25px !important;
		line-height: 26px !important;
	}
	#innerpage-box div#content-box figure.outeambox-inner figcaption h2{
		font-size: 16px !important;
	}
	#ht-princing-post-section .padding25 {
		padding: 0 20px 0 20px !important;
	}
	main#innerpage-box div#content-box img.secondry-bg{
		/*padding: 5px 45px 5px 5px !important;*/
	}
	section#support-content-section .lz-support-calltext {
		font-size: 20px !important;
	}
	section#support-content-section .lz-support-title{
		font-size: 20px !important;
	}
	section#testimonials-box .owl-nav button.owl-prev span{
		left: -35px;
	}
	section#testimonials-box .owl-nav button.owl-next span{
		right: -35px;
	}
	section#testimonials-box .owl-stage-outer {
		margin: 0 1em;
	}
	section#testimonials-box h2.title:before{
		/*left: 55px;*/
	}
	section#ht-blog-section .lightbox {
		padding: 0em 2em 3em 0em !important;
	}
	section#faq-teachers-section .lightbox {
		padding: 0em 0 4em 2em !important;
	}
	section#ht-contact-section .col-md-offset-2 {
		margin-left: 12.666667%;
	}
	section#ct-team-box figure.snip1480 h3 {
		font-size: 20px !important;
	}
	section#ct-team-box figure.snip1480 img{
		height: 375px !important;
	}
	section#ourprocess-post-section i.fa.fa-arrow-right{
		top: 60px !important;
		right: 0px !important;
	}
	section#skills-content-section .skillsBox:hover:after{
		border-bottom-width: 60px !important;
		border-left-width: 60px !important;
	}
	section#skills-content-section .skillsBox:hover:before
	{
		border-top-width: 60px !important;
		border-right-width: 60px !important;
	}
	section#ct-service-box .servicecontent-box {
		padding-left: 15px !important;
	}
	#ht-home-slider-section .bx-wrapper .bx-next{
		right: 2%;
	}
	#ht-home-slider-section .bx-wrapper .bx-prev{
		left: 2%;
	}
	section#ht-contact-section span.fa {
		font-size: 37px !important;
		position: relative !important;
		top: 10px !important;
	}
	.ht-slide-cap-desc.animated.fadeInDown{
		font-size: 14px;
	}
	.ht-slide-caps-title.animated.fadeInDown {
		font-size: 42px;
	}
	.ht-team-member .ht-team-designation{
		padding: 0;
	}
	.ht-team-social-id {
		margin-top: 5px;
	}
	.ht-team-social-id{
		margin: 0px 55px;
		bottom: -12px;
	}
	.ht-team-member .ht-team-member-excerpt-wrap {
		font-size: 19px;
	}
}
@media screen and (max-width: 768px){
	.ht-slide-cap-title.animated.fadeInLeftBig{
		width: 450px;
		line-height: 30px;
	}
	.ht-slide-caption{
		width: 540px;
	}
	.ht-slide-cap-title.animated.fadeInLeftBig{
		font-size: 30px;
		padding-bottom: 8px;
	}
	.ht-site-title, .site-title{
		/*text-align: left;*/
	}
	main#innerpage-box .faq-content.padding0 img{
		height: 110px !important;
	}
	.ht-slide-cap-title.animated.fadeInDown,
	.ht-slide-caps-title.animated.fadeInDown {
		line-height: 30px !important;
	}
	main#innerpage-box h6.faq-title{
		padding: 10px 75px 8px 17px !important;
	}
	.single-productpage .innerpage-whitebox,
	.single-productpage #sidebars {
		margin-top: 20px;
	}
	section#support-content-section img{
		position: relative !important;
	}
	section#testimonials-box .owl-nav button.owl-prev span {
		left: -20px;
	}
	section#testimonials-box .owl-nav button.owl-next span {
		right: -20px;
	}
	section#testimonials-box h2.title:before {
		/*left: 0px;*/
	}
	section#faq-teachers-section .lightbox {
		padding: 0em 1em 4em 1em !important;
	}
	.ht-footer.ht-footer1,
	.ht-footer.ht-footer2,
	.ht-footer.ht-footer3,
	.ht-footer.ht-footer4 {
		/*width: 100% !important;*/
		/*margin-left: 3%;*/
	}
	#ht-contact-section .contact-content.padding0.contact-contentbox {
		padding-left: 15px !important;
	}
	#ht-contact-section .contact-content {
		font-size: 15px;
	}
	#ht-contact-section .contact-content span {
		font-size: 13px;
	}
	#ht-contact-section .contact-content{
		padding: 20px;
	}

	section#ourprocess-post-section i.fa.fa-arrow-right {
		right: 60px !important;
	}

	section#skills-content-section .skillsleftbox.wow.slideInLeft {
		margin-bottom: 30px;
	}
	section#skills-content-section i.fa{
		left: 0 !important;
	}

	section#skills-content-section .ct-title-tagline {
		text-align: center;
	}
	section#ct-service-box .servicecontent-box {
		text-align: center;
		padding-top: 25px;
	}
	#ht-masthead{
		/*position: relative;*/
	}
	#ht-home-slider-section .bx-wrapper .bx-next{
		right: 5%;
		top: 40%;
	}
	#ht-home-slider-section .bx-wrapper .bx-prev
	{
		left: 5%;
		top: 40%;
	}
	.ht-slide-caps-title.animated.fadeInDown {
		font-size: 26px;
	}
	.ht-main-navigation li{
		padding-right: 00px;
	}
	img.ht-page-header-img{
		height: 275px;
	}
	.ht-site-title a, .site-title a{
		top: 0 !important;
	}
	#ht-masthead .padding0.header-shape{
		float: left !important;
	}

	.ht-slide-cap-title.animated.fadeInDown
	{
		font-size: 22px;
	}
	.ht-slide-cap-desc.animated.fadeInDown{
		font-size: 13px;
		line-height: 20px;
	}
	.newsletter-form-box input[type="submit"]{
		/*left: 0px;*/
	}
	#ht-masthead ul.header-menu-links li.themetext {
		padding-left: 0;
	}
	#ht-masthead span.sb-icon-search {
		left: 198px;
	}
	#ht-masthead input[type="search"]{
		padding-right: 0;
	}
	#quote-carousel .carousel-control.right {
		right: 0;
		top: 140px;
	}
	#quote-carousel .carousel-control.left {
		left: -7px;
		top: 140px;
	}
	#quote-carousel .carousel-control {
		margin-top: -50px;
	}
	.ht-section-title{
		font-size: 35px;
	}
	.ht-slide-cap-descmore {
		margin-top: 10px;
	}
}
@media screen and (min-width: 320px) and (max-width: 475px){


	.ht-site-title, .site-title {
		padding-left: 0%;
	}
	div#ht-home-slider-section .slidehomebtnbtn{
		padding: 7px 25px;
		font-size: 12px;
	}
	div#ht-home-slider-section .slidehomebtnbtn{
		margin-top: 5px;
	}
	.ht-slide-cap-title.animated.fadeInLeftBig {
		font-size: 25px;
		padding-bottom: 5px;
	}
	.ht-slide-cap-desc {
		font-size: 12px;
		line-height: 20px;
	}
	main#innerpage-box .innerfaqcontent {
		width: 100%;
		text-align: center !important;
		padding-top: 25px !important;
	}
	main#innerpage-box .faq-content.padding0 .innerfaq {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.ht-slide-cap-title.animated.fadeInDown, 
	.ht-slide-caps-title.animated.fadeInDown {
		line-height: 20px !important;
	}
	section#ht-blog-section ul li{
		font-size: 12px !important;
		padding-right: 15px !important;
	}
	#ht-blog-section .blogbox{
		padding-bottom: 0px !important;
	}
	.ht-blog-post{
		padding-left: 0;
		padding-top: 30px;
	}
	section#faq-teachers-section h6.faq-title{
		font-size: 14px !important;
	}
	#ht-contact-section .contact-content.padding0.contact-contentbox {
		padding-left: 5px !important;
	}
	.padding12 {
		padding: 12px 0px 5px 0px !important;
	}
	section#ct-team-box figure.snip1480 img {
		height: 436px !important;
	}
	#coupon_code{
		margin-bottom: 15px;
	}
	.woocommerce .cart .button, 
	.woocommerce .cart input.button {
		margin-bottom: 0px;
		width: 100% !important;
	}
	.single-productpage #sidebars {
		margin-top: 0;
	}
	.woocommerce ul.products li.product:last-child, 
	.woocommerce-page ul.products li.product:last-child, 
	.woocommerce ul.products li.product:nth-last-child(2), 
	.woocommerce-page ul.products li.product:last-child:nth-last-child(2), 
	.woocommerce ul.products li.product:nth-last-child(3), 
	.woocommerce-page ul.products li.product:nth-last-child(3),
	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product {
		margin-bottom: 20px !important;
	}
	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product{
		width: 100%;
	}
	img.ht-page-header-img {
		height: 200px;
	}
	#blog-box .inner-blog-img{
		/*margin: 0 0 5px;*/
	}
	#blog-box .blog-read-more a{
		line-height: 25px;
	}
	.socialMedia{
		margin: 20px 0 20px 0;
	}
	.socialMedia a{
		font-size: 15px !important;
	}
	#ht-masthead ul.themetext li{
		font-size: 12px !important;
	}
	#ht-masthead .padding0.header-shape {
		float: left;
	}
	#ht-masthead .padding0.header-shape{
		text-align: left !important;
	}
	.ht-slide-cap-title{
		line-height: 10px;
	}
	header#ht-masthead .upper-header{
		padding: 0 !important;
	}
	.ht-slide-caps-title.animated.fadeInDown {
		font-size: 16px;
	}
	.ht-slide-cap-title.animated.fadeInDown {
		font-size: 13px;
	}
	.ht-slide-cap-desc.animated.fadeInDown{
		line-height: 12px;
	}
	.ht-slide-cap-desc.animated.fadeInDown{
		font-size: 18px;
	}

	.upper-header {
		text-align: center;
	}
	.header-menu-box {
		text-align: center;
	}
	.ht-team-member .ht-team-designation{
		padding: 0 15px;
	}
	.ht-slide-cap-descmore{
		margin-top: 0px;
	}
	.newsletter-form-box input[type="submit"]{
		/*left: 15px;*/
	}
	.sect-height-newslatter-box{
		padding: 20px;
	}
	.team-thumb img {
		height: 155px;
		width: 155px;
		border: 4px solid #fff;
		left: 0;
		margin: 0px;
		bottom: 0
	}
	#testimonials-section .team-thumb {
		content: "";
		background-image: none;
		left: 0;
		padding: 0px 0;
	}
	.test-box {
		background: #fff;
		padding: 20px 20px 40px 20px;
	}
	.bannerbox .lz-banner-maintitle {
		font-size: 47px;
		line-height: 50px;
	}
	.bannerbox .lz-banner-maintitlehightlight {
		font-size: 70px;
	}
	.bannerbox .bannercontentbox {
		width: 100%;
	}
	.bannerbox .lz-banner-text {
		font-size: 20px;
		width: 100%;
	}
	.appointbox .appointcontentbox {
		padding: 3% 5% 3% 5%;
	}
	.appointcolorbox {
		padding: 10px;
	}
	.lz-appointimg-title {
		margin:0;
	}
	.lz-appointimg-subtitle{
		font-size: 14px;
	}
	.lz-appointimg-title {
		font-size: 20px;
	}
	.lz-appointimg-daya, .lz-appointimg-dayb, .lz-appointimg-endday {
		font-size: 14px;
		line-height: 18px;
	}
	.lz-appointimg-text {
		font-size: 12px;
		margin-bottom: 7px;
	}

	#ht-appintment-section .textbox2 .phone {
		font-size: 13px;
	}
	#ht-appintment-section .textbox2 a {
		font-size: 15px;
	}
	#ht-appintment-section .color-box .textbox1 {
		padding:10px;
	}
	#ht-appintment-section .color-box .textbox2 i{
		font-size: 20px;
	}
	#ht-contactus-wrap input[type="submit"]{
		padding: 8px 25px;
		font-size: 14px;

	}
	#ht-appintment-section .box-effect {
		padding:0;
	}
	.ht-slide-caption {
		top: 57%;
		left: 77%;
		width: 85%;
	}
}
@media screen and (min-width: 320px) and (max-width: 375px){
	div#content-box.innerpage-whitebox .timeline-icon, div#content-box.innerpage-whitebox .timeline:nth-child(2n) .timeline-icon{
		left: 1.5%;
	}
	div#content-box.innerpage-whitebox .timeline:nth-child(2n) .timeline-icon{
		left: 0;
	}
	div#content-box.innerpage-whitebox .timeline-content{
		width: 100%;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		color: #FFF !important;
		font-size: 10px;
	}
	section#testimonials-box p{
		font-size: 12px;
	}
	.ht-site-info{
		font-size: 11px;
	}
	.ht-slide-caption {
		top: 60%;
	}
	div#ht-home-slider-section .slidehomebtnbtn {
		padding: 6px 20px;
		font-size: 11px;
	}
	.ht-slide-cap-desc {
		padding-bottom: 5px;
		font-size: 11px;
	}
	.ht-slide-cap-title.animated.fadeInLeftBig {
		font-size: 20px;
	}
	section#testimonials-box h2.title:before {
		left: -19px !important;
	}
	section#ourprocess-post-section i.fa.fa-arrow-right {
		right: 40px !important;
	}
	#ht-masthead ul.themetext li{
		padding-left: 12px !important;
	}
	.ht-blog-date .fa{
		font-size: 15px;
	}
	#blog-box .ht-blog-date{
		padding: 5px 5px 5px 13px;
	}
	.socialMedia a {
		font-size: 10px !important;
	}
	.ht-slide-cap-title.animated.fadeInDown {
		/*font-size: 18px;*/
	}
	.ht-slide-cap-desc.animated.fadeInDown{
		font-size: 15px;
	}
	#ht-masthead span.sb-icon-search{
		right: 24px;
		top: 5px;
	}
	#ht-masthead input[type="submit"]{
		top: 23px;
		right: 30px;
	}
	.appointment-content, .appointment-content a {
		font-size: 17px;
	}
	.upper-header {
		margin: 0px 0;
	}
	.logobox .ht-site-title, .logobox .site-title {
		margin: 2px 0;
		font-size: 20px;
	}
	.lower-header .header-social-links {
		padding: 0px 10px;
	}
	#ht-masthead .header-social-links span {
		font-size: 9px;
		padding: 1px 2px;
		height: 16px;
		width: 16px;
	}
	.sitenav .search-icon {
		right: 60px;
		top: -65px;
	}
	.sitenav .search-bar {
		bottom: 16px;
		right: 32%;
	}
	#ht-masthead .themetext, #ht-masthead .mailto{
		font-size: 10px;
	}
	.ht-site-description a {
		/*font-size: 10px;*/
	}
	.contact-sm-links li a {
		font-size: 20px !important;
		padding: 3px 9px !important;
	}
	.contact-box img.appointmentbox-img {
		height: 440px;
	}
	#ht-appintment-section .box-effect {
		padding:0;
	}
}
@media screen and (min-width: 320px) and (max-width: 360px){
	.contact-border .themedata {
		font-size: 8px;
	}
	.contact-border .themetext {
		font-size: 7px;
	}
	.lower-header .header-social-links {
		margin: 1px 0;
	}
	.ht-slide-cap-descmore a {
		font-size: 2vw;
		border-bottom: none;
	}
	.ht-slide-cap-title.animated.fadeInDown {
		padding: 0;
	}
	.ht-slide-cap-descmore {
		margin-top: 0px;
		line-height: 10px;
	}
}
@media screen and (min-width: 376px) and (max-width: 425px){
	#ht-masthead span.sb-icon-search {
		right: 24px;
		top: 8px;
	}
	.toggle-bar{
		top: 38px;
	}

	.lower-header .contact-border {
		font-size: 11px;
	}
	#ht-masthead .header-box {
		padding: 2px 18px 3px 43px;
	}
	#ht-masthead .header-social-links span {
		font-size: 12px;
		padding: 6px 6px;
		height: 25px;
		width: 25px;
	}
	.lower-header .header-social-links {
		padding: 0 10px;
		margin: 0px 0;
	}
	.upper-header {
		margin: 0px 0;
	}
	.sitenav .search-icon {
		top: -70px;
		right: 70px;
	}
	.sitenav .search-bar {
		bottom: 24px;
		right: 33%;
	}
	#ht-masthead input[type="submit"] {
		top: 23px;
		right: -50px;
	}
}
@media screen and (min-width: 320px) and (max-width: 425px){
	body {
		position: inherit; 
	}

	.ht-slide-cap-desc.animated.fadeInDown {
		font-size: 9px;
		padding-top: 6px;
	}
	.ht-slider-highlighttext {
		font-size:20px;
	}
	.ht-slide-cap-descmore a {
		padding: 3px 11px;
	}
/*.toggle-bar {
top: -35px;
right: 25px;
}
#ht-masthead span.sb-icon-search {
right: 24px;
top: 0px;
}
#ht-masthead input[type="search"] {
padding: 2px;
height: 25px;
}
#ht-masthead ul.header-menu-links li.themetext {
padding: 0 15px;
font-size: 11px;
}
#ht-masthead ul.header-menu-links li i {
font-size: 11px;
}
#ht-masthead ul.header-menu-links li {
font-size: 11px;
}
#ht-masthead ul.header-menu-links {
padding: 0;
margin: 0;
}

#ht-masthead .header-box {
padding: 2px 10px 0px 5px;
}*/
.contact-border .themetext {
	font-size: 9px;
}
.contact-border .themedata {
	font-size: 11px;
}
#ht-masthead .header-left {
	padding-left: 8%;
}
.header-shape {
	padding: 10px 2px;
}
.upper-header .header-social-links {
	text-align: left;
}
.ht-section-title {
	font-size: 30px;
}

.facility-sec:nth-child(2) .facility-post{
	border-top: 1px solid #dadada !important;
}
.facility-sec:nth-child(odd) .facility-post {
	border-right: none;
}
.apointmentmain-box .socials {
	margin-top: 0px;
}

#testimonials-section .testimonial-content {
	margin:0;
}
.testimonial-content-box {
	padding: 0;
}
#testimonials-section .team-thumb img {
	height: 120px;
	width: 130px;
	top: 62px;
}
#testimonials-section .testimonial-content {
	padding: 50px 20px 30px; 
}
.facility-sec:nth-child(even) .facility-post {
	padding:0;
	padding-bottom: 10px;
}
.facility-sec:nth-child(odd) .facility-post {
	padding:0;
	padding-bottom: 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 374px){
	#ht-masthead input[type="submit"] {
		left: 223px;
	}
}
main#innerpage-box div#ht-contactus-wrap a:hover {
	color: #444;
}
/**/
#ht-appintment-section .ht-appintment-member-wrap input[type="submit"] {
	font-size: 15px;
	border-radius: 5px;
	font-weight: 400;
	display: block;
	width: 100%;
	margin-top: 45px;
}
#ht-appintment-section .ht-appintment-member-wrap input[type="submit"]:hover {
	background: #fff;
	color: #fb216a;
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	#ht-masthead input[type="search"]{
		padding-right: 0px;
	}
	#quote-carousel .carousel-control.left {
		left: -42px;
	}
	#quote-carousel .carousel-control.right {
		right: -42px;
	}
	.appointbox .appointcontentbox{
		padding: 6% 5% 5% 5%;
	}
	.appointcolorbox {
		padding: 30px;
	}

	.ht-slider-highlighttext {
		font-size: 30px;
	}
	.ht-slide-cap-title.animated.fadeInDown {
		font-size: 35px;
	}
	#ht-appintment-section .box-effect {
		padding: 0;
	}
	#ht-appintment-section .color-box .textbox1{
		font-size: 18px;
		padding: 0px 9px 5px;
	}
	#ht-appintment-section .color-box .textbox2 {
		padding: 0px 13px 5px;
	}
	#ht-appintment-section .textbox2 .phone {
		font-size: 19px;
	}
	#ht-appintment-section .textbox2 a {
		font-size: 20px;
	}
	#ht-masthead ul.header-menu-links li {
		font-size: 12px;
		padding: 2px 5px;
	}
	#ht-masthead ul.header-menu-links li.themetext {
		font-size: 12px; 
		padding: 2px 5px;
	}
	.ht-site-description a {
		/*font-size: 12px;*/
	}
	#ht-appintment-section .color-box {
		top: 0px;
	}
}
#ht-masthead .padding0.header-shape {
	float: right;
	text-align: right;
}
ul.themetext {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ht-masthead ul.themetext li {
	display: inline-block;
	padding-left: 35px;
	font-size: 15px;
}
header#ht-masthead .upper-header {
	padding: 10px 0;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
#facility-content-section .facility-post img {
	height: 190px;
	-webkit-clip-path: polygon(0 0, 80% 0%, 100% 22%, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0% 20%);
	clip-path: polygon(0 0, 80% 0%, 100% 45%, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0% 20%);
}
section#facility-content-section .featuredbox {
	box-shadow: 0 0 9px rgba(0,0,0,0.2);
	padding: 25px 20px;
}
section#facility-content-section .featuredbox h5 {
	font-size: 24px;
}
.padding10 {
	padding: 10px;
}
.featured-img{
	display: block;
	position: relative;
}
.featured-img:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #e4b42c;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	opacity: 0.7;
	-webkit-clip-path: polygon(0 0, 80% 0%, 100% 22%, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0% 20%);
	clip-path: polygon(0 0, 80% 0%, 100% 45%, 100% 100%, 80% 100%, 20% 100%, 0 100%, 0% 20%);
}
.featured-img:hover:after{
	width: 100%;
}
.ht-site-title, .site-title {
	margin: 0;
}
.ht-site-title a, .site-title a {
	position: relative;
	top: 10px;
}
.padding13 {
	padding: 0px 9px 0px 12px;
}
/*============= services section =============*/

/*====================== team ================*/
section#ht-blog-section img {
	height: 150px;
	width: 100%;
}
section#ht-blog-section .lightbox {
	padding: 0em 6em 3em 0em;
}

section#ht-blog-section ul {
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
section#ht-blog-section ul li {
	display: inline-block;
	padding-right: 23px;
	position: relative;
	font-size: 15px;
}
#ht-blog-section .blogbox {
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	padding-bottom: 5px;
}

#ht-blog-section .blogimg{
	display: block;
	position: relative;
}
#ht-blog-section .blogimg:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #000;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	opacity: 0.5;
}

#ht-blog-section .blogbox:hover .blogimg:after{
	width: 100%;
}
#ht-blog-section .ht-blog-posts {
	padding-left: 15px;
}
@media screen and (min-width: 320px) and (max-width: 320px){
	section#testimonials-box .testimonial-content-box{
		padding: 30px 25px 40px 25px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: 8px;
	}
	#innerpage-box div#content-box .innertestimonialpage-box blockquote{
		padding: 0 0 70px !important;
	}
	section#testimonials-box .hometest-rightbox {
		bottom: -30px !important;
	}
	.ht-slide-cap-desc {
		line-height: 15px;
	}
	.woocommerce div.product .woocommerce-product-rating {
		line-height: 5 !important;
	}
	.star-rating {
		padding-top: 15px;
	}
	section#testimonials-box h2.title:before {
		left: -10px !important;
	}
	.faqblog .ht-section-title {
		font-size: 25px;
	}
	section#ht-blog-section ul li {
		font-size: 10px !important;
		padding-right: 10px !important;
	}
	section#ourprocess-post-section i.fa.fa-arrow-right {
		right: 20px !important;
	}
	.ht-main-navigation .ht-menu {
		left: 23px;
		right: 25px;
	}
	.toggle-bar {
		right: 25px !important;
	}
	#ht-masthead ul.themetext li {
		font-size: 10px !important;
	}
	.socialMedia a {
		font-size: 8px !important;
		padding: 5px 5px;
	}
}
div#content li.blocks-gallery-item:before {
	content: none;
}
div#content li.blocks-gallery-item {
	padding: 14px 14px 0 14px;
}
div#content li.blocks-gallery-item img:hover {
	opacity: 0.5;
}
div#ht-contactus-wrap .contact-sm-links {
	margin-bottom: 35px;
}
#ht-contactus-wrap .contact-sm-links li a span.fa.fa-facebook {
	padding: 4px 3px;
}
div#sitemap-box h3 {
	background: #2e2e2e;
	display: inline-block;
	padding: 15px 25px;
	color: #ffffff;
}
div#sitemap-box .sitemap-blogposts ul {
	padding: 5px 5px 5px 0;
	margin: 0;
}
div#sitemap-box .sitemap-posts-box {
	margin-bottom: 15px;
}
div#sitemap-box .blogpostsitemap li {
	list-style: none;
}
div#sitemap-box .sitemap-posts-box img {
	width: 100%;
}
.single_post .post-date-publishable {
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}
.woocommerce-product-search .search-field {
	width: 100% !important;
	margin-bottom: 5px;
	margin-top: 20px;
	border: 1px solid #ccc !important;
}
.single-productpage #sidebars button {
	padding: 7px 25px;
	border: 1px solid;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
	float: right;
	position: relative;
	height: 2em;
	line-height: 1;
	font-size: 1em;
	width: 100%;
	font-family: star; 
	overflow: initial;
}
.woocommerce .star-rating span {
	overflow: hidden;
	float: left;
	top: 0px;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
	content: '\53\53\53\53\53';
	top: 0;
	position: absolute;
	left: 0;
	display: none;
}
.woocommerce .star-rating::before {
	content: '\73\73\73\73\73';
	color: #d3ced2;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	/*display: none;*/
}
.comment-text .star-rating {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
	margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
	border: 1px solid;
}
.woocommerce #review_form #respond .form-submit input {
	border: 1px solid;
}
.woocommerce div.product div.images img:hover {
	opacity: 0.8;
}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{
	float: right;
	display: contents;
}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
	display: inherit;
}
.woocommerce .star-rating::before{
	float: right !important;
	top: 0 !important;
	right: 0 !important;
	position: relative;
}
.woocommerce div.product .woocommerce-product-rating{
	line-height: 0px;
}
.woocommerce ul.products li.product a img:hover {
	opacity: 0.8;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
	border: 1px solid;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	border: 1px solid;
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
	border: 1px solid;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
	position: relative;
}
.woocommerce table.shop_table{
	padding-bottom: 30px;
}
section#ht-contact-section span.fa {
	font-size: 40px;
	position: relative;
	top: 9px;
}
#ht-contact-section .contact-content.padding0.contact-contentbox {
	padding-left: 5px;
}
.sf-arrows .sf-with-ul:after {
	content: '\f107';
	font-family: FontAwesome;
	position: absolute;
	right: 5px !important;
	height: 0;
	width: 0;
}
#ht-masthead ul.sub-menu li {
	padding-right: 0;
}
.ht-main-navigation li.current_page_item a:hover {
	/*border-bottom: 2px solid #2e2e2e;*/
}
.ht-main-navigation a {
	/*border-bottom: 2px solid transparent;*/
}
/*=========== inner service page ==========*/

section#inner-blog-section h2.title {
	font-size: 20px;
	font-weight: 600;
	padding: 20px 30px 20px 30px;
	background: #121212;
	margin-top: 50px;
	display: block;
}
section#inner-blog-section h2.title a:hover{
	color: #ffffff;
}
section#inner-blog-section img {
	width: 100%;
}
section#inner-blog-section img:hover {
	opacity: 0.8;
}
section#inner-blog-section .readMore a {
	font-size: 14px;
	color: #ffffff;
}
section#inner-blog-section .readMore {
	padding: 10px 20px 10px 20px;
	background: #2e2e2e;
	display: inline-block;
	margin-top: 15px;
	font-weight: 600;
}
section#inner-blog-section .post-content {
	padding-top: 20px;
}
/*================ testimonial =================*/
@media screen and (min-width: 320px) and (max-width: 475px){
	header#ht-masthead .header-site-title p{
		font-size: 13px;
	}
	header#ht-masthead h3 {
		font-size: 14px;
	}
	.ht-main-navigation a {
		padding: 8px 15px;
	}
	.ht-main-navigation li{
		/*margin-left: 15px;*/
	}
	#blog-box .inner-blog-excerpt {
		padding: 25px 25px 85px 25px;
	}
	div#blog-box .social-Media,
	#blog-box .bloginner-commentbox{
		text-align: center;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: 12px;
	}
	.single-productpage .innerpage-whitebox {
		padding: 0 1em 2em 1em;
	}
	#ht-bottom-footer .bottomfooter-icons{
		text-align: center;
		margin-top: 25px;
	}
	#innerpage-box div#content-box .innerpagecmpserviceBox .service-content img{
		height: auto !important;
	}

	main#innerpage-box div#content-box figure.inner-page-gallbox img{
		height: auto !important;
	}
	section#testimonials-post-section .testimonial-box-content{
		padding-left: 0;
	}
	section#testimonials-post-section .main-timeline:before{
		height: 108%;
	}
	section#testimonials-post-section .main-timeline .timeline-content i.fa.fa-quote-left{
		right: 0;
	}
	section#counter-section h2.ht-section-title.lz-counter-heading{
		font-size: 29px;
		line-height: 35px;
	}
	.hometest-rightbox{
		right: 0;
	}
	section#ht-aboutconstruction-section button.aboutusbtn{
		font-size: 10px !important;
	}
	section#testimonials-box .lightbox {
		padding: 5em 0 5em 0;
	}
	section#testimonials-box .hometest-rightbox {
		bottom: -80px;
	}
	section#ht-newsletter-section .ht-section-title-tagline {
		display: block;
	}
	section#ht-appintment-section .sect-height-appointment-section.padding0 .lightbox {
		padding: 4em 1em 4em 1em;
	}
	.lower-header {
		/*padding: 10px 0px 10px 0;*/
	}
	.ht-main-navigation .ht-menu{
		right: 25px;
	}
	.ht-site-title, .site-title{
		/* text-align: left;*/
	}
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product, 
	.woocommerce .related ul.products li.product, 
	.woocommerce-page .related ul.products li.product{
		width: 100% !important;
	}
	section#support-content-section .overlay{
		padding: 50px 20px !important;
	}
	section#testimonials-box figcaption{
		padding: 75px 45px 45px 15px;
	}
	section#testimonials-box h2.title:before {
		left: -40px;
	}
	section#testimonials-box .owl-nav button.owl-prev span {
		left: 00px;
		top: 19%;
	}
	section#testimonials-box .owl-nav button.owl-next span {
		right: 0;
		top: 19%;
	}
}
/*========= Support Section =================*/
.bx-wrapper .bx-controls-direction a{
	z-index: 1 !important;
}
#content-box .socialbxsinglepost:hover a i{
	color: #ccc;
}
body.home.blog.logged-in.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header.page-main-header img {
	display: none;
}
body.home.blog.logged-in.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
	position: relative;
}
body.home.blog.logged-in.admin-bar.woocommerce-js.hfeed.columns-3.customize-support header.page-main-header img {
	display: none;
}
body.home.blog.logged-in.admin-bar.woocommerce-js.hfeed.columns-3.customize-support header#ht-masthead {
	position: relative;
}
div#content-box li.blocks-gallery-item:before {
	content: none;
}
div#content-box li.blocks-gallery-item {
	padding: 10px;
	margin: 0;
}
section#ht-contact-section .contactrightbox {
	padding-right: 6%;
}
div#content-box li.blocks-gallery-item img:hover {
	opacity: 0.6;
}
.woocommerce #reviews h2 small{
	float: none;
}
body.archive.post-type-archive.post-type-archive-product.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.hfeed.columns-3.customize-support header#ht-masthead {
	/*position: relative;*/
}
body.product-template-default.single.single-product.postid-30.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-support header#ht-masthead {
	/* position: relative;*/
}
body.archive.post-type-archive.post-type-archive-product.logged-in.woocommerce.woocommerce-page.woocommerce-js.hfeed.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
	/*position: relative;*/
}
body.product-template-default.single.single-product.postid-30.logged-in.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-partial-edit-shortcuts-shown header#ht-masthead {
	/* position: relative;*/
}
.ht-main-title small{
	color: #ffffff;
}
main#innerpage-box figure.our-testimonial.testbox.test-innerpage.text-center figcaption:before {
	display: block;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	content: "";
	position: absolute;
	bottom: 0px;
	right: 0%;
	width: 0px;
	height: 0px;
	border-right: 5px solid #f9c12c;
	border-bottom: 5px solid #f9c12c;
	width: 25%;
	height: 80%;
}
main#innerpage-box figure.our-testimonial.testbox.test-innerpage.text-center figcaption:after {
	display: block;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	content: "";
	position: absolute;
	top: 0px;
	left: 0%;
	width: 0px;
	height: 0px;
	border-top: 5px solid #f9c12c;
	border-left: 5px solid #f9c12c;
	width: 25%;
	height: 80%;
}
header.page-main-header .innerpgimg{
	display: block;
	position: relative;
}
header.page-main-header .innerpgimg:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #000;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	opacity: 0.6;
}
/*============= Services Page ==============*/



/*=========== video section ==========*/
section#video-section .upperbox {
	background: #6843c4;
}
section#video-section iframe {
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	position: relative;
	top: -80px;
}
section#video-section h2.ht-section-title.lz-video-heading {
	padding-bottom: 15px;
}
section#video-section .lz-video-text {
	font-size: 16px;
	line-height: 28px;
}

/*  === for video animation =====*/
:root {
	--sqrt3: 1.73205080757;                      /* Square root of 3 */
	--time: 11;                                  /* Duration of animation  */
	--gap: 1;                                    /* Horizontal gap between hexagons */
	--radius: 3;                                 /* Radius of inscribed circle */
	--Gap: var(--gap) / 2 * var(--sqrt3);        /* Vertical gap between hexagons */
	--Radius: 2 / var(--sqrt3) * var(--radius);  /* Radius of circumcircle */
}

@keyframes odd-animation {
	0%   { transform: translate(calc( 0.5 * var(--offset-x) ), calc( 0.5 * var(--offset-y) )) scale(0) }
	33%  { transform: translate(calc(   1 * var(--offset-x) ), calc(   1 * var(--offset-y) )) scale(1) }
	66%  { transform: translate(calc(   2 * var(--offset-x) ), calc(   2 * var(--offset-y) )) scale(1) }
	100% { transform: translate(calc(   3 * var(--offset-x) ), calc(   3 * var(--offset-y) )) scale(0) }
}

@keyframes even-animation {
	50%  { transform: translate(calc( 1 * var(--offset-x) ), calc( 1 * var(--offset-y) )) scale(1) }
	100% { transform: translate(calc( 2 * var(--offset-x) ), calc( 2 * var(--offset-y) )) scale(0) }
}
section#video-section .hex {
	color: #dedbf0;
	display: table-row-group;
	font-size: 10px;
	height: calc(2em * var(--Radius));
	width: calc(2em * var(--radius));
}

section#video-section .hex::before {
	border: calc(0.5em * var(--Radius)) solid transparent;
	border-left: 0;
	border-right: calc(1em * var(--radius)) solid currentColor;
	content: "";
	height: var(--Radius);
}

section#video-section .hex::after  {
	border: calc(0.5em * var(--Radius)) solid transparent;
	border-left: calc(1em * var(--radius)) solid currentColor;
	border-right: 0;
	content: "";
	height: var(--Radius);
}

section#video-section .center {
	position: relative;
}

section#video-section .odd,
section#video-section .even {
	--global-offset-x: calc( 0.5em * var(--gap) + var(--radius) * 1em);
	--global-offset-y: calc( 1.5em * var(--Radius) + var(--Gap) * 1em);
	animation: infinite cubic-bezier(.21, .61, .01, .89);
	position: absolute;
	transform: translate(0, 0) scale(0);  
}

section#video-section .odd {
	animation-duration: 11s;
}
section#video-section .even {
	animation-duration: 7.333333333s;
}

section#video-section .hex.first {
	animation-delay: -6.2857142857s;
}
section#video-section .hex.second {
	animation-delay: -2.619047619s;
}
section#video-section .hex.third {
	animation-delay: 1.0476190476s;
}

@supports (animation-delay: calc(1 * 1s)) and (animation-duration: calc(1 * 1s)) {
	section#video-section .odd {
		animation-duration: calc(var(--time) * 1s);
	}
	section#video-section .even {
		animation-duration: calc( var(--time) * 2 / 3 * 1s);
	}

	section#video-section .hex.first {
		animation-delay: calc( var(--time) / -1.75 * 1s );
	}
	section#video-section .hex.second {
		animation-delay: calc( var(--time) * 1.25 / -5.25 * 1s );
	}
	section#video-section .hex.third {
		animation-delay: calc( var(--time) * -0.25 / -2.625 * 1s );
	}
}

section#video-section .hex.one {
	--offset-x: calc( var(--global-offset-x) * 1 );
	--offset-y: calc( var(--global-offset-y) * -1 );
	animation-name: odd-animation;
	bottom: 0;
	left: 0;
}
section#video-section .hex.two {
	--offset-x: calc( var(--global-offset-x) * 1.5 );
	--offset-y: calc( var(--global-offset-y) * -0.5 );
	animation-name: even-animation;
	bottom: calc( var(--global-offset-y) * 0.5 );
	left: calc( var(--global-offset-x) * 1.5 );
}
section#video-section .hex.three {
	--offset-x: calc( var(--global-offset-x) * 2 );
	--offset-y: calc( var(--global-offset-y) * 0 );
	animation-name: odd-animation;
	bottom: 0;
	right: 0;
}
section#video-section .hex.four {
	--offset-x: calc( var(--global-offset-x) * 1.5 );
	--offset-y: calc( var(--global-offset-y) * 0.5 );
	animation-name: even-animation;
	top: calc( var(--global-offset-y) * 0.5 );
	left: calc( var(--global-offset-x) * 1.5 );
}
section#video-section .hex.five {
	--offset-x: calc( var(--global-offset-x) * 1 );
	--offset-y: calc( var(--global-offset-y) * 1 );
	animation-name: odd-animation;
	top: 0;
	left: 0;
}
section#video-section .hex.six {
	--offset-x: calc( var(--global-offset-x) * 0 );
	--offset-y: calc( var(--global-offset-y) * 1 );
	animation-name: even-animation;
	top: calc( var(--global-offset-y) * 1 );
	left: 0;
}
section#video-section .hex.seven {
	--offset-x: calc( var(--global-offset-x) * -1 );
	--offset-y: calc( var(--global-offset-y) * 1 );
	animation-name: odd-animation;
	top: 0;
	right: 0;
}
section#video-section .hex.eight {
	--offset-x: calc( var(--global-offset-x) * -1.5 );
	--offset-y: calc( var(--global-offset-y) * 0.5 );
	animation-name: even-animation;
	top: calc( var(--global-offset-y) * 0.5 );
	right: calc( var(--global-offset-x) * 1.5 );
}
section#video-section .hex.nine {
	--offset-x: calc( var(--global-offset-x) * -2 );
	--offset-y: calc( var(--global-offset-y) * 0 );
	animation-name: odd-animation;
	top: 0;
	right: 0;
}
section#video-section .hex.ten {
	--offset-x: calc( var(--global-offset-x) * -1.5 );
	--offset-y: calc( var(--global-offset-y) * -0.5 );
	animation-name: even-animation;
	bottom: calc( var(--global-offset-y) * 0.5 );
	right: calc( var(--global-offset-x) * 1.5 );
}
section#video-section .hex.eleven {
	--offset-x: calc( var(--global-offset-x) * -1 );
	--offset-y: calc( var(--global-offset-y) * -1 );
	animation-name: odd-animation;
	bottom: 0;
	right: 0;
}
section#video-section .hex.twelve {
	--offset-x: calc( var(--global-offset-x) * 0 );
	--offset-y: calc( var(--global-offset-y) * -1 );
	animation-name: even-animation;
	bottom: calc( var(--global-offset-y) * 1 );
	left: 0;
}
/*  === for video animation =====*/

/*============= video section =========*/

/*=================== blog section ==========================*/
section#ht-blog-box{
	padding: 6em 0 5em 0;
}
section#ht-blog-box .ht-blog-excerpt {
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 22px;
	line-height: 21px;
	font-weight: 300;
}
section#ht-blog-box .mainbloghpage h5 {
	padding: 15px 0 15px 0;
	margin: 0;
}
section#ht-blog-box .mainbloghpage h5 a {
	font-size: 20px;
	font-weight: 500;
	word-break: break-word;
}
section#ht-blog-box .mainbloghpage ul {
	padding: 0;
	margin: 0;
}
section#ht-blog-box .mainbloghpage ul li {
	list-style: none;
	display: inline-block;
	font-size: 12px;
	padding-right: 25px;
}
section#ht-blog-box h2.ht-section-title.lz-blog-heading {
	padding-bottom: 15px;
}
section#ht-blog-box .lz-blog-subheading {
	font-size: 16px;
	text-align: center;
}
.padding10 {
	padding: 10px;
}
section#ht-blog-box .detailblogbox {
	padding: 10px 24px 0px 24px;
	background: #ffffff;
	border: 1px solid #dedede;
	border-radius: 15px;
	text-align: center;
	transition: 0.3s ease-in-out;
}
section#ht-blog-box .mainbloghpage ul li i {
	padding-right: 10px;
}
section#ht-blog-box {
	/*background: #ffffff;*/
	position: relative;
	z-index: 1;
}
section#ht-blog-box .mainbloghpage:hover {
	/*box-shadow: 0px 9px 20px rgba(44, 42, 42, 0.14);*/
}
section#ht-blog-box .mainbloghpage:hover .detailblogbox {
	border: 1px solid transparent;
	/*border-radius: 0;*/
}

section#ht-blog-box .text-center {
	padding-top: 40px;
}

section#ht-blog-box .detailblogbox{
	margin-bottom: 15px;
}
section#ht-blog-box .blogshape {
	background: #f5f5f5;
	height: 150px;
	width: 100%;
	position: absolute;
	position: absolute;
	bottom: -100px;
	clip-path: polygon(0% 0%, 100% 0, 100% 39%, 50% 100%, 0 35%);
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 39%, 50% 100%, 0 35%);

}
section#ht-blog-box .mainbloghpage {
	margin: 10px 0 15px 0;
}
/*extra for blog*/
section#ht-blog-box figure.homepage-blog-img {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
	border-radius: 15px;
}
section#ht-blog-box figure.homepage-blog-img * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
section#ht-blog-box figure.homepage-blog-img img {
	max-width: 100%;
	vertical-align: top;
	width: 100%;
	height: 340px;
}
section#ht-blog-box .date-content{
	padding: 5px 65px;
	background: #666666;
	/* border-top: 2px solid #d36832; */
	overflow: hidden;
	position: relative;
	display: inline-block;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	top: 7px;
}
section#ht-blog-box .date-content span.post {
	font-size: 12px;
	font-weight: 500;
	position: relative;
	z-index: 1;
	color: #ffffff;
	/* background: #666666; */
}
section#ht-blog-box .date-content:before{
	content: "";
	width: 100%;
	height: 100%;
	background: #d36832;
	position: absolute;
	top: -100%;
	left: 0;
	transition: all 0.3s ease-out 0s;
}
section#ht-blog-box .mainbloghpage:hover .date-content:before{
	top: 0;
}

/*===== extra2 =====*/
section#ht-blog-box .mainbloghpage {
	position: relative;
	/*background: #ffffff;*/
}
section#ht-blog-box .mainbloghpage:before {
	position: absolute;
	width: 100%;
	background: #000000;
	height: 0px;
	bottom: 0;
	display: block;
	content: '';
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: 0;
}
section#ht-blog-box .mainbloghpage:before {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#36c1e2 0%,#28dae6 100.3% );
	border-radius: 5px;
}
section#ht-blog-box .mainbloghpage:hover:before,
section#ht-blog-box .mainbloghpage.hover:before {
	height: 9px;
}
section#ht-blog-box .press__container .btn {
	margin-top: 3.125em;
}
section#ht-blog-box .btn--border {
	color: #174233;
}
section#ht-blog-box .btn {
	font-size: 14px;
	text-align: center;
	padding: 5px 0px 5px 0;
	font-weight: 500;
	position: relative;
	z-index: 1;
	margin-top: 13px;
}
section#ht-blog-box .btn:hover {
	padding: 10px;
}
section#ht-blog-box .btn--border-lightgrey:before {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#5127c3 0%,#c166ef 100.3% );
}
section#ht-blog-box .btn:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.9s cubic-bezier(0.6,0.05,0.01,0.99);
	backface-visibility: hidden;
}
section#ht-blog-box .btn:hover:before {
	transform: scaleX(1);
	transform-origin: left;
	transition: transform 0.9s cubic-bezier(0.6, 0.05, 0.01, 0.99);
}
section#ht-blog-box .btn--border-lightgrey:hover .btn-text {
	color: #fff;
}
section#ht-blog-box .btn--border-lightgrey:hover .btn-text {
	color: #fff;
}
section#ht-blog-box .btn .btn-text {
	position: relative;
	z-index: 999;
	font-weight: 400;
	word-break: break-word;
	white-space: normal;
	text-align: center;
}
section#ht-blog-box .btn-arrow {
	position: relative;
	top: -1px;
	left: 3px;
	font-size: 10px;
	color: #000;
	z-index: 1;
}
section#ht-blog-box .btn--border:hover, 
section#ht-blog-box .btn--border:hover .btn-arrow {
	text-shadow: 1px 0px 0px #000;
}
/*=================== blog section ==========================*/

/*==== gallery shortcode ==========*/
main#innerpage-box .inner-box.padding5{
	padding: 5px;
}
main#innerpage-box div#content-box .galleryinner-image-box{
	position:relative;
	display:block;
	margin:0px;
	overflow:hidden;
	border-radius:15px;
	margin-bottom: 0px;
	background-image: radial-gradient( circle farthest-corner at 10% 0%,#36c2e3 10%,#28dae6 92.3% );
	padding: 7px;
}
main#innerpage-box div#content-box .galleryinner-image-box img{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 10px;
	/*height: 250px;*/
}
main#innerpage-box div#content-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	color:#ffffff;
	text-align:center;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background:rgba(0,0,0,0.70);
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
main#innerpage-box div#content-box .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	visibility: visible;
}
main#innerpage-box div#content-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}
main#innerpage-box div#content-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}
main#innerpage-box div#content-box .overlay-inner .link{
	position:relative;
	width:50px;
	height:50px;
	font-size:18px;
	color:#ffffff;
	line-height:50px;
	margin:0px 3px;
	font-weight:400;
	text-align:center;
	display:inline-block;
	background-color:#06009c;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}
main#innerpage-box div#content-box .overlay-inner .link:before{
	position: absolute;
	content: '';
	left: 2px;
	right: -2px;
	top: 2px;
	bottom: -2px;
	z-index:-1;
	background-color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
main#innerpage-box div#content-box .overlay-inner .link:hover::before{
	background-color: #06009c;
}
main#innerpage-box div#content-box .overlay-inner .link .icon{
	position:relative;
}
main#innerpage-box div#content-box .overlay-inner .link:hover{
	color:#06009c;
	background-color:#ffffff;
}
/*===== galery shortcode ===========*/
@media screen and (min-width: 320px) and (max-width: 768px){
	header.page-main-header .inner-page-title-box h1 {
		font-size: 40px !important;
	}
	.bx-wrapper{
		/*border-radius: 0 0px 290% 502px !important;*/
	}
	#ht-top-footer{
		padding-right: 10%;
	}
	.ht-main-navigation a{
		font-size: 14px;
	}
	section#testimonials-post-section .main-timeline .timeline-content {
		width: 100%;
	}
	section#ht-newsletter-section .ht-section-title-tagline {
		margin-bottom: 2em;
	}
	section#ct-service-box .center {
		top: 6%;
	}
	section#ht-aboutconstruction-section .center{
		right: -15%;
		top: 30%;
	}

	section#ht-newsletter-section .wpcf7:after{
		/*top: 62px;*/
	}
	#ht-newsletter-section .box-form input[type="submit"]{
		/*top: 62px;*/
	}
	section#ht-blog-box .mainbloghpage {
		margin: 0;
	}

	section#ht-newsletter-section .ht-section-title-tagline {
		display: block;
	}
	main#innerpage-box div#content-box .galleryinnerbox img{
		height: 290px !important;
	}
	section#ct-service-box .dlab-separator[class*="style-"]:after{
		right: -12px;
	}
	section#ct-service-box .dlab-separator[class*="style-"]:before{
		right: 66px;
	}
	#innerpage-box div#content-box figure.innerpageservicebox img{
		height: 280px;
	}
	#innerpage-box div#content-box figure.innerpageservicebox figcaption{
		top: 10%;
	}
	section#ht-aboutconstruction-section .dlab-separator{
		width: 100px;
	}
	section#ct-service-box .dlab-separator,
	section#ht-aboutconstruction-section .dlab-separator{
		float: none;
	}
	div#ht-contactus-wrap div.wpcf7 input[type="file"] {
		font-size: 10px;
	}

	.contact-small-box{
		text-align: center;
	}
	#ht-contact-section .contact-content li {
		font-size: 20px;
	}
	#ht-contact-section .contact-content p{
		font-size: 20px;
	}
	section#ht-aboutconstruction-section .ht-section-title-tagline {
		text-align: center;
	}
	section#ht-aboutconstruction-section .aboutconstruction-box {
		text-align: center;
		padding-left: 2%;
		padding-top: 30px;
		padding-right: 2%;
	}
	main#innerpage-box div#content-box img.secondry-bg {
		/*padding: 5px 33px 5px 5px !important;*/
	}
	section#ct-service-box .wow.slideInLeft {
/*text-align: center;
margin-bottom: 4em;*/
}
section#ct-service-box .section-text {
	margin-bottom: 30px;
	font-size: 16px;
	padding-top: 0px;
	text-align: center;
}
h2.ht-section-title.ct-service-heading span {
	display: inline-block;
}
section#ct-service-box .ht-section-title-tagline {
	text-align: center;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
	.ht-main-navigation ul ul{
		box-shadow: none;
	}
	header.page-main-header .inner-page-title-box h1 {
		font-size: 32px !important;
	}
	main#innerpage-box div#content-box .our-team{
		padding: 0;
	}
	.innerpage-whitebox{
		/*padding: 1em 1em 1em 1em;*/
	}
	#innerpage-box div#content-box .inner-our-team .inner-socialicon{
		left: 0;
	}
	section#ht-aboutconstruction-section .center {
		right: 5%;
		top: 40%;
	}
	#ht-newsletter-section .box-form input[type="submit"] {
		/*top: 7px;*/
	}
	section#ht-newsletter-section .wpcf7:after {
		/*top: 7px;*/
	}
	.comment-form-author, .comment-form-email, .comment-form-url{
		width: 100%;
	}
	#innerpage-box div#content-box .innertestimonialpage-box h3{
		position: relative;
	}
	#innerpage-box div#content-box .innertestimonialpage-box img{
		width: 100%;
		height: auto;
	}
	section#ht-blog-box figure.homepageblogbox{
		margin-top: 15px;
	}
	div#content-box .panel-title a{
		font-size: 15px;
	}
	section#ht-appintment-section .test-right .lightbox {
		padding: 4em 2em 2em 2em;
	}
	main#innerpage-box div#content-box .innerpagePackageBox ul{
		padding: 7px 25px;
		text-align: center;
	}
	main#innerpage-box div#content-box .innerpagePackageBox ul li:nth-child(2):before {
		content: none;
	}
	main#innerpage-box div#content-box .innerpagePackageBox ul li{
		margin: 0px;
	}
	main#innerpage-box div#content-box .innerpagePackageBox ul li:nth-child(1) {
		display: block;
	}
	main#innerpage-box div#content-box .innerpagePackageBox ul li:nth-child(2) {
		display: block;
	}

	main#innerpage-box div#content-box img.secondry-bg {
		/*padding: 5px !important;*/
		clip-path: none;
		margin-bottom: 25px;
	}

	section#ht-package-box .holiday-package-box{
		padding: 20px 20px 10px 20px;
	}
	section#ht-package-box .durationlbl {
		text-align: left;
		padding-top: 6px;
	}
	#innerpage-box div#content-box figure.innerpageservicebox figcaption p {
		font-size: 14px;
	}
	#innerpage-box div#content-box figure.innerpageservicebox figcaption{
		top: 30%;
	}
	#innerpage-box div#content-box figure.innerpageservicebox figcaption {
		top: 10%;
	}
}
@media screen and (min-width: 320px) and (max-width: 320px){
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		margin: 0 6px 5px 0;
		display: block !important;
	}
	#innerpage-box div#content-box .inner-our-team .inner-socialicon{
		top: 0;
	}
	#innerpage-box div#content-box .inner-our-team .inner-socialicon li a i{
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	div#content-box.innerpage-whitebox .timeline .test-icon img.secondry-bg{
		width: 95px;
		height: 95px;
	}
	section#counter-section h2.ht-section-title.lz-counter-heading {
		font-size: 20px;
		line-height: 30px;
	}
	#ht-contactus-wrap h4{
		font-size: 25px;
	}
	#innerpage-box div#content-box figure.innerpageservicebox figcaption p{
		font-size: 12px;
	}
	#innerpage-box div#content-box figure.outeambox-inner figcaption{
		padding-left: 15px;
	}
	#innerpage-box div#content-box figure.outeambox-inner figcaption .icons i {
		font-size: 14px !important;
		height: 31px !important;
		width: 31px !important;
		line-height: 31px !important;
		margin: 1px;
	}
}
body.home.blog.logged-in.wp-custom-logo.hfeed.columns-3.customize-partial-edit-shortcuts-shown img.ht-page-header-img {
	display: none;
}
.breadcrumbbox span a:hover {
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.single_post div#content {
	padding-top: 25px;
}

/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
	width: 43px;
	overflow: hidden;
	z-index: 999;
	display: none;
	cursor: pointer;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: fixed;
	bottom: 13px;
	right: 30px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
	border-radius: 4px;
	background: #6a9529;
	height: 43px;
}
#back2Top:hover {
	background-color: #000;
	color: #fff;
}
body.product-template-default.single.single-product.postid-125.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-support header#ht-masthead {
	position: relative;
}
#innerpage-box div#content-box .innertestimonialpage-box blockquote .small:before, 
#innerpage-box div#content-box .innertestimonialpage-box blockquote footer:before, 
#innerpage-box div#content-box .innertestimonialpage-box blockquote small:before {
	content: none;
}
#innerpage-box div#content-box .innertestimonialpage-box blockquote .small,
#innerpage-box div#content-box .innertestimonialpage-box blockquote footer,
#innerpage-box div#content-box .innertestimonialpage-box blockquote small{
	display: inline-block;
}
section#testimonials-box figure.innertestimonialpage-box {
	display: none;
}
header.page-main-header.innerblogstatpage {
	display: none;
}
body.archive.category.category-uncategorized.category-1.logged-in.admin-bar.woocommerce-js.hfeed.columns-3.customize-support header#ht-masthead {
	position: relative;
}
footer#ht-colophon figure.gallery-item img {
	width: 100%;
	border-radius: 20px;
}
div#secondary .gallery {
	padding-top: 15px;
	margin: 0;
}
div#secondary .gallery-item img {
	padding: 2px;
}
div#ht-home-slider-section .slidehomebtnbtn:hover sub,
div#ht-home-slider-section .slidehomebtnbtn:hover sup{
	opacity: 0;
}
body.archive.tax-product_cat.term-uncategorized.term-15.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.hfeed.columns-3.customize-support #ht-masthead,
body.product-template-default.single.single-product.postid-37.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-support header#ht-masthead {
	position: relative;
}
.woocommerce ul.products li.product strong{
	display: inline-block;
}
.woocommerce #reviews #comments h2, .woocommerce #reviews #comments h2 small{
	color: #000;
}
/**/
#innerpage-box div#content-box figure.innerpagetestimonialwbox {
	position: relative;
	overflow: hidden;
	margin: 25px 10px;
	width: 100%;
	color: #ffffff;
	text-align: left;
	box-shadow: none !important;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox img {
	max-width: 100%;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	margin-right: 5px;
	display: block;
	z-index: 1;
	position: absolute;
	right: 50%;
	border: 5px solid #ffffff;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote {
	margin: 0;
	display: block;
	border-radius: 20px;
	position: relative;
	background-color: #121212;
	padding: 80px 50px 35px 50px;
	font-size: 15px;
	font-weight: 500;
	margin: -40px 0 0;
	line-height: 1.6em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	letter-spacing: 1px;
	border-bottom: 8px solid #ccc;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote:before,
#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote:after {
	font-family: 'FontAwesome';
	content: "\201C";
	position: absolute;
	font-size: 50px;
	opacity: 0.3;
	font-style: normal;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote:before {
	top: 55px;
	left: 20px;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote:after {
	content: "\201D";
	right: 20px;
	bottom: 5px;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox .author {
	margin: 0;
	height: 80px;
	display: block;
	text-align: left;
	padding: 0 35px;
	position: relative;
	z-index: 1;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox .author h3,
#innerpage-box div#content-box figure.innerpagetestimonialwbox .author span {
	left: 50%;
	position: absolute;
	opacity: 0.8;
	padding: 3px 5px;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox .author h3 {
	bottom: 50%;
	margin: 0;
	font-weight: 600;
	color: #ffffff;
}
#innerpage-box div#content-box figure.innerpagetestimonialwbox .author span {
	font-size: 14px;
	color: #ffffff;
	top: 50%;
	font-weight: 600;
}
section#testimonials-box figure.innerpagetestimonialwbox {
	display: none;
}
@media screen and (min-width: 320px) and (max-width: 475px){
	.col-md-6.c-inner-box {
		padding: 0;
	}
	section#ht-aboutconstruction-section .hex{
		font-size: 7px;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox img{
		top: 65px;
		left: 0;
		right: 0;
		margin: 0 auto;
		height: 80px;
		width: 80px;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox blockquote{
		padding: 215px 30px 60px 30px;
		font-size: 12px;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox .author h3, 
	#innerpage-box div#content-box figure.innerpagetestimonialwbox .author span{
		position: relative;
		left: 0;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox .author h3{
		bottom: 0;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox .author{
		top: 100px;
	}
	#innerpage-box div#content-box figure.innerpagetestimonialwbox{
		margin: 0;
	}
}
body.page-template-default #ht-masthead {
	position: relative;
}
body.page-template.page-template-templates.page-template-contact-template.page-template-templatescontact-template-php #ht-masthead,
body.page-template.page-template-templates.page-template-blog-left-sidebar.page-template-templatesblog-left-sidebar-php #ht-masthead,
body.page-template.page-template-templates.page-template-blog-right-sidebar.page-template-templatesblog-right-sidebar-php #ht-masthead,
body.page-template.page-template-templates.page-template-blog-template.page-template-templatesblog-template-php #ht-masthead,
body.page-template.page-template-templates.page-template-sitemap-template.page-template-templatessitemap-template-php #ht-masthead,
body.post-template-default.single.single-post #ht-masthead,
body.holidaypackage-template-default #ht-masthead,
body.ctservice-template-default #ht-masthead,
body.page-template.page-template-templates.page-template-page-left-sidebar.page-template-templatespage-left-sidebar-php header#ht-masthead,
body.page-template.page-template-templates.page-template-page-right-sidebar.page-template-templatespage-right-sidebar-php #ht-masthead {
	position: relative;
}
div#ht-home-slider-section .btn{
	border-radius: 0;
	z-index: 1;
	position: relative;
	transition: all 0.4s ease 0s;
	font-size: 15px;
	padding: 14px 45px;
	font-weight: 600;
}
div#ht-home-slider-section .btn:before,
div#ht-home-slider-section .btn:after{
	content: "";
	width: 0;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 5px;
	left: 5px;
	transition: all 0.4s ease 0s;
}
div#ht-home-slider-section .btn:after{
	top: auto;
	left: auto;
	bottom: 5px;
	right: 5px;
}
div#ht-home-slider-section .btn:hover:before,
div#ht-home-slider-section .btn:hover:after{
	width: 50%;
}
div#ht-home-slider-section .btn.btn-sm:before,
div#ht-home-slider-section .btn.btn-sm:after{
	height: 2px;
	top: 3px;
}
div#ht-home-slider-section .btn.btn-sm:after{
	top: auto;
	bottom: 3px;
}
div#ht-home-slider-section .btn.btn-xs:before,
div#ht-home-slider-section .btn.btn-xs:after{
	height: 1px;
	top: 2px;
}
div#ht-home-slider-section .btn.btn-xs:after{
	top: auto;
	bottom: 2px;
}
div#ht-home-slider-section .btn.red{
	color: #fe6d6d;
	border: 2px solid #fe6d6d;
	border-radius: 6px;
}
div#ht-home-slider-section .btn.red:hover{
	background: #fe6d6d;
	color: #fff;
}

/*================================*/
#innerpage-box div#content-box .inner-our-team .innerp-team-content h3.team-title {
	word-break: break-word;
}
/*==== Services Shortcode =========*/
#innerpage-box div#content-box .serbx-imgbx{
	display: block;
	position: relative;
}
#innerpage-box div#content-box .serbx-imgbx:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: rgba(255, 255, 255, 0.2);
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

#innerpage-box div#content-box .frontside:hover .serbx-imgbx:after{
	width: 100%;
}
section#ct-service-box .image-flip {
	display: none;
}
#innerpage-box div#content-box .mainflip {
	-webkit-transition: 1s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 1s;
	-moz-transition: 1s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 1s;
	transform-style: preserve-3d;
	position: relative;
}
#innerpage-box div#content-box .frontside {
	position: relative;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
	margin-bottom: 00px;
	/* padding-bottom: 30px;*/
	clip-path: polygon(0% 0%, 100% 0, 100% 75%, 50% 100%, 0 75%);
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 50% 100%, 0 75%);
}
#innerpage-box div#content-box .backside .card a {
	font-size: 18px;
}
#innerpage-box div#content-box .frontside .card .card-title{
	font-weight: 600;
}
#innerpage-box div#content-box .frontside .card .card-body img {
	width: 100%;
	/*height: 265px;*/
}
main#innerpage-box div#content-box .serviceBox.blue {
	display: none;
}
#innerpage-box div#content-box .frontside .card p{
	font-size: 15px;
	word-break: break-word;
	margin: 20px 0;
}
#innerpage-box div#content-box .backside .card .card-body.text-center.mt-4 {
	padding: 30px 0;
}
#innerpage-box div#content-box .frontside .card .card-title {
	padding: 0px;
	word-break: break-word;
	margin: 0;
}
#innerpage-box div#content-box .service-innerpage-contentbox {
	padding: 30px 20px 80px 20px;
}
#innerpage-box div#content-box .complete-serbox {
	filter: drop-shadow(-1px -1px 4px rgba(50, 50, 0, 0.2));
}
/*==== Services Shortcode =========*/

.widget_media_image img {
	padding-top: 1em;
	width: 100%;

}
.single_post i.fa.fa-calendar-o {
	padding-right: 10px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	float: none !important;
	position: relative !important;
	/*top: 100px;*/
	left: 0;
	padding: 3px;
	width: 32px;
	height: auto;
	background: #ebe9eb;
	border: 1px solid #e4e1e3;
	margin: 0;
	box-shadow: none;
}
.woocommerce #reviews #comments ol.commentlist{
	margin: 25px 0!important;
}
.woocommerce div.product form.cart div.quantity{
	margin: 2px 4px 20px 0 !important;
}
.woocommerce .woocommerce-product-rating .star-rating{
	font-size: 15px;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
	/* margin-bottom: 15px !important;*/
}
.woocommerce .product_meta {
	padding-bottom: 25px;
}
.single-productpage.innersing-page {
	/* margin-top: 75px;*/
}
div#content-box .wc-proceed-to-checkout a.checkout-button {
	font-size: 14px !important;
}
body.archive.tax-product_cat.term-uncategorized header#ht-masthead {
	position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	font-weight: 600;
}
div#content-box form#searchform input[type="text"] {
	margin-bottom: 15px;
}

div#ht-home-slider-section .shape {
	clip-path: ellipse(65% 105% at 36% -20%);
	-webkit-clip-path: ellipse(65% 105% at 36% -18%);
	height: 650px;
	padding: 3% 0;
	background: #6a43c4;
}
.sliderimg.test-icon:after {
	content: "";
	background: #fff;
	height: 506px;
	width: 465px;
	position: absolute;
	z-index: -1;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	-webkit-clip-path:  polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	left: 109px;
	top: -5px;
}
.sliderimg.test-icon:before {
	content: "";
	background: #462494;
	height: 505px;
	width: 470px;
	position: absolute;
	z-index: -1;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	left: 110px;
	top: -5px;
	-ms-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}


/*========== our features sec =========*/

section#ht-our-featured-section .lightbox {
	padding: 0 0 0em 0;
}
section#ht-our-featured-section .row.upperbox .lightbox {
	padding: 5em 0 9em 0;
	background: #6943c4;
}

section#ht-our-featured-section .featuredbxTable{
	position: relative;
}
section#ht-our-featured-section .featuredbxTable .title{
	font-size: 30px;
	color: #303030;
	margin: 0;
	font-weight: 500;
	text-align: left;
	line-height: 45px;
	word-break: break-word;


}
section#ht-our-featured-section .ourfeatureshmp-icon img {
	width: 100%;
}

section#ht-our-featured-section .features-homepbox {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: transparent;
	background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
	height: 100%;
	border-top-left-radius: 320px;
	border-bottom-left-radius: 320px;
}
section#ht-our-featured-section .features-homepbox img,
section#ht-our-featured-section .features-homepbox:before,
section#ht-our-featured-section .features-homepbox:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
section#ht-our-featured-section .features-homepbox img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	width: 100%;
	height: 100%;
}
section#ht-our-featured-section .features-homepbox:before,
section#ht-our-featured-section .features-homepbox:after {
	content: '';
	background-color: #fff;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
section#ht-our-featured-section .features-homepbox:before {
	width: 60px;
	height: 10px;
	left: 100%;
}
section#ht-our-featured-section .features-homepbox:after {
	height: 60px;
	width: 10px;
	top: 0%;
}
section#ht-our-featured-section .features-homepbox a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
section#ht-our-featured-section .features-homepbox:hover img,
section#ht-our-featured-section .features-homepbox.hover img {
	zoom: 1;
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	opacity: 0.5;
}
section#ht-our-featured-section .features-homepbox:hover:before,
section#ht-our-featured-section .features-homepbox.hover:before,
section#ht-our-featured-section .features-homepbox:hover:after,
section#ht-our-featured-section .features-homepbox.hover:after {
	opacity: 1;
	top: 50%;
	left: 50%;
}
section#ht-our-featured-section p {
	font-size: 16px;
	font-weight: 300;
	padding: 30px 0;
	margin-bottom: 0;
	margin-top: 5px;

}
section#ht-our-featured-section .featuredbxTable .inside-full-height {
	padding-right: 90px;
	padding-top: 70px;
	padding-bottom: 70px;
}
section#ht-our-featured-section .ourfeature-homepagebox {
	padding: 0 30px 0 0;
}
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-prev:hover:before,
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-next:hover:before{
	transition: 0.5s ease-in-out;
}
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-prev:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: left;
	left: -37px;
	top: 40%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at -10% 50%,#34c5e3 60%,#ffffff 50.3% );
	padding: 0px 0px;
	border-radius: 50%;
	height: 28px;
	width: 30px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-next:before {
	content: "\f111";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	float: right;
	right: -37px;
	top: 40%;
	color: #ffffff;
	background: radial-gradient( circle farthest-corner at 0% 50%,#ffffff 50%,#52e0ea 50.3% );
	border-radius: 50%;
	height: 28px;
	width: 30px;
	padding: 0px 0px;
	transition: 0.5s ease-in-out;
	font-size: 18px;
}
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-prev span, 
section#ht-our-featured-section .owl-carousel .owl-nav button.owl-next span {
	display: none !important;
}
section#ht-our-featured-section .owl-theme .owl-nav {
	margin-top: 0;
}

/*========== our features sec =========*/

@media screen and (min-width: 320px) and (max-width: 768px){ 
	.col-md-3.padding0.contact-icon-res {
		width: auto;
		margin-bottom: 10px;
	}
	#ht-contactus-wrap .contact-page-form {
		padding: 50px 00px 0 0px;
	}
	header.page-main-header {
		/*clip-path: ellipse(60% 110% at 47% -20%);*/
	}
	#ht-masthead ul.sub-menu li {
		padding-left: 20px;
	}
	.woocommerce #reviews #comments ol.commentlist li img.avatar {
		top: 50px;
	}
	main#innerpage-box .innerpage-whitebox .homepage-inner-gall-box img {
		height: 250px;
	}

}
@media screen and (min-width: 320px) and (max-width: 475px){
	div#ht-contactus-wrap .innerpage-contactbox {
		margin: 0em 0 4em 0;
	}
	div#ht-contactus-wrap .info-iiner span.fa{
		margin-right: 0;
	}
	div#ht-contactus-wrap .info-iiner{
		text-align: center;
	}
	.woocommerce #reviews #comments ol.commentlist li img.avatar {
		top: 25px;
	}
	.single-productpage .innerpage-whitebox {
		padding: 0 0em 2em 0em !important;
	}
	main#innerpage-box div#content-box .galleryinner-image-box img {
		height: auto;
	}
	main#innerpage-box .innerpage-whitebox .homepage-inner-gall-box img{
		transform: translate(0px);
	}

}
@media screen and (min-width: 320px) and (max-width: 375px){
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		margin: 0 6px 5px 0;
		display: block !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 320px){
	header.page-main-header .hex.five {
		left: 0 !important;
	}

	.ht-contactus-wrap.innerpage-whitebox p {
		font-size: 12px;
	}

	.woocommerce .star-rating{
		/*line-height: 1px;*/
		font-size: 11px;
	}
	.woocommerce #reviews #comments ol.commentlist li img.avatar {
		top: 28px;
	}
	main#innerpage-box .innerpage-whitebox .homepage-inner-gall-box img {
		height: 190px;
	}
}
/**/


/*============ svg header shape ========*/
svg#Layer_1 {
	position: relative;
	/* top: 18px; */
	transform: rotate(180deg);
	left: 0;
	top: -1px;
}
.st0 {
	fill: #6743c4;
}
svg#Layer_1 {
	transform: rotate(180deg);
}
header.page-main-header .inner-page-title-box h1 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 10px;
	word-break: break-word;
	padding: 0;
}
header.page-main-header .breadcrumb-area {
	text-align: left;
	background: #ffffff;
	padding: 10px 0;
	border-bottom: 2px solid #3dd2e3;

}
header.page-main-header .breadcrumb-area span.root {
	padding-right: 12px;
}
header.page-main-header .breadcrumb-area span.treeEnd {
	padding-left: 10px;
}
header.page-main-header {
	padding-top: 10px;

}

/**/

.single-productpage header.page-main-header {
	padding-top: 0;
	background: none;
}
.single-productpage .innerpage-whitebox {
	/*padding: 0 2em 2em 2em;*/
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-size: 20px;
}
#innerpage-box .widget-area li {
	line-height: normal;
	border-bottom: 1px solid #e1e1e1;
	padding: 13px 0px 13px 10px;
	margin-bottom: 0;
	font-size: 14px;
	list-style: inside;
}
#innerpage-box .tagcloud a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	    padding: 5px 15px 5px;
    margin: 0px 5px 10px 0px;
	text-align: center;
	/*font-size: 14px !important;*/
	background: none;
	font-weight: 400;
	border-radius: 50px;
	border: 2px solid #ebebeb;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}
#innerpage-box .widget-area li:last-child {
	border: none;
}
section#ht-our-featured-section {
	/*background: #ffffff;*/
	padding-bottom: 3em;
}

/**/
.single-productpage header.page-main-header {
	padding-bottom: 0;
	clip-path: none;
}

/*================================*/
@media screen and (min-width: 320px) and (max-width: 1024px){
	header.page-main-header .hex.eleven{
		left: 200px;
	}
}
@media screen and (min-width: 320px) and (max-width: 768px){
	header.page-main-header .hex.one{
		left: 560px;
	}
	header.page-main-header .hex.eleven {
		left: 500px;
	}
	header.page-main-header .hex.three{
		left: 20px;
	}
}
@media screen and (min-width: 320px) and (max-width: 475px){
	header.page-main-header .hex.one {
		bottom: -175px;
		left: 200px;
	}
	header.page-main-header .hex.five{
		left: 335px;
	}
	header.page-main-header .hex.eleven {
		left: 100px;
	}
	header.page-main-header .hex.three {
		left: 125px;
		top: -17px;
	}
	header.page-main-header .center {

		left: -70px;
		top: 200px;
	}
	header.page-main-header .hex{
		display: flex;
		font-size: 5px;
	}
}
/**/
ul.sub-menu li a:hover {
	color: #ff8a73;
	text-decoration: none;
}
header.site-header ul.sub-menu li a {
	padding: 10px 0 10px 10px;
}
.ti-home:before {
	position: absolute;
	top: 6px;
	left: -5px;
}
header.site-header li {
	display: inline-block;
}

header.site-header ul.sub-menu li {
	display: block !important;

}
ul.nav.navbar-nav {
	transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-webkit-transition: padding 0.3s ease;
	padding: 0;
}
ul.nav.navbar-nav.ht-menu {
	display: block !important;
}

ul.nav.navbar-nav li a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	color: #ffffff;
	padding: 13px 25px 13px 25px;
	border-radius: 30px;
}
ul.sub-menu {
	background: #fff;
	/*box-shadow: 0 6px 12px rgba(0,0,0,.17);*/
	border-radius: 5px;
	padding: 15px 15px;
	width: 270px !important;
}
@media (min-width: 992px){
	.responsive-header-box{
		display: none;
	}
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
}
@media screen and (min-width: 320px) and (max-width: 768px){
	.logobox img {
		padding-top: 0 !important;
	}
	.main-dispaly.padding0 {
		padding-left: 20px;
	}
	header.site-header button.header-btn{
		float: left;
	}
	.header-transparent{
		/*position: relative !important;*/
	}
	.header.site-header ul.sub-menu li a:hover{
		padding-left: 15px;
		padding-right: 15px;
	}
	ul.nav.navbar-nav li ul li{
		top: auto;
	}
	ul.nav.navbar-nav li:hover > ul{
		position: relative;
		top: auto;
	}
	ul.nav.navbar-nav li:hover ul li:hover > ul{
		position: relative;
		left: 0;
	}
	ul.nav.navbar-nav li{
		bottom: auto;
	}
	.logo{
		top: 50%;
	}
	ul.nav.navbar-nav li ul li a{
		padding: 10px 20px 10px 30px;
	}
	ul.nav.navbar-nav li a{
		text-align: left;
	}
	ul.nav.navbar-nav li:hover > ul{
		width: 100%;
	}
	.logo {
/*    position: relative;
top: 0px !important;
background: none !important;
padding: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
left: 7%;*/
}
.top-bar {
	display: none;
}
ul.nav.navbar-nav{
	padding-left: 20px;
	padding-top: 70px;
	padding-bottom: 10px;
	padding-right: 20px;
}
.sf-arrows .sf-with-ul:after{
	right: 30px !important;
}
.header-icon {
	display: block;
	padding: 0;
}
.header-icon i.fa{
	left: -10px;
}

}
.justify-content-end {
	-ms-flex-pack: end!important;
	justify-content: flex-end!important;
}
div#navbarNavDropdown li.current_page_item a, 
.current_page_item > a {
	font-weight: 600;
	padding: 13px 45px 13px 45px;
}
.ht-menu.clearfix {
	/* float: right;*/
}
ul.nav.navbar-nav ul.sub-menu li a{
	color: #6843c4;
}
ul.nav.navbar-nav ul.sub-menu li{
	padding-bottom: 0;
}
ul.nav.navbar-nav ul.sub-menu li a:before{
	content: "";
	position: absolute;
	left: -15px;
	top: 50%;
	transform: translateY(-50%);
	height: 3px;
	width: 25px;
	background: #5d58f7;
	z-index: 99;
	border-radius: unset;
	opacity: 0;
	transition: .5s;
}
ul.nav.navbar-nav ul.sub-menu li:hover > a::before {
	opacity: 1;
	left: -15px;
}
ul.nav.navbar-nav ul.sub-menu li a{
	transition: all 0.5s ease 0s;
	padding-right: 0;
	text-shadow: none;
}
ul.nav.navbar-nav ul.sub-menu li a:hover{
	padding-left: 30px;
	padding-right: 0;
}
button.navbar-toggler,
button.navbar-toggler:hover {
	background: transparent;
}
ul.nav.navbar-nav li a:hover, 
div#navbarNavDropdown li.current_page_item a:hover, 
.current_page_item > a:hover{
	color: #33129c;
}

body.page-template-default .header-transparent,
body.page-template-page-left-sidebar .header-transparent,
body.page-template-page-right-sidebar header.header-transparent,
body.page-template-contact-template header.header-transparent,
body.page-template-sitemap-template header.header-transparent,
body.page-template-blog-template header.header-transparent,
body.page-template-blog-left-sidebar header.header-transparent,
body.page-template-blog-right-sidebar header.header-transparent,
body.single-post .header-transparent,
body.archive.post-type-archive.post-type-archive-product .header-transparent,
body.product-template-default.single.single-product .header-transparent,
body.archive.tax-product_cat .header-transparent,
body.archive.tax-product_tag .header-transparent,
body.archive.category .header-transparent,
body.archive.tag .header-transparent,
body.single-our-service .header-transparent,
body.archive.date .header-transparent{
/* position: relative;
padding: 40px 0px 110px 0 !important;*/
}
@media screen and (min-width: 320px) and (max-width: 768px){

/*    
ul.nav.navbar-nav li a{
    padding: 10px 25px 10px 25px !important;
}
ul.nav.navbar-nav li{
    padding-right: 0;
    padding-bottom: 5px;
}
ul.sub-menu{
    border-radius: 0;
    }*/
}
@media screen and (min-width: 320px) and (max-width: 475px){
	.ht-site-description{
		font-size: 13px;
	}
}
body.page-template-page-left-sidebar h2,
body.page-template-page-left-sidebar h1,
body.page-template-page-left-sidebar h3,
body.page-template-page-left-sidebar h4,
body.page-template-page-right-sidebar h2,
body.page-template-page-right-sidebar h4,
body.page-template-page-right-sidebar h3 {
	font-weight: 600;
}

/*--------------------------------------------------------------
# Slider Section
--------------------------------------------------------------*/
div#main-slider {
	clip-path: ellipse(95% 100% at 50% 0%);
}
div#main-slider .item {
	/*height: 100vh;*/
	position: relative;
}
div#main-slider .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div#main-slider .item .cover {
	padding: 75px 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	background-image: linear-gradient(to top, #35c1e2 0%, #35c1e200 100%);
	display: flex;
	align-items: center;
	text-align: center;
}
div#main-slider .item .cover .header-content {
	position: absolute;
	padding: 56px 30px;
	overflow: hidden;
	bottom: 40px;
	left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto;
}
div#main-slider .item .cover .header-content .line {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	border: 9px solid #fff;
	-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
div#main-slider .item .cover .header-content h2 {
	font-weight: 400;
	font-size: 120px;
	color: #fff;
	margin: 0;
	line-height: 140px;
	word-break: break-word;
}
div#main-slider .item .cover .header-content h2 span {
	font-weight: 700;
}
div#main-slider .item .cover .header-content .slidetxt {
	font-size: 20px;
	font-weight: normal;
	margin: 15px 160px 30px 160px;
	word-spacing: 3px;
	color: #fff;
	line-height: 28px;
	padding: 10px 0;
}
div#main-slider .item .cover .header-content h4 {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
}
div#main-slider .owl-item.active .slidetxt {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
}
div#main-slider .owl-item.active h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
}
div#main-slider .owl-item.active button {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
div#main-slider .owl-item.active .line {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
	animation-delay: 0.3s;
}
div#main-slider .owl-nav .owl-prev {
	position: absolute;
	left: 90px;
	top: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 80px;
	cursor: pointer;
	height: 80px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 50%;
	line-height: 80px;
}

div#main-slider .owl-nav .owl-prev span {
	font-size: 30px;
	color: #fff;
}
div#main-slider .owl-nav .owl-prev:focus {
	outline: 0;
}
div#main-slider .owl-nav .owl-prev:hover {
	background: #000 !important;
}
div#main-slider .owl-nav .owl-next {
	position: absolute;
	right: 90px;
	top: 50%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(0, 0, 0, 0.5) !important;
	width: 80px;
	cursor: pointer;
	height: 80px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 50%;
	line-height: 80px;
}

div#main-slider .owl-nav .owl-next span {
	font-size: 30px;
	color: #fff;
}
div#main-slider .owl-nav .owl-next:focus {
	outline: 0;
}
div#main-slider .owl-nav .owl-next:hover {
	background: #000 !important;
}
div#main-slider:hover .owl-prev {
	left: 0px;
	opacity: 1;
}
div#main-slider:hover .owl-next {
	right: 0px;
	opacity: 1;
}
/*========= for all button ==========*/
div#main-slider .button {
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 5px;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f72359;
	padding: 12px 35px;
	border: none;
	color: white;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	border-radius: 100px;
	font-style: normal;
	-webkit-box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
	-moz-box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
	box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
}
div#main-slider .button cite {
	position: relative;
	font-style: normal;
}
div#main-slider .button::before {
	--size: 0;
	content: '';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4405f7, transparent);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: width .2s ease, height .2s ease;
}
div#main-slider .button:hover::before {
	--size: 2000px;
}
div#main-slider .button:hover a {
	color: #ffffff !important;
	text-shadow: 1px 0px 0px #000;
}
/*========= for all button ==========*/


/*--------------------------------------------------------------
# Slider Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
div#content-box .faq-content .pattern-svg {
	position: absolute;
	overflow: hidden;
	max-width: 100%;
	left: 0%;
	top: 0;
	width: 100%;
}
div#content-box .faq-content.padding0 {
	margin-bottom: 0px;
	border-top: 0;
}
div#content-box .faq-content button.accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	padding: 10px 0;
	margin: 0;
	padding: 25px 20px;
	border-radius: 8px;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
	opacity: 1;
}
div#content-box .faq-content button.accordion:before {
	content: "\f141";
	font-family: 'Fontawesome';
	font-size: 20px;
	float: left;
	position: absolute;
	top: 22px;
	left: 25px;
	font-weight: normal;
}
div#content-box .faq-content button.accordion.active:before {
	content: "\f142";
	font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
	max-height: 0;
	overflow: hidden;
	transition: 0.6s ease-in-out;
	opacity: 0;
	margin: 0;
	background: transparent;
}
div#content-box .faq-content div.panel.show {
	opacity: 1;
	max-height: 500px;  
}
div#content-box .faq-content.padding0 p {
	font-size: 16px;
	word-break: break-word;
	padding-top: 15px;
	padding-bottom: 0;
	padding-right: 55px;
	padding-left: 55px;
}
div#content-box .faq-title {
	padding-left: 35px;
}
div#content-box .faq-content button.accordion.active {
	font-weight: 700;
}
div#content-box .faq-title h4 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	word-break: break-word;
}
div#content-box .faq-content button.accordion.active h4 {
	font-weight: 600;
}
/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Counter Section
--------------------------------------------------------------*/

@-webkit-keyframes circle {
	0% {
		opacity: .2;
	}
	40% {
		opacity: .2;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: .2;
	}
	40% {
		opacity: .2;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
/*


a, 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'], select, textarea, button,
input[type='button'],
input[type='reset'],
input[type='submit'], .desktop-menu .header-04 .menu__container > li > a:after, .desktop-menu .header-08 .menu__container > li > a:after, .desktop-menu .header-11 .menu__container > li > a:after, .desktop-menu .header-15 .menu--primary .menu__container > li > a .menu-item-wrap:after, .desktop-menu .header-19 .menu__container > li > a:after, .desktop-menu .header-21 .menu__container > li > a:after, .desktop-menu .menu--primary .menu-item, .tm-swiper:hover .swiper-nav-button, .tm-swiper.pagination-style-7 .swiper-pagination-bullet:after, .tm-swiper.pagination-style-9 .swiper-pagination-bullet:after, .related-posts .post-item-wrapper, .related-posts .related-post-feature-wrap, .post-type-archive-ic_caregiver .search-result.style-grid-02 .post-thumbnail-wrap img, .post-type-archive-ic_caregiver .search-result.style-grid-01 .post-item-wrap, .post-type-archive-ic_caregiver .search-result.style-grid-01 .post-item-wrap:before, .post-type-archive-ic_caregiver .search-result.style-grid-04 .post-item-wrap, .tm-blog.style-list_simple .post-thumbnail a:before, .tm-blog.style-list_simple .post-thumbnail a:after, .tm-blog.style-01 .post-feature-wrap, .tm-blog.style-02 .post-item-wrap, .tm-blog.style-03 .post-item-wrap, .tm-blog.style-03 .post-thumbnail img, .tm-category-feature.style-01 .cat-item-wrap, .tm-category-feature.style-01 .icon span, .tm-case-study.style-grid .post-read-more, .tm-case-study.style-grid-caption-3 .post-thumbnail, 
.tm-counter.style-02 .post-item-wrap, .tm-counter.style-03 .post-thumbnail-wrap, .tm-counter.style-05 .post-item-wrap, .tm-counter.style-06 .post-item-wrap, .tm-counter.style-06 .post-icon i, .tm-counter.style-07 .post-item-wrap, .tm-counter.style-07 .post-icon i, .tm-counter-list .service-list-item, .tm-counter-list .service-list-item:after, .tm-counter-list .icon, .tm-button, .tm-list .marker, .tm-gradation--with_image .count, .tm-gradation--with_image .image-wrap, .tm-client.style-grid .grid-inner, .tm-client.hover-main-move-up .image, .tm-box-icon.style-1 .image, .tm-box-icon.style-1 .icon img,
.tm-box-icon.style-1 .image img, .tm-box-icon.style-1 .icon:before,
.tm-box-icon.style-1 .image:before, .tm-box-icon.style-2 .content-wrap, .tm-box-icon.style-2 .content-wrap:after, .tm-box-icon.style-3 .image, .tm-box-icon.style-4 .content-wrap, .tm-box-icon.style-4 .image, .tm-box-icon.style-5 .image, .tm-box-icon.style-5 .image img, .tm-box-icon.style-6 .content-wrap, .tm-box-icon.style-6 .content-wrap:before, .tm-box-icon.style-6 .image, .tm-box-icon.style-7 .content-wrap, .tm-box-icon.style-7 .image, .tm-box-icon.style-7 .icon span, .tm-box-icon.style-7 .tm-box-icon__btn .button-icon, .tm-box-icon.style-8 .image, .tm-box-icon.style-8 .icon img,
.tm-box-icon.style-8 .image img, .tm-accordion.style-1 .accordion-title:before, .tm-accordion.style-3 .title-prefix, .tm-heading.with-separator-1 .heading:before, .tm-heading.with-separator-1 .heading:after, .tm-testimonial.style-3 .testimonial-item, .tm-testimonial.style-6 .testimonial-item, .tm-testimonial.style-7 .testimonial-item, .tm-testimonial-list .testimonial-item, .tm-pricing.style-1 .inner, .tm-pricing.style-3 .inner, .tm-counter .counter-image img, .tm-counter .counter-image:before, .tm-counter .icon i, .tm-counter .icon:before, .tm-team-member.style-1 .photo img, .tm-team-member.style-2 .inner, .tm-team-member.style-2 .inner:before, .tm-caregiver.style-01 .post-item-wrap, .tm-caregiver.style-01 .post-item-wrap:before, .tm-caregiver.style-02 .post-thumbnail-wrap img, .tm-caregiver.style-04.style-carousel-04 .post-item-wrap, .tm-caregiver.style-04 .post-item-wrap, .tm-social-networks.style-rounded-icon-title .item .link-icon, .tm-gallery img, .tm-office-info .image, .tm-view-demo.style-01 .item-wrap, .tm-view-demo.style-01 .thumbnail, .tm-view-demo.style-02 .item-wrap, .tm-view-demo.style-02 .overlay, .tm-instagram .inner .overlay, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-healsoul-02 .vc_tta-tab:after, .widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_product_categories li,
.widget_meta li,
.widget_rss li,
.widget_pages li,
.widget_nav_menu li,
.insight-core-bmw li, .tm-posts-widget .post-widget-overlay, .mini-cart .widget_shopping_cart_content, .woocommerce .tm-products .product .hover-image, .woocommerce .products .product .hover-image, .woocommerce .cats .cat-text, .woocommerce .cats .cat-title, .woocommerce .cats .cat-count, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li, .woocommerce.single-product div.product .woocommerce-tabs ul.tabs li a {
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}*/

.nav-links a div, .top-bar-office-wrapper .office-list, .popup-search-wrap i, .page-open-main-menu i, .page-open-canvas-sidebar .icon-inner span, .switcher-language-wrapper .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu, .sm-simple .menu-item-image_hover, .page-close-main-menu, .page-off-canvas-main-menu, .page-off-canvas-sidebar, .page-open-mobile-menu i, .page-mobile-main-menu .toggle-sub-menu, .page-scroll-up, .fall-down-effect:before, .post-type-archive-ic_caregiver .search-result .caregiver-item .social-networks a, .tm-case-study .post-thumbnail img, .tm-case-study.style-grid .post-item-wrap, .tm-case-study.style-grid .post-overlay, .tm-case-study.style-grid-caption .post-item-wrap, .tm-case-study.style-grid-caption-2 .post-item-wrap, .tm-counter.style-01 .post-info, .tm-counter.style-01 .post-info:after, .tm-button.style-border-text:before, .tm-button.style-border-text:after, .tm-button.tm-button-icon-move .button-icon, .tm-accordion .accordion-title, .tm-testimonial.style-2 .testimonial-item, .tm-slider-button .slider-btn, .tm-pricing.style-2 .inner, .tm-team-member .social-networks a, .tm-team-member.effect-grayscale .photo img, .tm-caregiver .social-networks a, .tm-gallery.hover-overlay .overlay, .tm-view-demo.style-02 .thumbnail, .tm-view-demo.style-02 .thumbnail:before, .woocommerce-error .button:after,
.woocommerce-info .button:after,
.woocommerce-message .button:after, .mini-cart .mini-cart-icon:before, .woocommerce .tm-products .product .product-wrapper, .woocommerce .products .product .product-wrapper, .woosw-area .woosw-continue {
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tm-counter.style-06 .post-icon-overlay, .tm-counter.style-07 .post-icon-overlay, .tm-box-icon.style-7 .icon-overlay {
	transition: all .7s ease;
}

/*
ANIMATION
*/
@-webkit-keyframes bounce {
	50% {
		-webkit-transform: translateY(-10px);
	}
	0%, 100% {
		-webkit-transform: translateY(0px);
	}
}

@keyframes bounce {
	50% {
		transform: translateY(-10px);
	}
	0%, 100% {
		transform: translateY(0px);
	}
}

@keyframes zoom-bounce {
	50% {
		transform: scale(0.75);
	}
	0%, 100% {
		transform: scale(1);
	}
}

@-webkit-keyframes zoom-bounce {
	50% {
		-webkit-transform: scale(0.75);
	}
	0%, 100% {
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes separator-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: .3;
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .6;
	}
}

@keyframes separator-bounce {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: .3;
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .6;
	}
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes zoomBig {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}

@keyframes zoomBig {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes lineUp {
	0% {
		-webki-transform: translateY(100%);
		bottom: 0;
	}
	100% {
		bottom: 100%;
		transform: translateY(0);
	}
}

@keyframes lineUp {
	0% {
		transform: translateY(100%);
		bottom: 0;
	}
	100% {
		bottom: 100%;
		transform: translateY(0);
	}
}

@-webkit-keyframes lineDown {
	0% {
		-webkit-transform: translateY(-100%);
		top: 0;
	}
	100% {
		top: 100%;
		transform: translateY(0);
	}
}

@keyframes lineDown {
	0% {
		transform: translateY(-100%);
		top: 0;
	}
	100% {
		top: 100%;
		transform: translateY(0);
	}
}

@-webkit-keyframes circle-2 {
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle-2 {
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@-webkit-keyframes circle-3 {
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

@keyframes circle-3 {
	100% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: .3;
	}
	40% {
		opacity: .5;
	}
	100% {
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes sonarEffect {
	0% {
		opacity: .3;
	}
	40% {
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes box-image-pop {
	50% {
		-webkit-transform: scale(1.1);
	}
}

@keyframes box-image-pop {
	50% {
		transform: scale(1.1);
	}
}

/*
Components are the stuff of UI. Eg. buttons, special titles, etc.
These get much more explicitly named: eg. products-list, etc.
*/
@-webkit-keyframes fadeIn {
	0% {
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes moveVertical {
	0% {
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveVertical {
	0% {
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes moveHorizontal {
	0% {
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveHorizontal {
	0% {
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes scaleUp {
	0% {
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes scaleUp {
	0% {
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes fallPerspective {
	0% {
	}
	100% {
		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes fallPerspective {
	0% {
	}
	100% {
		-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
		transform: translateZ(0px) translateY(0px) rotateX(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes fly {
	0% {
	}
	100% {
		-webkit-transform: rotateX(0deg);
		opacity: 1;
	}
}

@keyframes fly {
	0% {
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes flip {
	0% {
	}
	100% {
		-webkit-transform: rotateX(0deg);
		opacity: 1;
	}
}

@keyframes flip {
	0% {
	}
	100% {
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes helix {
	0% {
	}
	100% {
		-webkit-transform: rotateY(0deg);
		opacity: 1;
	}
}

@keyframes helix {
	0% {
	}
	100% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes popUp {
	0% {
	}
	70% {
		-webkit-transform: scale(1.1);
		opacity: .8;
		-webkit-animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes popUp {
	0% {
	}
	70% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: .8;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.page-has-animation .page-content .tm-animation {
	opacity: 0;
}

.page-has-animation .page-content .tm-animation.fade-in.animate {
	-webkit-animation: fadeIn 0.95s ease forwards;
	animation: fadeIn 0.95s ease forwards;
}

.page-has-animation .page-content .tm-animation.move-up.animate {
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-animation: moveVertical 1s ease forwards;
	animation: moveVertical 1s ease forwards;
}

.page-has-animation .page-content .tm-animation.move-down.animate {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-animation: moveVertical 1s ease forwards;
	animation: moveVertical 1s ease forwards;
}

.page-has-animation .page-content .tm-animation.move-left.animate {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-animation: moveHorizontal 1s ease forwards;
	animation: moveHorizontal 1s ease forwards;
}

.page-has-animation .page-content .tm-animation.move-right.animate {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-animation: moveHorizontal 1s ease forwards;
	animation: moveHorizontal 1s ease forwards;
}

.page-has-animation .page-content .tm-animation.scale-up.animate {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-animation: scaleUp 1s ease-in-out forwards;
	animation: scaleUp 1s ease-in-out forwards;
}

.page-has-animation .page-content .tm-animation.fall-perspective {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.page-has-animation .page-content .tm-animation.fall-perspective.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective 1s ease-in-out forwards;
	animation: fallPerspective 1s ease-in-out forwards;
}

.page-has-animation .page-content .tm-animation.fly {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.page-has-animation .page-content .tm-animation.fly.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 50% -300px;
	transform-origin: 50% 50% -300px;
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
	-webkit-animation: fly 1s ease-in-out forwards;
	animation: fly 1s ease-in-out forwards;
}

.page-has-animation .page-content .tm-animation.flip.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip 1s ease-in-out forwards;
	animation: flip 1s ease-in-out forwards;
}

.page-has-animation .page-content .tm-animation.helix {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.page-has-animation .page-content .tm-animation.helix.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix 1s ease-in-out forwards;
	animation: helix 1s ease-in-out forwards;
}

.page-has-animation .page-content .tm-animation.pop-up {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.page-has-animation .page-content .tm-animation.pop-up.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: popUp 1s ease-in forwards;
	animation: popUp 1s ease-in forwards;
}

.page-has-animation .page-content .tm-swiper .tm-animation {
	opacity: 1 !important;
	transform: none !important;
	perspective: none !important;
}

.fall-down-effect:hover:before {
	transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}

.fall-down-effect:before {
	content: attr(data-hover);
	position: absolute;
	opacity: 0;
	transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	pointer-events: none;
}
.tm-counter .post-item-wrap {
	position: relative;
}

.tm-counter .post-item-wrap .trending-label {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 0;
	height: 0;
	border-width: 0 60px 60px 0;
	border-style: solid;
	border-color: transparent;
	border-right-color: #FFA942;
}

.tm-counter .post-item-wrap .trending-label i {
	position: absolute;
	top: 11px;
	left: 35px;
	color: #fff;
	font-size: 14px;
}
.tm-counter.style-07 .post-item-wrap {
	text-align: center;
	margin-bottom: 40px;
}

.tm-counter.style-07 .post-icon-wrap {
	position: relative;
	width: 160px;
	height: 160px;
	margin: 0 auto 30px;
}

.tm-counter.style-07 .post-icon-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.tm-counter.style-07 .post-icon {
	position: relative;
	z-index: 1;
}

.tm-counter.style-07 .post-icon i {
	display: inline-block;
	position: relative;
	font-size: 80px;
	width: 160px;
	height: 160px;
	line-height: 160px;
	border-radius: 50%;
	color: #4ec7e6;
	box-shadow: 0 0 25px #41b8c7;
}
.tm-counter.style-icon-dotted .counter-item:hover .post-icon-overlay {
	border: 2px dotted #FF875F;
}

.tm-counter.style-icon-dotted .post-icon-overlay {
	border: 58px dotted #EBF5F5;
}

.tm-counter.style-icon-dashed .counter-item:hover .post-icon-overlay {
	border: 3px dashed #ffffff;
}

.tm-counter.style-icon-dashed .post-icon-overlay {
	border: 80px dashed #ffffff;
}
div#counter .overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#4ec7e6 0%,#52e0ea 100.3% );
	opacity: 0.95;
	background-size: cover;
	z-index: 1;
}
div#counter{
	position: relative;
	padding: 6em 0;
}
div#counter .counter-single-area {
	position: relative;
	z-index: 1;
}
.tm-counter.style-07 .post-item-wrap:hover i.fa {
	color: #ffffff;
}
div#counter .cd-num.count {
	font-size: 40px;
	font-weight: 500;
	color: #ffffff;
}
div#counter .cd-title {
	font-size: 25px;
	font-weight: 400;
	word-break: break-word;
}
/*--------------------------------------------------------------
# Counter Section
--------------------------------------------------------------*/



h2.ht-section-title {
	font-size: 50px;
	font-weight: 500;
	color: #36c0e4;
	background-image: linear-gradient( to top,#e9fdfe 0%,#ffffff 60% );
	padding: 25px 50px 25px 50px;
	border-radius: 50px;
	word-break: break-word;
	line-height: 65px;
}


/*--------------------------------------------------------------
# Team Shortcode
--------------------------------------------------------------*/
#content-box ul.one li:before {
	content: none;
}
#content-box .transition {
	transition: .3s cubic-bezier(.3, 0, 0, 1.3)
}
/* --------- ONE --------- */ 
#content-box .one {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}
#content-box .one > li {
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 18px 0px rgba(99, 91, 91, 0.23);
	box-shadow: 0px 0px 18px 0px rgba(99, 91, 91, 0.23);
	width: 100%;
	height: 430px;
	display: inline-block;
	/* margin: 0 20px;*/
	text-align: center;
}
#content-box .one > li img {
	margin-top: 60px;
	height: 150px;
	width: 150px;
	border-radius: 50%;
}
#content-box .one > li:hover img {
	margin-top: 30px;
}
#content-box .one > li:hover {
	-moz-box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25);
	box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25);
}
#content-box .one > li:hover span {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	bottom: -400px;
}
#content-box .one > li:hover h3 {
	color: rgba(255,255,255,1);
	margin-top: 25px;
}
#content-box .one > li .wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	/*height: 430px;*/
	height: 100%;
}
#content-box .one > li span {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	height: 500px;
	width: 500px;
	background: #D75E3D;
	display: block;
	position: absolute;
	bottom: -300px;
	left: -120px;
}
#content-box .one > li span img {
	margin-top: 10px;
	width: 50px;
}
#content-box .one > li span:hover {
	background: #D75E3D;
}
#content-box .one > li h3 {
	margin-top: 40px;
	color: rgba(255,255,255,1);
	line-height: 25px;
	font-weight: 600;
	text-shadow: 1px 0px 0px #0000007a;
}
#content-box .one > li h3 em {
	display: block;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	margin-top: 5px;
	font-weight: 500;

}
#content-box .one .social {
	list-style: none;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 10px;
}
#content-box .one .social li {
	opacity: 0;
	display: inline-block;
	padding: 0px;
}
#content-box .one > li:hover .social li {
	opacity: 1;
}
#content-box .one .social li a {
	cursor: pointer;
	display: block;
	font-size: 15px;
	padding: 0 5px;
	margin: 0;
}
#content-box .one .social li a:hover {
	opacity: 0.5;
}
#content-box .one .social li img {
	width: 24px;
}
div#content-box li.content {
	font-size: 15px;
}
@-webkit-keyframes arrow {
	0% {
		background-position: center top;
	}
	50% {
		background-position: center 10px;
	}
	100% {
		background-position: center top;
	}
}
@-moz-keyframes arrow {
	0% {
		background-position: center top;
	}
	50% {
		background-position: center 10px;
	}
	100% {
		background-position: center top;
	}
}
@keyframes arrow {
	0% {
		background-position: center top;
	}
	50% {
		background-position: center 10px;
	}
	100% {
		background-position: center top;
	}
}
div#content-box .single-inner-team i.fa.fa-plus-circle {
	font-size: 45px;
	color: #ffffff;
}

/*--------------------------------------------------------------
# Team Shortcode
--------------------------------------------------------------*/

.btn:focus, .btn:active, button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}

#image-gallery .modal-footer{
	display: block;
}

#innerpage-box .gall-all{
	position:relative;
	background-color:rgba(255,255,255,0.5);
	z-index:1;
	margin-right:0px;
	overflow:hidden;
	margin-bottom:0px;
}
#innerpage-box .gallbox{
	width: 50px;
	height: 50px;
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#56d8ea 0%,#08acc3 100.3% );
	position: absolute;
	opacity: 0;
	z-index: 11;
	transition: all 1s;
	text-align: center;
	line-height: 140px;
	color: #FFF;
	font-size: 20px;
}
#innerpage-box .gall-all:hover .gallbox{
	text-indent:40px;
	transform:scale(5);
	opacity:0.8;
	border-radius:0 0 30px 0;
	border:#FFF solid 1px;
}
#innerpage-box .thumb.main img.img-thumbnail {
	width: 100%;
}
#innerpage-box .gall-all .thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#56d8eab0 0%,#25a7b9 100.3% );
	/* border: 1px solid #ddd; */
	border-radius: 0;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
/*--------------------------------------------------------------
# Facility Section
--------------------------------------------------------------*/
div#facility .ht-section-title-tagline {
	margin-bottom: 7em;
}
div#facility .facility-box-icon {
	margin-bottom: 90px;
	position: relative;
}
div#facility .facility-box-icon .icon {
	line-height: 1;
}
div#facility .facility-box-icon .tm-svg {
	line-height: 0;
}
div#facility .facility-box-icon .tm-svg * {
	stroke: currentColor;
}
div#facility .facility-box-icon .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div#facility .facility-box-icon .content-wrap {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
div#facility .facility-box-icon .facility-box-icon__btn {
	margin-top: 34px;
	text-align: left;
}
div#facility .facility-box-icon .facility-box-icon__btn .button-icon {
	font-size: 14px;
	position: relative;
	top: 1px;
	left: auto;
	right: auto;
	transform: none;
	margin-left: 3px;
}
div#facility .facility-box-icon.style-6:hover .icon {
	-webkit-animation-name: box-image-pop;
	animation-name: box-image-pop;
	-webkit-animation-duration: .55s;
	animation-duration: .55s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
div#facility .facility-box-icon.style-6:hover .content-wrap {
	transform: translateY(-10px);
}
div#facility .facility-box-icon.style-6:hover .content-wrap:before {
	background-image: radial-gradient( circle farthest-corner at 21% 27%,#36c2e3 42%,#28dae6 100.3% );
}
div#facility .facility-box-icon.style-6 .content-wrap {
	position: relative;
	padding: 110px 65px 70px 65px;
	text-align: center;
	background: #6ccbe1;
	border-radius: 200px;
	border: 2px solid #6ccbe1;
}
div#facility .facility-box-icon:hover .content-wrap {
	background: #ffffff;
}
div#facility .facility-box-icon.style-6 .content-wrap:before {
	position: absolute;
	top: 8px;
	right: 8px;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	z-index: -1;
	border-radius: 200px;
	box-shadow: 1px -1px 20px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
div#facility .layer-5 {
	position: absolute;
	top: 40px;
	left: 19.5%;
	z-index: 1;
	color: #e9fdfe;
}
div#facility .layer-5 span {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
	font-size: 95px;
}
div#facility {
	position: relative;

}
div#facility .single-fac-bx:nth-child(2):after{
	content: "";
	background-image: url(images/fac-centerimg.png);
	width: 160px;
	height: 160px;
	position: absolute;
	background-repeat: no-repeat;
	bottom: -40px;
	left: -90px;
	z-index: 5;
	right: 0;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes sp {
	from {
		transform: translate(0, 0px);
	}

	65% {
		transform: translate(0, 30px);
	}

	to {
		transform: translate(0, -0px);
	}
}
div#facility h4.heading a {
	text-shadow: 1px 0px 0px #000;
	color: #36c0e2;
	font-size: 30px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	word-break: break-word;
}
div#facility .text {
	font-size: 16px;
	color: #7f7f7f;
	padding-top: 30px;
	position: relative;
	z-index: 1;
	word-break: break-word;
	font-weight: 300;
}
div#facility .facility-box-icon:hover h4 a {
	color: #ffffff;
}
div#facility .facility-box-icon:hover .layer-5 {
	color: #74d7ec;
}

/*--------------------------------------------------------------
# End Facility Section
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
div#aboutdoctor .about-left-box {
	text-align: right;
	border-top-left-radius: 320px;
	border-bottom-left-radius: 320px;
	padding: 140px 80px 140px 80px;
}
div#aboutdoctor h3 {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 12px;
	position: relative;
	z-index: 2;
	word-break: break-word;
	line-height: 40px;
}
div#aboutdoctor .about-sub {
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 40px;
	position: relative;
	z-index: 2;
	word-break: break-word;
}
div#aboutdoctor .about-content {
	font-size: 16px;
	padding-bottom: 40px;
	position: relative;
	z-index: 2;
	font-weight: 400;
	padding-top: 10px;
	word-break: break-word;
}
div#aboutdoctor .sign-img {
	float: right;
}
div#aboutdoctor .about-right-img img {
	width: 100%;
	height: 100%;
	border-top-right-radius: 320px;
	border-bottom-right-radius: 320px;
}
div#aboutdoctor {
	padding: 5em 0;
}
div#aboutdoctor .layer-5 {
	position: absolute;
	top: 14%;
	right: 7%;
	z-index: 1;
}
div#aboutdoctor .layer-5 span {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
	font-size: 130px;
}
@keyframes sp {
	from {
		transform: translate(0, 0px);
	}

	65% {
		transform: translate(0, 30px);
	}

	to {
		transform: translate(0, -0px);
	}
}
div#aboutdoctor .main{
	margin:0 auto;
}
div#aboutdoctor .all{
	position: relative;
	z-index: 1;
	overflow: hidden;
	float: left;
	width: 100%;
}
div#aboutdoctor .box-one{
	width: 12%;
	height: 50px;
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#4ec7e6 0%,#52e0ea 100.3% );
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 1000px;
	transition: all 1s;
	text-align: center;
	line-height: 65px;
	color: #ffffff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
} 
div#aboutdoctor .box-one i.fa.fa-plus-square {
	font-size: 35px;
	color: #ffffff;
	line-height: 0;
}  
div#aboutdoctor .all:hover > .box-one{  
	left:0px;
}

/*--------------------------------------------------------------
# End About Section
--------------------------------------------------------------*/


/*================ Appointment ===================*/

section#appointment input[type="text"]:hover, 
section#appointment input[type="email"]:hover, 
section#appointment input[type="url"]:hover, 
section#appointment input[type="password"]:hover, 
section#appointment input[type="search"]:hover, 
section#appointment input[type="number"]:hover, 
section#appointment input[type="tel"]:hover, 
section#appointment input[type="range"]:hover, 
section#appointment input[type="date"]:hover, 
section#appointment input[type="month"]:hover, 
section#appointment input[type="week"]:hover, 
section#appointment input[type="time"]:hover, 
section#appointment input[type="datetime"]:hover, 
section#appointment input[type="datetime-local"]:hover, 
section#appointment input[type="color"]:hover, 
section#appointment textarea:hover, 
section#ht-newsletter-section select:hover{
	box-shadow: 0 0 25px 15px #1297ab63;
	text-shadow: 1px 0px 0px #0000008c;
}


section#appointment .appointmentsection .inside-full-height{
	background: #30cce3;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 30px;
}
section#appointment .single-app-top-bx {
	background: #ccc;
}
section#appointment .ht-appintment-member-wrap {
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	display: flex;
	text-align: center;
	justify-content: center;
	flex-direction: column;
	padding: 55px 40px 25px 40px;
}
section#appointment .brand_logo_container {
	position: absolute;
	height: 130px;
	width: 130px;
	top: -80px;
	border-radius: 50%;
	background: #2ad5e5;
	padding: 10px;
	text-align: center;
	z-index: 1;
	left: 0;
	margin: 0 auto;
	right: 0;
	color: #ffffff;
	border: 10px solid #ffffff;
}
section#appointment .brand_logo_container i.fa {
	font-size: 35px;
	line-height: 50px;
	font-weight: bold;
}
.ht-appintment-member-wrap input[type="text"], 
.ht-appintment-member-wrap input[type="email"], 
.ht-appintment-member-wrap input[type="url"], 
.ht-appintment-member-wrap input[type="password"], 
.ht-appintment-member-wrap input[type="search"], 
.ht-appintment-member-wrap input[type="number"], 
.ht-appintment-member-wrap input[type="tel"], 
.ht-appintment-member-wrap input[type="range"], 
.ht-appintment-member-wrap input[type="date"], 
.ht-appintment-member-wrap input[type="month"], 
.ht-appintment-member-wrap input[type="week"], 
.ht-appintment-member-wrap input[type="time"], 
.ht-appintment-member-wrap input[type="datetime"], 
.ht-appintment-member-wrap input[type="datetime-local"], 
.ht-appintment-member-wrap input[type="color"], 
.ht-appintment-member-wrap input[type=file], 
.ht-appintment-member-wrap textarea,
.ht-appintment-member-wrap select {
	border: 0;
	border-radius: 30px;
	/*background: #fff;*/
	width: 100%;
	color: #989898;
	margin: 0 0 35px 0;
	padding: 25px 30px;
	font-size: 20px;
	height: 40px;

}
.ht-appintment-member-wrap input[type=file] {
	position: relative;
	top: 0;
	padding: 0px 15px;
	font-size: 20px;
}
.ht-appintment-member-wrap option {
	position: relative;
	bottom: 12px;
}
section#appointment .section-subheading.text-center {
	font-size: 18px;
	font-weight: 500;
	padding-top: 25px;
	position: relative;
}
section#appointment .section-heading.text-center {
	font-size: 40px;
	font-weight: 700;
	padding-bottom: 25px;
	word-break: break-word;

}
section#appointment input[type="submit"] {
	font-size: 20px;
	font-weight: 500;
	background: #ffffff;
	color: #30cce3;
	padding: 7px 40px;
	border-radius: 30px;
	text-align: center;
	margin: 0 35% auto;
}
section#appointment {
	padding-top: 25em;
	/*background: #ffffff;*/
}
section#appointment .complete-top-bx {
	margin-top: -340px;
}
section#appointment .layer-5 i.fa {
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
}
section#appointment .timesection {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	position: relative;
	z-index: 1;
	background: #ffffff;
	border-radius: 30px;
	padding: 20px;
	/*margin-right: 20px;*/
	height: 100%;
}
section#appointment .timesection .inside-full-height {
	border: 3px solid #30cce3;
	border-radius: 30px;
	padding: 55px 40px 20px 40px;
}
section#appointment .single-time {
	font-weight: 600;
	font-size: 16px;
	color: #232323;
	border-bottom: 1px dashed #848484;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	transition: 0.3s ease-in-out;
}
section#appointment .single-time span {
	display: inline-block;
	background: #ffffff;
	top: 7px;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
	font-size: 20px;
	font-weight: 400;
	word-break: break-word;
}    
@keyframes sp {
	from {
		transform: translate(0, 0px);
	}

	65% {
		transform: translate(0, 30px);
	}

	to {
		transform: translate(0, -0px);
	}
}


section#appointment .text-effect{
	word-break: break-word;
	font-size: 50px;
	text-align: center;
	display: block;
	animation: effect linear 1500ms infinite;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 70px;
	margin-top: 20px;
}
@keyframes effect {
	0%{
		text-shadow:
		4px -4px 0 #e8e8e8, 3px -3px 0 #e8e8e8,
		2px -2px 0 #e8e8e8, 1px -1px 0 #e8e8e8,
		-4px 4px 0 #e8e8e8, -3px 3px 0 #e8e8e8,
		-2px 2px 0 #e8e8e8, -1px 1px 0 #e8e8e8;
	}
	25%{
		text-shadow:
		-4px -4px 0 #e8e8e8, -3px -3px 0 #e8e8e8,
		-2px -2px 0 #e8e8e8, -1px -1px 0 #e8e8e8,
		4px 4px 0 #e8e8e8, 3px 3px 0 #e8e8e8,
		2px 2px 0 #e8e8e8, 1px 1px 0 #e8e8e8;
	}
	50%{
		text-shadow:
		-4px 4px 0 #e8e8e8, -3px 3px 0 #e8e8e8,
		-2px 2px 0 #e8e8e8, -1px 1px 0 #e8e8e8,
		4px -4px 0 #e8e8e8, 3px -3px 0 #e8e8e8,
		2px -2px 0 #e8e8e8, 1px -1px 0 #e8e8e8;
	}
	75%{
		text-shadow:
		4px 4px 0 #e8e8e8, 3px 3px 0 #e8e8e8,
		2px 2px 0 #e8e8e8, 1px 1px 0 #e8e8e8,
		-4px -4px 0 #e8e8e8, -3px -3px 0 #e8e8e8,
		-2px -2px 0 #e8e8e8, -1px -1px 0 #e8e8e8;
	}
	100% {
		text-shadow:
		4px -4px 0 #e8e8e8, 3px -3px 0 #e8e8e8,
		2px -2px 0 #e8e8e8, 1px -1px 0 #e8e8e8,
		-4px 4px 0 #e8e8e8, -3px 3px 0 #e8e8e8,
		-2px 2px 0 #e8e8e8, -1px 1px 0 #e8e8e8;
	}
}
section#appointment .sbox-2 {
	/*text-align: center;*/
	margin-bottom: 30px;
	background-color: #fff;
	/*border: 1px solid #ccc;*/
	padding: 7px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 30px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out; 
} 
section#appointment .sbox-2:hover{
/*background-color: #fafafa;
border: 1px solid #f5f5f5;*/
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
}
section#appointment .sbox-2:hover .sbox-2-icon {
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0);
}
section#appointment .sbox-2:hover h5.sbox-2-title {
	-webkit-transform: translate3d(0, -80px, 0);
	transform: translate3d(0, -80px, 0); 
}
section#appointment .bg-lightgrey .sbox-2:hover {
	background-color: #00a3c8;
	border: 1px solid #00a3c8;
}
section#appointment .bg-lightgrey .sbox-2:hover .sbox-2-icon,
section#appointment .bg-lightgrey .sbox-2:hover h5.sbox-2-title {
	color: #fff;
}
section#appointment .bg-lightgrey .sbox-2{
	background-color: #fff;
	border: 1px solid #f5f5f5;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
section#appointment .sbox-2 h5 {
	letter-spacing: 0;
	margin-top: 25px;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-size: 26px;
	line-height: 35px; 
	word-break: break-word;
	font-weight: 500;

}
section#appointment .sbox-2-icon {
	color: #00a3c8;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;  
	font-size: 14px;
	font-weight: 500;
	word-break: break-word;
}

section#appointment .single-time:hover {
	background: #ccc;
	border: 1px solid #ccc;
	padding: 10px 0;
	border-radius: 30px;
}
section#appointment .single-time:hover span{
	top: 0;
	background: transparent;
}
section#appointment .section-subheading.text-center:before {
	/* top: 40%; */
	left: -33px;
	height: 15px;
	position: relative;
	content: "";
	display: inline-block;
	width: 13%;
	border-width: 1px;
	border-style: solid;
	border-left: none;
	/* right: 25px; */
	/* margin: 0 auto; */
	bottom: 5px;
	border-top: none;
	border-right: none;
	border-color: #01beff;
}
section#appointment .section-subheading.text-center:after {
	/* top: 32%; */
	right: -43px;
	height: 15px;
	position: relative;
	content: "";
	display: inline-block;
	width: 13%;
	border-width: 1px;
	border-style: solid;
	border-left: none;
	bottom: 5px;
	border-top: none;
	border-right: none;
	border-color: #01beff;
	-ms-transform: translateY(-50%);
}
section#appointment .ht-appintment-member-wrap .section-subheading.text-center {
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	padding-top: 0;
}
section#appointment .ht-appintment-member-wrap .section-subheading.text-center:before,
section#appointment .ht-appintment-member-wrap .section-subheading.text-center:after{
	content: none;
}
section#appointment .section-heading.text-center.main {
	line-height: 50px;
}
.ht-appintment-member-wrap input[type="text"]::placeholder, 
.ht-appintment-member-wrap input[type="email"]::placeholder, 
.ht-appintment-member-wrap input[type="url"]::placeholder, 
.ht-appintment-member-wrap input[type="password"]::placeholder, 
.ht-appintment-member-wrap input[type="search"]::placeholder, 
.ht-appintment-member-wrap input[type="number"]::placeholder, 
.ht-appintment-member-wrap input[type="tel"]::placeholder, 
.ht-appintment-member-wrap input[type="range"]::placeholder, 
.ht-appintment-member-wrap input[type="date"], 
.ht-appintment-member-wrap input[type="month"], 
.ht-appintment-member-wrap input[type="week"], 
.ht-appintment-member-wrap input[type="time"], 
.ht-appintment-member-wrap input[type="datetime"], 
.ht-appintment-member-wrap input[type="datetime-local"], 
.ht-appintment-member-wrap input[type="color"], 
.ht-appintment-member-wrap input[type=file], 
.ht-appintment-member-wrap textarea::placeholder{
	font-size: 20px;
	font-weight: 400;
}
.ht-appintment-member-wrap input[type="date"] {
	height: 70px;
	border-radius: 80px;
}
section#appointment input[type="submit"]:hover {
	box-shadow: 0 0 25px #1297ab;
	text-shadow: 1px 0px 0px #000;
}
section#appointment .our-app-details {
	margin-top: 7em;
	margin-bottom: 3em;
}
section#appointment .sbox-2-icon i.fa {
	font-size: 50px;
	padding-right: 20px;
	position: relative;
	top: 8px;
}
section#appointment .inner-app {
	border: 3px solid #00a3c8;
	border-radius: 25px;
	padding: 15px 10px 20px 20px;
}
.ht-appintment-member-wrap p, 
.ht-appintment-member-wrap label {
	margin: 0;
}
section#appointment .timesection .fa-calendar-plus-o:before {
	content: "\f017";
	font-size: 50px;
}
.ht-appintment-member-wrap textarea {
	height: 109px;
	border-radius: 80px;
}
.ht-appintment-member-wrap p {
	text-align: left;
}
.ht-appintment-member-wrap span.wpcf7-list-item {
	display: inline-block;
	margin: 0 10px 10px 10px;
}
/*------------ End App Section*/


/*------------ Features Section--------------*/

section#ht-our-featured-section .button {
	margin-top: 15px;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #f72359;
	padding: 12px 30px;
	border: none;
	color: white;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	border-radius: 100px;
	font-style: normal;
	-webkit-box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
	-moz-box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
	box-shadow: inset 1px -3px 0px 1px #dcdcdc47;
	word-break: break-word;
}
section#ht-our-featured-section .button cite {
	position: relative;
	/*pointer-events: none;*/
	font-style: normal;
}
section#ht-our-featured-section .button::before {
	--size: 0;
	content: '';
	position: absolute;
	left: var(--x);
	top: var(--y);
	width: var(--size);
	height: var(--size);
	background: radial-gradient(circle closest-side, #4405f7, transparent);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: width .2s ease, height .2s ease;
}
section#ht-our-featured-section .button:hover::before {
	--size: 600px;
}
section#ht-our-featured-section .owl-theme .owl-dots {
	margin-top: 10px;
	background: #dadcdb;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	border-radius: 25px;
	line-height: 0;
	padding: 2px 6px;
}
section#ht-our-featured-section .owl-theme .owl-dots .owl-dot span{
	background: #ffffff;
}
section#ht-our-featured-section .owl-theme .owl-dots .owl-dot.active span {
	background: #5dcbe6;
}
section#ht-our-featured-section .owl-carousel .owl-stage-outer{
	margin-bottom: 2em;
}
section#ht-our-featured-section .featuredbxTable {
	text-align: left;
	border-top-right-radius: 320px;
	border-bottom-right-radius: 320px;
	background-image: radial-gradient( circle farthest-corner at 4% 8%,#36c1e2 0%,#2dcfe4 60.3% );
}
section#ht-our-featured-section .owl-carousel{
	margin: 0 auto;
	text-align: center;
}
section#ht-our-featured-section .button:hover cite a {
	text-shadow: 1px 0px 0px #000;
}
/*------------ Features Section--------------*/

/*================ For Innerpage Treatments ==================*/
div#content-box .heading{
	text-align: center;
	position: relative;
	font-size: 3.3rem;
	font-weight: bold;
	margin: 3rem 0;

}
div#content-box .box figure {
	-webkit-transition: 1s all;
	transition: 1s all;
	position: relative;
	margin-bottom: 2em;
}
div#content-box .box figure img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: .3s all;
	transition: .3s all;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
div#content-box .box figure figcaption {
	position: relative;
	background: #fff;
	color: #000;
	padding: 20px 15px;
	-webkit-box-shadow: 0 5px 10px #00000033;
	box-shadow: 0 5px 10px #00000033;
	-webkit-transition: .5s all;
	transition: .5s all;
}
div#content-box .box figure figcaption::after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	height: 10px;
	background-image: radial-gradient( circle farthest-corner at 10% 20%,#36c1e2 0%,#24dae5 100.3% );
	content: '';
	width: 0;
	position: absolute;
	-webkit-transition: .5s all;
	transition: .5s all;
	border-radius: 0;
}
div#content-box .box figure figcaption h5 {
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-transition: .3s all;
	transition: .3s all;
	font-weight: 600;
	word-break: break-word;
}
div#content-box .box figure figcaption h3 {
	font-size: 2.1rem;
	font-weight: 500;
}
div#content-box .box figure:hover {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
div#content-box .box figure:hover h5 {
	color: #fc5546;
}
div#content-box .box figure:hover img {
/* -webkit-box-shadow: 0px 0px 6px #0000004f, -10px -10px 1px #34cde1;
box-shadow: 0px 0px 6px #0000004f, -10px -10px 1px #34cde1;*/
}
div#content-box .box2 figure:hover figcaption {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	-webkit-box-shadow: 0 10px 10px #0000004f;
	box-shadow: 0 10px 10px #0000004f;
}
div#content-box .box figure:hover figcaption::after {
	width: 100%;
}

div#content-box .box p {
	font-size: 16px;
	color: #121212;
}
main#innerpage-box .innerpage-resp-none {
	display: none;
}
div#treatment-box .home-treat-none{
	display: none;
}
/*================ For Innerpage Treatments ==================*/
@media screen and (min-width: 320px) and (max-width: 1400px){

	#content-box .one > li span{
		left: -120px;
	}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
	section#ht-blog-box figure.homepage-blog-img img{
		height: 290px;
	}
	.ht-contactus-wrap.innerpage-whitebox p{
		font-size: 15px;
	}
	div#ht-contactus-wrap .right-bx-c {
		padding-left: 15px;
	}
	#content-box .one > li span{
		left: -150px;
	}
	footer#ht-colophon .gallery-columns-3 .gallery-item{
		max-width: 43.33%;
	}
	section#appointment .sbox-2:hover .sbox-2-icon{
		-webkit-transform: translate3d(0, 130px, 0);
		transform: translate3d(0, 130px, 0);
	}
	div#main-slider .item .cover .header-content{
		padding: 56px 0px;
	}
	section#ht-our-featured-section .owl-theme .owl-dots{
		/*margin: 0 40% auto;*/
	}
	section#appointment .single-time span{
		font-size: 15px;
	}
	section#appointment .timesection .inside-full-height{
		padding: 55px 10px 25px 10px;
	}
	div#main-slider .owl-nav .owl-prev,
	div#main-slider .owl-nav .owl-next{
		top: 35%;
	}
	div#main-slider .item .cover .header-content h2{
		font-size: 100px;
		line-height: 100px;
	}
	div#main-slider .item .cover .header-content .slidetxt{
		font-size: 17px;
		margin: 15px 100px 30px 100px;
	}

}
@media screen and (min-width: 320px) and (max-width: 768px){
	.woocommerce .woocommerce-product-rating .star-rating{
		margin: .5em 4px 40px 0 !important;
	}
	div#ht-contactus-wrap .right-bx-c {
		padding-left: 0;
	}
	#innerpage-box{
		padding: 2em 0 2em 0;
	}
	#content-box .one > li span {
		left: -80px;
	}
	header.page-main-header .breadcrumb-area .button {
		padding-left: 10px;
	}
	section#testimonials-section h6.member-name {
		font-size: 17px;
	}

	section#testimonials-section .owl-carousel .owl-nav button.owl-prev:before{
		left: -17px;
		z-index: -1;
	}
	section#testimonials-section .owl-carousel .owl-nav button.owl-next:before {
		right: -17px;
		z-index: -1;
	}
	footer#ht-colophon .gallery-columns-3 .gallery-item {
		max-width: 45.33%;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	#ht-colophon .widget-title{
		font-size: 25px;
	}
	footer#ht-colophon .ht-footer.ht-footer2 {
		padding-right: 20px;
	}
	section#ht-newsletter-section .newslettersign-box {
		position: relative;
		top: 40px;
	}
	#ht-newsletter-section .box-form input[type="submit"] {
		text-align: center;
		margin: 0 auto;
	}
	section#ht-blog-box .owl-carousel .owl-nav button.owl-prev:before {
		left: -14px;
		z-index: -1;
	}
	section#ht-blog-box .owl-carousel .owl-nav button.owl-next:before {
		right: -15px;
		z-index: -1;
	}
	section#appointment .sbox-2:hover .sbox-2-icon {
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}
	section#appointment .section-subheading.text-center{
		padding-top: 5px;
	}
	section#ht-our-featured-section .owl-carousel .owl-nav button.owl-prev:before{
		left: -15px;
		z-index: -1;
	}
	section#ht-our-featured-section .owl-carousel .owl-nav button.owl-next:before{
		right: -13px;
		z-index: -1;
	}
	section#ht-our-featured-section .button{
		font-size: 13px;
		padding: 12px 25px;
	}
	section#ht-our-featured-section .featuredbxTable .title{
		font-size: 25px;
		line-height: 35px;
	}
	.for-resp.resp-soc {
		margin-top: 20px;
		margin-bottom: 7px;
	}
	header.site-header .for-resp .button {
		margin-top: 5px;
		float: left;
		text-align: center;
		margin-left: 0px;
	}
	header.site-header .menu-item-has-children:after{
		right: 30px;
	}
	.for-resp{
		display: block;
	}
	ul.sub-menu{
		width: 210px !important;
	}
	ul.nav.navbar-nav ul.sub-menu li a {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}
	ul.sub-menu {
		background-color: transparent !important;
	}
	ul.nav.navbar-nav li:hover > ul{
		left: 0;
	}
	ul.nav.navbar-nav li{
		margin: 5px 0px 5px 0 !important;
	}
	.header-transparent {
		padding: 0px 25px 0px 25px !important;
	}
	.main-bar-wraper {
		padding: 0px 0 0 0;
	}
	.header-transparent .main-bar {
		background-color: transparent !important;
		box-shadow: none !important;
	}
	.head-social-bx,
	.btn-bx{
		display: none !important;
	}
	section#appointment input[type="submit"]{
		margin: 0 25% auto;
		padding: 4px 20px;
	}
	section#appointment .text-effect{
		font-size: 35px;
	}
	section#appointment .section-subheading.text-center:before{
		left: 0;
		width: 8%;
		top: 15%;
	}
	section#appointment .section-subheading.text-center:after{
		right: 0;
		width: 8%;
		top: 15%;
	}
	section#appointment .single-time span{
		padding-right: 5px;
		padding-left: 5px;
		font-size: 12px;
	}
	section#appointment .section-heading.text-center{
		font-size: 25px;
	}
	div#facility .single-fac-bx:nth-child(2):after{

		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}
	div#facility .layer-5{
		left: 25.5%;
	}
	div#experience .layer-5 {
		top: 25px;
	}
	div#experience h2.single-experience-heading {
		font-size: 30px;
		line-height: 35px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	div#experience .exp-inner-bx {
		padding: 4em 0 5em 0.3em !important;
	}
	div#aboutdoctor .about-content{
		font-size: 14px;
	}
	div#aboutdoctor .about-left-box{
		padding: 100px 50px 100px 50px;
	}
	div#main-slider .owl-nav .owl-prev, 
	div#main-slider .owl-nav .owl-next {
		top: 25%;
	}
	div#main-slider .item .cover .header-content h2 {
		font-size: 80px;
		line-height: 80px;
	}
	div#main-slider .item .cover .header-content .slidetxt {
		font-size: 11px;
		margin: 15px 100px 10px 100px;
		line-height: 21px;
	}
	section#ht-our-featured-section .featuredbxTable .inside-full-height{
		padding-right: 50px;
	}
}
@media screen and (min-width: 320px) and (max-width: 736px){
	.appointmentsection {
		margin-top: 10em;
	}
}
@media screen and (min-width: 320px) and (max-width: 667px){
	.appointmentsection {
		margin-top: 10em;
	}
}
@media screen and (min-width: 320px) and (max-width: 640px){
	section#ht-our-featured-section .ourfeature-homepagebox {
		padding: 0 0px 0 0;
	}
	section#ht-our-featured-section .features-homepbox {
		border-top-right-radius: 320px;
		border-bottom-right-radius: 0px;
		border-top-left-radius: 320px;
		border-bottom-left-radius: 0;
	}
	section#ht-our-featured-section .featuredbxTable .inside-full-height {
		padding-right: 30px;
		padding-left: 30px;
		text-align: center;
	}
	section#ht-our-featured-section .featuredbxTable {
		border-top-right-radius: 00px;
		border-bottom-right-radius: 320px;
		border-bottom-left-radius: 320px;
	}
	section#ht-our-featured-section .owl-carousel .owl-nav button.owl-prev:before {
		left: -15px;
		z-index: -1;
	}
	section#ht-our-featured-section .owl-carousel .owl-nav button.owl-next:before {
		right: -13px;
		z-index: -1;
	}    
	div#experience .experience-single-img {
		clip-path: ellipse(95% 100% at 50% 0%);
	}
}

@media screen and (min-width: 320px) and (max-width: 475px){
	.ht-site-title, .site-title{
		padding-top: 0;
	}
	section#ht-blog-box figure.homepage-blog-img img {
		height: auto;
	}
	div#ht-contactus-wrap .right-bx-c {
		position: relative;
		left: 00px;
	}
	div#facility .single-fac-bx:nth-child(2) .facility-box-icon {
		margin-bottom: 150px;
	}
	main#innerpage-box div#content-box .box img {
		margin-bottom: 0;
	}
	.woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
		display: block;
		margin-bottom: 10px;
	}
	div#content-box.innerpage-whitebox .item:nth-child(even) .ht-test-member{
		padding: 20px 70px 50px 25px;
	}
	div#content-box.innerpage-whitebox .ht-test-member{
		padding: 20px 15px 50px 70px;
		height: auto !important;
	}
	div#content-box.innerpage-whitebox .ht-test-member-image img{
		max-width: 150px;
		height: 150px;
	}
	#content-box .one > li span {
		left: -45px;
		width: 485px;
	}
	.team-main-bx-1 {
		padding: 0;
	}
	header.page-main-header .breadcrumb-area .button {
		padding-left: 15px;
	}
	section#testimonials-section .owl-item.active:nth-child(even) .name-des-bx {
		padding-right: 100px;
		padding-left: 0;
	}
	footer#ht-colophon .gallery-columns-3 .gallery-item {
		max-width: 46.33%;
		margin-right: 20px;
		margin-bottom: 15px;
	}
	.ht-footer.ht-footer3 {
		padding-left: 17px;
	}
	footer#ht-colophon{
		padding: 40px 0 !important;
	}
	#ht-colophon .widget-title {
		margin-bottom: 45px;
		font-size: 30px !important;
		margin-top: 45px;
	}
	footer#ht-colophon .ht-footer.ht-footer2 {
		text-align: left;
	}
	section#ht-newsletter-section .newslettersign-box {
		padding: 0;
	}
	#ht-newsletter-section .box-form input[type="submit"]{
		height: 60px;
		font-size: 20px;
		padding: 8px 40px;
	}
	.ht-section-title.lz-newslatter-heading{
		font-size: 32px;
		line-height: 40px;
		padding: 20px 20px 20px 20px;
	}
	section#appointment .sbox-2:hover .sbox-2-icon {
		-webkit-transform: translate3d(0, 70px, 0);
		transform: translate3d(0, 70px, 0);
	}
	section#appointment .section-subheading.text-center{
		font-size: 14px;
	}
	div#aboutdoctor .about-left-box {
		margin: 0 13px;
	}
	div#aboutdoctor .about-left-box {
		border-top-left-radius: 320px;
		border-bottom-left-radius: 0;
		border-top-right-radius: 320px;
	}
	div#aboutdoctor .about-right-img img {
		border-top-right-radius: 0;
		border-bottom-right-radius: 320px;
		border-bottom-left-radius: 320px;
	}
	section#ht-our-featured-section .featuredbxTable .title{
		text-align: center;
	}
	section#ht-our-featured-section .owl-theme .owl-dots {
		/*margin: 0 30% auto;*/
	}
	section#ht-our-featured-section .featuredbxTable .inside-full-height {
		padding-right: 10px;
		padding-left: 10px;
		text-align: center;
	}
	section#ht-our-featured-section .ourfeature-homepagebox {
		padding: 0 00px 0 0;
	}
	section#ht-our-featured-section .featuredbxTable {
		border-top-right-radius: 00px;
		border-bottom-right-radius: 320px;
		border-bottom-left-radius: 320px;
	}
	section#ht-our-featured-section .features-homepbox{
		border-top-right-radius: 320px;
		border-bottom-right-radius: 0px;
		border-top-left-radius: 320px;
		border-bottom-left-radius: 0;
	}
	section#appointment .inner-app{
		padding: 20px 20px 20px 25px;
	}
	section#appointment input[type="submit"] {
		margin: 0 30% auto;
		padding: 7px 30px;
	}
	.appointmentsection {
		margin-top: 10em;
	}

	div#facility .single-fac-bx:nth-child(2):after{
		bottom: -145px;
	}
	div#facility .facility-box-icon {
		margin-bottom: 50px;
	}
	div#facility h4.heading{
		margin-bottom: 0;
	}
	div#facility .layer-5 {
		left: 10.5%;
		top: 35px;
	}
	div#facility .layer-5 span {
		font-size: 60px;
	}
	div#facility h4.heading a{
		font-size: 28px;
	}
	div#facility .facility-box-icon.style-6 .content-wrap{
		padding: 50px 30px 40px 30px;
	}
	h2.ht-section-title{
		font-size: 40px;
	}
	div#experience .experience-single-img{
		clip-path: ellipse(95% 100% at 50% 0%);
	}
	div#aboutdoctor .all:hover > .box-one{  
		left: 0px;
		top: 25px;
	}
	div#aboutdoctor .about-right-img img{
		padding-left: 0;
		margin-top: 25px;

	}
	div#main-slider .button{
		padding: 12px 30px;
		font-size: 12px;
	}
	div#main-slider .item .cover .header-content h2 {
		font-size: 40px;
		line-height: 45px;
	}
	div#main-slider .item .cover .header-content {
		position: absolute;
		padding: 30px 0;
		bottom: 0;
	}
	div#main-slider .item .cover .header-content .slidetxt {
		font-size: 11px;
		margin: 0px 20px 0px 20px;
		line-height: 17px;
	}
	div#main-slider .owl-theme .owl-nav{
		display: none;
	}
	section#appointment .sbox-2 h5{
		font-size: 20px;
		line-height: 25px;
	}
}
@media screen and (min-width: 320px) and (max-width: 375px){
	.ht-site-description a{
		font-size: 20px !important;
	}

	#content-box .one > li span {
		left: -65px;
	}
	.ht-section-title.lz-newslatter-heading {
		font-size: 30px;
		padding: 20px 15px 20px 15px;
	}
	section#appointment input[type="submit"] {
		margin: 0 25% auto;
	}
	section#appointment .text-effect {
		font-size: 30px;
	}
	div#facility .single-fac-bx {
		padding: 0;
	}
	h2.ht-section-title {
		font-size: 31px;
		padding: 10px 20px;
	}
	div#main-slider .button {
		padding: 12px 20px;
		font-size: 10px;
	}
	div#main-slider .item .cover .header-content .slidetxt {
		font-size: 9px;
		margin: 0px 20px 0px 20px;
		line-height: 13px;
	}

	div#main-slider .item .cover .header-content h2 {
		font-size: 35px;
		line-height: 40px;
	}
}
@media screen and (min-width: 320px) and (max-width: 320px){
	div#content-box.innerpage-whitebox .item:nth-child(even) .ht-test-member {
		padding: 20px 40px 50px 25px;
	}
	div#content-box.innerpage-whitebox .ht-test-member {
		padding: 20px 15px 50px 40px;
		height: auto !important;
	}
	div#content-box.innerpage-whitebox .ht-test-member-image img {
		max-width: 130px;
		height: 130px;
	}
	#content-box .one > li span {
		left: -90px;
	}
	footer#ht-colophon .gallery-columns-3 .gallery-item{
		max-width: 45.33%;
	}
	#ht-newsletter-section .box-form input[type="submit"] {
		font-size: 18px;
		padding: 8px 35px;
	}
	.newsletter-form-box input[type="text"], 
	.newsletter-form-box input[type="email"], 
	.newsletter-form-box input[type="url"], 
	.newsletter-form-box input[type="password"], 
	.newsletter-form-box input[type="search"], 
	.newsletter-form-box input[type="number"], 
	.newsletter-form-box input[type="tel"], 
	.newsletter-form-box input[type="range"], 
	.newsletter-form-box input[type="date"], 
	.newsletter-form-box input[type="month"], 
	.newsletter-form-box input[type="week"], 
	.newsletter-form-box input[type="time"], 
	.newsletter-form-box input[type="datetime"], 
	.newsletter-form-box input[type="datetime-local"], 
	.newsletter-form-box input[type="color"], 
	.newsletter-form-box textarea, 
	section#ht-newsletter-section select{
		font-size: 19px;
	}
	section#appointment .ht-appintment-member-wrap{
		padding: 55px 20px 25px 20px;
	}
	section#appointment .section-subheading.text-center {
		font-size: 11px;
	}
	section#appointment .single-time span {
		padding-right: 5px;
		padding-left: 5px;
		font-size: 10px;
		top: 15px;
	}
	section#appointment .timesection{
		padding: 7px;
	}
	div#aboutdoctor .about-left-box {
		padding: 100px 25px 100px 25px;
	}
	.ht-site-description a {
		font-size: 23px;
	}
	section#appointment .text-effect {
		font-size: 25px;
		line-height: 35px;
	}
	div#facility h4.heading a {
		font-size: 20px;
	}
	div#facility .text{
		font-size: 14px;
	}
	div#facility .facility-box-icon.style-6 .content-wrap {
		padding: 50px 30px 30px 30px;
	}
}
/**/
div#secondary .current_page_item > a {
	background: transparent;
	font-weight: normal;
	padding: 0;
}
div#secondary .widget select{
	width: 100%;
}
div#secondary input[type="text"], 
div#secondary input[type="email"], 
div#secondary input[type="url"], 
div#secondary input[type="password"], 
div#secondary input[type="search"], 
div#secondary input[type="number"], 
div#secondary input[type="tel"], 
div#secondary input[type="range"], 
div#secondary input[type="date"], 
div#secondary input[type="month"], 
div#secondary input[type="week"], 
div#secondary input[type="time"], 
div#secondary input[type="datetime"], 
div#secondary input[type="datetime-local"], 
div#secondary input[type="color"],
div#secondary textarea{
	padding: 13px 20px;
	width: 100%;
	background: transparent;
	font-size: 16px;
	box-shadow: -1px 0px 10px 3px rgba(187, 183, 183, 0.1);
	margin-bottom: 10px;
	height: 50px;
	border-radius: 30px;
	border: 0;
}
div#secondary select{
	padding: 13px 20px;
	width: 100%;
	font-size: 16px;
	box-shadow: -1px 0px 10px 3px rgba(187, 183, 183, 0.1);
	margin-bottom: 10px;
	height: 50px;
	border-radius: 30px;
	border: 0;
}
div#secondary form p {
	margin-bottom: 0;
}
div#secondary div.wpcf7 input[type="file"] {
	font-size: 16px;
	margin-bottom: 10px;
	width: 100%;
}
div#secondary .social-profile-icons li {
	padding: 0;
	margin: 5px 10px;
	border: 0;
}
h1.inner-page-title-box {
	padding-top: 10px;
	font-weight: 600;
}
.socialMedia.socialMedia-single-bottom.text-right {
	margin-bottom: 2em;
}
.single_post textarea#comment {
	background: transparent;
}
div#sitemap-box .current_page_item > a {
	padding: 0;
	background: transparent;
	font-weight: normal;
}
#innerpage-box .widget-area li:last-child {
	border: none;
	/* padding: 0; */
	margin: 0;
	padding-bottom: 10px;
}
#innerpage-box .tagcloud a:last-child {
	/* padding: 0; */
	margin-bottom: 10px;
}
div#secondary .widget_calendar table {
	margin-bottom: 0;
}
div#secondary .widget.widget_calendar {
	padding-bottom: 0;
}
.single_post .tags {
	margin-bottom: 25px;
}
div#comments input[type="submit"],
#commentsAdd input[type="submit"] {
	padding: 10px 25px;
	border-radius: 30px;
}
#commentsAdd input[type="submit"] :hover,
div#comments input[type="submit"]:hover{
	border-radius: 5px;
}
.commentmetadata {
	margin-bottom: 15px;
}
.single-productpage #sidebars button {
	padding: 7px 25px;
	border: 1px solid;
	margin-bottom: 5px;
	border-radius: 30px;
}
.single-productpage .ht-main-title {
	font-weight: bold;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce #review_form #respond textarea,
.woocommerce .quantity .qty,
.woocommerce-info,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background: transparent !important;
}
span.posted_in {
	display: block;
}
h1.product_title.entry-title {
	word-break: break-word;
}


.woocommerce #reviews #comments ol.commentlist li img.avatar{
	float: left;

}
.woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar{
	width: 6.2% !important;
}
.bypostauthor {
	display: inline-block;
}
@media screen and (min-width: 320px) and (max-width: 1024px){
	.woocommerce #reviews #comments ol.commentlist li img.avatar, 
	.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
		width: 5.2% !important;
	}
}
body.page-template-default main#innerpage-box .single-inner-team h3{
	margin: 39px 150px 10px 150px;
	word-break: break-word;
}
body.page-template-default main#innerpage-box .single-inner-team:hover h3 {
	margin: 25px 150px;
}
div#secondary ul.children {
	border-top: 0;
	/* padding: 0; */
	/* margin: 0; */
}
div#secondary ul.children li {
	padding-top: 5px;
	margin: 0;
	/* padding-left: 0; */
	box-shadow: 0px 0px 5px 0px #88828252;
}
div#secondary ul.sub-menu {
	background: transparent;
	/* padding: 0; */
}
div#secondary ul.sub-menu {
	background: transparent;
	padding-left: 0;
	width: 210px !important;
}
div#secondary ul.sub-menu li {
	padding-left: 0;
}


div#aboutdoctor .all{
	display: block;
	position: relative;

}
div#aboutdoctor .all:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #000;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	opacity: 0.1;
	border-top-right-radius: 320px;
	border-bottom-right-radius: 320px;
}

div#aboutdoctor .all:hover:after{
	width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 475px){

	div#aboutdoctor .all:after {
		border-top-right-radius: 0;
		border-bottom-right-radius: 320px;
		border-bottom-left-radius: 320px;
		margin-top: 25px;

	}
}
body.page-template-blog-template #blog-box .inner-blog-post {
    box-shadow: none;
}
body.page-template-blog-template #blog-box .ht-blog-thumbnail img{
    height: 300px;
}
body.page-template-blog-template #blog-box .inner-blog-excerpt {
    box-shadow: 0px 0px 11px rgba(0,0,0,0.15);
}