/*
Theme Name: Laundry Master Free
Theme URI: https://luzukdemo.com/demo/laundry-master/
Author: Luzuk
Author URI: https://luzukdemo.com/
Description: If you are willing to get a trendy and modern website for your washing and laundry business then you have this Laundry WordPress Theme that lets you craft a fantastic business website without taking any extra efforts. This multipurpose theme can also be used for ironing services, carpet washing, dry cleaning companies, and more. It comes with a well-organized menu and intuitive admin panel that makes configuring the theme a piece of cake. The live theme customizer gives plenty of personalization options and allows seeing the changes live before you actually finalize it. Fabricated as per the demands of modern laundry businesses this Laundry WordPress Theme shows all the different services that you offer. It is packed with a bundle of advanced tools and features that will help your business to flourish. This theme comes with social media icons, plugin compatibility, and has a lot of Call To Action (CTA) buttons to guide your audience. You get plenty of choices in terms of pre-built pages and layout design. You can effectively use the newsletter for lead generation and later use it to promote and share the new services and facilities. This Laundry WordPress Theme has all the prerequisites to extend the reach of your business and get more clients.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laundry-master-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: 700;
	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
--------------------------------------------------------------*/
header .nav-menus{display: none;}
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: 700;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
	padding-bottom: 0px;
	display: block;
	clear: both;
}
.ht-site-description{
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
}
#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;
}


/*--------------------------------------------------------------
## 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%;}

}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
.section-title-subtitle {
	position: relative;
	margin-bottom: 3em;
}
.section-title-subtitle:before {
	width: 80px;
	height: 10px;
	position: absolute;
	content: "";
	display: inline-block;
	width: 45px;
	border-width: 2px;
	border-style: solid;
	border-color: #10a9e2;
	border-left: none;
	left: 0;
	bottom: 10px;
	margin: 0 auto;
	border-top: none;
	border-right: none;
	right: 0;
}
.section-title-subtitle:after {
	width: 80px;
	height: 10px;
	position: absolute;
	content: "";
	display: inline-block;
	width: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #10a9e2;
	border-left: none;
	left: 0;
	bottom: 5px;
	margin: 0 auto;
	border-top: none;
	border-right: none;
	right: 20px;
}
.single-testimonial {
	padding: 90px 40px 0px 40px;
}
.single-testimonial img {
	height: 130px;
	width: 130px !important;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 40px;
}
.single-testimonial .client-name {
	font-size: 17px;
	font-weight: 600;
	font-style: italic;
}
.single-testimonial img {
	height: 130px;
	width: 130px !important;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: 40px;
}
.section-title-subtitle {
	position: relative;
	margin-bottom: 2em;
}
section#appointment .section-title-subtitle {
	position: relative;
	margin-bottom: 40px;
}
.single-testimonial .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 35px;
}
.single-testimonial .owl-theme .owl-dots .owl-dot span {
	width: 35px;
	height: 2px;
	margin: 5px 3px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 0;
}
.single-testimonial .owl-theme .owl-dots .owl-dot.active span {
	height: 6px !important;
}
.single-testimonial i.fa.fa-quote-left {
	position: absolute;
	left: -160px;
	top: 0;
	background: #50b2f3;
	color: #ffffff;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%;
	right: 0;
	margin: 0 auto;
	font-size: 25px;
}
.single-testimonial p {
	color: #ffffff;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 25px;
}
/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/


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 .section-element-blog .bg-hovered .thumb_backound .entry-hover, 
section#ht-blog-box .section-element-blog .bg-hovered .thumb_backound {
	border-radius: 10px;
}
section#ht-blog-box li {
	display: inline-block;
	list-style: none;
	padding-right: 25px;
	font-size: 15px;
	/* text-transform: unset !important; */
}
section#ht-blog-box li i.fa {
	font-size: 20px;
	padding-right: 12px;
}
section#ht-blog-box .blog-date.animation-delay-01 {
	padding-bottom: 17px;
}
section#ht-blog-box h3.animeblogtitle a {
	font-weight: 700;
	line-height: 34px;
}
section#ht-blog-box .main-btn:hover {
	background-position: right center; /* change the direction of the change here */
}
section#ht-blog-box .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
section#ht-blog-box i.fa.fa-long-arrow-right {
	font-size: 15px;
	padding-left: 15px;
}
section#ht-blog-box .main-btn {
	/* flex: 1 1 auto; */
	/* margin-top: 25px; */
	/* padding: 16px 20px; */
	text-align: left;
	/* text-transform: uppercase; */
	transition: 0.5s;
	background-size: 280% auto;
	color: white;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	box-shadow: 0px 0px 14px 7px #cecaca26;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	word-break: break-word;
	width: 75px;
	height: 75px;
	line-height: 85px;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 40% auto;
	bottom: 40px;
}
section#ht-blog-box i.fa.fa-long-arrow-right {
	font-size: 30px;
	padding-left: 0;
	color: #000;
}
section#ht-blog-box .lightbox {
	clip-path: ellipse(90% 70% at 50% 70%);
	background: #f9f9f9;
}
section#ht-blog-box .section-subheading.text-center {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 8px;
}
section#ht-blog-box h2.section-heading.text-center span {
	font-weight: 700;
}
section#ht-blog-box h2.section-heading.text-center {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 12px;
}
section#ht-blog-box .section-text {
	font-size: 16px;
	line-height: 28px;
	padding: 0 4%;
	margin-bottom: 3em;
	text-align: center;
}
section#ht-blog-box .section-element.section-element-blog:hover .main-btn1 {
	background-position: right center; /* change the direction of the change here */
}
section#ht-blog-box .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
section#ht-blog-box .main-btn1 {
	text-align: left;
	transition: 0.5s;
	background-size: 280% auto;
	color: white;
	box-shadow: 0px 0px 14px 7px #cecaca26;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	word-break: break-word;
	width: 75px;
	height: 75px;
	line-height: 85px;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 40% auto;
	bottom: 40px;
}
a.main-btn1.btn-1 {
	position: absolute;
	bottom: -21px !important;
	z-index: 1;
	width: auto !important;
	height: auto !important;
	line-height: initial !important;
	left: 35px !important;
	right: auto !important;
	margin: 0 !important;
	padding: 14px 31px;
	border-radius: 40px !important;
	margin-right: 70px !important;
}
section#ht-blog-box .section-element-blog .bg-hovered .thumb_backound .blog-date a {
	font-weight: 500;
	font-size: 15px;
	color: #fff;
	z-index: 5;
	position: relative;
	transition: all .4s ease-in-out;
	text-transform: unset; 
}
section#ht-blog-box .uk-flex {
	padding: 30px 30px 50px 30px;
}
/*section#ht-blog-box .section-element-blog .bg-hovered .thumb_backound {
	height: 450px;
}*/
section#ht-blog-box .thumb_backound img{height: 450px;}
/*--------------------------------------------------------------
## 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: 100%;
	background: linear-gradient( to bottom,#7989f8 40%,#5ba7f3 70%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transform-origin: 100% 0;
	transform: rotateZ(90deg);
	transition: all 0.3s ease 0s;
	opacity: 0.6;
}
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;
	box-shadow: 0px 0px 45px rgba(0,0,0,0.15);
}

.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
--------------------------------------------------------------*/
div#ht-bottom-footer li:nth-child(2):before {
	content: "|";
	padding: 0 7px;
}
footer#ht-colophon {
	padding-top: 80px;
	padding-bottom: 40px;
	padding-top: 80px;
	padding-bottom: 40px;
	position: relative;
	/*background-image: radial-gradient( circle farthest-corner at 105% 0%,#33c6e2 40%,#34c2e1 100% );*/
}
.footer-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: linear-gradient( to bottom,#5d6fe6 40%,#5d6fe6 70%);
	opacity: 0.9;
	background-size: cover;
	z-index: 1;
}
footer#ht-colophon figure.gallery-item img:hover {
	box-shadow: 0 0 25px 7px #3647b9;
}

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: 30px;
	padding-right: 17px;
	background: #ffffff;
	padding: 0 10px;
	text-align: center !important;
	display: inline-block;
	margin-bottom: 10px;
}
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: 60px;
	border-radius: 0;
	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;
	text-align: center;
}

.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;
}
footer#ht-colophon label{
	width: 100%;
}

div#copyright-note span {
	font-weight: normal;
}
footer#ht-colophon ul li a {
	color: #989898;
	font-weight: 500;
}
footer#ht-colophon ul li a:hover, 
footer#ht-colophon .tagcloud a:hover {
	font-weight: 600;
}
.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: 500;
	line-height: 28px;
}
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: 17px;
	font-size: 17px;
	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: 35px;
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	position: relative;
}
#ht-top-footer{
	position: relative;
	z-index: 1;
}
.ht-top-footer {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3em;
}

.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: 40px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 0;
	/* 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;
	position: relative;
	z-index: 1;
	padding: 40px 0 00px 0;
}
#ht-bottom-footer li {
	display: inline-block;
}
/*#ht-bottom-footer li a:hover{
	font-weight: 600;
	}*/
	.ht-site-info {
		color: #848484;
		font-weight: 500;
		font-size: 16px;
		position: relative;
		top: 0;
		text-align: left;
	}
	.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: 40.33%;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.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%;*/
	}
	footer#ht-colophon .widget.widget_recent_entries ul li {
		/*text-decoration: underline;*/
		line-height: 25px;
		margin-bottom: 15px;
		padding-top: 15px;
	}
	footer#ht-colophon .widget.widget_recent_entries ul li a{
		border-bottom: 1px solid #ffffff;
	}
	footer#ht-colophon .footer-main-column {
		border-right: 1px solid #ffffff;
		padding-right: 40px;
		padding-bottom: 3em;
	}
	footer#ht-colophon .footer-last-column {
		padding-left: 70px;
	}
	footer#ht-colophon h4.widget-title:after {
		width: 80px;
		position: absolute;
		content: "";
		display: inline-block;
		width: 30px;
		border-width: 2px;
		border-style: solid;
		border-color: #fefefe;
		border-left: none;
		left: 0;
		bottom: -20px;
		border-top: none;
		border-right: none;
		left: 0;
	}
	footer#ht-colophon .footer-phone-tagline {
		font-size: 24px;
		font-weight: normal;
		padding-bottom: 60px;
		padding-left: 10px;
		padding-top: 15px;
	}
	footer#ht-colophon .footer-phone-tagline i.fa {
		font-size: 30px;
		transform: rotate(10deg);
		font-weight: 600;
		position: relative;
		top: 0;
		background: #ffffff;
		width: 55px;
		height: 55px;
		text-align: center;
		border-radius: 50%;
		line-height: 55px;
		margin-right: 20px;
	}
	footer#ht-colophon .widget_media_image img {
		padding-top: 0;
	}


/*--------------------------------------------------------------
## 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: 600;
	/*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%;*/
		    margin-bottom: 3em;
	}
	#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: 0;
	font-size: 38px;
	line-height: 0;
}
.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;
	font-weight: 700;
}
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 ==============*/

/*==== gallery shortcode ==========*/
div#content-box .inner-gallery .box{
	background-color: #000;
	overflow: hidden;
	position: relative;
}
div#content-box .inner-gallery .box > img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease-in-out;
}
div#content-box .inner-gallery .box:hover > img{
	opacity: 0.4;
	filter: blur(5px);
	transform: scale(1.05);
}
div#content-box .inner-gallery .box .box-content{
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px 0 0;
	transform: translateY(-50%);
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
}
div#content-box .inner-gallery .box .box-content .overlay-img{
	width: 50%;
	margin: 0 auto;
}
div#content-box .inner-gallery .box .box-content .overlay-img img{
	width: 100%;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	opacity: 0;
	transform: translateY(80%);
	transition: all 0.3s ease 0.1s;
}
div#content-box .inner-gallery .box:hover .box-content .overlay-img img{
	opacity: 1;
	transform: translateY(0);
}
div#content-box .inner-gallery .box .box-content .inner-content{
	background-color: #000;
	padding: 10px 15px;
	opacity: 0;
	transform: scaleY(1.5);
	position: relative;
	transition: all 0.3s ease;
}
div#content-box .inner-gallery .box:hover .box-content .inner-content{
	opacity: 1;
	transform: scaleY(1);
}
div#content-box .inner-gallery.padding2{
	padding: 2px;
}

/*===== 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;
}

/*================================*/
#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: 700;
	margin-bottom: 10px;
	word-break: break-word;
	padding: 0;
}
header.page-main-header .breadcrumb-area {
	text-align: right;
	padding: 10px 0;
	font-weight: 600;
	right: 15px;
}
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: 70px;
	padding-bottom: 146px;
	clip-path: ellipse(60% 110% at 45% -20%);

}


header.page-main-header .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height:100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

header.page-main-header .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 40s infinite;
	animation: square 40s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
header.page-main-header li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}

header.page-main-header .bubbles li:nth-child(1) {
	width: 40px;
	height: 40px;
	left: 10%;
}
header.page-main-header .bubbles li:nth-child(2) {
	width: 30px;
	height: 30px;
	left: 40%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
header.page-main-header .bubbles li:nth-child(3) {
	width: 50px;
	height: 50px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}

header.page-main-header .bubbles li:nth-child(4) {
	width: 45px;
	height: 45px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
}

header.page-main-header .bubbles li:nth-child(5) {
	width: 40px;
	height: 40px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}

header.page-main-header .bubbles li:nth-child(6) {
	width: 50px;
	height: 50px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}

header.page-main-header .bubbles li:nth-child(7) {
	width: 30px;
	height: 30px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px);
		transform: translateY(-1080px);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px) rotate(180deg);
		transform: translateY(-1080px) rotate(180deg);
	}
}

/**/

.single-productpage header.page-main-header {
	padding-top: 0;
	background: none;
}
div#secondary .gallery-item img:hover {
	opacity: 0.6;
}
.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: 25px;
	border-bottom: 1px solid #e1e1e1;
	padding: 13px 0px 13px 10px;
	margin-bottom: 0;
	font-size: 16px;
	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;
}


/*--------------------------------------------------------------
## Steps Section
--------------------------------------------------------------*/

div#steps-area {
	padding-top: 5em;
	padding-bottom: 5em;
	background-repeat: no-repeat;
	background-position: top 56% center;
	    position: relative;
    overflow: hidden;
}
.steps-post-boxes {
	padding: 0 7%;

}
.single-steps:nth-child(4), 
.single-steps:nth-child(5) {
	padding-left: 195px;
}
.single-steps:nth-child(6) {
	clear: both;
	padding-left: 340px;
}
#steps-area .box-icon-2 {
	position: relative;
	margin-bottom: 40px;
	text-align: center; 
}
div#steps-area .section-subheading.text-center {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 15px;
}
div#steps-area h2.section-heading.text-center span {
	font-weight: 700;
}
div#steps-area h2.section-heading.text-center {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 15px;
}
div#steps-area .section-text {
	font-size: 16px;
	line-height: 30px;
	padding: 0 7%;
	margin-bottom: 9em;
}
#steps-area .box-icon-2 .icon {
	color: #4eb0f1;
	font-size: 60px;
	line-height: 110px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 20px 11px #dce5e196;
	box-shadow: 0 0 20px 11px #dce5e196;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	width: 220px;
	height: 220px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	position: relative;
	-webkit-transition: 0.1s all linear;
	transition: 0.1s all linear;
	top: 20px;
}
#steps-area .box-icon-2 .icon .number {
	width: 80px;
	height: 80px;
	font-size: 30px;
	line-height: 80px;
	color: #ffffff;
	font-weight: 700;
	background-color: #4eb0f1;
	position: absolute;
	top: -35px;
	right: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
#steps-area .box-icon-2:hover .icon {
	font-size: 60px;
	line-height: 1.4em;
	background-color: #4eb0f1;
	color: #ffffff;
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05); 
}
#steps-area .box-icon-2:hover .heading{
	color: #ffffff;
}
#steps-area .box-icon-2:hover .icon .number{
	color: #4eb0f1;
	background-color: #ffffff;
	/*box-shadow: 0 0 4px 0px #dce5e1;*/
}
#steps-area .box-icon-2 .heading {
	color: #4eb0f1;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 10px;
	margin: 0 25px;
	word-break: break-word;
}
#steps-area .steps-icon-outer {
	width: 270px;
	height: 270px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #4eb0f1;
	border-radius: 50%;
}
/*--------------------------------------------------------------
## Steps Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/
section#ht-princing-post-section {
    position: relative;
    z-index: 1;
}

section#ht-princing-post-section .section-subheading.text-center {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 15px;
}
section#ht-princing-post-section h2.section-heading.text-center {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 15px;
}
section#ht-princing-post-section .section-text {
	font-size: 16px;
	line-height: 30px;
	padding: 0 4%;
	margin-bottom: 5em;
	text-align: center;
}
section#ht-princing-post-section h2.section-heading.text-center span {
	font-weight: 700;
}
.single-price-table {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-transition: all 0.24s ease-in-out;
	transition: all 0.24s ease-in-out;
	/* border: 1px solid #e0e0e0; */
	border-radius: 10px;
	padding: 0px 40px;
	box-shadow: 0 0 20px 1px #dce5e169;
	padding-bottom: 10px;
}
.single-price-table .price-design-elemnts {
	position: absolute;
	visibility: hidden;
	-webkit-transition: all 0.24s ease-in-out;
	transition: all 0.24s ease-in-out;
	opacity: 0;
	border-radius: 50%;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	filter: alpha(opacity=0);
}
.single-price-table .price-design-elemnts.one {
	line-height: 145px;
	top: -30px;
	left: -50px;
	width: 145px;
	height: 145px;
	background-color: #346bf0;
}
.single-price-table .price-design-elemnts.two {
	line-height: 86px;
	bottom: 60px;
	left: -30px;
	width: 86px;
	height: 86px;
	background-color: #eea634;
}
.single-price-table .price-design-elemnts.three {
	line-height: 145px;
	right: -50px;
	bottom: -30px;
	width: 145px;
	height: 145px;
	background-color: #8543d6;
}
.single-price-table .price-design-elemnts.four {
	line-height: 44px;
	top: 50px;
	right: 50px;
	width: 44px;
	height: 44px;
	background-color: #31e1a1;
}
.single-price-table .price-header {
	padding-top: 30px;
	padding-bottom: 0px;
	-webkit-transition: all 0.24s ease-in-out;
	transition: all 0.24s ease-in-out;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	position: relative;
	z-index: 999;
}
.single-price-table .price-header span.package-title {
	font-size: 35px;
	font-weight: 600;
	display: block;
	margin-bottom: 40px;
	color: #00c0e4;
	word-break: break-word;
}
.single-price-table .price-header span.package-amount {
	font-size: 60px;
	font-weight: 600;
	color: #684ef6;
}
.single-price-table .price-header span.package-amount span {
	font-weight: 400;
	color: #494a54;
}
.single-price-table .price-header span.package-amount span:nth-child(1) {
	font-size: 34px;
}
.single-price-table .price-header span.package-amount span:nth-child(2) {
	font-size: 18px;
}
.single-price-table .price-body {
	padding-top: 00px;
	padding-bottom: 30px;
}
.single-price-table .price-body ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.single-price-table .price-body ul li {
	display: block;
	padding: 0 0 22px;
	font-size: 15px;
	position: relative;
	z-index: 1;
}
.single-price-table .price-body ul li i.fa {
	padding-right: 20px;
	font-size: 17px;
	color: #00c0e4;
}
.single-price-table .price-body ul li i.fa.fa-times {
	color: #ed0223;
}
.single-price-table .price-body ul li:last-child {
	padding-bottom: 0;
}
.single-price-table .price-footer {
	padding-bottom: 40px;
	padding-top: 25px;
}
.single-price-table .price-footer a {
	padding: 16px 48px;
	text-transform: uppercase;
}
.single-price-table:hover {
	background-color: #31348c;
}
.single-price-table:hover .price-header span.package-title {
	color: #fff;
}
.single-price-table:hover .price-header span.package-amount {
	color: #fff;
}
.single-price-table:hover .price-header span.package-amount span {
	color: #fff;
}
.single-price-table:hover .price-body ul li {
	color: #fff;
}
.single-price-table:hover .price-design-elemnts {
	visibility: visible;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: alpha(opacity=100);
}
.single-price-table:hover .price-design-elemnts.one {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table:hover .price-design-elemnts.three {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table:hover .price-design-elemnts.two {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table:hover .price-design-elemnts.four {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table.active {
	background-color: #31348c;
}
.single-price-table.active .price-header {
	background-color: #31348c;
}
.single-price-table.active .price-header span.package-title {
	color: #fff;
}
.single-price-table.active .price-header span.package-amount {
	color: #fff;
}
.single-price-table.active .price-header span.package-amount span {
	color: #fff;
}
.single-price-table.active .price-body ul li {
	color: #fff;
}
.single-price-table.active .price-design-elemnts {
	visibility: visible;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: alpha(opacity=100);
}
.single-price-table.active .price-design-elemnts.one {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table.active .price-design-elemnts.three {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table.active .price-design-elemnts.two {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table.active .price-design-elemnts.four {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-animation: zoomIn 400ms ease-in-out;
	animation: zoomIn 400ms ease-in-out;
}
.single-price-table.layout-two .price-header span.package-amount {
	color: #0d9ce8;
}
.single-price-table.layout-two:hover {
	background-color: transparent;
	background-image: -webkit-linear-gradient(177deg, #8a8aec 0%, #b6d2f9 100%);
	background-image: linear-gradient(-87deg, #8a8aec 0%, #b6d2f9 100%);
}
.single-price-table.layout-two:hover .price-header {
	background-color: transparent;
	background-image: -webkit-linear-gradient(177deg, #8a8aec 0%, #b6d2f9 100%);
	background-image: linear-gradient(-87deg, #8a8aec 0%, #b6d2f9 100%);
}
.single-price-table.layout-two:hover .price-header span.package-amount {
	color: #fff;
}
.single-price-table.layout-two.active {
	background-color: transparent;
	background-image: -webkit-linear-gradient(177deg, #8a8aec 0%, #b6d2f9 100%);
	background-image: linear-gradient(-87deg, #8a8aec 0%, #b6d2f9 100%);
}
.single-price-table.layout-two.active .price-header {
	background-color: transparent;
	background-image: -webkit-linear-gradient(177deg, #8a8aec 0%, #b6d2f9 100%);
	background-image: linear-gradient(-87deg, #8a8aec 0%, #b6d2f9 100%);
}
.single-price-table.layout-two.active .price-header span.package-amount {
	color: #fff;
}
.single-price-table.layout-three .price-footer a {
	border-radius: 999px;
}
.single-price-table.layout-three .price-footer a:after {
	border-radius: 999px;
}
.single-price-table.layout-three .price-header span.package-amount {
	color: #684ef6;
}
.single-price-table.layout-three:hover {
	background-color: transparent;
	background-image: -webkit-gradient(linear, right top, left top, from(#2923e6), to(#6b69fb));
	background-image: -webkit-linear-gradient(right, #2923e6, #6b69fb);
	background-image: linear-gradient(to left, #2923e6, #6b69fb);
}
.single-price-table.layout-three:hover .price-header {
	background-color: transparent;
	background-image: -webkit-gradient(linear, right top, left top, from(#2923e6), to(#6b69fb));
	background-image: -webkit-linear-gradient(right, #2923e6, #6b69fb);
	background-image: linear-gradient(to left, #2923e6, #6b69fb);
}
.single-price-table.layout-three:hover .price-header span.package-amount {
	color: #fff;
}
.single-price-table.layout-three.active {
	background-color: transparent;
	background-image: -webkit-gradient(linear, right top, left top, from(#2923e6), to(#6b69fb));
	background-image: -webkit-linear-gradient(right, #2923e6, #6b69fb);
	background-image: linear-gradient(to left, #2923e6, #6b69fb);
}
.single-price-table.layout-three.active .price-header {
	background-color: transparent;
	background-image: -webkit-gradient(linear, right top, left top, from(#2923e6), to(#6b69fb));
	background-image: -webkit-linear-gradient(right, #2923e6, #6b69fb);
	background-image: linear-gradient(to left, #2923e6, #6b69fb);
}
.single-price-table.layout-three.active .price-header span.package-amount {
	color: #fff;
}
.package-amount {
	position: absolute;
	left: -183px;
	transform: rotate(-90deg);
	background: #00c0e5;
	padding: 7px 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 390px;
	text-align: center;
	font-size: 25px;
	font-weight: 600;
	color: #ffffff;
	z-index: 2;
	/* transform: translate(0, 64px); */
	top: 210px;
}
.single-pricing-bx{
	padding: 0 40px;
}
.single-pricing-bx:hover .package-amount {
	background: #ffffff;
	color: #31348c;
	box-shadow: 0 0 10px 0px #dce5e169;
	border: 2px solid #31348c;
	border-bottom: 0;
}

@media (max-width: 991.98px) {
	.price-space.spacer-150 {
		height: 70px;
	}
	.price-area.home-two .spacer-80 {
		height: 40pxs;
	}
}
section#ht-princing-post-section .main-btn {
	flex: 1 1 auto;
	/* margin-top: 25px; */
	padding: 17px 30px;
	text-align: left;
	text-transform: unset;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	/* box-shadow: 0 0 20px #eee; */
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;

	word-break: break-word;
	display: inline-block;
	transition: 0.3s ease-in-out;
}

section#ht-princing-post-section .main-btn:hover {
	background-position: right center; /* change the direction of the change here */
}
section#ht-princing-post-section .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
section#ht-princing-post-section i.fa.fa-long-arrow-right {
	font-size: 15px;
	padding-left: 60px;
	transition: 0.3s ease-in-out;
}
.ht-princing-link {
	position: relative;
}
section#ht-princing-post-section .single-pricing-bx:hover .btn-1 {
	background: transparent;
	transition: 0.3s ease-in-out;
}
section#ht-princing-post-section .single-pricing-bx:hover .main-btn i.fa.fa-long-arrow-right {
	padding-left: 20px;
	transition: 0.3s ease-in-out;
}

/*=== for active pricing box ===*/
/*.single-pricing-bx:nth-child(2) .single-price-table {
    background-color: #31348c;
    }*/
    .single-pricing-bx:nth-child(2) .single-price-table .price-design-elemnts {
    	filter: alpha(opacity=100);
    	visibility: visible;
    	opacity: 1;
    }
/*.single-pricing-bx:nth-child(2) .single-price-table .price-body ul li{
	    color: #ffffff;
	    }*/
	    .single-pricing-bx:nth-child(2) .single-price-table .ht-princing-link .btn-1{
	    	background: transparent !important;
	    }
	    .single-pricing-bx:nth-child(2) .single-price-table .btn-1 i.fa.fa-long-arrow-right{
	    	padding-left: 20px !important;
	    }
	    .single-pricing-bx:nth-child(2) .package-amount{
	  /*  color: #31348c;
	  background-color: #ffffff;*/
	  border: 2px solid #31348c;
	  border-bottom: 0;
	}
	.single-pricing-bx:nth-child(2) .single-price-table .price-body ul li i.fa.fa-check,
	.single-pricing-bx:nth-child(2) .single-price-table .price-body ul li i.fa.fa-times{
		color: #ffffff;
	}
/*.single-pricing-bx:nth-child(2) .single-price-table .price-header span.package-title{
	color: #ffffff;
	}*/
	/*=== for active pricing box ===*/

/*--------------------------------------------------------------
## Pricing Section
--------------------------------------------------------------*/ 

/*=========  Service Shortcode  ===============*/

div#content-box .single-item-overlay{
	position: relative;
	margin-bottom: 25px;
}
div#content-box .single-item-overlay .img-box{
	position: relative;
	overflow: hidden;
}
div#content-box .single-item-overlay .img-box:before{
	position: absolute;
	content: '';
	background-image: url("images/shap.png");
	width: 100%;
	height: 44px;
	left: 0px;
	bottom: -1px;
	z-index: 1;
	transition: all 900ms ease;
}
div#content-box .single-item:hover .img-box:before{
	bottom: -45px;
	transition: all 900ms ease;
}
div#content-box .single-item-overlay .img-box img {
	width: 100%;
}
div#content-box .single-item-overlay .img-box .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(62, 206, 190, 0.6);
	width: 100%;
	transform: scale(0.7,0);
	transition: .5s ease-in-out;
	opacity: 0.9;
}
div#content-box .single-item:hover .img-box .overlay {
	transform: scale(1,1);
	transition: .5s ease-in-out;
}
div#content-box .single-item-overlay .inner-box {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
div#content-box .single-item-overlay .content {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top: -20%;
	transition: .2s cubic-bezier(0.4, 0, 1, 1);
}
div#content-box .single-item:hover .content {
	top: 0;
	transition: .5s cubic-bezier(0.4, 0, 1, 1);
	transition-delay: .3s;
}
div#content-box .single-item-overlay .content li a {
	color: #222;
	display: inline-block;
	font-size: 16px;
	background: #fff;
	width: 46px;
	height: 46px;
	text-align: center;
	border-radius: 50%;
	line-height: 46px;
}
div#content-box .single-item-overlay .content li a:hover{
	color: #3ecebe;
}
div#content-box .service-section .text{
	font-size: 15px;
}
div#content-box .service-section .single-item{
	margin-bottom: 42px;
}
div#content-box .service-section .sec-title h2{
	margin-bottom: 40px;
}
div#content-box .service-section .single-item h3{
	margin-bottom: 9px;
}
div#content-box .service-column {
	margin-bottom: 30px;
}
div#content-box .single-item-overlay .inner-box ul li:before {
	content: none;
}
div#content-box .service-column h3 a {
	font-weight: 700;
	letter-spacing: 0;
}
div#content-box .service-column .text {
	font-size: 14px;
	letter-spacing: 1px;
}
/*=========  Service Shortcode  ===============*/

/*   testimonials shortcode  */
div#content-box .single-testimonial {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	/*background: #fff;*/
	z-index: 4;
}
div#content-box .single-testimonial .thumb {
	position: relative;
	margin-left: 20px;
}
div#content-box .single-testimonial .thumb img {
	border-radius: 50%;
	height: 140px;
	width: 140px !important;
}
div#content-box .single-testimonial .content {
	-ms-flex-preferred-size: 82%;
	flex-basis: 82%;
	padding-left: 60px;
}
div#content-box .single-testimonial .content .author-logo {
	display: inline-block;
}
div#content-box .single-testimonial .thumb::after {
	content: "";
	left: -20px;
	top: -20px;
	height: 180px;
	width: 180px;
	position: absolute;
	border: 2px solid #f6fbff;
	border-radius: 50%;
}
div#content-box .single-testimonial .thumb .icon {
	position: absolute;
	top: -18px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: #ffd57f;
	text-align: center;
	line-height: 31px;
	border-radius: 50%;
	font-size: 14px;
	z-index: 2;
	-webkit-box-shadow: 0 6px 12px 0px rgba(198, 148, 31, 0.3);
	box-shadow: 0 6px 12px 0px rgba(198, 148, 31, 0.3);
}
div#content-box .single-testimonial .content {
	font-size: 20px;
}
div#content-box .testimonial-meta .name {
	font-size: 30px;
	font-weight: 700;
}
div#content-box .testimonial-meta .designation {
	font-size: 16px;
	color: #00bbee;
}
div#content-box .testimonial-carousel {
	/*background: #fff;*/
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 70px;
	padding-bottom: 30px;
	border-radius: 15px;
	position: relative;
	-webkit-box-shadow: 0px 6px 12px 0px #00497628;
	box-shadow: 0px 6px 12px 0px #00497628;
	/* z-index: 3 !important;*/
	margin-bottom: 90px;
}
div#content-box .single-testimonial p {
	font-style: normal;
	font-weight: normal;
	margin-bottom: 25px;
}

div#content-box .testimonial-carousel::after, 
div#content-box .testimonial-carousel::before {
	content: "";
	position: absolute;
	left: 20px;
	bottom: -20px;
	width: calc(100% - 40px);
	height: 20px;
	-webkit-box-shadow: 0px 6px 12px 0px #00497628;
	box-shadow: 0px 6px 12px 0px #00497628;
	z-index: -1;
	border-radius: 0px 0px 15px 15px;
}
div#content-box .testimonial-carousel::after, 
div#content-box .testimonial-carousel::before {
	-webkit-box-shadow: 0px 6px 12px 0px rgb(0, 73, 118, 0.1);
	box-shadow: 0px 6px 12px 0px rgb(0, 73, 118, 0.1);
	z-index: 2;
	background: rgba(255, 255, 255, 0.2);
}
div#content-box .testimonial-carousel::before {
	background: rgba(255, 255, 255, 0.04);
}
div#content-box .testimonial-carousel::after, 
div#content-box .testimonial-carousel::before {
	-webkit-box-shadow: 0px 6px 12px 0px rgb(0, 73, 118, 0.1);
	box-shadow: 0px 6px 12px 0px rgb(0, 73, 118, 0.1);
	z-index: 2;
	background: rgba(255, 255, 255, 0.2);
}
div#content-box .testimonial-carousel::before {
	left: 40px;
	bottom: -40px;
	width: calc(100% - 80px);
}
/**/


/*================================*/
@media screen and (min-width: 287px) and (max-width: 1200px){
	div#support .support-number{
		padding-left: 40px !important;
	}
	div#support .back-gradient{
		width: 60% !important;
	}
	.steps-post-boxes {
		padding: 0 0%;
	}
	div#content-box .our-team .pic img {
		height: 210px !important;
		width: 210px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 1024px){
	.single-testimonial i.fa.fa-quote-left{
		left: -145px;
	}
	.steps-post-boxes {
		padding: 0 0%;
	}
	header.page-main-header .hex.eleven{
		left: 200px;
	}
}
@media screen and (min-width: 320px) and (max-width: 768px){
	.gallery-columns-3 .gallery-item {
		max-width: 24.33%;
	}
	section#appointment .single-testimonial i.fa.fa-quote-left{
		left: -110px;
	}
	div#steps-area{
		background-position: top 35% center;
	}

	.single-steps:nth-child(4), 
	.single-steps:nth-child(5) {
		padding-left: 0;
	}
	.single-steps:nth-child(6) {
		clear: inherit;
		padding-left: 0;
	}
	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: 0;
	padding: 15px 15px;
	width: 290px !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;
	}
	
	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 .owl-carousel{display: block;}
div#main-slider .owl-theme .owl-nav {
	margin-top: 0;
}
div#main-slider .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

div#main-slider .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 40s infinite;
	animation: square 40s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
div#main-slider li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}

div#main-slider .bubbles li:nth-child(1) {
	width: 150px;
	height: 150px;
	left: 10%;
}
div#main-slider .bubbles li:nth-child(2) {
	width: 180px;
	height: 180px;
	left: 40%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
div#main-slider .bubbles li:nth-child(3) {
	width: 100px;
	height: 100px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}

div#main-slider .bubbles li:nth-child(4) {
	width: 160px;
	height: 160px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
}

div#main-slider .bubbles li:nth-child(5) {
	width: 100px;
	height: 100px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}

div#main-slider .bubbles li:nth-child(6) {
	width: 100px;
	height: 100px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}

div#main-slider .bubbles li:nth-child(7) {
	width: 100px;
	height: 100px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px);
		transform: translateY(-1080px);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px) rotate(180deg);
		transform: translateY(-1080px) rotate(180deg);
	}
}
div#main-slider .item {
	/*height: 100vh;*/
	position: relative;
}
div#main-slider .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main-slider .slider_gradiant{
	padding: 75px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background: #3fff;*/
    /*opacity: 0.5;*/
}
div#main-slider .item .cover {
	/*padding: 75px 0;*/
	/*position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	display: flex;*/
}
div#main-slider .item .cover .header-content {
	position: absolute;
	padding: 56px 30px;
	overflow: hidden;
	top: 23%;
	left: 85px;
	width: 55%;
}
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: 700;
	font-size: 73px;
	color: #fff;
	margin: 0;
	line-height: 80px;
	word-break: break-word;
	border-left: 6px solid #5da4f2;
	padding-left: 30px;
}
div#main-slider .item .cover .header-content .slidetxt {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	line-height: 25px;
	padding: 28px 150px 40px 40px;
}
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: 15%;
	bottom: 50px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background-image: linear-gradient(to right, #4ac6eb, #596be9);
	width: 50px;
	cursor: pointer;
	height: 50px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 50%;
	line-height: 50px;
	font-weight: bold;
}

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 {
	opacity: 0.7;
}
div#main-slider .owl-nav .owl-next {
	position: absolute;
	left: 20%;
	bottom: 50px;
	opacity: 0;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background-image: linear-gradient(to right, #4ac6eb, #596be9);
	width: 50px;
	cursor: pointer;
	height: 50px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 50%;
	line-height: 50px;
	font-weight: bold;
}

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 {
	opacity: 0.7;
}
div#main-slider:hover .owl-prev {
	left: 11%;
	opacity: 1;
}
div#main-slider:hover .owl-next {
	left: 15%;
	opacity: 1;
}
div#main-slider .owl-dots {
	position: absolute;
	right: 15px;
	transform: rotate(90deg);
	top: 50%;
}
div#main-slider .owl-theme .owl-dots .owl-dot span {
	width: 37px;
	height: 2px;
	margin: 5px 4px;
	background: #ffffff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 0;
}
div#main-slider .owl-theme .owl-dots button.owl-dot.active span {
	height: 5px;
	background: #ffffff;
}

/*---------------- button ----------------*/

div#main-slider main {
	 /*min-width: 320px;
	 min-height: 200px;*/
	 /* margin: 0 auto;*/
	 display: flex;
	 /*align-items: center;
	 justify-content: center;
	 flex-direction: column;*/
	}
	div#main-slider .btn {
		display: block;
		position: relative;
		background-image: linear-gradient(to right, #4ac6eb, #596be9);
		color: white;
		border-radius: 8px;
		padding: 14px 30px;
		font-size: 16px;
		text-decoration: none;
		transition: all 0.214s ease-in-out;
		z-index: 2;
		font-weight: 600;
		white-space: normal;
		margin-left: 40px;
	}
	div#main-slider .btn i.fa.fa-long-arrow-right {
		padding-left: 20px;
		font-weight: normal;
	}
	div#main-slider .btn:hover, 
	div#main-slider .btn:focus {
		cursor: pointer;
		/*background: #ec003f;*/
		color: white;
	}
	div#main-slider .individual-bubble {
		position: absolute;
		border-radius: 50%;
		top: 0;
		background-image: linear-gradient(to right, #4ac6eb, #596be9);
		z-index: -1;
	}
	/*================ Slider Call Box =================*/ 
	div#main-slider {
		position: relative;
	}

	.slide-four{
		border: none;
		border-radius: 10px;
		/* text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.48); */
		overflow: hidden;
		padding: 20px 50px 20px 70px;
		margin-bottom: 20px;
		font-size: 20px;
		position: relative;
		color: #58d8e8;
		outline: none;
		cursor: pointer;
		/* width: 100%; */
		-webkit-transition: background-position .7s,box-shadow .4s;
		transition: background-position .7s,box-shadow .4s;
		background-size: 110%;
	}
	.slide-four:hover{
		background-position: 0% 30%;
	}
	.slide-four:hover:after{
		right: 0px;
		-webkit-transition: right .4s,-webkit-transform 30s .2s linear;
		transition: right .4s,-webkit-transform 30s .2s linear;
		transition: right .4s,transform 30s .2s linear;
		transition: right .4s,transform 30s .2s linear,-webkit-transform 30s .2s linear;
	}
	.slide-four:before, .slide-four:after{
		font-family: FontAwesome;
		display: block;
		position: absolute;
	}
	.slide-four:before {
		-webkit-transition: all 1s;
		transition: all 1s;
		font-size: 30px;
		left: 35px;
		top: 19px;
	}
	.slide-four:after{
		-webkit-transition: right .4s, -webkit-transform .2s;
		transition: right .4s, -webkit-transform .2s;
		transition: right .4s, transform .2s;
		transition: right .4s, transform .2s, -webkit-transform .2s;
		font-size: 60px;
		opacity: .3;
		right: -120px;
		top: 0px;
	}
	.slide-four {
		position: absolute;
		right: 95px;
		bottom: -57px;
		z-index: 5;
		background: #ffffff;
		box-shadow: 0 0 20px 20px #dce5e13d;
		padding: 41px 30px 41px 110px;
		font-size: 24px;
		font-weight: 500;
		width: 400px;
		word-break: break-word;
	}
	.slide-four:before {
		content: "\f095";
		background-image: radial-gradient( circle farthest-corner at 34% 12%,#6d95f5 20%,#28c4e6 90.3% );
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
		font-weight: bold;
		border-radius: 50%;
		color: #ffffff;
		font-size: 25px;
		top: 30px;
	}
	.slide-four:hover:after {
		-webkit-transform: rotate(3000deg);
		transform: rotate(3000deg);
		color: #000;
	}
	.slide-four:hover:before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	.slide-four:after, .slide-four:before {
		content: "\f095";
	}
	.slide-four b {
  /*color: #1CF4FF;
  font-weight: 700;*/
}
/*--------------------------------------------------------------
# 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: "\f059";
	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: "\f122";
	font-family: 'Fontawesome';
	transform: rotate(-90deg);
}
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;
	letter-spacing: 1px;
}
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;
	}
}

.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;
}

/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/

div#content-box .our-team{ text-align: center;  margin-bottom: 50px;}
div#content-box .our-team .pic{
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 20px;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
div#content-box .our-team .pic:before,
div#content-box .our-team .pic:after{
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 100px 0 0 rgba(255, 255, 255, 0.01) inset, 0 100px 0 rgba(255, 255, 255, 0.01) inset, -100px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -100px 0 rgba(255, 255, 255, 0.01) inset;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 300ms linear 0s;
}
div#content-box .our-team .pic:after{
	transform: rotate(45deg);
}
div#content-box .our-team:hover .pic:after,
div#content-box .our-team:hover .pic:before{
	box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
}
div#content-box .our-team .pic img{
	width: 100%;
	height: 260px;
	transform: scale(1);
	transition: all 300ms linear 0s;
}
div#content-box .our-team:hover .pic img{
	transform: scale(1.1);
}
div#content-box .our-team .title{
	display: block;
	/*font-size: 20px;*/
	font-weight: 700;
	color: #d33f49;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	word-break: break-word;
}
div#content-box .our-team .post{
	display: block;
	font-size: 14px;
	font-weight: 600;
}
div#content-box .our-team .social{
	padding: 0;
	margin: 25px 0 0 0;
	list-style: none;
}
div#content-box .our-team .social li{
	display: inline-block;
	margin-right: 5px;
}
div#content-box .our-team .social li:before {
	content: none;
}
div#content-box .our-team .social li a{
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 0 15px 0 15px;
	background: #d33f49;
	font-size: 15px;
	color: #fff;
	transition: all 300ms linear 0s;
}
div#content-box .our-team:hover .social li a{
	border-radius: 15px 0 15px 0;
	background: #eca400;
}
#content-box div#content-box .our-team .social li:before {
	content: none;
}


/*--------------------------------------------------------------
# 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 {
	background: #ffffff;
	padding-bottom: 4em;
}
.facility-main-wrapper.facility-box {
	clip-path: ellipse(125% 97% at 50% 0%);
	background: linear-gradient(to bottom, #7989f8 40%, #50b2f1 70%);
	padding-bottom: 15em;
	padding-top: 5em;
}
div#facility .section-subheading.text-center {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 8px;
}
div#facility h2.section-heading.text-center span {
	font-weight: 700;
}
div#facility h2.section-heading.text-center {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 12px;

}
div#facility .facility-icon-box.type7{margin-top:45px;margin-bottom: 70px;  padding-right: 75px;}
div#facility .facility-icon-box.type7 .icon-wrapper{    
	margin: 0 0 40px 0;
	z-index: 9;

}
div#facility .facility-icon-box.type7 .icon-wrapper span{
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 45px;
	line-height: 80px;
	display: inline-block;
	background: none!important;
	position: relative;
	left: 3px;
	color: #129cf5;
}
div#facility .facility-icon-box.type7 .icon-content h4 a{
	font-size: 25px;
	/* text-transform: uppercase; */
	font-weight: 700;
	padding-bottom: 7px;
	color: #ed9a54;
}
div#facility p {
	font-size: 16px;
	padding-top: 8px;
}
div#facility .facility-icon-box.type7 .icon-wrapper:before {
	position: absolute;
	width: 80px;
	height: 80px;
	background: #fefefe;
	content: "";
	z-index: -9;
	border-radius: 50%;
	line-height: 90px;
	box-shadow: 0px 0px 20px 0px #63616187;
}
div#facility .facility-icon-box.type7 .icon-wrapper .facility__icon{margin:0 auto;transition:all 400ms linear;-moz-transition:all 400ms linear;-ms-transition:all 400ms linear;-webkit-transition:all 400ms linear}
div#facility .facility-icon-box.type7:hover .icon-wrapper .facility__icon{transform:translateX(30px) translateY(-35px);-moz-transform:translateX(30px) translateY(-35px);-ms-transform:translateX(30px) translateY(-35px);-webkit-transform:translateX(30px) translateY(-35px)}

.facility-main-wrapper.facility-box:after {
	content: "";
	height: 350px;
	width: 350px;
	background-image: linear-gradient( to bottom,#8599f8 40%,#78a7f7 70%);
	position: absolute;
	top: 90px;
	right: -75px;
	z-index: -1;
	border-radius: 50%;
	/* overflow: hidden; */
	-webkit-animation: sp 3s linear infinite;
	animation: sp 3s linear infinite;
}
.facility-main-wrapper.facility-box:before {
	content: "";
	height: 770px;
	width: 770px;
	background-image: linear-gradient(#7ea0f7 40%, #68b8f5 70%);
	position: absolute;
	top: 205px;
	right: -230px;
	z-index: -1;
	border-radius: 50%;
	/*animation: 3s linear 0s infinite normal none running spin;*/
}
.facility-single-bx {
	position: relative;
	z-index: 1;
}
.facility-main-wrapper.facility-box {
	position: relative;
}
div#facility {
	overflow: hidden;
}
@-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);
	}
}
/*--------------------------------------------------------------
# End Facility Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
div#about img {
	width: 100%;
}
div#about .section-title-subtitle:after {
	width: 80px;
	height: 10px;
	position: absolute;
	content: "";
	display: inline-block;
	width: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #10a9e2;
	border-left: none;
	right: auto;
	left: 0;
	bottom: 0;
	border-top: none;
	border-right: none;
}
div#about .section-title-subtitle:before {
	width: 80px;
	height: 10px;
	position: absolute;
	content: "";
	display: inline-block;
	width: 45px;
	border-width: 2px;
	border-style: solid;
	border-color: #10a9e2;
	border-left: none;
	right: auto;
	left: 0;
	bottom: 5px;
	border-top: none;
	border-right: none;
}
div#about .section-subheading {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 15px;
}
div#about h2.section-heading span {
	font-weight: 700;
}
div#about h2.section-heading {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 25px;
	word-break: break-word;
}
div#about .section-text {
	font-size: 16px;
	line-height: 28px;
	padding: 0;
	margin-bottom: 2em;
	font-weight: 700;
}
div#about .section-title-subtitle {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 0;
}
div#about .section-subtext {
	font-size: 16px;
	line-height: 28px;
	padding: 0;
	margin-bottom: 4em;
	font-weight: normal;
	padding-right: 25px;
}
div#about .main-btn {
	flex: 1 1 auto;
	/* margin-top: 25px; */
	padding: 17px 30px;
	text-align: left;
	/* text-transform: uppercase; */
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	/* box-shadow: 0 0 20px #eee; */
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;

	word-break: break-word;
	display: inline-block;
}

div#about .main-btn:hover {
	background-position: right center; /* change the direction of the change here */
}
div#about .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
div#about i.fa.fa-long-arrow-right {
	font-size: 15px;
	padding-left: 50px;
}
div#about .year_box.text-center {
	position: absolute;
	right: auto;
	bottom: -75px;
	background: #788af8;
	font-size: 18px;
	font-weight: 500;
	padding: 40px 30px 30px 30px;
	width: 160px;
	height: 160px;
	left: -60px;
	color: #ffffff;
	line-height: 25px;
	z-index: 1;
}
div#about .year_box.text-center h5 {
	font-size: 45px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

div#about img.img-responsive {
	padding-right: 4em;
}
div#about .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
div#about .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 40s infinite;
	animation: square 40s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
div#about li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}
div#about .bubbles li:nth-child(1) {
	width: 10px;
	height: 10px;
	left: 10%;
}
div#about .bubbles li:nth-child(2) {
	width: 20px;
	height: 20px;
	left: 40%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
div#about .bubbles li:nth-child(3) {
	width: 10px;
	height: 10px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
div#about .bubbles li:nth-child(4) {
	width: 16px;
	height: 16px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
}
div#about .bubbles li:nth-child(5) {
	width: 10px;
	height: 10px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}
div#about .bubbles li:nth-child(6) {
	width: 10px;
	height: 10px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}
div#about .bubbles li:nth-child(7) {
	width: 10px;
	height: 10px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px);
		transform: translateY(-1080px);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px) rotate(180deg);
		transform: translateY(-1080px) rotate(180deg);
	}
}
.about-left-box {
	padding-top: 40px;
	padding-left: 4em;
}
div#about .year_box.text-center h5 {
	padding-top: 20px;
}
/*--------------------------------------------------------------
# End About Section
--------------------------------------------------------------*/


/*================ Appointment ===================*/
section#appointment {
	position: relative;
}
.complete-top-bx {
	padding-bottom: 10em;
	position: relative;
	z-index: 1;
}
.app-test-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: linear-gradient( 100deg,#333f7bde 30%,#5864a0 75%);
	opacity: 0.85;
	background-size: cover;
	z-index: 1;
}
section#appointment .appointmentsection .inside-full-height {
	border-bottom-left-radius: 80px;
}
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{

}
section#appointment .ht-appintment-member-wrap {
	margin-top: auto;
	margin-bottom: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 70px 40px 70px 40px;
}

.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: 0;
	font-weight: 500;
	width: 100%;
	color: #989898;
	margin: 0 0 10px 0;
	padding: 15px 25px;
	font-size: 16px;
	height: 55px;
}
.ht-appintment-member-wrap select {
	background: #ffffff;
	font-weight: 500;
}
.ht-appintment-member-wrap input[type=file] {
	padding-left: 0;
	font-size: 16px;
	margin: 0;
}
.ht-appintment-member-wrap span.wpcf7-list-item{
	display: inline-block;
	margin: 0 1em 0 0em;
	/* font-weight: 500; */
}

.ht-appintment-member-wrap span.wpcf7-list-item-label {
	font-weight: 600;
}
.ht-appintment-member-wrap option {
	position: relative;
	bottom: 12px;
}
section#appointment .section-heading.text-center {
	font-size: 35px;
	font-weight: 500;
	padding-bottom: 25px;
	word-break: break-word;
}
section#appointment .section-heading.text-center span {
	font-weight: 700;
}
section#appointment .section-subheading.text-center {
	color: #000000;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 7px;
}
section#appointment input[type="submit"] {
	font-size: 16px;
	font-weight: 500;
	background: #ffffff;
	color: #30cce3;
	padding: 12px 40px;
	border-radius: 6px;
	text-align: left;
	margin-top: 25px;
}
section#appointment .timesection {
	position: relative;
	z-index: 1;
	background: #ffffff;
	padding: 20px;
	height: 100%;
}
section#appointment .timesection .inside-full-height {
	padding: 55px 40px 20px 40px;
}
section#appointment .single-time {
	font-weight: 500;
	font-size: 16px;
	color: #232323;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	justify-content: space-between;
	transition: 0.3s ease-in-out;
	padding-bottom: 15px;
	padding-top: 15px;
}
section#appointment .single-time:last-child {
	border-bottom: 0;
}
section#appointment .single-time span {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	word-break: break-word;
}    
@keyframes sp {
	from {
		transform: translate(0, 0px);
	}

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

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

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 label {
	width: 100%;
}

.ht-appintment-member-wrap input[type="text"]:focus, 
.ht-appintment-member-wrap input[type="email"]:focus, 
.ht-appintment-member-wrap input[type="url"]:focus, 
.ht-appintment-member-wrap input[type="password"]:focus, 
.ht-appintment-member-wrap input[type="search"]:focus, 
.ht-appintment-member-wrap input[type="number"]:focus, 
.ht-appintment-member-wrap input[type="tel"]:focus, 
.ht-appintment-member-wrap input[type="range"]:focus, 
.ht-appintment-member-wrap input[type="date"]:focus, 
.ht-appintment-member-wrap input[type="month"]:focus, 
.ht-appintment-member-wrap input[type="week"]:focus, 
.ht-appintment-member-wrap input[type="time"]:focus, 
.ht-appintment-member-wrap input[type="datetime"]:focus, 
.ht-appintment-member-wrap input[type="datetime-local"]:focus, 
.ht-appintment-member-wrap input[type="color"]:focus, 
.ht-appintment-member-wrap input[type=file], 
.ht-appintment-member-wrap textarea:focus{
	outline: 2px solid #768ef8;
	outline-offset: -3px;

}
.ht-appintment-member-wrap input[type=file] {
	outline: none;
}
section#appointment span.wpcf7-form-control-wrap.Email:after,
section#appointment span.wpcf7-form-control-wrap.your-email:after {
	content: "\f0e0";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	position: absolute;
	right: 17px;
	color: #000;
	top: 10px;
}
section#appointment span.wpcf7-form-control-wrap.Name:after {
	content: "\f007";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	position: absolute;
	right: 17px;
	color: #000;
	top: 10px;
}
section#appointment span.wpcf7-form-control-wrap.Message:after,
section#appointment span.wpcf7-form-control-wrap.your-message:after,
section#appointment span.wpcf7-form-control-wrap.your-subject:after{
	content: "\f075";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	position: absolute;
	right: 17px;
	color: #000;
	top: 10px;
}
section#appointment span.wpcf7-form-control-wrap.Url:after{
	content: "\f141";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	position: absolute;
	right: 21px;
	color: #000;
	top: 10px;
}
section#appointment span.wpcf7-form-control-wrap.Quiz:after {
	content: "\f122";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
	position: absolute;
	right: 17px;
	color: #000;
	top: 10px;
}
section#appointment input[type="submit"]:hover {
	color: #768ef8;
	background: #ffffff;
	font-weight: 600;
}
/*------------ End App Section*/


/*------------ Features Section--------------*/
div#featured {
	padding-top: 7em;
	/*clip-path: ellipse(82% 100% at 50% 0%);*/
}
.featured-main-wrapper {
	clip-path: ellipse(75% 100% at 50% 0%);
	background: linear-gradient(to bottom, #7989f8 40%, #50b2f1 70%);
	background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
	padding-bottom: 9em;
}
div#featured .main-btn {
	flex: 1 1 auto;
	/* margin-top: 25px; */
	padding: 16px 30px;
	text-align: left;
	/* text-transform: uppercase; */
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	/* box-shadow: 0 0 20px #eee; */
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	display: block;
	word-break: break-word;
}

div#featured .main-btn:hover {
	background-position: right center; /* change the direction of the change here */
}
div#featured .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
div#featured i.fa.fa-long-arrow-right {
	font-size: 15px;
	/* padding-left: 10px; */
	text-align: right;
	float: right;
	line-height: 24px;
}
.featured-single-bx {
	margin-top: -115px;
}

div#featured span.feature__icon i.fa{
	font-size: 80px;
}


/*====================================================
    feature-area 3
    ====================================================*/

    .feature-area {
    	padding-top: 113px;
    	position: relative; }

    	.feature-area .sec-heading .sec__title {
    		line-height: 55px; }

    		.feature-area .service-button {
    			margin-top: 80px;
    			text-align: right; }

    			.feature-area .feature-box {
    				margin-top: 25px;
    				text-align: center; }
    				.feature-area .feature-box .feature-item {
    					position: relative;
    					background-color: #fff;
    					-webkit-border-radius: 20px 0 20px 0;
    					-moz-border-radius: 20px 0 20px 0;
    					border-radius: 7px;
    					-webkit-box-shadow: 0px -5px 11px 0px #e8ebe96e;
    					-moz-box-shadow: 0px -5px 11px 0px #e8ebe96e;
    					box-shadow: 0px -5px 11px 0px #e8ebe96e;
    					-webkit-transition: all 0.3s;
    					-moz-transition: all 0.3s;
    					-ms-transition: all 0.3s;
    					-o-transition: all 0.3s;
    					transition: all 0.3s;
    					padding: 60px 30px 30px 30px;
    					margin-bottom: 30px;
    					z-index: 1;
    					-webkit-box-shadow: 0px -5px 11px 0px #e8ebe96e;
    					box-shadow: 0px -5px 11px 0px #e8ebe96e;
    				}
    				.feature-area .feature-box .feature-item:after {
    					position: absolute;
    					content: '';
    					top: 0;
    					width: 100%;
    					height: 5px;
    					/* background: linear-gradient( 30deg,#4ac6eb 10%,#596be9);*/
    					left: 0;
    					-webkit-border-radius: 4px;
    					-moz-border-radius: 4px;
    					border-radius: 4px;
    					-webkit-transform: scale(0);
    					-moz-transform: scale(0);
    					-ms-transform: scale(0);
    					-o-transform: scale(0);
    					transform: scale(0);
    					-webkit-transition: all 0.3s;
    					-moz-transition: all 0.3s;
    					-ms-transition: all 0.3s;
    					-o-transition: all 0.3s;
    					transition: all 0.3s;
    				}
    				.feature-area .feature-box .feature-item .feature__number {
    					font-size: 97px;
    					position: absolute;
    					top: 10px;
    					left: 10px;
    /*width: 60px;
    height: 55px;*/
    font-weight: 600;
    line-height: 55px;
    color: rgba(35, 61, 92, 0.3);
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
    z-index: 1;
    /* -webkit-transform: scale(0); */
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    /* transform: scale(0); */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.feature-area .feature-box .feature-item .feature__title {
	padding-top: 15px;
	padding-bottom: 25px;
}
.feature-area .feature-box .feature-item .feature__title a {
	color: #233d63;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 25px;
	font-weight: 600;
	word-break: break-word;
}
.feature-area .feature-box .feature-item .feature__desc {
	font-size: 16px;
	color: #677286;
	line-height: 28px;
	font-weight: 500; }


	.feature-area .feature-box .feature-item:hover:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1); }
		.feature-area .feature-box .feature-item:hover:before {
			opacity: 0.2;
			visibility: visible;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1); }
			.feature-area .feature-box .feature-item:before {
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url("https://techydevs.com/demos/themes/html/minzel/images/dots3.png");
				background-size: cover;
				background-position: center;
				z-index: -1;
				opacity: 0;
				visibility: hidden;
				-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				-o-transition: all 0.5s;
				transition: all 0.5s;
				-webkit-transform: scale(0.6);
				-moz-transform: scale(0.6);
				-ms-transform: scale(0.6);
				-o-transform: scale(0.6);
				transform: scale(0.6); }
				.pd-5{
					padding: 5px;
				}
				/*------------ 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-element-blog .bg-hovered .thumb_backound:hover .animeblogtitle{
		transform: translateY(-70px) !important;
		-webkit-transform: translateY(-70px) !important;
	}
	div#content-box .our-team .pic img{
		height: 210px;
	}
	div#support .back-gradient{
		width: 60% !important;
	}
	div#support .support-number{
		
		padding-left: 25px !important;
	}
	
	div#main-slider .owl-nav .owl-prev{
		bottom: 15px;
		left: 15%;
	}
	div#main-slider .owl-nav .owl-next{
		bottom: 15px;
		left: 21%;
	}
	div#main-slider .item .cover .header-content{
		top: 20%;
		left: 70px;
	}
	div#main-slider .item .cover .header-content .slidetxt{
		padding: 15px 150px 20px 40px;
	}
	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: 35.33%;
	}
	section#appointment .sbox-2:hover .sbox-2-icon{
		-webkit-transform: translate3d(0, 130px, 0);
		transform: translate3d(0, 130px, 0);
	}
	
	section#appointment .single-time span{
		font-size: 15px;
	}
	section#appointment .timesection .inside-full-height{
		padding: 55px 10px 25px 10px !important;
	}
	
}
@media screen and (min-width: 320px) and (max-width: 768px){
	header.page-main-header .breadcrumb-area{
		right: 35px;
	}
	header.page-main-header .inner-page-title-box h1{
		padding-left: 25px;
	}
	header.page-main-header .bubbles{
		width: 90%;
	}
	footer#ht-colophon .footer-main-column{
		border: 0;
	}
	.woocommerce ul.cart_list li .star-rating, 
	.woocommerce-page ul.cart_list li .star-rating, 
	.woocommerce ul.product_list_widget li .star-rating, 
	.woocommerce-page ul.product_list_widget li .star-rating{
		display: inline-table;
	}
	
	.about-left-box{
		padding-left: 1em;
	}
	.ht-site-info{
		text-align: center;
	}
	#ht-bottom-footer .text-right {
		text-align: center;
		padding-top: 10px;
	}
	div#content-box .single-testimonial .thumb img {
		border-radius: 50%;
		height: 140px;
		width: 160px !important;
	}
	div#content-box .our-team .pic img {
		height: 270px;
		width: 270px;
	}
	section#ht-princing-post-section i.fa.fa-long-arrow-right {
		padding-left: 20px;
	}
	div#support .welcome{
		font-size: 55px !important;
	}
	div#support .support-number {
		padding-left: 20px !important;
	}
	div#support .back-gradient {
		width: 70% !important;
	}
	div#main-slider .owl-dots{
		right: 0;
	}
	div#main-slider .item .cover .header-content{
		padding: 0 30px;
		top: 8%;
		left: 25px;
	}
	div#main-slider .item .cover .header-content .slidetxt{
		padding-right: 0;
	}
	div#main-slider .item .cover .header-content {
		width: 95%;
		left: 40px;
	}
	div#about,
	div#about img.img-responsive {
		padding-right: 0 !important;
	}
	div#about .year_box.text-center{
		left: 0;
	}
	.slide-four {
		bottom: -80px !important;
	}
	.featured-main-wrapper{
		clip-path: ellipse(100% 100% at 50% 0%);
	}
	div#about{
		padding-bottom: 10em !important;
		padding-top: 3em !important;
	}
	.about-right-img {
		padding-top: 2em;
	}
	div#about .section-subtext{
		padding-right: 0;
		margin-bottom: 3em;
	}
	.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: 14.33%;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#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: 180px !important;
	}
	ul.nav.navbar-nav ul.sub-menu li a {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}
	ul.sub-menu {
		
	}
	ul.nav.navbar-nav li:hover > ul{
		left: 0;
	}
	ul.nav.navbar-nav li{
		margin: 5px 0px 5px 0 !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: 60px;
		line-height: 65px;
	}
	
	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){
	header.page-main-header .inner-page-title-box h1 {
		padding-left: 0;
		text-align: center;
	}
	header.page-main-header .breadcrumb-area {
		right: 0;
		text-align: center;
	}
	header.page-main-header{
		clip-path: ellipse(100% 110% at 50% -20%);
	}

	header.page-main-header .bubbles li:nth-child(1) {
		width: 30px;
		height: 30px;
		left: 10%;
	}
	header.page-main-header .bubbles li:nth-child(2) {
		width: 40px;
		height: 40px;
		left: 40%;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		-webkit-animation-duration: 60s;
		animation-duration: 60s;
	}
	header.page-main-header .bubbles li:nth-child(3) {
		width: 30px;
		height: 30px;
		left: 60%;
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
		-webkit-animation-duration: 60s;
		animation-duration: 60s;
	}

	header.page-main-header .bubbles li:nth-child(4) {
		width: 20px;
		height: 20px;
		left: 80%;
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
		-webkit-animation-duration: 45s;
		animation-duration: 45s;
	}

	header.page-main-header .bubbles li:nth-child(5) {
		width: 40px;
		height: 40px;
		left: 50%;
		-webkit-animation-delay: 20s;
		animation-delay: 15s;
		-webkit-animation-duration: 35s;
		animation-duration: 35s;
	}

	header.page-main-header .bubbles li:nth-child(6) {
		width: 30px;
		height: 30px;
		left: 10%;
		-webkit-animation-delay: 20s;
		animation-delay: 15s;
		-webkit-animation-duration: 65s;
		animation-duration: 65s;
	}

	header.page-main-header .bubbles li:nth-child(7) {
		width: 40px;
		height: 40px;
		left: 90%;
		-webkit-animation-delay: 20s;
		animation-delay: 45s;
		-webkit-animation-duration: 30s;
		animation-duration: 30s;
	}


	header.page-main-header .bubbles {
		width: 65%;
	}
	section#appointment .single-testimonial,
	section#appointment .ht-appintment-member-wrap{
		padding-right: 20px !important;
		padding-left: 20px !important;
	}
	div#service{
		padding-top: 5em !important;
		padding-bottom: 0 !important;
	}
	div#featured {
		padding-top: 9em !important;
	}
	#ht-bottom-footer li a {
		font-size: 15px;
	}
	footer#ht-colophon .footer-phone-tagline{
		text-align: center;
	}
	footer#ht-colophon .footer-main-column{
		padding-right: 0;
	}
	footer#ht-colophon .footer-last-column {
		padding-left: 35px;
	}
	footer#ht-colophon .footer-phone-tagline i.fa{
		margin: 0 auto;
		margin-bottom: 30px;
	}
	footer#ht-colophon .footer-phone-tagline i.fa {
		display: block;
		text-align: center;
	}
	section#ht-blog-box .section-element-blog .bg-hovered .thumb_backound h3,
	section#ht-blog-box h3.animeblogtitle a{
		line-height: 22px !important;
		font-size: 17px;
	}
	section#ht-blog-box .lightbox {
		clip-path: ellipse(150% 70% at 50% 70%);
	}
	.facility-single-bx{
		text-align: center;
	}
	div#facility .facility-icon-box.type7{
		padding-right: 0;
	}
	.facility-main-wrapper.facility-box{
		clip-path: ellipse(190% 97% at 50% 0%);
		padding-bottom: 10em;
	}
	.facility-main-wrapper.facility-box:before{
		top: 345px;
		right: -420px;
	}
	.facility-main-wrapper.facility-box:after{
		top: 200px;
	}
	div#content-box .testimonial-meta .designation {
		display: block;
	}
	div#content-box .single-testimonial .thumb .icon {
		position: absolute;
		top: -18px;
		right: 0;
		width: 30px;
		height: 30px;
		background: #ffd57f;
		text-align: center;
		line-height: 31px;
		border-radius: 50%;
		font-size: 14px;
		z-index: 2;
		-webkit-box-shadow: 0 6px 12px 0px rgba(198, 148, 31, 0.3);
		box-shadow: 0 6px 12px 0px rgba(198, 148, 31, 0.3);
		left: 0;
		margin: 0 auto;
	}
	div#content-box .single-testimonial .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	div#content-box .single-testimonial{
		display: block;
	}
	div#content-box .single-testimonial .thumb::after{
		content: "";
		left: 0;
		top: -9px;
		height: 180px;
		width: 180px;
		position: absolute;
		border: 2px solid #f6fbff;
		border-radius: 50%;
		right: 0;
		margin: 0 auto;
	}
	div#content-box .single-testimonial .thumb img {
		border-radius: 50%;
		height: 160px;
		width: 160px !important;
	}
	div#content-box .testimonial-carousel{
		padding-left: 0;
		padding-right: 0;
	}
	div#content-box .our-team .pic img {
		height: 260px;
		width: 260px;
	}
	.single-pricing-bx {
		padding: 0 0 0 40px;
	}
	div#support .back-gradient{
		padding-left: 20px !important;
	}
	div#support .welcome {
		font-size: 30px !important;
	}
	div#support i.fa.fa-phone{
		font-size: 30px !important;
		width: 60px !important;
		height: 60px !important;
		line-height: 60px !important;
		left: 50px !important;
	}
	div#support cite{
		font-size: 25px !important;
	}
	div#support .back-gradient {
		width: 90% !important;
	}
	div#steps-area .section-text{
		margin-bottom: 5em;
	}
	.slide-four:after{
		top: 20px;
	}
	div#main-slider .btn{
		padding: 12px 10px;
		font-size: 12px;
	}
	div#main-slider .bubbles li:nth-child(1) {
		width: 50px;
		height: 50px;
		left: 10%;
	}
	div#main-slider .bubbles li:nth-child(2) {
		width: 40px;
		height: 40px;
		left: 40%;
	}
	div#main-slider .bubbles li:nth-child(3) {
		width: 50px;
		height: 50px;
		left: 50%;
	}
	div#main-slider .bubbles li:nth-child(4) {
		width: 30px;
		height: 30px;
		left: 70%;
	}
	div#main-slider .bubbles li:nth-child(5){
		width: 50px;
		height: 50px;
		left: 50%;
	}
	div#main-slider .bubbles li:nth-child(6){
		width: 50px;
		height: 50px;
		left: 10%;
	}
	div#main-slider .bubbles li:nth-child(7){
		width: 50px;
		height: 50px;
		left: 80%;
	}
	div#main-slider .owl-dots {
		position: absolute;
		right: 5px;
		transform: rotate(0deg);
		bottom: 0;
		top: auto;
	}
	.slide-four {
		position: relative;
		right: auto;
		bottom: 5px !important;
		z-index: 1;
		background: #ffffff;
		box-shadow: 0 0 0px 2px #dce5e147;
		padding: 35px 30px 35px 100px;
		font-size: 24px;
		font-weight: 500;
		margin: 0 5%;
		text-align: center;
		width: auto;
	}
	.slide-four:before {
		left: 17%;
		top: 30%;
	}
	.slide-four{
		padding: 25px 30px 25px 100px;
	}
	.slide-four span {
		display: block;
	}
	.featured-main-wrapper{
		padding-bottom: 6em;
		clip-path: ellipse(175% 100% at 50% 0%);
	}
	div#steps-area {
		background-position: top 25% center;
	}
	.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: 25.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: 20px !important;
	    line-height: 20px !important;
	}
	div#main-slider .item .cover .header-content {
		/* position: absolute; */
		padding: 15px 0;
		/* bottom: 0; */
		top: 0;
		width: 80%;
		left: 50px;
	}
	div#main-slider .item .cover .header-content .slidetxt {
		font-size: 11px;
		/* margin: 0px 20px 0px 20px; */
		line-height: 17px;
		padding: 5px;
	}
	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){
	div#main-slider .item .cover .header-content {
		width: 80%;
		left: 10px;
	}
	.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;
		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){
	footer#ht-colophon .footer-phone-tagline{
		font-size: 18px;
	}
	.facility-main-wrapper.facility-box:before {
		top: 400px;
		right: -470px;
	}
	section#ht-princing-post-section i.fa.fa-long-arrow-right {
		padding-left: 10px;
	}
	div#main-slider .item .cover .header-content {
		width: 80%;
	}
	div#main-slider .btn {
		padding: 5px 5px;
		font-size: 8px;
		margin-left: 25px;
	}
	div#main-slider .item .cover .header-content .slidetxt {
		font-size: 11px;
		line-height: 11px;
		padding-left: 7px;
		padding-right: 2px;
	}
	div#main-slider .item .cover .header-content h2 {
		padding-left: 8px;
	}
	.slide-four {
		padding: 25px 30px 25px 80px;
	}
	.slide-four:before {
		left: 10%;
		top: 30%;
	}
	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: 38.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;
	}
}

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;
	border: 0;
	padding: 0;
}
div#secondary ul.sub-menu li {
	padding-left: 0;
}

/*===  support section====*/
div#support {
	padding: 10% 0;
	position: relative;
	    z-index: 1;
}
div#support .support-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: radial-gradient( circle farthest-corner at 0% 0%,#36c2e300 40%,#6d95f5 90.3% );
	opacity: 0.95;
	background-size: cover;
	z-index: 1;
}
div#support .support-cont {
	position: relative;
	z-index: 9999;
}
div#support cite {
	font-size: 36px;
	display: inline-block;
	font-style: normal;
	border: 2px solid #4553a5;
	padding: 2px 50px;
	border-radius: 30px;
	line-height: 50px;
	font-weight: 600;
	word-break: break-word;
}
div#support i.fa.fa-phone {
	display: inline-block;
	font-size: 40px;
	font-weight: bold;
	background-image: radial-gradient( circle farthest-corner at 9% 10%,#798bf9 59%,#57abf3 100.3% );
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%;
	position: relative;
	left: 55px;
}
div#support .back-gradient {
	height: 100%;
	width: 57%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 0;
	border-top-left-radius: 250px;
	border-bottom-left-radius: 250px;
	padding-left: 30px;
	float: right;
}
div#support .welcome{
	position: relative;
	text-align: center;
	top: 50%;
	margin: 0;
	padding: 0;
	font-size: 69px;
	color: #fff;
	width: 100%;
	height: 80%;
	background-size: 1000% 800%;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	padding: 10% 2%;
}
div#support .support-number {
	padding-top: 40px;
	padding-left: 90px;
	line-height: 70px;
	word-break: break-word;
}

div#support .back-gradient,   
div#support .welcome {
	/*background: linear-gradient(90deg, #414c9d, #f29b56, #6d95f5, #45e3a6, #6d95f5, #414c9d);*/
	background: linear-gradient(90deg, #414c9d, #6d95f5, #6d95f5, #6d95f5, #6d95f5, #414c9d);
	background-size: 1000% 600% !important;
	-webkit-animation: Gradient 5s ease infinite;
	-moz-animation: Gradient 5s ease infinite;
	animation: Gradient 5s ease infinite;

}

@-webkit-keyframes Gradient {
	0% {
		background-position: -1% 0;
	}
	100% {
		background-position: 110% 0;
	}
	
}

@-moz-keyframes Gradient {
	0% {
		background-position: -1% 0;
	}
	100% {
		background-position: 110% 0;
	}
	
}
@keyframes Gradient {
	0% {
		background-position: -1% 0;
	}
	100% {
		background-position: 110% 0;
	}
	
}
div#support .cont{
	background-color: white;
	width: 100%;
	height: 100%;
	border-top-left-radius: 250px;
	border-bottom-left-radius: 250px;
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
	div#support .back-gradient,   
	div#support .welcome {
		background: linear-gradient(90deg, #660033, #ffcc99, #c999ff, #13dbdb, #003535, #660033);
		background-size: 1000% 400% !important;
		-webkit-animation: Gradient 15s ease infinite;
		-moz-animation: Gradient 15s ease infinite;
		animation: Gradient 15s ease infinite;
		
	}
}
@media screen and (max-width: 1299px){
	/*.top-bar-head,
	.main-bar { background: none !important;}*/
	header.site-header { position: absolute;}
.hamburger-menus {top: 80px;}

div#main-slider .item .cover .header-content{	width: 80%;}
/*div#main-slider .item .cover .header-content{top: -13%;}*/
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	
	div#support .back-gradient{
		/*padding: 1%;*/
	}
	
	div#support .back-gradient,   
	div#support .welcome {
		background: linear-gradient(90deg, #660033, #ffcc99, #c999ff, #13dbdb, #003535, #660033);
		background-size: 800% 250% !important;
		-webkit-animation: Gradient 15s ease infinite;
		-moz-animation: Gradient 15s ease infinite;
		animation: Gradient 15s ease infinite;
		
	}
	
	@-webkit-keyframes Gradient {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 115% 0;
		}
		
	}
	@-moz-keyframes Gradient {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 115% 0;
		}
		
	}
	@keyframes Gradient {
		0% {
			background-position: 0 0;
		}
		100% {
			background-position: 115% 0;
		}
		
	}
}





/*=========== extra effects ===============*/





.services-box-mobile {
	padding-bottom: 55px;
}
.services-box {
	text-align: center;
	display: block;
	position: relative;
	font-size: 16px;
	line-height: 23px;
/*	padding: 52px 30px 30px 30px;
min-height: 339px;*/
}
.logo:hover .services-box svg {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}
.services-box svg {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: 45px;
	width: 100%;
}
.services-box i {
	font-size: 90px;
	line-height: 90px !important;
	position: absolute;
	top: 54px;
	left: 50%;
	transform: translateX(-50%) rotate(0.1deg);
}
.services-box i::before {
	display: block;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.services-box i[class*="icon"].icon-shoes {
	font-size: 120px;
	line-height: 90px !important;
}
.services-box.fill-bg-4 .icon{
	color: #fff;
}
.services-box .icon-box {
	/*height: 125px;*/
	-webkit-backface-visibility: hidden;
}
.icon-box > img {
	height: 125px;
	display: inline;
}
.services-box .title {
	margin-top: 12px;
	margin-bottom: 10px;
	font-size: 22px;
	padding-bottom: 5px;
	line-height: 30px;
	text-transform: uppercase;
	font-family: "Rubik", sans-serif;
	font-weight: normal;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.services-box p {
	font-weight: 400;
}
.services-box.fill-bg-1 {
	color: #fff;
}
@media (max-width: 767px) {
	.service-box-1 {
		position: relative;
		top: 0px !important;
	}
}
@media (max-width: 1199px) {
	div#main-slider .item .cover .header-content{top:20%;padding:4px;}

	div#main-slider .item .cover .header-content h2{ font-size: 60px;}
	.services-box .title {
		display: flex;
		min-height: 65px;
		align-items: center;
		justify-content: center;
	}
}
@media (min-width: 1025px) {
	.services-box:hover .title {
		margin-top: 5px;
		margin-bottom: 17px;
	}
	.services-box:hover i[class*="icon"]::before {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		-o-transform: scale(1.3);
		transform: scale(1.3);
	}
}
@media (max-width: 1023px){
	header.site-header {position: relative;}
	.hamburger-menus {top: 42px;}
	.top-bar-head,
	.main-bar { background: none !important;}
	div#main-slider .owl-theme .owl-nav{display: none;}
	div#main-slider .item .cover .header-content {
    top: 5%;
}
}
@media (max-width: 991px) {
div#main-slider .item .cover .header-content { width: 95%;
}
}
@media (max-width: 880px) {
div#main-slider .item .cover .header-content h2{
    font-size: 40px;line-height: 40px ;
}  
}
.services-box.fill-bg-1 .icon {
	color: #7093f6;
}
.services-box.fill-bg-1 svg {
	fill: #7093f6;
}
.text-terns {
	margin-bottom: 41px;
	padding: 0 15px;
	text-align: center;
}


@media (max-width: 577px) {
	.text-terns {
		margin-top: 0;
		margin-bottom: 20px;
		padding: 0 38px;
	}
}
.services-box.fill-bg-2 {
	color: #5e5e5e;
}

.services-box.fill-bg-2 .icon {
	color: #5e5e5e;
}

.services-box.fill-bg-2 svg {
	fill: #454545;
}

.services-box.fill-bg-3 {
	color: #fff;
}

.services-box.fill-bg-3 .icon {
	color: #fff;
}
.services-box.fill-bg-3 svg {
	fill: #fff;
}
.logo:hover .svg-washer-icon .disc,
.logo:hover .services-box .disc {
	animation: rotateDisc 300ms 400ms infinite linear;
}

.svg-washer-icon .disc {
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 64% 0;
	animation: rotateDisc 300ms 400ms infinite linear;
}

@-webkit-keyframes rotateDisc {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

@-moz-keyframes rotateDisc {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

@-o-keyframes rotateDisc {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}

@keyframes rotateDisc {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
.svg-hanger-icon .hanger {
	transform-origin: 50% 0%;
}

.svg-hanger-icon:hover .hanger,
.services-box:hover .hanger {
	animation: hanger 1000ms infinite linear;
}

@-webkit-keyframes hanger {
	0% {
		transform: rotateY(0deg);
	}
	66% {
		transform: rotateY(360deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

@-moz-keyframes hanger {
	0% {
		transform: rotateY(0deg);
	}
	66% {
		transform: rotateY(360deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

@-o-keyframes hanger {
	0% {
		transform: rotateY(0deg);
	}
	66% {
		transform: rotateY(360deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

@keyframes hanger {
	0% {
		transform: rotateY(0deg);
	}
	66% {
		transform: rotateY(360deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

.svg-hanger-icon .clothes {
	transform-origin: 50% 0%;
}

.svg-hanger-icon:hover .clothes,
.services-box:hover .clothes {
	animation: clothes 3000ms infinite linear;
}

@-webkit-keyframes clothes {
	0% {
		fill: #5ebb60;
	}
	33% {
		fill: #5ebb60;
	}
	34% {
		fill: #454545;
	}
	65% {
		fill: #454545;
	}
	66% {
		fill: #2a6496;
	}
	100% {
		fill: #2a6496;
	}
}

@-moz-keyframes clothes {
	0% {
		fill: #5ebb60;
	}
	33% {
		fill: #5ebb60;
	}
	34% {
		fill: #454545;
	}
	65% {
		fill: #454545;
	}
	66% {
		fill: #2a6496;
	}
	100% {
		fill: #2a6496;
	}
}

@-o-keyframes clothes {
	0% {
		fill: #5ebb60;
	}
	33% {
		fill: #5ebb60;
	}
	34% {
		fill: #454545;
	}
	65% {
		fill: #454545;
	}
	66% {
		fill: #2a6496;
	}
	100% {
		fill: #2a6496;
	}
}

@keyframes clothes {
	0% {
		fill: #5ebb60;
	}
	33% {
		fill: #5ebb60;
	}
	34% {
		fill: #454545;
	}
	65% {
		fill: #454545;
	}
	66% {
		fill: #2a6496;
	}
	100% {
		fill: #2a6496;
	}
}

.svg-vacuumcleaner-icon .tube {
	transform-origin: 0% 0%;
}

.svg-vacuumcleaner-icon .tube,
.services-box .tube {
	animation: tube 1000ms infinite linear;
}

@-webkit-keyframes tube {
	0% {
		transform: skew(-2deg);
	}
	50% {
		transform: skew(1deg);
	}
	100% {
		transform: skew(-2deg);
	}
}

@-moz-keyframes tube {
	0% {
		transform: skew(-2deg);
	}
	50% {
		transform: skew(1deg);
	}
	100% {
		transform: skew(-2deg);
	}
}

@-o-keyframes tube {
	0% {
		transform: skew(-2deg);
	}
	50% {
		transform: skew(1deg);
	}
	100% {
		transform: skew(-2deg);
	}
}

@keyframes tube {
	0% {
		transform: skew(-2deg);
	}
	50% {
		transform: skew(1deg);
	}
	100% {
		transform: skew(-2deg);
	}
}

.svg-vacuumcleaner-icon .hose {
	transform-origin: 100% 50%;
}

.svg-vacuumcleaner-icon .hose,
.services-box .hose {
	animation: hose 1000ms infinite linear;
}

@-webkit-keyframes hose {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-moz-keyframes hose {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@-o-keyframes hose {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes hose {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.svg-vacuumcleaner-icon .vacuumcleaner {
	transform-origin: 0% 0%;
}

.svg-vacuumcleaner-icon .vacuumcleaner,
.services-box .vacuumcleaner {
	animation: vacuumcleaner 1000ms infinite linear;
}

@-webkit-keyframes vacuumcleaner {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-2%);
	}
	100% {
		transform: translateX(0);
	}
}

@-moz-keyframes vacuumcleaner {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-2%);
	}
	100% {
		transform: translateX(0);
	}
}

@-o-keyframes vacuumcleaner {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-2%);
	}
	100% {
		transform: translateX(0);
	}
}

@keyframes vacuumcleaner {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-2%);
	}
	100% {
		transform: translateX(0);
	}
}

.rs-glow-1 {
	animation: glow 1500ms infinite linear;
}

.rs-glow-2 {
	animation: glow 2500ms infinite linear;
}

.rs-glow-3 {
	animation: glow 3500ms infinite ease;
}

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

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

@-o-keyframes glow {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes glow {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.animated:not(.no-animate) {
	-webkit-animation-duration: .9s;
	animation-duration: .9s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
}
.animation {
	opacity: 0;
	opacity: 1\9;
}
.animation.no-animate {
	opacity: 1 !important;
	animation-name: none !important;
	-webkit-animation-name: none !important;
	-moz-animation-name: none !important;
}








div#service {
	padding-top: 6em;
	padding-bottom: 0em;
	overflow: hidden;
	    position: relative;
    z-index: 1;
}

div#service .section-subheading.text-center {
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 8px;
}
div#service h2.section-heading.text-center span {
	font-weight: 700;
}
div#service h2.section-heading.text-center {
	font-size: 45px;
	font-weight: 500;
	padding-bottom: 12px;
}
div#service .section-text {
	font-size: 16px;
	line-height: 25px;
	padding: 0 7%;
	margin-bottom: 4em;
}
div#service .main-btn {
	flex: 1 1 auto;
	/* margin-top: 25px; */
	padding: 16px 20px;
	text-align: left;
	/* text-transform: uppercase; */
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
	/* box-shadow: 0 0 20px #eee; */
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	word-break: break-word;
}

div#service .main-btn:hover {
	background-position: right center; /* change the direction of the change here */
}
div#service .btn-1 {
	background-image: linear-gradient(to right, #51b0f2 0%, #788af8 51%, #293263 0%);
}
div#service i.fa.fa-long-arrow-right {
	font-size: 15px;
	padding-left: 15px;
}
.section-element-blog .bg-hovered .thumb_backound h3{
	margin: 0;
}
div#service h3 a{
	font-size: 33px;
	font-weight: 700;
	line-height: 34px;
}
div#service .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
div#service .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 40s infinite;
	animation: square 40s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
div#service li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}
div#service .bubbles li:nth-child(1) {
	width: 10px;
	height: 10px;
	left: 10%;
}
div#service .bubbles li:nth-child(2) {
	width: 20px;
	height: 20px;
	left: 40%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
div#service .bubbles li:nth-child(3) {
	width: 10px;
	height: 10px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
div#service .bubbles li:nth-child(4) {
	width: 16px;
	height: 16px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
}
div#service .bubbles li:nth-child(5) {
	width: 10px;
	height: 10px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}
div#service .bubbles li:nth-child(6) {
	width: 10px;
	height: 10px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}
div#service .bubbles li:nth-child(7) {
	width: 10px;
	height: 10px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px);
		transform: translateY(-1080px);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px) rotate(180deg);
		transform: translateY(-1080px) rotate(180deg);
	}
}



/*=============== code for Blog & Services ===============*/
.section-element-blog .bg-hovered .thumb_backound{
	background-size: cover !important;
	background-position: center;
	background-repeat: no-repeat !important;
	position: relative;
	/*height: 382px !important;*/
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	border-radius: 7px;
	text-align: left;

}
.section-element-blog .bg-hovered .thumb_backound .entry-hover{
	border-radius: 7px;position: absolute;top: 0;bottom: 0;left: 0;right: 0; background-image: linear-gradient( to top,#293263 -20%,transparent 80% );-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
	.section-element-blog .bg-hovered .thumb_backound .blog-date{
		-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
		.section-element-blog .bg-hovered .thumb_backound .blog-date a{
			font-weight: 500;font-size: 12px;color: #fff;z-index: 5;position: relative;transition: all .4s ease-in-out;text-transform: uppercase;}
			.section-element-blog .bg-hovered .thumb_backound .animeblogtitle{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound .animeblogtext{opacity: 0;height: 0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound a,.section-element-blog .bg-hovered .thumb_backound p{position: relative;z-index: 5;}
			.section-element-blog .bg-hovered .thumb_backound p{    font-size: 16px;  font-weight: 600;  word-break: break-word;}
			.section-element-blog .bg-hovered .thumb_backound .uk-button:hover{background: transparent;color: #000 !important;}
			.section-element-blog .bg-hovered .thumb_backound h3{margin-bottom: 27px;color: #ffffff;font-weight: 500;text-decoration: none;line-height: 30px;font-size: 22px;z-index: 5;position: relative;}
			.section-element-blog .bg-hovered .thumb_backound h3 a{    word-break: break-word;color: #fff;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
			.section-element-blog .bg-hovered .thumb_backound:hover .blog-date{-webkit-transform: translateY(-110px);-ms-transform: translateY(-110px);transform: translateY(-110px);-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound:hover .blog-date a{color: #666;}
			.section-element-blog .bg-hovered .thumb_backound:hover .animeblogtitle{-webkit-transform: translateY(-90px);-ms-transform: translateY(-90px);transform: translateY(-90px);-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound:hover .animeblogtext{-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound:hover .animeblogbutton{-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
			.section-element-blog .bg-hovered .thumb_backound:hover h3,
			.section-element-blog .bg-hovered .thumb_backound:hover a,
			.section-element-blog .bg-hovered .thumb_backound:hover p{z-index: 10;}
			.section-element-blog .bg-hovered .thumb_backound:hover p{height: auto !important;opacity: 1 !important;color: #ffffff;}
			.section-element-blog .bg-hovered .thumb_backound:hover .uk-button{color: #fff;}
			.section-element-blog .bg-hovered .thumb_backound:hover .entry-hover{opacity: 0.9;background-image: linear-gradient( to top,#2932632b -20%,#50b2f1c7 80% );}

			.uk-flex-column {
				flex-direction: column;
			}
			.uk-flex {
				position: absolute;
				bottom: 0;
				padding: 30px 30px 35px 30px;

			}

			/*=============== code for Blog & Services ===============*/






			body.page-template-blog-template header.site-header,
			body.page-template-templatesblog-left-sidebar-php header.site-header,
			body.page-template-blog-right-sidebar header.site-header,
			body.single-post header.site-header,
			body.archive.category header.site-header, 
			body.archive.tag header.site-header, 
			body.archive.date header.site-header,
			body.our-service-template-default.single.single-our-service header.site-header,
			body.page-template-default header.site-header,
			body.page-template-page-left-sidebar header.site-header,
			body.page-template-page-right-sidebar header.site-header,
			body.page-template-contact-template header.site-header,
			body.archive.post-type-archive.post-type-archive-product header.site-header, 
			body.product-template-default.single.single-product header.site-header, 
			body.archive.tax-product_cat header.site-header,
			body.home.blog header.site-header,
			body.page-template-sitemap-template header.site-header,
			body.archive.tax-product_tag header.site-header{
				position: relative;
				z-index: unset;
			}
			body.page-template-blog-template header.site-header .services-box.fill-bg-1 svg,
			body.page-template-templatesblog-left-sidebar-php header.site-header .services-box.fill-bg-1 svg,
			body.page-template-blog-right-sidebar header.site-header .services-box.fill-bg-1 svg,
			body.single-post header.site-header .services-box.fill-bg-1 svg,
			body.archive.category header.site-header .services-box.fill-bg-1 svg, 
			body.archive.tag header.site-header .services-box.fill-bg-1 svg, 
			body.archive.date header.site-header .services-box.fill-bg-1 svg,
			body.our-service-template-default.single.single-our-service header.site-header .services-box.fill-bg-1 svg,
			body.page-template-default header.site-header .services-box.fill-bg-1 svg,
			body.page-template-page-left-sidebar header.site-header .services-box.fill-bg-1 svg,
			body.page-template-page-right-sidebar header.site-header .services-box.fill-bg-1 svg,
			body.page-template-contact-template header.site-header .services-box.fill-bg-1 svg,
			body.archive.post-type-archive.post-type-archive-product header.site-header .services-box.fill-bg-1 svg, 
			body.product-template-default.single.single-product header.site-header .services-box.fill-bg-1 svg, 
			body.archive.tax-product_cat header.site-header .services-box.fill-bg-1 svg,
			body.home.blog header.site-header .services-box.fill-bg-1 svg,
			body.page-template-sitemap-template header.site-header .services-box.fill-bg-1 svg,
			body.archive.tax-product_tag header.site-header .services-box.fill-bg-1 svg{
				fill: #ffffff;
			}
			.inner-page-title-box, .breadcrumb-area {
				position: relative;
				z-index: 5;
			}
			div#secondary ul.sub-menu:before,
			div#secondary ul.sub-menu:after {
				content: none;
			}
			body.archive.category .page-main-header, 
			body.archive.tag .page-main-header, 
			body.archive.date .page-main-header{
				border-bottom: 3px solid #1d224c;
			}
			body.single-post .page-main-header,
			body.our-service-template-default.single.single-our-service .page-main-header{
/*background-image: radial-gradient( circle farthest-corner at 0% 50%,#5ba7f3 21%,#5ba7f3 100.3% );
*/
/*background-image: none;*/}
body.single-post .page-main-header h1.ht-main-title,
body.our-service-template-default.single.single-our-service .page-main-header h1.ht-main-title{
	color: #ffffff;
}
div#commentsAdd span {
	font-weight: bold;
}
div#secondary span.wpcf7-form-control-wrap select {
	background-image: none;
}
.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li,
li.wc-layered-nav-rating {
	list-style: none !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	border: 0;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	border: 0 !important;
}




.ht-top-footer ul.sub-menu:before,
.ht-top-footer ul.sub-menu:after {
	content: none !important;
	background-color: transparent !important;
}
div#ht-top-footer ul.sub-menu {
	background: transparent;
	border: 0;
}
footer#ht-colophon textarea:hover, footer#ht-colophon .widget select {
	background-image: none !important;
}
div#secondary label {
	/* width: 100%;*/
}

section#appointment .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 1;
}
section#appointment .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 40s infinite;
	animation: square 40s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
section#appointment li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}
section#appointment .bubbles li:nth-child(1) {
	width: 20px;
	height: 20px;
	left: 10%;
}
section#appointment .bubbles li:nth-child(2) {
	width: 30px;
	height: 30px;
	left: 40%;
}
section#appointment .bubbles li:nth-child(3) {
	width: 30px;
	height: 30px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 60s;
	animation-duration: 60s;
}
section#appointment .bubbles li:nth-child(4) {
	width: 10px;
	height: 10px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 45s;
	animation-duration: 45s;
}
section#appointment .bubbles li:nth-child(5) {
	width: 25px;
	height: 25px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}
section#appointment .bubbles li:nth-child(6) {
	width: 40px;
	height: 40px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}
section#appointment .bubbles li:nth-child(7) {
	width: 20px;
	height: 20px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}
#ht-bottom-footer .bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

#ht-bottom-footer .bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	background-image: url('https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png');
	background-size: 20px;
	bottom: -100px;
	-webkit-animation: square 20s infinite;
	animation: square 20s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}
#ht-bottom-footer li{
	background-image: url("https://www.fundacioarcadi.com/wp-content/uploads/2019/09/bombolla-01.png");
	background-size: cover !important;
}

#ht-bottom-footer .bubbles li:nth-child(1) {
	width: 50px;
	height: 50px;
	left: 10%;
}
#ht-bottom-footer .bubbles li:nth-child(2) {
	width: 40px;
	height: 40px;
	left: 40%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}
#ht-bottom-footer .bubbles li:nth-child(3) {
	width: 30px;
	height: 30px;
	left: 60%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

#ht-bottom-footer .bubbles li:nth-child(4) {
	width: 25px;
	height: 25px;
	left: 80%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}

#ht-bottom-footer .bubbles li:nth-child(5) {
	width: 40px;
	height: 40px;
	left: 50%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 35s;
	animation-duration: 35s;
}

#ht-bottom-footer .bubbles li:nth-child(6) {
	width: 30px;
	height: 30px;
	left: 10%;
	-webkit-animation-delay: 20s;
	animation-delay: 15s;
	-webkit-animation-duration: 65s;
	animation-duration: 65s;
}

#ht-bottom-footer .bubbles li:nth-child(7) {
	width: 20px;
	height: 20px;
	left: 90%;
	-webkit-animation-delay: 20s;
	animation-delay: 45s;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px);
		transform: translateY(-1080px);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-1080px) rotate(180deg);
		transform: translateY(-1080px) rotate(180deg);
	}
}
#ht-bottom-footer .text-right li {
	background-image: none !important;
	position: relative;
	z-index: 1;
}
@media screen and (min-width: 320px) and (max-width: 475px){
	section#appointment .bubbles{
		width: 50%;
	}
}

div#about {
	padding-top: 6em;
	position: relative;
	    overflow: hidden;
}
.services-box.fill-bg-3 svg {
	fill: #eeecef;
	height: 150px;
	width: auto;
}
.services-box.fill-bg-3{
	position: absolute;
	bottom: 0;
	/* width: auto; */
	left: 0;
}
div#facility{
	position: relative;
}
div#facility .services-box.fill-bg-3 {
	position: absolute;
	bottom: 15%;
	left: 0%;
}
div#facility .services-box.fill-bg-3 svg {
	fill: #68b8f5;
}


: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) }
}


header.page-main-header .hex {
	color: #e7ccf7;
	display: flex;
	font-size: 8px;
	height: calc(2em * var(--Radius));
	width: calc(2em * var(--radius));
}

header.page-main-header .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);
}

header.page-main-header .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);
}

header.page-main-header .center {
	position: absolute;
	left: -54px;
	top: 200px;
}

header.page-main-header .odd,
header.page-main-header .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);  
}

header.page-main-header .odd {
	animation-duration: 11s;
}
header.page-main-header .even {
	animation-duration: 7.333333333s;
}

header.page-main-header .hex.first {
	animation-delay: -6.2857142857s;
}
header.page-main-header .hex.second {
	animation-delay: -2.619047619s;
}
header.page-main-header .hex.third {
	animation-delay: 1.0476190476s;
}

@supports (animation-delay: calc(1 * 1s)) and (animation-duration: calc(1 * 1s)) {
	header.page-main-header .odd {
		animation-duration: calc(var(--time) * 1s);
	}
	header.page-main-header .even {
		animation-duration: calc( var(--time) * 2 / 3 * 1s);
	}
	
	header.page-main-header .hex.first {
		animation-delay: calc( var(--time) / -1.75 * 1s );
	}
	header.page-main-header .hex.second {
		animation-delay: calc( var(--time) * 1.25 / -5.25 * 1s );
	}
	header.page-main-header .hex.third {
		animation-delay: calc( var(--time) * -0.25 / -2.625 * 1s );
	}
}

header.page-main-header .hex.one {
	--offset-x: calc( var(--global-offset-x) * 1 );
	--offset-y: calc( var(--global-offset-y) * -1 );
	animation-name: odd-animation;
	bottom: -90px;
	left: 500px;
}
header.page-main-header .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 );
}
header.page-main-header .hex.three {
	--offset-x: calc( var(--global-offset-x) * 2 );
	--offset-y: calc( var(--global-offset-y) * 0 );
	animation-name: odd-animation;
	bottom: 0;
	left: 700px;
}
header.page-main-header .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 );
}
header.page-main-header .hex.five {
	--offset-x: calc( var(--global-offset-x) * 1 );
	--offset-y: calc( var(--global-offset-y) * 1 );
	animation-name: odd-animation;
	bottom: 0;
	left: 300px;
}
header.page-main-header .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;
}
header.page-main-header .hex.seven {
	--offset-x: calc( var(--global-offset-x) * -1 );
	--offset-y: calc( var(--global-offset-y) * 1 );
	animation-name: odd-animation;
	bottom: 0;
	left: 0;
}
header.page-main-header .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 );
}
header.page-main-header .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;
}
header.page-main-header .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 );
}
header.page-main-header .hex.eleven {
	--offset-x: calc( var(--global-offset-x) * -1 );
	--offset-y: calc( var(--global-offset-y) * -1 );
	animation-name: odd-animation;
	bottom: -110px;
	left: 1100px;
}
header.page-main-header .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;
}
/*================================*/
@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){
	.hamburger-menus{
    top: -20px;
}
	.ht-footer.ht-footer3.wow.pulse {
    clear: both;
}
	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;
	}
}

body.page-template-blog-template footer#ht-colophon,
body.page-template-templatesblog-left-sidebar-php footer#ht-colophon,
body.page-template-blog-right-sidebar footer#ht-colophon,
body.single-post footer#ht-colophon,
body.archive.category footer#ht-colophon, 
body.archive.tag footer#ht-colophon, 
body.archive.date footer#ht-colophon,
body.our-service-template-default.single.single-our-service footer#ht-colophon,
body.page-template-default footer#ht-colophon,
body.page-template-page-left-sidebar footer#ht-colophon,
body.page-template-page-right-sidebar footer#ht-colophon,
body.page-template-contact-template footer#ht-colophon,
body.archive.post-type-archive.post-type-archive-product footer#ht-colophon, 
body.product-template-default.single.single-product footer#ht-colophon, 
body.archive.tax-product_cat footer#ht-colophon,
body.home.blog footer#ht-colophon,
body.page-template-sitemap-template footer#ht-colophon,
body.archive.tax-product_tag footer#ht-colophon{
	overflow: hidden;
}
.services-box.fill-bg-1{
	display: none;
}

section#appointment .owl-carousel {
    z-index: 5;
}

