Changing background at foot of the page
-
Hi,
I added a widget – “footer one” to my web-site to include a Terms of Service / Privacy Policy / Cookies Policy.
A black background area has appeared around the widget and I can’t work out where it has come from or how to change it!
I would like to change the back area to colour #008080 to fit in with the rest of the site. Does anyone have any idea how to do this?
Thank you in advance.
The page I need help with: [log in to see the link]
-
Hi there,
Find out the CSS code from your style.css file and change the background color.
#ht-colophon .overlay { width: 100%; height: 100%; z-index: 10; background-color: rgba(31,47,63,0.9); /* padding: 2em 0 1em; */ }
Hi again,
Sorry I am having a little trouble with this. I think I have found the CSS code – see below. Not sure what I need to change.
/*
Theme Name: Pet Care Clinic
Theme URI: https://www.unboxthemes.com/themes/pet-care-clinic
Author: Unbox Themes
Author URI: https://www.unboxthemes.com
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pet-clinic-pro
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;
}figure {
}
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;
}
legend {
border: 0;
padding: 0;
}textarea {
overflow: auto;
}optgroup {
font-weight: bold;
}table {
border-collapse: collapse;
border-spacing: 0;
}td,
th {
padding: 0;
}/*————————————————————–
# Typography
————————————————————–*/
body,
button,
input,
select,
textarea {
color: #444;
font-size: 17px;
line-height: 1.6;
font-family: ‘Pontano Sans’, sans-serif;
font-weight: 400;
}h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 300;
line-height: 1.2;
font-family: ‘Oswald’, sans-serif;
}h1{
font-size: 28px;
margin-bottom: 15px;
}h2{
font-size: 26px;
margin-bottom: 15px;
}h3{
font-size: 30px;
margin:20px 0 15px 0;}
h4{
font-size: 22px;
margin-bottom: 10px;
}h5{
font-size: 20px;
margin-bottom: 10px;
}h6{
font-size: 18px;
margin-bottom: 10px;
}
p {
margin:0 0 15px;
}dfn,
cite,
em,
i {
font-style: italic;
}blockquote {
margin: 0 15px;
}pre {
background: #eee;
font-family: “Courier 10 Pitch”, Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
max-width: 100%;
overflow: auto;
padding: 15px;
}code,
kbd,
tt,
var {
font-family: Monaco, Consolas, “Andale Mono”, “DejaVu Sans Mono”, monospace;
font-size: 15px;
}abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}mark,
ins {
/*background: #fff9c0;*/
text-decoration: none;
}big {
font-size: 125%;
}/*————————————————————–
# Elements
————————————————————–*/
html {
box-sizing: border-box;
}*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}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: none;
padding: 0;
margin: 0;
}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: 0.6;
}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;
width: 100%;
margin: 2px 0px;
font-size: 14px;
}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: 10px 20px;}
textarea {
padding: 8px;
width: 100%;
}/*————————————————————–
## Links
————————————————————–*/
a {
color: #fc5b74;
text-decoration: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}a:visited {
}
a:hover{
color: #fe5722;
text-decoration: none;
}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 15px 15px 25px;
margin-bottom: 20px;
font-size: 18px;
color: #fff;
margin: 0;
position: relative;
display: block;
text-transform: uppercase;
margin: 0 0 25px;
background: #fc5b74;
}/*.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: 0px 0px 15px 0px;
margin: 25px;
}
.widget-area li a {
color: #777777;
}
.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: 8px 0;
line-height: normal;
color: #777777;
border-bottom: 1px solid #eeeeee;
}
.widget-area li:last-child {
border-bottom: none;
}
.widget-area li a:before {
content: “\f111″;
font-family: ‘Fontawesome’;
font-size: 8px;
font-weight: bold;
padding-right: 10px;
}
.widget-area a{
text-decoration: none;
color: #404040;
font-size: 15px;
}.widget-area a:hover{
color: #fe5722
}.widget-area .widget{
margin-bottom: 15px;
background: #fff;
box-shadow: 0px 3px 15px 0px rgba(212, 210, 210, 0.92);
margin-bottom: 25px;
}/*————————————————————–
## Sidebar Area
————————————————————–*/
#secondary{}
#secondary input[type=”text”]{
width: 100%px;
}/*————————————————————–
## 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:#ffffff;
}
#content-box a i{
color: #fc5b74;
}
#commentsAdd input[type=”submit”]{
background: #ec5597;
padding: 10px 20px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#commentsAdd input[type=”submit”]:hover{
background: #000;
border-radius: 5px;
}
.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
}#comments{
}
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%;
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
————————————————————–*/
.blogpagingation{
clear: both; */
text-align: center;
/* display: inline-flex; */
padding: 15px 20px;
/* background: #fc5b74; */
/* border-radius: 50px; */
position: relative;
z-index: 0;
/* margin-bottom: 30px; */
margin-top: 30px;
}.blogpagingation a{
padding: 6px 18px;
background: #f4f4f4;
border: none;
border-radius: 0;
font-size: 20px;
color: #82b440;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
transition: all 0.3s ease 0s;
}.blogpagingation a:hover{
/*background: #fe5722;*/
color:#fff;
}.blogpagingation .current, .blogpagingation a:hover{
color: #fff;
padding: 6px 18px;
border-radius: 20px;
background: #1475d3;
color: #fff;
box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
font-size: 20px;
}/*————————————————————–
## Galleries
————————————————————–*/
.ht-section-title.lz-gallery-heading:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 90px;
height: 60px;
margin: 0 auto;
right: 43%;
}
h2.ht-section-title.lz-gallery-heading {
text-align: center;
position: absolute;
z-index: 2000;
top: 35px;
font-size: 40px;
/* margin: 0 auto; */
left: 0;
}
h2.lz-gallery-backgrountext {
text-align: center;
font-size: 100px;
color: #ececec;
opacity: 0.6;
position: relative;
top: 0;
}
#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: 13.33%;
margin-bottom: 10px;
}.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;
}/*————————————————————–
## General
————————————————————–*/.breadcrumbbox {
padding:13px 0;
color:#ee5636;
border-bottom: 1px solid #ccc;
}
.breadcrumbbox span{
color:#000;
margin:0 3px;
}/*————————————————————–
## Header
————————————————————–*/
.ht-main-navigation ul.sub-menu li a {
border-top: none !important;
border-bottom: none !important;
padding: 12px 15px;
}.headder-appointment-btn li {
list-style-type: none;
padding: 15px 5px;
}
.headder-appointment-btn li a {
color: #ffffff;
font-family: ‘Courgette’, cursive;
font-size: 17px;
}
.headder-appointment-btn {
margin-top: 45px;
background: #fc5b74;
border-radius: 30px;
display: inline-block;
text-align: center;
}
.ht-main-navigation ul ul li.current_page_item a {
color: #fff;
}
fieldset input[type=”submit”] {
/* padding: 9px; */
padding-top: 10px;
padding-bottom: 10px;
/* padding-left: 5px; */
/* padding-right: 10px; */
width: 100px;
}
.lower-header {
background-color: #fff;
}.overlap-header {
position: relative;
top: 0px;
}
nav#ht-site-navigation ul li a:hover {
border-top: 5px solid #13aa1d;
color: #ac8e50;
border-radius: 0;
}
nav#ht-site-navigation ul ul li a:hover {
background: #ffffff;
color: #000;
border: none;
}
p.ht-site-title a {
color: #fc5b74;
}
#ht-masthead{
/* height: 85px; */
z-index: 99;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
background: #fff;
width: 100%;
}.ht-sticky-header #ht-masthead{
position: fixed;
left: 0;
right: 0;
z-index: 2000;
}.ht-sticky#ht-masthead{
height: 74px;
}.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{
background: #fc5b74;
color:#fff;
clear: both;
}.ht-main-title{
margin: 15px 0 15px;
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase;
}
.entry-content p a:hover{
color:#000;
}.ht-main-title:last-child{
margin-bottom: 0;
}.ht-site-title, .site-title{
font-family: ‘Oswald’, sans-serif;
font-weight: bold;
margin: 20px 0;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 32px;
line-height: 1;
line-height: 0px;
}
/*.logobox img {
margin: 20px 0;
}*/
.ht-site-title a, .site-title a{
text-decoration: none;
color: #fe5722;
}.ht-site-description{
color: #EEE;
margin: 0;
font-size: 15px;
line-height: 1;
}.ht-site-description a{
color: #ffffff;
font-family: ‘Roboto’, sans-serif;
font-size: 18px;
}#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
font-size: 15px;
margin: 0;
color: inherit;
display: none;
}
/*.single-productpage .innerpage-whitebox {
margin-top: 190px;
}
.single-productpage #sidebars {
margin-top: 190px;
}*/
.woocommerce .quantity .qty {
border: 1px solid #cdcdcd;
color: #000;
}.single-productpage .ht-main-title {
padding: 20px;
}
.woocommerce ul.product_list_widget li img{
margin:0 4px;
}
.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: 10px 0;
}
#ht-masthead input[type=”search”]::placeholder {
color: #fff;
}
/*————————————————————–
## General
————————————————————–*/.textcenter{
text-align: center;
}:hover{
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}section{
background: #FFF;
}
section .darkbox{
padding:3em 0;
background: rgba(0,0,0,0.6)
}
section .lightbox{
padding:3em 0;
}
.padding0{
padding: 0;
}.ht-section-title{
font-size: 40px;
font-weight: lighter;
color: #343434;
padding: 0px 10px;
margin: 0 auto;
font-weight: 500;
display: inline-block;
}.darkbox .ht-section-tagline{
font-size:16px;
width: 70%;
margin: 0 auto 0;
color:#fff;
}/*————————————————————–
## Menus
————————————————————–*/
.ht-main-navigation ul.sub-menu li a {
padding: 12px 15px;
}
.ht-main-navigation ul.sub-menu li.current_page_item a {
padding: 21px 15px;
/*background: #ffffff;*/
}
h1.ht-site-title a {
color: #fc5b74;
}
/*#ht-masthead .main-header {
height: 133px;
}*/
.header-right-box {
color: #ffffff;
font-size: 15px;
/*font-weight: bold;*/
/* font-family: ‘Roboto’, sans-serif; */
}
#ht-site-navigation{
/*float: right;
width: 70%;*/
padding:0px 0 0 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.header-right-box .header-phone, .header-right-box .header-email {
color: #ffffff;
font-size: 15px;
}
.ht-sticky #ht-site-navigation{
padding:0px 0;
}.ht-main-navigation .ht-menu{
/* float: right;*/
}.ht-main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}.ht-main-navigation li {
float: left;
position: relative;
/*margin-left: 10px;*/
padding:0;
}.ht-main-navigation a {
display: block;
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
/* font-family: ‘Oswald’, sans-serif; */
line-height: 36px;
padding: 0;
/* margin: 0 20px; */
font-weight: 400;
transition: none;
-moz-transition: none;
-webkit-transition: none;
font-family: ‘Roboto’, sans-serif;
padding: 10px 15px;
border-top: 5px solid transparent;
}
.ht-main-navigation a:hover {}
.ht-main-navigation ul ul {
display: none;
position: absolute;
left: 0;
top: 77%;
text-align: left;
background: #9bb70d;
min-width: 250px;
z-index: 999;
padding: 8px;
margin-top: 15px;
border-top: 2px solid #2d2d2d;
box-shadow: 2px 2px 8px rgba(0,0,0,0.05);
border-radius: 0 0 5px 5px;
}.ht-sticky .ht-main-navigation ul ul{
margin-top: 17px;
}.ht-main-navigation .ht-menu > ul > li:last-child > ul{
/*left: auto;
right: 0;*/
}.ht-main-navigation ul ul ul {
left: 100%;
top: 0;
margin: 0 0 0 8px;
border-top: 0;
}.ht-sticky .ht-main-navigation ul ul ul{
margin-top: 0
}.ht-main-navigation ul ul a {
text-transform: none;
font-weight: 400;
color: #ffffff;
line-height: 1.5;
padding: 10px 15px;
font-size: 14px;
border: none;
}.ht-main-navigation ul ul li {
float: none;
margin: 0 0 5px;
}.ht-main-navigation ul ul li:last-child{
margin-bottom: 0;
}.ht-main-navigation ul li:hover > ul {
display: block;
}/*.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 {
/*border-bottom:4px solid;*/
/* border-radius: 20px;*/
/* border: 2px solid #ffffff !important;
*/
}.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 {
border-top: 5px solid #13aa1d;
color: #13aa1d;
border-radius: 0;
}
#ht-masthead input[type=”search”]{
background: none;
border: 1px solid #fff;
border-radius: 30px;
padding: 10px;
padding-right: 80px;
height: 35px;
color:#fff;
}
#ht-masthead input[type=”submit”]{
position: absolute;
right: 21px;
top: 4px;
padding: 0 10px;
background: none;
z-index: 2000;
}
#ht-masthead span.sb-icon-search {
position: absolute;
right: 25px;
top: 4px;
color:#fff;
}
#ht-masthead ul.header-menu-links {
list-style: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
#ht-masthead ul.header-menu-links li{
float: left;
padding-right: 15px;
}
#ht-masthead ul.header-menu-links li i {
margin-right: 5px;
font-size: 20px;
}
#ht-masthead ul.header-menu-links li.mailto a{
color: #fff;
}
#ht-masthead ul.header-menu-links li.themetext {
float: left;
padding: 0 15px;
color:#fff;
font-size:16px;
}#ht-masthead .header-social-links a:hover{
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#ht-masthead .header-social-links span {
color: #fff;
font-size: 20px;
padding: 7px 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 19px;
border: 1px solid #fff;
background-color: #8a8a8a;
height: 35px;
width: 35px;
margin: 3px;
}
#ht-masthead .header-social-links span.fa-facebook{
padding: 7px 10px;
}
#ht-masthead .header-social-links a {
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 80px;
/* border: #13aa1d; */
background: #8a8a8a;
margin: 0px 2px;
}
.lower-header {
border-top: 1px solid #cdcdcd;
}
.upper-header {
background: #fff;
border-top: 3px solid #1276c4;
padding: 15px 0;
}
#ht-masthead .themetext {
color: #000;
font-size: 15px;
font-weight: 600;
font-family: ‘Open Sans’, sans-serif;
text-align: left;
}
#ht-masthead .themetext span {
color: #404040;
font-weight: 400;
}
#ht-masthead .themetext i {
color: #646464;
font-size: 30px;
margin-top: 3px;
}
#ht-masthead .headicon {
padding: 0;
text-align: center;
}
#ht-masthead .header-left {
padding: 0;
text-align: center;
margin: 0 auto;
}
/*————————————————————–
## Home Slider
————————————————————–*/.ht-slide-cap-desc.animated.fadeInDown {
font-size: 15px;
font-weight: 100;
font-family: ‘Poppins’,sans-serif;
}
.ht-slide-cap-title.animated.fadeInDown {
padding: 20px 45px;
font-size: 46px;
font-weight: 400;
letter-spacing: 1px;
text-align: center;
}
.ht-slide-cap-title.animated.fadeInDown span{
font-size: 50px;
font-weight: 800;
}
.bx-controls-direction {
display: block;
}
.ht-slide{
position: relative;
}.ht-slide img{
width: 100%;
}.ht-slide-overlay{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
}.ht-slide-caption{
position: absolute;
top: 50%;
left: 80%;
width: 610px;
margin-left: -585px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.8;
background: #508bb9;
border-radius: 50%;
padding: 145px 0;
}.ht-slide-cap-title{
font-size: 38px;
color: #FFF;
font-weight: 400;
padding: 0 9%;
line-height: 0.9;
font-family: ‘Oswald’, sans-serif;
letter-spacing: 2px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
padding: 8px 5px;
font-size: 48px;
font-weight: 600;
letter-spacing: 1px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
opacity: 1;
}
.ht-slide-cap-title:after {
position: absolute;
content: “”;
display: inline-block;
width: 20%;
height: 70px;
border-width: 1px;
border-style: solid;
border-color: #fff;
right: 40%;
border-top: none;
border-right: none;
border-left: none;
}
/*.ht-slide-cap-descmore{
text-align:center;
margin-top: 20px;
}
.ht-slide-cap-descmore a{
border-radius: 3px;
padding: 10px 25px;
font-size: 14px;
display: inline-block;
border: 1px solid #fff;
color: #fff;
opacity: 1;
background: #15aa1a;
}
.ht-slide-cap-descmore a:hover{
color: #fff;
opacity: 0.9;
/* background: #000; */
/* border: 1px solid #fff;
-webkit-transition-delay: 0s;
transform: scale(1.05) rotateZ(0deg);
-moz-transform: scale(1.05) rotateZ(0deg);
-webkit-transform: scale(1.05) rotateZ(0deg);
-o-transform: scale(1.05) rotateZ(0deg);*/
/*}*/
.ht-slidebtn {
text-align: center;
}
.ht-slide-cap-descmore{
padding: 20px 0;
display: inline-block;
border: solid 1px #fff;
padding: 0px;
min-height: 40px;
/* background-clip: content-box;
background-color: #1276c4;*/
font-size: 18px;
display: inline-block;
border-radius: 5px;
margin-top: 15px;
/* ————————-*/
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}.ht-slide-cap-descmore:hover, .ht-slide-cap-descmore:focus, .ht-slide-cap-descmore:active {
color: white;
}.ht-slide-cap-descmore:before {
content: “”;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #15aa19;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}.ht-slide-cap-descmore:hover:before, .ht-slide-cap-descmore:focus:before, .ht-slide-cap-descmore:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/*.ht-slide-cap-descmore:hover{
border: 1px solid #15aa1a;
background: #15aa1a;
background-clip: content-box;
}*/
.ht-slide-cap-descmore a{
color: #fff;
background: none;
padding: 10px 25px;
display: block;
font-size: 14px;
}.ht-slide-cap-title span{
display: inline-block;
padding: 8px 15px;
}.ht-slide-cap-desc{
font-size: 24px;
line-height: 1.4;
color: #fff;
padding: 35px 50px 20px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
/* padding-bottom: 20px; */
text-align: center;
}
.ht-slider-highlighttext {
font-size: 40px;
text-align: center;
font-family: ‘Dancing Script’, cursive !important;
}
#ht-home-slider-box .bx-wrapper .bx-controls-direction a{
height: 60px;
width: 60px;
margin-top: 5px;
}#ht-home-slider-box .bx-wrapper .bx-controls-direction a:hover{
opacity: 1;
}#ht-home-slider-box .bx-wrapper .bx-prev{
background: url(images/prev.png) no-repeat center rgba(0,0,0,0.3);
/* background: url(images/prev1.png) no-repeat center;*/
left: 2%;
}#ht-home-slider-box .bx-wrapper .bx-next{
background: url(images/next.png) no-repeat center rgba(0,0,0,0.3);
/* background: url(images/next1.png) no-repeat center;*/
right: 2%;
}
/*————————————————————–
## About Section
————————————————————–*/
#ht-about-us-box ul li:before {
content: “\f101”;
font-family: ‘Fontawesome’;
font-size: 16px;
font-weight: bold;
padding-right: 10px;
}
section#ht-about-us-box img {
/* width: 100%;
height: 400px;*/
width: 100%;
height: 100%;
}
#ht-about-us-box {
background:#fff;
padding:4em 0;
}
.featured-post {
margin-bottom: 30px;
}
/*#ht-about-us-section .aboutmain {
background-color: #fff;
}*/
h5.lz-about-heading-bgtext {
font-size: 105px;
font-family: ‘Montserrat’, sans-serif;
font-weight: 800;
color: #697c80;
opacity: 0.6;
position: relative;
top: 60px;
}
#ht-about-us-box .lz-about-heading {
color: #343434;
z-index: 2000;
position: relative;
border-color: #fff;
}
#ht-about-us-box .lz-about-subheading {
margin-top: 1px;
font-size: 40px;
margin-bottom: 15px;
color: #fff;
padding: 0 25px;
font-weight: 600;
}
#ht-about-us-box .about-box-title {
font-size: 30px;
color: #272727;
font-family: ‘Roboto’,sans-serif;
font-weight: 500;
}
#ht-about-us-box .ht-content.lz-about-text {
padding: 10px 0px;
font-size: 15px;
color: #3a3a3a;
font-family: ‘Lato’, sans-serif;
}
#ht-about-us-box .ht-content.lz-about-text span {
color: #15aa1a;
font-family: ‘Lato’, sans-serif;
}#ht-about-us-box .readmore{
padding: 20px 0;
display: inline-block;
border: solid 2px #1276c4;
padding: 2px;
min-height: 40px;
background-clip: content-box;
background-color: #1276c4;
font-size: 18px;
display: inline-block;
border-radius: 5px;
margin-top: 15px;
/* ————————-*/
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}#ht-about-us-box .readmore:hover, #ht-about-us-box .readmore:focus, #ht-about-us-box .readmore:active {
color: white;
}#ht-about-us-box .readmore:before {
content: “”;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #15aa19;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}#ht-about-us-box .readmore:hover:before, #ht-about-us-box .readmore:focus:before, #ht-about-us-box .readmore:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#ht-about-us-box .readmore:hover{
border: 2px solid #15aa1a;
background: #15aa1a;
background-clip: content-box;
}
#ht-about-us-box .readmore a{
color: #fff;
background: none;
padding: 8px 30px;
display: block;
font-size: 16px;
}
#ht-about-us-box ul{
padding: 0 0 20px 0;
list-style: none;
font-size: 18px;
margin: 0;
}
#ht-about-us-box ul li {
/*background: url(images/list-ico.png) no-repeat 0 8px;
padding: 0 0 0 20px;*/
margin: 10px 0;
font-size: 16px;
}.ht-about-sec, .ht-text-block-sec{
width: 54%;
padding-right: 30px;
}.ht-about-sec h2{
text-align: left;
width: auto;
}.ht-progress{
margin-bottom: 20px;
}.ht-progress:last-child{
margin-bottom: 0;
}.ht-progress h6{
font-weight: 300;
margin-bottom: 5px;
}.ht-progress-bar-sec{
margin-top: 30px;
}.ht-progress-bar{
height: 8px;
width: 100%;
position: relative;
line-height: 20px;
font-size: 13px;
background: #f6f6f6
}.ht-progress-bar-length{
background: #fe5722;
height: 100%;
text-align: right;
padding-right: 20px;
}.ht-progress-bar-length span{
position: absolute;
right: 0;
bottom: 100%;
}.ht-left-image, .ht-right-image{width:45%;padding-right: 30px;display: inline-block;}
.ht-left-image{padding-right: 30px;padding-left: 0px;}
.ht-text-block-sec{padding:0px;padding-left:30px;display: inline-block;vertical-align: top}
.ht-text-block-sec h2.ht-section-title{margin: 0 auto 15px auto;width: 100%}/*————————————————————–
## Banner Section
————————————————————–*/#ht-banner-box {
background: #15aa1a ;
}.lz-banner-heading {
font-size: 39px;
color: #fff;
margin: 50px 0;
text-align: center;
margin: 60px 0 25px;
font-weight: 500;
}
#ht-banner-box .readmore {
margin: 3px 0 60px;
text-align: center;
padding: 20px 0;
display: inline-block;
border: solid 2px #1276c4;
padding: 1px;
min-height: 50px;
background-clip: content-box;
background-color: #1276c4;
font-size: 20px;
display: inline-block;
border-radius: 30px;
}
#ht-banner-box .readmore a{
color: #fff;
background: none;
padding: 8px 40px;
display: block;
font-size: 20px;
}
#ht-banner-box .readmore:hover {
border: solid 2px #fff;
color: #fff;
background: none;
}
#ht-banner-box img {
width: 100%;
height: 100%;
-webkit-clip-path: polygon(11% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(11% 0, 100% 0%, 100% 100%, 0% 100%);
}
#ht-banner-box .readmore a i {
color: #fff;
font-size: 22px;
padding-right: 5px;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
#ht-banner-box .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;
}
/*————————————————————–
## Sticky Section
————————————————————–*/
#sticky-section {
position: fixed;
top: 220px;
right: 0px;
width: 85px;
background-color: #fcb204;
padding: 10px;
word-wrap: normal;
z-index: 2000;
}
.sticky-post-wrap {
margin: 0;
padding: 0;
}
.sticky-icon span {
font-size: 26px;
display: block;
color: #fff;
margin-bottom: 8px;
font-weight: normal;
}
#sticky-section h5 {
text-transform: uppercase;
color: #485154;
font-weight: bold;
font-size: 14px;
text-align: center;
display: inline-block;
width: 100%;
}
.sticky-icon span:hover {
color:#000;
}
#sticky-section h5:hover{
color:#000;
}/*————————————————————–
## Facility Section
————————————————————–*/
.ht-section-tagline.lz-facility-text.feature-border {
text-align: left;
}
.ht-section-tagline.lz-featured-text.feature-border {
text-align: left;
}
.facility-excerpt {
color: #4f4f4f;
font-size: 15px;
/* line-height: 26px; */
}
#facility-content-box .facility-icon {
font-size: 60px;
color: #7c529c;
background: none;
text-align: center;
overflow: hidden;
}
.facility-icon img {
height: 187px;
width: 100%;
outline: 1px solid #fff;
outline-offset: -3px;
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
.facility-post:hover .facility-icon img{
transform: scale(1.2) rotateZ(-3deg);
-moz-transform: scale(1.2) rotateZ(-3deg);
-webkit-transform: scale(1.2) rotateZ(-3deg);
-o-transform: scale(1.2) rotateZ(-3deg);
}
.col-md-12.col-sm-12.col-xs-12 .facility-icon img {
height:400px;
}/*#facility-content-box .facility-icon:after {
content: “”;
position: absolute;
left: 0;
top: 0;
bottom: 60%;
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;
}*/
/*#facility-content-box .facility-icon:hover:after{
width: 100%;
}*/
#facility-content-box .facility-post {
margin-bottom: 20px;
}
#facility-content-box .facility-content-box {
padding:30px 0;
}
h5.lz-facility-heading-bgtext {
font-size: 105px;
font-family: ‘Montserrat’, sans-serif;
font-weight: 800;
color: #ececec;
opacity: 0.6;
position: relative;
top: 60px;
}
#facility-content-box .lz-facility-Post-heading {
color: #fc226a;
position: relative;
z-index: 2000;
}#facility-content-box .lz-facility-subheading {
margin-top: 15px;
font-family: ‘Poppins’, sans-serif;
font-size: 16px;
margin-bottom: 15px;
color: #2b2b2b;
padding: 0 25px;
}#facility-content-box .lz-facility-subheading {
margin-top: 1px;
/* font-family: ‘Poppins’, sans-serif; */
font-size: 40px;
margin-bottom: 15px;
color: #2b2b2b;
padding: 0 25px;
font-weight: 600;
font-family: ‘Roboto’,sans-serif;
}#facility-content-box .facility-readmore a {
padding: 0;
color: #fc226a;
font-size: 14px;
}
#facility-content-box .facility-readmore a:hover {
color: #fff;
}
/*===========*/
#facility-content-box{
padding: 4em 0 2em;
background-color: #fff;
}#ht-facility-box .facility-img{
width: 100%;
border: 8px solid #bbb;
}#ht-facility-box ul{
padding: 0 0 20px 0;
list-style: none;
font-size: 18px;
margin: 0;
}
#ht-facility-box ul li {
background: url(images/list-ico.png) no-repeat;
padding: 4px 0 4px 47px;
margin: 10px 0;
}#ht-facility-box .facility-box {
padding-top: 2em;
}.facility-box .ht-box-tagline {
font-size: 16px;
}.facility-content-bg {
background: #ff9480;
padding: 60px 50px;
}
#facility-content-box .lz-facility-Subtext {
font-size: 35px;
line-height: 35px;
color: #fff;
margin-bottom: 45px;
font-family: ‘Lato’, sans-serif;
font-weight: lighter;
}
.facility-bg {
/* background: #fff;*/
/* padding: 50px;*/
opacity: 0.9;
}
.lz-facility-text {
color: #fff;
font-size: 18px;
font-family: ‘Lato’, sans-serif;
font-weight: 100;
}
#facility-content-box .readmore{
margin-top: 30px;
}
/*#facility-content-section .readmore:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
transform: scale(1.2) rotateZ(0deg);
-moz-transform: scale(1.2) rotateZ(0deg);
-webkit-transform: scale(0.9) rotateZ(0deg);
-o-transform: scale(1.2) rotateZ(0deg);
}*/
#facility-content-box .readmore a {
margin: 0 auto;
padding: 10px 40px;
color: #fff;
border-radius: 30px;
position: relative;
top: 10px;
background: #ff9480;
border: 1px solid #fff;
border-radius: 2px;
font-size: 20px;
}
#facility-content-box .readmore a:hover {
border:none;
border-bottom: 3px solid #fff;
/* background: #000; */
color: #fff;
}
#facility-content-box .description {
font-size: 15px;
color: #3e3e3e;
font-family: ‘Lato’, sans-serif;
}
#facility-content-box .facility-post h5 {
font-size: 30px;
color: #212121;
font-weight: 500;
margin-bottom: 15px;
}
#facility-content-box .facility-post:hover h5 {
color:#15aa1a;
}#facility-content-box .facility-readmore{
padding: 20px 0;
display: inline-block;
border: solid 2px #1276c4;
padding: 2px;
min-height: 40px;
background-clip: content-box;
background-color: #1276c4;
font-size: 18px;
display: inline-block;
border-radius: 5px;
margin-top: 15px;
/* ————————-*/
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}#facility-content-box .facility-readmore:hover, #facility-content-box .facility-readmore:focus, #facility-content-box .facility-readmore:active {
color: white;
}#facility-content-box .facility-readmore:before {
content: “”;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #15aa19;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}#facility-content-box .facility-readmore:hover:before, #facility-content-box .facility-readmore:focus:before, #facility-content-box .facility-readmore:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}#facility-content-box .facility-readmore:hover{
border: 2px solid #15aa1a;
background: #15aa1a;
background-clip: content-box;
}
#facility-content-box .facility-readmore a{
color: #fff;
background: none;
padding: 8px 30px;
display: block;
font-size: 16px;
}.lz-facility-text ul {
list-style: none;
margin: 0;
}
.lz-facility-text ul li {
font-size: 20px;
}
.lz-facility-text ul li i {
margin-right: 10px;
font-size: 24px;
padding: 15px 16px;
margin: -10px 15px 9px 0;
border-radius: 42px;
color: #fff;
font-size: 22px;
float:left;
}
.facility img{
width:100%;
height:100%;
box-shadow: 6px 6px #989898;
}
.facility-box .heading {
font-weight: 400;
font-size: 19px;
margin-top: 20px;
display: block;
}
.facility-box .service-text{
font-weight: 400;
font-size: 16px;
/*display: inline-block;*/
margin-left: 70px;
}
.ht-facility-post {
position: relative;
z-index: 99;
}
.ht-facility-post-wrap {
position: relative;
}
.ht-facility-post-wrap:after {
content: “”;
position: absolute;
left: 25px;
top: 28px;
bottom: 34px;
width: 2px;
}@media screen and (min-width: 769px){
.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%}}
/*————————————————————–
## Services Section
————————————————————–*/
#services-post-box {
background: #fff;
}
#services-post-box .overlay{
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(255,255,255,0.8);
position: relative;
opacity: 1;
padding: 4em 0;
}
h5.lz-services-heading-bgtext {
font-size: 105px;
font-family: ‘Montserrat’, sans-serif;
font-weight: 800;
color: #ececec;
opacity: 0.6;
position: relative;
top: 60px;
}#services-post-box .lz-services-subheading {
margin-top: 1px;
/* font-family: ‘Poppins’, sans-serif; */
font-size: 40px;
margin-bottom: 15px;
color: #2b2b2b;
padding: 0 25px;
font-weight: 600;
font-family: ‘Roboto’,sans-serif;
}
.lz-services-Post-heading {
color: #343434;
position: relative;
z-index: 2000;
}
.secborder-outer {
overflow: hidden;
}
.border-separator{
width: 50px;
height: auto;
text-align: center;
margin: 0 auto;
position: relative;
}.border-separator:after, .border-separator:before {
content: “”;
position: absolute;
top: 27%;
left: 15%;
width: 158px;
height: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(images/right-border.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.border-separator:before {
left: auto;
right: 15%;
background-image: url(images/left-border.png);
}
.border-separator i {
font-size: 25px;
line-height: 25px;
color: #ec5597;
}
.darkborder-outer {
overflow: hidden;
}
.darksec{
width: 50px;
height: auto;
text-align: center;
margin: 0 auto;
position: relative;
}
.darksec i {
font-size: 25px;
line-height: 25px;
color: #ec5597;
}
.darksec:after, .darksec:before {
content: “”;
position: absolute;
top: 27%;
left: 15%;
width: 158px;
height: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(images/right-border.png);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
}
.darksec:before {
left: auto;
right: 15%;
background-image: url(images/left-border.png);
}
.services-data {
text-align: right;
}
.services-readmore{
position: relative;
bottom: 20px;
}
.services-readmore a {
background: #fff;
border: 1px solid #fc226a;
border-radius: 3px;
padding: 8px 20px;
color: #fc226a;
}
.services-data .hotel-rate {
font-size: 18px;
color: #3f3f3f;
padding: 0px 5px 10px;
}
.services-data .hotel-rate span {
color: #fc226a;
}
.services-data .services-excerpt {
font-size: 15px;
color: #3e3e3e;
}
#services-post-box .services-post .front {
margin-bottom: 20px;
padding: 0px 9px 27px;
position: relative;
outline: 2px solid #fff;
outline-offset: -9px;
border: 1px solid #fff;
}
#services-post-box .services-post:hover{
outline:none;
border:none;
}#services-post-box .services-post:hover .services-data h5 {
border: none;
border-radius: 5px;
background: none;
}
#services-post-box .services-post:hover .services-data {
text-align: center;
}
#services-post-box .services-post .services-icon {
position: relative;
overflow: hidden;
}#services-post-box .services-post .services-data {
color: #FFF;
left: 0;
bottom: 0;
right: 0;
opacity: 1;
width: 100%;
}#services-post-box .services-icon img {
margin: 0 auto;
height: 198px;
position: relative;
width: 100%;
}
#services-post-box .services-data h5 {
padding: 10px 15px 8px;
padding: 7px 15px 7px;
font-weight: 400;
color: #fff;
margin: 0;
margin-top: 135px;
font-size: 20px;
background: #1475d3;
display: inline-block;
border: 2px solid transparent;
}
#services-post-box .services-data h6 {
font-size: 20px;
background: #000f16;
display: inline-block;
font-weight: 400;
padding: 6px 15px 8px 29px;
margin-bottom: 20px;
}
#services-post-box .services-post:hover .services-data h6 {
background: none;
padding: 5px 10px;
}
#services-post-box .lz-services-text {
font-size: 18px;
}.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
}/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
filter: FlipH;
-ms-filter: “FlipH”;
}
*//* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}.flip-container:hover .front, .flip-container.hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}/* END: Accommodating for IE */
.flip-container {
/* width: 250px;*/
height: 254px;}
.front {
width: 100%;
height: 248px;
padding-top: 30px;}
.back {
/*width: 254px;*/
height: 248px;
}
.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;transition: 0.6s;
transform-style: preserve-3d;position: relative;
}.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;-o-transition: 0.6s;
-o-transform-style: preserve-3d;-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;transition: 0.6s;
transform-style: preserve-3d;
border: 3px solid #f7e7fe;
position: absolute;
top: 0;
left: 0;
border-radius:10px;
}.front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
background: #fc91af;
z-index: 2;
}.back {
background: #00dfc4;
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}.front .name {
font-size: 2em;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
border-radius: 5px;
bottom: 69px;
left: 16%;
position: absolute;
text-shadow: 0.1em 0.1em 0.05em #333;
display: none;
}.back-logo {
position: absolute;
top: 5%;
margin:auto 25%;
width: 160px;
height: 140px;
background: url(http://media-cache-ec0.pinimg.com/avatars/pawanmall-22_140.jpg) 0 0 no-repeat;
border-radius:100%;
width:50%;
transform:scale(.95);
transition:.3s all ease;
}.back-title {
font-weight: bold;
color: #00304a;
position: absolute;
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-family: Courier;
font-size: 2em;
}.back p {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
padding: 0 20px;
display: inline-block;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
}/*extra css*/
/*————————————————————–
## Featured Product slider
————————————————————–*//* Catalogue slider Start */
.slider {
width: 100%;
position: relative;
height: 460px;
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:315px;
/* 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;
/* top: 50%; */
margin-top: -60.5px;
/* border: 1px solid #bfbfbf; */
height: 23px;
}
.ctrl-btn:hover{
color:#000;
background: none;
}
/*
.ctrl-btn.pro-prev {
left: 0;
}
*/
.ctrl-btn.pro-next {
/*right: 15%;
position: absolute;
right: 0;
position: relative;
border: 1px solid #bfbfbf;
padding: 3px 5px 3px 5px;*/
right: 25px;
position: absolute;
border: 1px solid #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;}
.ctrl-btn.pro-prev {
/*left: 15%;
position: absolute;
right: 0;
position: relative;
border: 1px solid #bfbfbf;
padding: 3px 5px 3px 5px;*/
right: 50px;
position: absolute;
border: 1px solid #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;
}/*————————————————————–
## Featured Product Section
————————————————————–*/
section#featured-product-box .lightbox {
padding: 0em 0em 3em 0em;
}
section#featured-product-box #recent-porduct .price del span.woocommerce-Price-amount {
color: #9e9c9c;
font-size: 18px;
}
section#featured-product-box #recent-porduct i.fa {
font-size: 20px;
}
h2.ht-section-title.lz-featured-product-heading:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 90px;
height: 70px;
margin: 0 auto;
right: 43%;
}
section#featured-product-box #recent-porduct {
padding-bottom: 35px;
}
section#featured-product-box .add-to-cart-btn {
position: relative;
top: -57px;
background: #fc5b74;
/* margin-right: 5px; */
padding: 15px 10px 15px 16px;
/* padding-right: 20px; */
right: 20px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
section#featured-product-box div.price {
position: relative;
top: -50px;
padding-left: 30px;
}
.pro-img.text-center h1 {
width: 35px;
font-size: 16px;
word-wrap: break-word;
position: absolute;
font-family: inherit;
color: #fff;
background: #1f1e1e;
padding: 15px 30px 15px 15px;
left: 20px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
line-height:23px;
}
section#featured-product-box .ht-section-title-tagline {
text-align: center;
}
#featured-product-box .lz-featured-product-heading {
color: #fc226a;
position: relative;
z-index: 2000;
top: -45px;
font-size: 45px;
}
h2.ht-section-title.lz-featured-product-backgroundheading {
font-size: 100px;
color: #ececec;
opacity: 0.6;
position: relative;
top: 65px;
}
/*#featured-product-box {
padding: 5em 0 2em;
background: #ea70a1;
}*/
#featured-product-box .lz-featured-product-heading {
color: #fff;
/* background: url(images/darksec-titlebg.png)no-repeat scroll bottom;
padding-bottom: 20px;*/
}
.total-product-title-wrap h6 {
text-align: center;
text-transform: capitalize;
color: #fff;
font-size: 23px;
left: 0;
right: 0;
padding: 30px;
position: absolute;
}
#featured-product-box .lz-featured-product-subheading {
font-family: ‘Poppins’, sans-serif;
font-size: 14px;
margin-bottom: 50px;
color: #fff;
padding: 0 25px;
line-height: 30px;
}#recent-porduct .price del span.woocommerce-Price-amount{
font-weight: 500;
font-size: 14px;
font-family: ‘Courgette’,cursive;
}
#recent-porduct .price ins span.woocommerce-Price-amount{
font-weight: 500;
font-family: ‘Courgette’,cursive;
font-size: 18px;
}
/*for button*/
.add-to-cart:hover .featuredeff-10{
border:0px solid #fc856d;
}
.add-to-cart {
width: 150px;
height: 40px;
border: 3px solid #fc856d;
text-align: center;
cursor: pointer;
position: relative;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto;
margin-bottom: 20px;
border-radius: 4px;
}
.add-to-cart a {
font-family: arial;
font-size: 16px;
color: #fff;
text-decoration: none;
line-height: 35px;
transition: all .5s ease;
z-index: 2;
position: relative;
text-transform: uppercase;
}
.featuredeff-10 {
width: 150px;
height: 40px;
border: 70px solid #fc856d;
position: absolute;
transition: all .5s ease;
z-index: 1;
box-sizing: border-box;
}
/*end*/
.ht-featured-social-id i {
background: #ccc;
padding: 10px 60px 10px 60px;
font-size: 20px;
}
.featured-product a {
font-size: 15px;
text-transform: uppercase;
}.featured-product .ht-featured-social-id {
display: none;
position: absolute;
bottom: 23%;
border-bottom: 5px solid;
}
.ht-featured-social-id i:hover {
/* background-color: #4f66c9; */
color: #fff;
}
section a:hover, a:active {
text-decoration: none;
}
#recent-porduct .add-to-cart {
display: inline-block;
margin: 10px 0;
}
#recent-porduct .add-to-cart:hover {
background:#171717;
}
.woocommerce a.button:hover {
background:#171717;
}
.woocommerce ul.products li.product:hover .button:hover {
border:1px solid #171717;
background:#171717;
}
.featured-product a {
font-size: 15px;
text-transform: uppercase;
}
.add-to-cart a {
color: #fff;
}.total-product-title-wrap {
text-align: center;
border-top: none;
color: #000;
}
.featured-product {
margin-bottom: 30px;
}
.pro-img img {
height: 301px;
width: 100%;
}/*————————————————————–
## Banner Section
————————————————————–*/
#banner-content-section {
background: #fff;
padding: 4em 0 2em;
}
#banner-content-section .lz-banner-heading {
color: #222222;
/* background: url(images/lightsec-titlebg.png)no-repeat scroll bottom;
padding-bottom: 20px;*/
}
.banner-ing-box {
position: relative;
overflow: hidden;
}
.bannerbox{
color: #FFF;
left: 0;
bottom: 0;
right: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 1;
width: 100%;
margin-bottom: 15px;
}
.bannerbox .bannercontentbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 30px 35px 20px;
}#banner-content-section .lz-banner-subheading {
margin-top: 15px;
font-family: ‘Poppins’, sans-serif;
font-size: 16px;
margin-bottom: 15px;
color: #2b2b2b;
padding: 0 25px;
}.bannerbox .lz-banner-maintitle {
padding: 0;
font-weight: 400;
font-size: 52px;
color: #ff7f7f;
font-family: ‘Mukta’, sans-serif;
line-height: 70px;
}.bannerbox .lz-banner-text{
font-size: 18px;
color: #fff;
font-weight: 300;
padding: 0;
margin-bottom: 20px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
width: 62%;
}
.bannerbox .lz-banner-maintitlehightlight{
color: #fff;
font-size: 98px;
font-family: ‘Alex Brush’, cursive;
line-height: 100px;
font-family: ‘Dancing Script’, cursive !important;
}
#banner-content-section .readmore a{
color: #fff;
background: #ff7f7f;
padding: 7px 15px;
font-size: 26px;
border-radius: 0;
font-family: ‘Mukta’, sans-serif;
font-weight: 400;
border:none;
border-bottom:4px solid transparent;
}
#banner-content-section .readmore a:hover {
border-bottom: 4px solid #ff7f7f;
background: #000;
font-weight: 400;
border-radius: 0px 0px 2px 2px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.banner-img-box img {
height: 435px;
width: 100%;
border: 1px solid #e4e4e4;
}
/*.banner-img-box img:hover {
opacity: 0.6;
}*/
/*.bannerbox .bannercontentbox:hover {
opacity: 0.8;
}*/
.right-bannerbox {
margin-bottom: 15px;
}
.right-bannerbox .right-databox {
position: absolute;
top: 0;
left: 0;
width:100%;
padding: 15px 35px 20px;
}
.right-bannerbox .right-databox h5{
padding: 0;
font-weight: 400;
font-size: 41px;
color: #4d4d4d;
font-family: ‘Mukta’, sans-serif;
line-height: 45px;
margin: 10px 0 5px;
}
.right-bannerbox .right-databox span {
color: #ff7f7f;
font-size: 77px;
font-family: ‘Alex Brush’, cursive;
line-height: 60px;
font-family: ‘Dancing Script’, cursive !important;
}
.banner-icon img {
height: 210px;
width: 100%;
border: 1px solid #e4e4e4;
}
/*.right-bannerbox .right-databox:hover {
opacity: 0.6;
}*/
#banner-content-section .banner-readmore a{
color: #fff;
background: #ff7f7f;
padding: 2px 10px;
font-size: 25px;
border-radius: 0;
font-family: ‘Mukta’, sans-serif;
font-weight: 400;
border:none;
border-bottom: 4px solid transparent;
}
#banner-content-section .banner-readmore a:hover {
border-bottom: 4px solid #ff7f7f;
background: #000;
font-weight: 400;
border-radius: 0px 0px 2px 2px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
/*————————————————————–
## 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;
}/*————————————————————–
## Featured Section
————————————————————–*/
.ht-section-title-tagline {
margin-bottom: 2em;
text-align: center;
}
#featured-post-box .featured-icon{
font-size: 60px;
overflow: hidden;
}
#featured-post-box .featured-icon img {
width: 100%;
height: 215px;
border-radius: 30px 0 0;
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
#featured-post-box .featured-post:hover .featured-icon img {
transform: scale(1.2) rotateZ(-3deg);
-moz-transform: scale(1.2) rotateZ(-3deg);
-webkit-transform: scale(1.2) rotateZ(-3deg);
-o-transform: scale(1.2) rotateZ(-3deg);
}
#featured-post-box .col-md-12.col-sm-12 .featured-icon img{
height: 400px;
}
#featured-post-box{
color: #FFF;
padding: 4em 0;
}
.featured-data {
background: #ebebeb;
padding: 20px 10px;
border-radius: 0px 0px 30px 0px;
}#featured-post-box .featured-post h5{
padding: 0;
color: #363636;
font-size: 18px;
font-weight: 500;
margin: 0;
}
#featured-post-box .featured-post:hover h5 {
color:#15aa1a;
}
/*============================== headering border css =============================== */
.dlab-separator-outer {
overflow: hidden;
}
.dlab-separator.style-icon {
width: 50px;
height: auto;
text-align: center;
color: #15aa1a;
}
.dlab-separator {
display: inline-block;
height: 2px;
width: 80px;
margin-bottom: 10px;
position: relative;
}
.dlab-separator.style-icon i {
font-size: 40px;
line-height: 40px;
color: #15aa1a;
}
.dlab-separator[class*=”style-“]:before {
top: 19%;
left: -80px;
width: 80px;
height: 15px;
position: absolute;
content: “”;
display: inline-block;
width: 65%;
border-width: 1px;
border-style: solid;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #bebebe;
-ms-transform: translateY(-50%);
}
.dlab-separator[class*=”style-“]:after {
top: 19%;
left: 48px;
width: 80px;
height: 15px;
position: absolute;
content: “”;
display: inline-block;
width: 65%;
border-width: 1px;
border-style: solid;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #bebebe;
-ms-transform: translateY(-50%);
}
/*============================== end headering border css =============================== */.featured-excerpt{
padding:0;
font-size: 16px;
color:#363636;
padding-left: 15px;
padding-right: 15px;
}.ht-featured-icon .fa{
vertical-align: bottom;
color:#666666;}
.featured-post{
/*padding: 1.5em; */
position: relative;
z-index: 999;
margin-bottom: 20px;
}
#featured-post-box .featured-data:before {
content: ”;
width: 0;
height: 5px;
position: absolute;
left: auto;
right: 0;
bottom: 0px;
background-color: #15aa1a;
transition: all .5s cubic-bezier(.645,.045,.355,1);
}
#featured-post-box .featured-post:hover .featured-data:before {
width: 100%;
left: 0;
right: auto;
}#featured-post-box .featured-post:hover .featured-data {
border-radius: 0px 0px 0px 0px;
}/*————————————————————–
## Portfolio Section
————————
/*padding: 1.5em; */
position: relative;
z-index: 999;
margin-bottom: 20px;
}
#featured-post-box .featured-data:before {
content: ”;
width: 0;
height: 5px;
position: absolute;
left: auto;
right: 0;
bottom: 0px;
background-color: #3a4559;
transition: all .5s cubic-bezier(.645,.045,.355,1);
}
#featured-post-box .featured-post:hover .featured-data:before {
width: 100%;
left: 0;
right: auto;
}#featured-post-box #featured-post-box .featured-data {
border-radius: 0px 0px 0px 0px;
}/*————————————————————–
## Portfolio Section
————————————————————–*/
.ht-portfolio-cat-name-list{
text-align: center;
margin-bottom: 30px;
text-align: right;
}.ht-portfolio-cat-name-list .fa{
vertical-align: middle;
color: #fe5722;
}.ht-portfolio-cat-name{
cursor: pointer;
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #BBB;
line-height: 1;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}.ht-portfolio-cat-name:nth-child(2){
border-left: 0;
margin-left: 0;
}.ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name.active{
color: #fe5722;
}.ht-portfolio-post-wrap{
margin:2em 0;
}.ht-portfolio{
width: 33.33%;
float: left;
padding: 7.5px;
}.ht-portfolio-outer-wrap{
position: relative;
}.ht-portfolio-wrap{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
background-color: #f9f9f9;
}.ht-portfolio-wrap img{
position: relative;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0
}.ht-portfolio-caption{
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
padding: 30px;
opacity: 0;
background: rgba(255, 193, 7, 0.9);
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
overflow: hidden;
}.ht-portfolio-wrap:hover .ht-portfolio-caption{
opacity: 1;
}.ht-portfolio-caption h5{
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
position: absolute;
top: 20px;
left: 20px;
right: 20px;
-ms-transform: translate(300px, 0);
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}.ht-portfolio-caption a{
height: 36px;
width: 36px;
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
display: block;
line-height: 36px;
color: #fe5722;
font-size: 14px;
background: #FFF;
margin: 10px 5px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}.ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
right: 66px;
}.ht-portfolio-caption a.ht-portfolio-link{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}/*————————————————————–
## Service Section
————————————————————–*/
#ht-service-post-section{
position: relative;
padding: 40px 0;
background: #F5F5F5;
}.ht-service-left-bg{
position: absolute;
top: 0;
bottom: 0;
margin-left: 50%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-height: 200px;
width: 50%;
}.ht-service-posts{
float: left;
width: 50%;
padding-right: 40px;
}.ht-service-post-wrap{
position: relative;
}.ht-service-post-wrap:after{
content: “”;
position: absolute;
left: 24px;
top: 0;
bottom: 0;
width: 2px;
background: #fe5722;
}.ht-service-posts .ht-section-title-tagline{
text-align: left;
margin-bottom: 21px;
}.ht-service-posts .ht-section-title{
width: auto;
}.ht-service-posts .ht-section-tagline{
width: auto;
}.ht-service-post{
margin-bottom: 25px;
position: relative;
z-index: 99;
}.ht-service-post:last-child{
margin-bottom: 0
}.ht-service-icon{
float: left;
font-size: 18px;
background: #fe5722;
width: 50px;
text-align: center;
color: #FFF;
line-height: 50px;
cursor: pointer;
border-radius: 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}.ht-active .ht-service-icon{
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #fe5722;
}.ht-service-excerpt{
padding-left: 65px;
}.ht-service-text{
display: none;
}.ht-service-excerpt h5{
margin: 15px 0 6px;
cursor: pointer;
}/*————————————————————–
## Team Section
————————————————————–*/section#ht-team-box .front.ht-title-wrap.animate .ht-team-member-image {
display: none;
}
section#ht-team-box h2.ht-section-title.lz-team-heading:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 90px;
height: 60px;
margin: 0 auto;
right: 43%;
}
section#ht-team-box .ourteam-icon span.fa {
font-size: 60px;
color: #000000;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
}
section#ht-team-box .ht-team-socials-id a {
padding-right: 15px;
color: #868585;
}
section#ht-team-box .ht-team-socials-id a {
padding-right: 15px;
}
section#ht-team-box .ht-team-socials-id {
margin: 40px 0px;
}
.ht-team-social-id {
position: relative;
left: 0;
right: 0;
bottom: 50px;
}
section#ht-team-box .team-contacts-box ul {
margin: 40px 0px 0px 0px;
padding: 0;
}
#ht-team-box .team-member-designation:before, #innerpage-box .team-member-designation:before {
content: ”;
border-bottom: 3px solid #24a0ea;
position: absolute;
z-index: 999;
width: 75px;
height: 45px;
margin: 0 auto;
right: 37%;
/* margin-right: 9px; */
/* left: 159px; */
}
section#ht-team-box .team-contacts-box ul.team-sm-link li i.fa {
padding-right: 10px;
}section#ht-team-box .team-contacts-box ul.team-sm-link li {
font-size: 15px;
font-weight: 500;
}
section#ht-team-box .team-contacts-box ul.team-sm-link li {
display: inline-block;
list-style-type: none;
padding: 3px 0px;
}
section#ht-team-box .ourfeatures-icon span.fa {
font-size: 60px;
}
.team-upperbox {
background: #fc5b74 url(images/teambgs.png) no-repeat center;
padding-bottom: 15%;
}
h2.ht-section-title.lz-team-heading {
/* outline-color: #ea70a1; */
/* color: #fc226a; */
position: relative;
z-index: 2000;
top: -17px;
font-size: 45px;
}
section#ht-team-box .ht-section-title-tagline {
text-align: center;
}
h2.lz-team-backgrountext {
font-size: 100px;
color: #f7f4f43d;
opacity: 0.6;
position: relative;
top: 65px;
margin-bottom: 0;
}
#ht-team-box .lz-team-subheading {
margin-top: 15px;
font-family: ‘Poppins’, sans-serif;
font-size: 14px;
margin-bottom: 15px;
color: #2b2b2b;
line-height: 30px;}
#ht-team-box .ht-section-title-tagline p{
margin: 2% auto 5%;
font-size: 14px;
font-style: normal;
width: 50%;
}
.ht-team-member{
margin-top: 1em;
}.ht-team-member {
text-align: center;
}.ht-team-member-image {
overflow: hidden;
}.tem-box .ht-team-social-id{
padding: 20px 10px;
width: 100%;
}.ht-team-social-id a{
display: inline-block;
color: #777;
margin: 0 0px;
font-size: 18px;
line-height: 32px;
height: 32px;
width: 32px;
}.ht-team-member:hover .ht-team-member-excerpt{
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}.ht-team-member-excerpt-wrap{
/*display: table;
width: 100%;
height: 100%;*/
}.ht-team-member:hover .ht-title-wrap{
display:block;
cursor:pointer;}
/*.ht-title-wrap{
background: #fff;
color: #FFF;
left: 0;
bottom: -80px;
right: 0;
-moz-transition: all 50s ease;
-webkit-transition: all 50s ease;
-webkit-transition: all 50s ease;
width: 80%;
margin: 0 auto;
position: absolute;
border-radius: 2px;
padding:5% 10%;
box-shadow:0 0 10px 1px rgba(169, 168, 168, 0.5);
z-index:999;}*/
.ht-team-member h6{
position: relative;
margin: 25px 0 20px 0;
color: #363636;
font-size: 24px;
}.ht-team-member h6 a{
text-decoration: none;
color: inherit;
}.ht-team-member .ht-team-member-excerpt h6:after{
content: “”;
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 2px;
background: #FFF;
bottom: -2px;
}.ht-team-member .ht-team-designation {
font-size: 14px;
color: #666;
padding:0 15px;
}
.ht-team-member .ht-team-member-excerpt-wrap{
font-size: 14px;
color: #666;
padding:0 15px;
}
#ht-team-box .team-member-designation {
color: #888;
font-size: 16px;
font-weight: 500;
margin: 5px 0 20px 0px;
}
.ht-team-detail{
background: #FFF;
display: inline-block;
position: absolute;
right: 10px;
bottom: 10px;
color: #fe5722;
padding: 0 10px;
text-decoration: none;
line-height: 30px;
font-size: 0.9em;
}.ht-team-detail:hover{
background: #333;
color: #FFF;
}
.ht-team-member-image img {
margin: 0 auto;
width: 100%;
height: 290px;
border-radius: 3px;
}
/*.ht-team-member:hover .ht-team-member-image img {
-ms-transform: scale(1.2) rotate(5deg);
-moz-transform: scale(1.2) rotate(5deg);
-webkit-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
transform: scale(1.2) rotate(5deg);
}*/
#ht-team-box .ht-title-wrap {
background: #fff;
color: #000;
padding: 25px 15px 25px 15px;
z-index: 1;
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border: 1px solid #e5e3e3;
}.animate {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*————————————————————–
## Inner team page Section
————————————————————–*/
#innerpage-box .ht-team-member {
position: relative;
margin: 0 0 30px ;
overflow: hidden;
}
/* #innerpage-box .ht-team-member-image {
overflow: none;
}*/
#innerpage-box .ht-team-member-image img {
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
opacity: 1;
-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
position: relative;
display: block;
max-width: none;
}
#innerpage-box .ht-title-wrap {
position: absolute;
bottom: 0;
padding: 15px 20px 20px;
background-color: #15aa1a;
-webkit-transform: translate3d(0,74%,0);
transform: translate3d(0,60%,0);
-webkit-transition: opacity 0.2s,-webkit-transform 0.35s;
transition: opacity 0.2s,transform 0.35s;
color: #fff;
width: 100%;
}
#innerpage-box .ht-team-member:hover .ht-title-wrap {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#innerpage-box .ht-title-wrap h6.member-name {
font-family: Roboto Slab;
font-size: 20px;
color: #fff;
font-style: normal;
font-weight: 600;
margin: 0px 0 15px 0;
}
#innerpage-box .ht-team-member .ht-team-designation {
color: #fff;
font-size: 16px;
padding: 0px 0 10px;
}
#innerpage-box .ht-team-social-id a i{
color:#fff;
}
#innerpage-box .ht-team-social-id a i:hover{
color:#1475d3;
}
#innerpage-box .ht-team-social-id {
position: relative;
left: 0;
right: 0;
bottom: auto;
}
#innerpage-box .ht-team-member .ht-team-member-excerpt-wrap {
padding: 0;
}
/*————————————————————–
## Inner team page Section
————————————————————–*/
#innerpage-box .faq-content {
margin-bottom: 10px;
}
#innerpage-box .faq-content h6.faq-title {
background: #13aa1d;
padding: 15px;
padding-left: 45px;
margin: 0;
border-radius: 10px;
border: 2px solid #e1dede;
color: #fff;
}
#innerpage-box .faq-content h6:before {
content: “\f059”;
font-family: ‘Fontawesome’;
font-size: 28px;
font-weight: 800;
color: #fff;
background: none;
position: absolute;
left: 0px;
padding: 10px 15px;
top: 4px;
border-radius: 50%;
}
#innerpage-box .faq-content h6:after {
content: “\f0d7”;
font-family: ‘Fontawesome’;
font-size: 28px;
font-weight: 800;
color: #fff;
background: none;
position: absolute;
right: 0px;
padding: 10px 15px;
top: 4px;
border-radius: 50%;
}
#innerpage-box .faq-content .faq-description p:before {
content: “\f0a9”;
font-family: ‘Fontawesome’;
font-size: 28px;
font-weight: 800;
color: #000;
background: none;
position: absolute;
left: 5px;
padding: 0px 15px;
/* top: 4px; */
border-radius: 50%;
}
#innerpage-box .faq-content .faq-description {
background: #f6f6f6;
padding: 10px 20px 10px 45px;
margin: 0 10px;
}
#innerpage-box .faq-content .faq-description p{
margin: 0;
font-size: 15px;
color: #000;
}
/*————————————————————–
## Counter Section
————————————————————–*/
#ht-counter-section{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #FFF;
background-attachment: fixed;
position: relative;
background-position: 50% 0;
}#ht-counter-section .ht-section{
background: none;
}#ht-counter-section .ht-counter-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
}.ht-team-counter-wrap{
margin-left: -5%;
}.ht-counter{
float: left;
width: 20%;
margin-left: 5%;
text-align: center;
border: 2px solid #fe5722;
border-top: 0;
padding: 0 20px 20px;
position: relative;
}.ht-counter:after{
content: “”;
position: absolute;
width: 30%;
left: 0;
top: 0;
height: 2px;
background: #fe5722;
}.ht-counter:before{
content: “”;
position: absolute;
width: 30%;
right: 0;
top: 0;
height: 2px;
background: #fe5722;
}.ht-counter-count{
font-size: 48px;
line-height: 1;
margin-bottom: 25px;
letter-spacing: 3px;
font-family: ‘Oswald’, sans-serif;
font-weight: 400;
}.ht-counter-icon{
display: inline-block;
font-size: 36px;
color: #fe5722;
position: relative;
-ms-transform: translate(0, -17px);
-webkit-transform: translate(0, -17px);
transform: translate(0, -17px);
line-height: 36px;
}.ht-counter-title{
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 400;
margin: 0;
}/*————————————————————–
## Logo Section
————————————————————–*/
.ht_client_logo_slider img{
padding: 0 26px;
}/*————————————————————–
## Testimonial Section
————————————————————–*/
section#testimonials-box .lightbox.overlay {
padding: 3em 0em 0em 0em;
}
main#innerpage-box .testimonial-content-box {
/*margin-bottom: 35px;*/
}
#testimonials-box .ht-test-member {
background: #fff;
padding: 40px 30px 0;
box-shadow: 0px 1px 3px 3px rgba(197, 197, 197, 0.4);
border-radius: 20px;
}#testimonials-box .owl-carousel .owl-stage-outer {
padding: 5px 5px 75px;
margin: 0 -4px;
}#testimonials-box .main-test-box {
padding: 80px 0px 80px 0px;
}
#testimonials-box .padding0:hover {
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
.testimonial-content-box:after {
content: “”;
width: 25px;
height: 25px;
background: #ffffff;
position: absolute;
bottom: 110px;
left: 45px;
transform: skewX(-35deg) skewY(35deg);
}
#testimonials-box {
position: relative;
padding: 4em 0;
background: #f1f1f1;
}
#testimonials-box .overlay {
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.6);
}h2.lz-testimonials-backgrountext {
text-align: center;
font-size: 100px;
color: #ececec;
opacity: 0.6;
position: relative;
top: 0;
/* letter-spacing: 5px; */
}
#testimonials-box .lz-testimonials-heading {
color: #343434;
position: relative;
z-index: 2000;
}
#testimonials-box .testimonial-content {
background: #fff;
padding: 20px 30px 50px 30px;
text-align: left;
margin-bottom: 35px;
cursor: pointer;}
section#testimonials-box .text-designation {
color: #ffffff;
font-style: italic;
font-size: 14px;
}h2.testimonial-heading.ht-section-title {
color: #2b2b2b;
}
main#innerpage-box h6.secondry-text span {
color: #000;
}
main#innerpage-box .testimonial-content {
padding: 0;
}#innerpage-box .test-box:hover{
border:none;
background: none;
}#testimonials-box .lz-testimonials-subheading {
font-family: ‘Poppins’, sans-serif;
font-size: 14px;
margin-bottom: 15px;
color: #fff;
text-align: center;
line-height: 30px;
}#innerpage-box .testwidth {
width: 100%;
}
#innerpage-box .page-testimonial-box .team-thumb {
/*width: 100px;*/
/*height: 100px;
position: absolute;*/
/* bottom: -30px; */
/*left: 25px;*/
}
#innerpage-box .testimonial-content h6{
color:#000;
}.testeffect:nth-child(odd){
margin-top: 0px;
}
.testeffect:nth-child(even){
margin-top: 80px;
}
main#innerpage-box .team-thumb img {
height: 75px;
width: 100px;
/* padding: 0; */
/* border: 4px solid #fc5b74; */
border-radius: 50%;
}
main#innerpage-box .row.page-testimonial-box p {
font-size: 14px;
font-style: italic;
margin: 10px 0px 20px 0px;
}
main#innerpage-box .testimonial-content-box:after {
content: none;
}
main#innerpage-box .test-box h6 {
color: #000;
text-transform: uppercase;
}
#testimonials-box h6 span {
color: #000;
font-size: 14px;
font-weight: bold;
font-family: ‘Roboto’, sans-serif;
}
#testimonials-box .team-thumb img {
height: 80px;
width: 80px;
/* margin: 0 auto;*/
border-radius: 50%;
}#testimonials-box .testimonial-content-box:hover .team-thumb img {
border-color: #ea70a1;
}#testimonials-box h6{
color: #000;
font-size: 25px;
font-weight: 500;
}
#testimonials-box .ht-test-member:hover h6 {
color: #1376c4;
}#testimonials-box .test-member-designation {
font-size: 18px;
color: #15aa19;
}#testimonials-box .test-content {
font-size: 15px;
padding: 30px 0 0;
font-family: ‘Lato’, sans-serif;
}
.ht-test-member-image img {
width: 120px !important;
height: 120px;
margin: 0 auto;
border-radius: 60px;
position: relative;
bottom: -47px;
z-index: 2000;
}#testimonials-box .ht-test-member:hover .ht-test-member-image img {
-ms-transform: scale(1.2) rotate(5deg);
-moz-transform: scale(1.2) rotate(5deg);
-webkit-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
transform: scale(1.1) rotate(5deg);
background: #fff;
color: #77bf29;
box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}.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;
display: none;
}
#quote-carousel .carousel-control.left {
/* left: -80px;*/
top: 150px;
}
#quote-carousel .carousel-control.left i {
color: #404040;
background: #fff;
border-radius: 50%;
padding: 5px;
opacity: 1;
}
#quote-carousel .carousel-control.right {
/* right: -80px;*/
top: 150px;
}
#quote-carousel .carousel-control.right i {
color: #404040;
background: #fff;
border-radius: 50%;
padding: 5px;
opacity: 1;
}
#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;
}
#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;
display: none;
}
#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;
}#testimonials-box .owl-nav button.owl-prev span {
position: absolute;
left: -45px;
top: 31%;
font-size: 38px;
color: #fff;
font-weight: 700;
background: #15aa19;
width: 45px;
height: 64px;
border-radius: 20px 0 0 20px;
}
#testimonials-box .owl-nav button.owl-next span {
position: absolute;
right: -45px;
top: 31%;
font-size: 38px;
color: #fff;
font-weight: 700;
background: #15aa19;
width: 45px;
height: 64px;
border-radius: 0px 20px 20px 0px;
z-index: 2000;
}
#testimonials-box .owl-nav button.owl-prev span:hover {
opacity: 0.6;
}
#testimonials-box .owl-nav button.owl-next span:hover {
opacity: 0.6;
}
#testimonials-box .owl-theme .owl-dots .owl-dot span {
border:none;
}
/* ——————————— */
/* Testimonial Page */
/* ——————————— */main#innerpage-box .page-testimonial-box{
border: 1px solid #c9ced3;
border-top: 3px solid #c9ced3;
padding: 30px 30px 45px 30px;
margin-bottom: 30px;
position: relative;
background: #ffffff;
z-index: 999;
}
main#innerpage-box .ht-test-member.text-center {
background: #f1f1f1;
padding: 40px 30px 0;
box-shadow: 0px 1px 3px 3px rgba(197, 197, 197, 0.4);
border-radius: 20px;
margin: 10px 50px 70px;
}
main#innerpage-box .ht-test-member:hover .ht-test-member-image img {
-ms-transform: scale(1.2) rotate(5deg);
-moz-transform: scale(1.2) rotate(5deg);
-webkit-transform: scale(1.2) rotate(5deg);
-o-transform: scale(1.2) rotate(5deg);
transform: scale(1.1) rotate(5deg);
background: #fff;
color: #77bf29;
box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
main#innerpage-box .ht-test-member:hover h6.member-name {
color:#1376c4;
}
main#innerpage-box .test-member-designation {
font-size: 18px;
color: #15aa19;
}
main#innerpage-box .test-content {
font-size: 18px;
padding: 30px 0 0;
font-family: ‘Lato’, sans-serif;
color: #3f3f3f;
}
/*————————————————————–
## Timing Section
————————————————————–*/
section#time-address-section .lightbox {
padding-bottom: 0;
}
#time-address-section{
/*background-image: url(images/timesectionbg.jpg);*/
background-position:left bottom;
background-size: 100%;
background-repeat: no-repeat;
}
#time-address-section .time-rightimg {
width: 100%;
}.lz-fitness-time .days-time-day{
border-radius: 50px;
padding: 3px 40px;
text-align: center;
color: #fff;
font-size:18px;
display: table;
margin: 0 auto;
text-transform: uppercase;
font-style: italic;
}.lz-fitness-time .days-time-day-time{
color:#2b2b2b;
margin: 15px 0 15px 0;
text-align: center;
font-size:14px;
}/*.lz-fitness-time div:nth-child(8){
margin: 0 auto;
text-align: center;
float: none;
display: inline;
clear: both;
padding:0;
}*/
/*.lz-fitness-time div:nth-child(8) div.days-time-day{
background:none ;
font-weight:bold;
}*/
/*.lz-fitness-time div:nth-child(8) div.days-time-day-time{
display:none;
}*/
.offtimebox h4.offtime-text {
background: none;
font-weight: bold;
margin: 0 auto;
text-align: center;
float: none;
padding: 0;
border-radius: 50px;
padding: 3px 40px;
color: #81b440;
font-size: 18px;
display: table;
text-transform: uppercase;
font-style: italic;
letter-spacing: 1px;
}
/*————————————————————–
## Blog Section
————————————————————–*/
#ht-blog-box .ht-blog-excerpt .post-right span:before {
content: “|”;
}
#ht-blog-box .ht-blog-excerpt .post-right span {
color: #83817f;
}
#ht-blog-box .ht-blog-comment i.fa.fa-comment {
padding-right: 5px;
}
#ht-blog-box span i.fa.fa-user {
padding-right: 10px;
padding-left: 20px;
}
#ht-blog-box .ht-blog-comment {
display: inline-block;
color: #7f7f7f;
}
#ht-blog-box .ht-blog-date {
font-size: 15px;
text-align: center;
color: #000;
text-transform: uppercase;
font-family: ‘Lato’, sans-serif;
font-weight: 500;
}
#ht-blog-box .ht-blog-posts h6 {
margin-top: 15px;
}
#ht-blog-box .ht-blog-posts h6 a {
font-size: 27px;
color: #212121;
font-weight: 500;
}.blog-read-more{
padding: 20px 0;
display: inline-block;
border: solid 2px #1276c4;
padding: 2px;
min-height: 40px;
background-clip: content-box;
background-color: #1276c4;
font-size: 18px;
display: inline-block;
border-radius: 5px;
margin-top: 15px;
/* ————————-*/
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}.blog-read-more:hover, .blog-read-more:focus, .blog-read-more:active {
color: white;
}.blog-read-more:before {
content: “”;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #15aa19;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}.blog-read-more:hover:before, .blog-read-more:focus:before, .blog-read-more:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}.blog-read-more:hover{
border: 2px solid #15aa1a;
background: #15aa1a;
background-clip: content-box;
}
.blog-read-more a{
color: #fff;
background: none;
padding: 8px 30px;
display: block;
font-size: 16px;
}.blog-read-more a:hover {
color: #fff;
}
/*slider css for blog section*/#quotes-carousel .carousel-control {
background: none;
color: #fc856d;
font-size: 1.3em;
text-shadow: none;
margin-top: 225px;
opacity: 1;
z-index: 2000;
display: none;
}
#quotes-carousel .carousel-control.left {
/* left: -80px;*/
top: 150px;
}
#quotes-carousel .carousel-control.left i {
color: #404040;
background: #fff;
border-radius: 50%;
padding: 5px;
opacity: 1;
}
#quotes-carousel .carousel-control.right {
/* right: -80px;*/
top: 150px;
}
#quotes-carousel .carousel-control.right i {
color: #404040;
background: #fff;
border-radius: 50%;
padding: 5px;
opacity: 1;
}
#quotes-carousel .carousel-control.left i:hover {
color: #ea70a1;
}
#quotes-carousel .carousel-control.right i :hover {
color: #ea70a1;
}
#quote-carousel .carousel-indicators {
right: 50%;
top: auto;
bottom: -30px;
margin-right: -19px;
}
#quotes-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;
display: block;
}
#quotes-carousel .carousel-indicators .active {
background: #fc5b74;
width: 12px;
height: 12px;
/* border-radius: 100px; */
border-color: #fc5b74;
opacity: 1;
overflow: hidden;
}
.carousel-inner {
min-height: 170px;
border-radius: 10px;
/* padding: 20px 0;*/
}
/*slider css for blog section*/#ht-blog-box {
position: relative;
padding: 4em 0;
}
.lz-blog-text {
font-family: ‘Roboto’, sans-serif;
font-size: 16px;
}
.ht-blog-comment {
font-size: 14px;
margin-bottom: 0;
color: #7f7f7f;
padding: 15px;
}
.ht-blog-excerpt p {
font-size: 15px;
line-height: 30px;
/* margin: 80px 0px 49px 0px; */
color: #3f3f3f;
font-family: ‘Lato’, sans-serif;
}
#ht-blog-box .lz-blog-subheading {
/* margin-top: 15px; */
font-family: ‘Poppins’, sans-serif;
font-size: 14px;
margin-bottom: 50px;
color: #fff;
text-align: center;
line-height: 30px;
}
.ht-blog-excerpt .post-right span {
font-size: 14px;
color: #83817f;
}
.ht-blog-excerpt .post-right span b {
color: #000;
font-weight: normal;
}
.ht-blog-post .box-panels {
margin-bottom: 15px;
}
.ht-blog-post .ht-blog-thumbnail {
overflow: hidden;
}
.ht-blog-post .blog-img {
width: 100%;
height: 200px;
outline: 1px solid #fff;
outline-offset: -3px;
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
.ht-blog-post:hover .blog-img {
transform: scale(1.2) rotateZ(-3deg);
-moz-transform: scale(1.2) rotateZ(-3deg);
-webkit-transform: scale(1.2) rotateZ(-3deg);
-o-transform: scale(1.2) rotateZ(-3deg);
}
.ht-blog-thumbnail a:after {
content: “”;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: #15aa19;
opacity: 0.2;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.ht-blog-thumbnail a:hover:after {
width:100%;
}
.blog-icon {
position: absolute;
top: 142px;
right: 15px;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
background: #15aa19;
color: #fff;
width: 71px;
}
.blog-icon i {
color: #fff;
padding: 20px;
position: relative;
left: 20px;
top: 9px;
font-size: 20px;
}.ht-blog-post{
margin-bottom: 10px;
}.ht-blog-post:nth-child(3n+1){
/*clear: both;*/
}.blog-read-more:hover {
/*transform: rotate(360deg);
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;*/
}
/*.blog-read-more a:hover {
/* background-color: #f0653c;
opacity: 1;
border-bottom: 4px solid #ff7f7f;
background: #000;
font-weight: 400;
color: #fff;
border-radius: 0px 0px 2px 2px;
}*/
.ht-blog-thumbnail a{
display: block;
position: relative;
}.ht-blog-thumbnail a: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;*/
}.ht-blog-thumbnail:hover a:after{
/*width: 100%;*/
}
/*.blog-Info {
color: #FFF;
left: 0;
bottom: 0;
right: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 1;
width: 100%;
margin-bottom: 15px;
}*/
#ht-blog-box .lz-blog-heading{
color: #222222;
/* background: url(images/darksec-titlebg.png)no-repeat scroll bottom;
padding-bottom: 20px;*/
}
#ht-blog-box .blog-Info .blogcontent{
position: relative;
bottom: 40px;
left: 0;
width: 100%;
padding: 0px;
}
#ht-blog-box .ht-blog-post h5 {
border-top-left-radius: 45px;
margin: 0 50px;
font-size: 13px;
font-weight: 800;
font-weight: bold;
margin: 10px 0;
font-size: 18px;
position: absolute;
left: -125px;
background: #ffffff;
padding: 25px 25px;
/* border-radius: 30px; */
border-bottom-left-radius: 45px;
}
#ht-blog-box .ht-blog-post h5 a{
color:#444;
}
#ht-blog-box .ht-blog-excerpt {
padding: 40px 20px;
position: relative;
box-shadow: 0px 1px 3px 3px rgba(236, 231, 231, 0.4);
text-align: center;
}
#ht-blog-box .ht-blog-wrap {
/* padding-bottom: 40px;*/
}.ht-blog-excerpt h5{
font-weight: bold;
margin: 10px 0;
font-size: 18px;
}.ht-blog-excerpt h5 a {
color: #232323;
font-size: 18px;
}.ht-blog-date {
font-size: 16px;
margin-bottom: 0;
color: #fff;}
.blog-admin span {
text-transform: uppercase;
font-size:14px;
color:#a6a6a6;
}
.blog-admin {
border-right: 2px solid #cdcdcd;
}
#blog-box .ht-blog-date {
font-size: 16px;
margin-bottom: 15px;
color: #fff;
/* padding: 15px; */
/* border-radius: 5px; */
border-bottom: 1px solid #cccccc59;
/* font-weight: 600; */
padding-bottom: 15px;
}
#blog-box .blog-read-more {
position: relative;
bottom: 0px;
right: 0;
}.ht-blog-date .fa{
margin-right: 10px;
}#inner-blog-section .blog-read-more{
text-align:center;}
.ht-blog-excerpt .post-right {
padding: 10px 25px;
font-size: 14px;
}.post-right .blog-read-more a:hover{
color: #fff;
border-bottom: 4px solid #ea70a1;
background: #000;
font-weight: 400;
color: #fff;
border-radius: 0px;
}.post-right .blog-read-more {
margin: 10px 0 10px 0px;
border-radius: 5px;
}
.post-right .blog-read-more a {
color: #fff;
margin: 10px 0;
border-radius: 30px;
padding: 20px 30px;
background: #ea70a1;
font-size: 17px;
}
/*————————————————————–
## Blog Page
————————————————————–*/div#blog-box .innerblog-main-content:hover .ht-blog-date::after {
width: 100%;
}
#blog-box .ht-blog-date::after {
content: ”;
display: block;
width: 14%;
height: 2px;
background: #000;
transition: width .3s;
position: relative;
top: 16px;}
#blog-box .inner-blog-excerpt li:nth-child(2):before {
content: “|”;
padding-left: 8px;
padding-right: 15px;
}
#blog-box .inner-blog-excerpt li:nth-child(2):after {
/* clear: both; */
/* font-size: 15px; */
content: “|”;
padding-left: 15px;
padding-right: 15px;
/* border-left: 1px solid; */
}
#blog-box .ht-blog-date i.fa {
margin-right: 8px;
}
div#blog-box .innerblog-main-content:hover
#blog-box .inner-blog-post .ht-blog-date:before {
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
content: “”;
position: absolute;
/* bottom: -2px; */
/* right: -1%; */
width: 0px;
height: 0px;
/* border-right: 4px solid #000; */
border-bottom: 2px solid #000;
width: 65px;
height: 43px;
}
div#blog-box .innerblog-main-content {
background: #ffffff;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
main#innerpage-box .innerblog-read-more {
margin: 15px 0px;
color: #1f1e1e;
}
main#innerpage-box .innerblog-read-more a {
font-size: 18px;
color: #1f1e1e;
padding-right: 10px;
padding-left: 0;
}
div#blog-box .socialsMedia li a {
color: #ffffff;
}
#innerpage-box .inner-blog-post .socialsMedia {
background: #1f1e1e;
color: #ffffff;
padding: 25px 0px;
border-bottom-left-radius: 8px;
}
div#blog-box .socialsMedia li {
list-style-type: none;
padding: 10px 0px 10px 0px;
margin: 0;
text-align: center;
}
div#blog-box ul.ht-blog-date li {
display: inline-block;
text-transform: capitalize;
font-size: 14px;
color: #7f7f7f;
}#blog-box h4{
margin: 20px 0 20px 0;
font-weight: 500;
color: #1f1e1e;
}#blog-box .inner-blog-img{
width: 100%;
}#blog-box .inner-blog-post{
margin: 0 2em 2em 2em;
background: none;
/* padding: 0em 2em 0em 2em; */
border-radius: 10px;
}#blog-box .inner-blog-img{
border-top-left-radius: 8px;
width: 100%;
border-top-right-radius: 8px;
}
.ht-blog-thumbnail{
display: block;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.ht-blog-thumbnail img {
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
div#blog-box .innerblog-main-content:hover .ht-blog-thumbnail img {
/* transform: scale(1.5) rotateZ(-5deg);
-moz-transform: scale(1.5) rotateZ(-5deg);
-webkit-transform: scale(1.5) rotateZ(-5deg);
-o-transform: scale(1.5) rotateZ(-5deg);*/
transform: scale(1.2) rotateZ(-3deg);
-moz-transform: scale(1.2) rotateZ(-3deg);
-webkit-transform: scale(1.2) rotateZ(-3deg);
-o-transform: scale(1.2) rotateZ(-3deg);
}
#blog-box .inner-blog-excerpt{
font-size: 14px;
color: #7f7f7f;
}#blog-box .blog-read-more{
text-align:center;}
#blog-box .blog-read-more:hover{
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#blog-box .blog-read-more a{
padding: 5px 40px;
display: inline-block;
line-height: 40px;
color: #fff;
border: 3px solid;
border-radius: 50px;
}#blog-box .blog-read-more a:hover{
background: #ea70a1;
color: #FFF;
border: 3px solid #6a1b9a;
}.socialMedia{
width: 100%;
text-align: center;
margin: 40px 0 20px 0;
}
.ht-main-navigation li.current_page_item ul li a{
color:#fff;
background:none;
}
.socialMedia a{
font-size: 30px;
color: #fff;
background: #ffffff;
border: 2px solid #fc5b74;
padding: 5px 10px;
width: auto;
}.socialMedia a:hover{
background: none;
border: 2px solid #3a3a3a;
color: #3a3a3a !important;
}
#content-box .socialMedia a:hover {
color: #3a3a3a !important;
}
#content-box .socialMedia a i:hover{
color: #3a3a3a !important;
}
/*————————————————————–
## Contact Section
————————————————————–*/
#ht-cta-section{
color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
background-position: 50% 0;
}#ht-cta-section .ht-section{
padding: 80px 0;
background: none;
}#ht-cta-section .ht-section-title-tagline{
margin-bottom: 40px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}#ht-cta-section .ht-cta-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
}.contact-box{
/*margin-top: 2em;*/
}.ht-cta-buttons{
text-align: center;
}.ht-cta-buttons a{
display: inline-block;
padding: 0 30px;
line-height: 52px;
color: #FFF;
border-radius: 1px;
margin: 0 4px;
font-family: ‘Oswald’, sans-serif;
}.ht-cta-buttons a.ht-cta-button1{
background: #fe5722;
}.ht-cta-buttons a.ht-cta-button2{
background: #333;
}.ht-cta-buttons a.ht-cta-button1:hover{
background: #333;
color: #FFF;
}.ht-cta-buttons a.ht-cta-button2:hover{
background: #fe5722;
color: #FFF;
}/*————————————————————–
## Footer
————————————————————–*/
#ht-colophon .overlay {
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(31,47,63,0.9);
/*padding: 2em 0 1em;*/
}
#ht-top-footer {
position: relative;
}
.ht-top-footer input[type=”email”]::placeholder,
.ht-top-footer input[type=”text”]::placeholder {
color: #757575;
font-weight: normal;
font-style: italic;
font-size: 15px;
}
#ht-colophon .widget-title {
color: #fff;
}
footer#ht-colophon ul li a:before {
content: “\f054″;
font-family: ‘Fontawesome’;
float: left;
margin-right: -8px;
padding-right: 15px;
color: #fff;
}
footer#ht-colophon .social-profile-icons ul li a:before{
content: none;
}
div#copyright-note span {
font-family: ‘Roboto’, sans-serif;
font-weight: normal;
/* font-size: 16px; */
}
footer#ht-colophon ul li a {
text-transform: capitalize;
}
.ht-footer table tr {
border-bottom: 1px dashed #a7a7a7;
line-height: 28px;
}
footer#ht-colophon .social-profile-icons ul li {
background: none;
}
footer#ht-colophon p {
font-size: 15px;
color: #fff;
line-height: 30px;
font-weight: 500;
margin-bottom: 5px;
font-family: ‘Lato’, sans-serif;
}
footer#ht-colophon p i{
font-size: 14px;
color: #fff;
margin-right: 5px;
padding-right: 20px;
}
.ht-footer .textwidget .fa {
margin-right: 5px;
}.ht-footer ul li {
padding: 2px 0 2px 0;
list-style: none;
color: #757575;
font-family: ‘Lato’, sans-serif;
}
.ht-top-footer ul li {
/* background: url(images/liststyle1.png) no-repeat scroll left center; */
/* padding-left: 20px; */
/* border-bottom: 1px dashed #a7a7a7; */
line-height: 30px;
}
#ht-colophon{
font-size: 16px;
}.page-template-home-template #ht-colophon,
.home.blog #ht-colophon{
margin-top: 0
}#ht-colophon a, footer#ht-colophon ul li span.post-date{
color: #757575;
text-decoration: none;
text-transform: capitalize;
font-size: 14px;
font-weight: 500;
font-family: ‘Lato’, sans-serif;
}#ht-colophon .widget-title{
letter-spacing: 1px;
color: #fff;
margin-bottom: 25px;
font-size: 27px;
}#ht-top-footer{
/* background: #2e2e2e; */
color: #989898;
}.ht-top-footer{
margin-left: -3%;
}.ht-footer{
float: left;
/*width: 22%;*/
margin-left: 3%;
padding: 60px 0;
}
.ht-footer.ht-footer1 {
background: #4d5965;
padding: 60px 30px 30px;
opacity: 0.8;
}
.ht-footer.ht-footer1 {
width: 28%;
}
.ht-footer.ht-footer2 {
width: 20%;
}
.ht-footer.ht-footer3 {
width: 20%;
}
.ht-footer.ht-footer4 {
width: 20%;
}
.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{
background: none;
font-size: 16px;
border: 1px solid #fff;
padding: 6px 10px;
color: #fff;
}
.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;
border-radius: 0;
}
.ht-top-footer input[type=”submit”] {
width: 100%;
padding: 12px 0;
font-size: 14px;
background: #ff7f7f;
color: #fff;
}
#ht-colophon .social-profile-icons a:hover{
/*color: #fe5722;*/
}
#ht-bottom-footer{
line-height: 1.2;
text-align: center;
}
.footer-border{
border-bottom: 1px solid #4d5965;
}
.ht-site-info {
padding: 30px 0px;
color: #fff;
font-size: 15px;
font-family: ‘Open Sans’, sans-serif;
}
.ht-site-info a{
border-bottom: 1px dotted #AAA;
}#ht-back-top{
position: fixed;
right: 10px;
bottom: 10px;
background: #111;
height: 60px;
width: 40px;
text-align: center;
color: #FFF;
line-height: 60px;
z-index: 99;
cursor: pointer;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}#ht-back-top:hover{
background: #fe5722;
}#ht-back-top.ht-hide{
bottom: -100px;
}/*————————————————————–
## Pricing Section
————————————————————–*/
h2.ht-section-title.lz-plan-mainheading:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 90px;
height: 60px;
margin: 0 auto;
right: 43%;
}
section#ht-pricing-post-box .lightbox {
padding: 0em 0em 5em 0em;
}
.ht-section-tagline.lz-plan-subheading {
font-size: 14px;
line-height: 30px;
margin-bottom: 4em;
}
section#ht-pricing-post-box {
background: #f7f7f7;
}
section#ht-pricing-post-box .ht-section-title-tagline {
text-align: center;
}
h2.ht-section-title.lz-plan-heading {
font-size: 100px;
color: #e5e2e2;
opacity: 0.6;
position: relative;
top: 65px;
margin-bottom: 0;
}
h2.ht-section-title.lz-plan-mainheading {
position: relative;
z-index: 2000;
top: -20px;
font-size: 45px;
}
#pricing-page .ht-plan-block:hover {}
#ht-princing-post-section {
background:#f4f4f4;
/* background-position: top;
background-size: cover;*/
}
#ht-princing-post-section .lz-plan-heading{
color:#2b2b2b;
}
.ht-plan-block{
padding: 30px 30px 65px 30px;
background: #ffffff;
position: absolute;
top: 65px;
right: 20px;
}#ht-princing-post-section .ht-princing-icon{
padding:30px 0 0 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 36px;
color:#fff;
}#ht-princing-post-section .plan-amount{
padding:0 0 10px 0;
font-size: 60px;
color:#fff;
text-align:center;
}#ht-princing-post-section .ht-princing-excerpt{
padding: 27px 0;}
#ht-princing-post-section .ht-princing-excerpt ul {
padding: 0 30px;
margin: 0;
}#ht-princing-post-section .ht-princing-excerpt ul li{
border-bottom: 1px solid #dadada;
list-style: none;
padding:10px 0;
color:#4d4d4d;
}#ht-princing-post-section .ht-princing-link {
}
.ht-princing-link a:hover{
background:#fe5722;
color:#fff;
text-decoration: none;
}/*————————————————————–
## Address Section
————————————————————–*/#address-box{
padding: 2em;
}.fitness-address-block{
margin:20px 0 0;
}/*————————————————————–
## Appointment Section
————————————————————–*/
#ht-appintment-box {
background:#344a5f url(images/contact-bg.png) repeat scroll center;
border-bottom: 7px solid #15aa19;
}
.ht-appintment-member-wrap {
color: #fff;
padding-left: 75px;
}
.apointment-box {
padding: 0px 65px;
}
.sect-height-appointment-box {
padding: 4em 0 3em;
}
.sect-height-appointment-section {
background: #15aa1a;
padding: 5em 3em 4em;
}
h2.ht-section-title.lz-appointment-heading {
color: #fff;
}
.appointment-text {
font-family: ‘Lato’, sans-serif;
font-size: 15px;
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.appointment-icon.padding0 span.fa.fa-map-marker {
padding-left: 22px;
}
#ht-appintment-section .lz-appointment-heading{
color: #fff;
/* background: url(images/lightsec-titlebg.png)no-repeat scroll bottom;
padding-bottom: 20px;*/
}
#ht-appintment-section .color-box {
padding: 20px 0px 0px;
color: #3e3e3e;
font-size: 21px;
font-weight: 600;
}#ht-appintment-section .box-effect {
background: #ff947f;
padding: 40px 50px;
}.appointment-icon span.fa {
font-size: 30px;
color: #fff;
padding: 5px 15px;
margin-bottom: 30px;
}
.appointment-content {
font-size: 16px;
color: #fff;
/* line-height: 44px; */
font-family: ‘Lato’, sans-serif;
/* padding-left: 20px;*/
}
.appointment-content a {
font-size: 16px;
color: #fff;
/* line-height: 44px; */
font-family: ‘Lato’, sans-serif;
}
.appointment-content a:hover{
color:#1376c4;
}
.appointment-contentsub {
color: #fff;
font-size: 16px;
position: relative;
left: 15px;
padding: 0;
margin: 0;
}
#ht-appintment-section .lz-appointment-subheading {
margin-top: 15px;
font-family: ‘Poppins’, sans-serif;
font-size: 16px;
margin-bottom: 15px;
color: #fff;
padding: 0 25px;
}
.appointbox {
color: #FFF;
left: 0;
bottom: 0;
right: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
opacity: 1;
width: 100%;
}
.appointbox .appointcontentbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 15% 18% 10% 20%;
}
.appointcolorbox {
background: #fff;
opacity: 0.8;
padding: 60px;
border: 10px solid #fbb5a7;
}
.lz-appointimg-subtitle1, .lz-appointimg-subtitle2, .lz-appointimg-subtitle3{
color: #3e3e3e;
font-size: 18px;
font-weight: 600;
font-size: 30px;
text-align: center;
padding-bottom: 20px;
/* position: absolute;
top: -74px;
left: 20%;*/
}
.lz-appointimg-title {
font-size: 30px;
font-weight: 600;
color: #3e3e3e;
margin: 20px 0;
}
.lz-appointimg-text {
color: #313131;
font-size: 15px;
margin-bottom: 20px;
}
.lz-appointimg-daya, .lz-appointimg-dayb, .lz-appointimg-endday{
font-size: 18px;
color: #3e3e3e;
font-weight: 600;
line-height: 35px;
}
.apointment-box .ht-appintment-member-wrap h3, .apointment-box .ht-appintment-member-wrap h2{
font-size: 30px;
color: #3e3e3e;
padding: 0px 15px;
font-weight: 600;
}
.sect-bg {
background: #fff;
}
.ht-appintment-member-wrap textarea {
height: 110px;
}
.appoint-img-box img {
width: 100%;
height: 100%;
}
.ht-section-tagline.lz-appointment-text {
font-size: 12px;
/* font-family: ‘Roboto’, sans-serif; */
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
#ht-appintment-section .ht-appintment-member-wrap {
color: #fff;
padding: 0;
}
#ht-appintment-section{
padding: 5em 0 5em;
}
#ht-appintment-section .ht-appintment-member-wrap label{
display: inline;
color:#fff;
}#ht-appintment-section .ht-section-title-tagline{
margin-bottom: 4em;
}
#ht-appintment-section .ht-appintment-member-wrap input::placeholder{
color:#3f3f3f;
opacity: 1;
}.ht-appintment-member-wrap h4{
color:#fff;
text-align: center;
margin: 0 0 30px 0;
}.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 textarea{
border: 1px solid #fff;
background: none;
z-index: 2000;
width: 100%;
color: #3f3f3f;
margin: 0 0 10px 0;
border-radius: 5px;
padding: 0px 20px;
/* padding-left: 60px; */
font-size: 14px;
height: 50px;
background: #fff;
font-style: normal;
font-family: ‘Lato’, sans-serif;
}
.ht-appintment-member-wrap select{
outline: 0;
border: 1px solid #fff;
background: #fff;
z-index: 2000;
width: 100%;
color: #3f3f3f;
margin: 0 0 6px 0;
border-radius: 5px;
padding: 19px 20px;
/* min-height: 50px; */
/* padding-left: 60px; */
font-size: 14px;
height: 50px;
font-family: ‘Lato’, sans-serif;
}.ht-appintment-member-wrap textarea {
height: 90px;
padding: 10px 20px;
}
#ht-appintment-section .ht-appintment-member-wrap textarea::placeholder{
color:#3f3f3f;
}.ht-appintment-member-wrap label{
color:#fff;
margin:0;
width: 100%;
}
.ht-appintment-member-wrap input[type=”submit”]{
padding: 10px 40px;
color: #fff;
font-size: 20px;
margin: 0 auto;
display: block;
outline: 1px solid #344a5f;
outline-offset: -4px;
margin-top: 6px;
border-radius: 5px;
background: #1376c4;
-webkit-transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
transition-delay: 0s;
}
.lz-fitness-address-lable{
margin:20px 0 0 0;
}
.ht-appintment-member-wrap input[type=”submit”]:hover{
opacity:1;
transform: translateY(-5px);
}
/*————————————————————–
## Contact Section
————————————————————–*/
#ht-contact-section {
background: #eb5598;
padding: 2em 0;
}
#ht-contact-section .contact-icon {
text-align: center;
color: #fff;
font-size: 35px;
}
#ht-contact-section .contact-icon:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
#ht-contact-section .contact-content {
color: #fff;
font-size: 18px;
}
#ht-contact-section .contact-content span{
color: #fff;
font-size: 18px;
margin: 0;
}
#ht-contact-section .contact-content a{
color: #fff;
font-size: 18px;
margin: 0;
font-weight: 400;
}
#ht-contact-section .contact-content a:hover{
color:#000;
}
.contact-small-box {
padding: 10px 40px;
}
.contact-small-box:hover {
/* transform: scale(1.2) rotateZ(0deg);
-moz-transform: scale(1.2) rotateZ(0deg);
-webkit-transform: scale(1.2) rotateZ(0deg);
-o-transform: scale(1.2) rotateZ(0deg);*/
-webkit-transform: translateY(-5px);
transform: translateY(-6px);
}
.small-box {
box-shadow: 5px 1px 1px -3px rgba(255, 255, 255, 0.2);
}.contact-sm-links {
margin: 0px;
margin-bottom: 10px;
}
/*————————————————————–
## Newsletter Section
————————————————————–*/
#ht-newsletter-box .lightbox {
padding: 3em 0em 2em 0em;
}
#ht-newsletter-box .box-form, section#ht-newsletter-box label {
color: #ffffff;
width: 100%;
}
#ht-newsletter-box input[type=’submit’]:hover {
background: #ffffff;
color: #fc5b74;
opacity: 1;
}
#ht-newsletter-box input[type=’submit’] {
border: 1px solid #ffffff;
padding: 12px 40px;
border-radius: 30px;
font-size: 18px;
font-weight: 500;
}
#ht-newsletter-box .ht-newslatter-member-wrap {
color: #fff;
}
#ht-newsletter-box input[type=”text”],
#ht-newsletter-box input[type=”email”],
#ht-newsletter-box input[type=”url”],
#ht-newsletter-box input[type=”password”],
#ht-newsletter-box input[type=”search”], input[type=”number”],
#ht-newsletter-box input[type=”tel”],
#ht-newsletter-box input[type=”range”],
#ht-newsletter-box input[type=”date”],
#ht-newsletter-box input[type=”month”],
#ht-newsletter-box input[type=”week”], input[type=”time”],
#ht-newsletter-box input[type=”datetime”],
#ht-newsletter-box input[type=”datetime-local”],
#ht-newsletter-box input[type=”color”],
#ht-newsletter-box textarea{
padding: 15px 15px;
width: 100%;
border-radius: 5px;
background: none;
color: #fff;
border: 1px solid #ffffff;
margin-bottom: 15px;
font-size: 15px;
font-family: ‘Lato’, sans-serif;
}
#ht-newsletter-box input[type=”text”]::placeholder,
#ht-newsletter-box input[type=”email”]::placeholder,
#ht-newsletter-box textarea::placeholder{
color: #ffffff;
font-size: 15px;
font-weight: 400;
}
#ht-newsletter-box .news-space {
margin-bottom: 20px;
}
#ht-newsletter-box ul.news-sm-links li a {
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 80px;
border: #15aa13;
background: #fff;
opacity: 0.8;
}#ht-newsletter-box ul.news-sm-links li a:hover {
opacity:1;
}#ht-newsletter-box ul.news-sm-links li a span.fa {
color: #15aa13;
font-size: 20px;
padding: 4px 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 30px;
border: 1px solid #15aa13;
background-color: #fff;
height: 30px;
width: 30px;
margin: 3px;
}
#ht-newsletter-box ul{
padding: 10px 51px;
margin: 0;
display: inline-block;
background: #15aa13;
}
#ht-newsletter-box ul.news-sm-links li {
display: inline-block;
list-style-type: none;
margin-right: 6px;
font-size: 16px;
color: #fff;
font-family: ‘Lato’, sans-serif;
}
#ht-newsletter-box h2.lz-newslatter-label:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 111px;
height: 25px;
margin: 0 auto;
left: 0px;
top: 35px;
}
#ht-newsletter-box h2.lz-newslatter-label {
font-size: 30px;
}
#ht-newsletter-box h2.ht-section-title.lz-newslatter-heading {
color: #ffffff;
text-align: left;
font-size: 40px;
padding: 0;
}
.lz-newslatter-test {
font-size: 15px;
font-family: ‘Lato’, sans-serif;
text-align: left;
color: #fff;
}
#ht-newsletter-box .news-box span {
font-size: 40px;
color: #ffff;
}
#ht-newsletter-box {
background: #1376c4;
padding: 2em 0 0;
}
.pluses.text-right i.fa.fa-plus {
font-size: 25px;
margin-right: 2px;
/* margin-top: 25px;*/
position: relative;
right: 13%;
top: 25px;
}
.sect-height-newslatter-box {
padding: 00px 80px 00px 70px;
}
.newsform-box {
/*background: #fff;
box-shadow: 0 0px 5px 0px #00000069;
border-radius: 10px;*/}
section#ht-newslatter-section input[type=”email”] {
/*height: 75px;*/
/*box-shadow: inset 0px 0px 1px rgba(0,0,0,.5);*/
}
#ht-newslatter-section .newsletter-box {
box-shadow: 0 0px 10px 0px #00000024;
margin-top: 15px;
border-radius: 10px;
padding: 0;
padding: 15px;
background: #ccccccc7;
}
section#ht-newslatter-section ::placeholder {
color: #6f6d6d;
padding: 10px;
font-family: ‘Roboto’, sans-serif;
font-size: 16px;
text-transform: lowercase;
}.ht-section-tagline.lz-newslatter-text {
font-size: 17px;
font-family: ‘Roboto’, sans-serif;
text-align: left;
font-weight: 500;
}
h2.ht-section-title.lz-newslatter-heading span {
font-weight: bold;
color: #2b2b2b;
}
#ht-newslatter-section{
/*border-top: 1px dashed #fff;
border-bottom: 1px dashed #fff; */
background: #f4f4f4;
}
#ht-newslatter-section .ht-section-title-tagline{
color:#fff;
}#ht-newslatter-section .ht-section-title{
padding:0;
font-weight: normal;
text-align: left;
text-transform: capitalize;
font-weight: bold;
}
#ht-newslatter-section .ht-section-title-tagline{
margin-bottom:18px;
margin-left: 15px;
margin-top: 30px;
}
#ht-newslatter-section .newsletter-form-box{
/*padding-top: 18px;*/
/* padding-bottom: 15px; */
padding-right: 100px;
}
/*
#ht-newslatter-section .lz-newslatter-heading{
color:#fff;
}*/
.newsletter-form-box input::placeholder{
color:#fff;
opacity: 0.7;
}.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{
border: 1px solid #d0d0d0;
/* background: none;*/
color: #555;
/*margin: 0 0 32px 0;*/
width: 100%;
border-radius: 5px;
/*margin: 0 0 15px 0;*/
/*box-shadow: inset 0px 0px 1px rgba(0,0,0,.5); */
padding: 9px 20px;
}
.newsletter-form-box textarea{
height: 50px;
}
.newsletter-form-box label{
color:#ffcdbd;
}
.newsletter-form-box input[type=”submit”]{
border: none;
padding: 9px 15px;
color: #ffffff;
border-radius: 5px;
font-weight: bold;
border: 1px solid #6c8007;
width: 100%;
position: absolute;
left: -80px;
right: 0;
top: 0;}
.newsletter-form-box input[type=”submit”]:hover{
/*opacity: 0.8;*/
opacity: 1;
color: #fff;
}.lz-fitness-address-lable{
margin:20px 0 0 0;
}.newsletter-form-box div.wpcf7-response-output{
position: absolute;
margin:0;
}
/*————————————————————–
## Posts and pages
————————————————————–*/.home-page {
padding: 0 0 30px 0;
}#innerpage-box{
padding:2em 0;
background: #eee;
}
.single-post #content-box {
background: #ffffff;
padding: 25px;
}
.single-post .ht-main-title {
margin: 0px 0 15px;
padding: 15px 15px 0;
}
.single-attachment h1.ht-main-title {
margin: 15px 0;
padding: 15px 20px 0px;
}
.single-attachment #content-box li, .post-date-publishable {
display: inline-block;
}
.single-attachment #content-box .single_post {
color: #7f7f7f;
}
#content-box .socialMedia a i:hover {
background: none !important;
}
div#content-box .innerpage-whitebox{
/*padding: 2em;
border-radius:10px;*/
margin-bottom: 10px;
background: #fff;
padding: 2em;
}#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 {
/*background: url(images/list-ico.png) no-repeat;
padding: 4px 0 4px 47px;
margin: 10px 0;*/
content: “\f00c”;
font-family: ‘Fontawesome’;
margin-right: 10px;}
#content-box ul li {
margin: 10px 0;
}
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 !important;
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%;
height: 300px;
margin-bottom: 20px;
}.single img.ht-page-header-img{
height:auto;
}.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;*/
}/*————————————————————–
## Pricing Page
————————————————————–*/
main#innerpage-box .ht-plan-block {
top: 25px;
}
section#ht-pricing-post-box .price-space {
margin-bottom: 30px;
}
section#ht-pricing-post-box .pricing-icon img {
width: 100%;
height: 445px;
padding-right: 70px;
}
section#ht-pricing-post-box .ht-princing-title,
main#innerpage-box .ht-princing-title {
/* padding-bottom: 20px;*/
font-size: 34px;
text-align: center;
}#pricing-page .ht-princing-icon{
padding:30px 0 0 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
font-size: 36px;
color:#fff;
}#pricing-page .plan-amount{
padding:0 0 10px 0;
font-size: 60px;
color:#fff;
text-align: :center;
}.ht-princing-excerpt{
padding: 8px 30px;
font-size: 14px;
font-style: italic;
color: #9e9c9c;
text-align: center;}
#pricing-page .ht-princing-excerpt ul {
padding: 0 30px;
margin: 0;
}#pricing-page .ht-princing-excerpt ul li{
border-bottom: 1px dashed #dadada;
list-style: none;
padding:10px 0;
color:#4d4d4d;
background: none;
margin: 0;
}.ht-princing-link {
margin-top: 30px;
text-align: center;
}
.ht-princing-link a{
padding: 15px 30px;
color: #1f1e1e;
border-radius: 30px;
border: 2px solid #1f1e1e;
font-size: 18px;
}
.ht-princing-link a:hover{
background:#fe5722;
color:#fff;
text-decoration: none;
}/*————————————————————–
## Contact Page
————————————————————–*/
main#innerpage-box #ht-contactus-wrap input[type=”email”] {
padding: 10px 20px;
}
#ht-contactus-wrap .contact-page-form{
border-radius: 10px;
/*padding: 2em;*/
color: #fff;
padding-top: 10px;
}
/*#ht-contactus-wrap .contact-page-form:hover{
border: 5px dashed #2d2d2d;
}*/
#ht-contactus-wrap input::placeholder,
main#innerpage-box #ht-contactus-wrap input[type=”email”]{
font-size: 16px;
}#ht-contactus-wrap h4{
color: #fff;
text-align: left;
margin: 30px 45px 20px 45px;
background: none;
outline: none;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}#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: 1px solid #fff;
background: none;
width: 100%;
color: #fff;
margin: 0 0 15px 0;
border-radius: 5px;
}
#ht-contactus-wrap select {
position: relative;
cursor: pointer;
-moz-appearance: none;
height: 50px;
}
#ht-contactus-wrap select::placeholder{
color:#fff;
opacity: 0.8;
font-size: 16px;
}
#ht-contactus-wrap textarea{
height: 110px;
padding: 10px 17px;
}
#ht-contactus-wrap textarea::placeholder{
color:#fff;
opacity: 0.8;
font-size: 16px;
}#ht-contactus-wrap label{
color:#ffffff;
width: 100%;
}
#ht-contactus-wrap input[type=”submit”]
{
background: #fff;
border: none;
padding: 10px 20px 5px;
color: #9bb70d;
border-radius: 5px;
margin-left: 15px;
border-bottom: 5px solid transparent;
}
#ht-contactus-wrap input[type=”submit”]:hover{
border-bottom: 5px solid #000;
background: #f0653c;
color: #fff;
opacity: 1;
}.lz-fitness-address-lable{
margin:20px 0 0 0;
}#ht-contactus-wrap .contact-page-address{
}
.contact-mapbox {
margin-top: 13px;
}
.contact-mapbox iframe{
width: 100%;
height:350px;
background:#fe5722;
padding:5px;
border-radius: 5px;
}.address-box{
margin: 0 0 20px 0;
}.address-box span{
padding-right: 10px;
}.contact-sm-links {
margin: 0;
}.contact-sm-links li {
display: inline-block;
padding: 5px;
margin: 5px;
list-style: none;
}
#ht-contactus-wrap .contact-sm-links li{
display: inline-block;
padding: 0px;
margin: 0px;
list-style: none;
}
#ht-contactus-wrap .contact-sm-links li:hover{
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.contact-sm-links li a{
font-size: 30px;
}
#ht-contactus-wrap .contact-sm-links li a{
font-size: 18px;
/*border-radius: 50%;*/
/* height: 22px; */
/* width: 35px; */
padding: 4px 8px;
border: 2px solid #f0653c;
}
#ht-contactus-wrap .contact-sm-links li a:hover {
color:#444;
border-color:#444;
}
main#innerpage-box span.fa:hover {
color: #444;
}
/*————————————————————–
## 404 Page
————————————————————–*/
.error404 .error-404{
display: block;
text-align: center;
font-size: 200px;
color: #f9f9f9;
line-height: 1.2;
}.error404 .oops-text{
text-align: center;
}.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{
border: 1px solid #dadada;
border-radius: 2px;
text-align: center;
border-bottom: 1px solid #dadada !important;
padding-bottom: 45px !important;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
border-bottom: 1px solid #fc5b74 !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;
height: 230px;
}
.woocommerce div.product div.images img {
border: 3px solid #ccc !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{
/*font-family: ‘Pontano Sans’, sans-serif;*/
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, .woocommerce-MyAccount-navigation-link a:hover{
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: #1276c4;
border: 1px solid #1276c4;
border-radius: 3px;
}
.single-productpage #secondary .sidebar h3 {
padding: 15px 15px 15px 25px;
margin-bottom: 20px;
font-size: 18px;
color: #fff;
margin: 0;
position: relative;
display: block;
text-transform: uppercase;
margin: 0 0 25px;
background: #15aa19;
}
.single-productpage fieldset input[type=”submit”] {
float: right;
position: absolute;
right: 13px;
text-indent: -999px;
background: #15aa1a;
padding: 11px 25px 11px 30px;
top: 79px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 0%;
}
.single-productpage form#searchform:after {
content: ” “;
/* font-family: ‘Fontawesome’; */
position: absolute;
top: 90px;
font-size: 35px;
/* text-align: right; */
/* left: 0; */
right: 25px;
color: #f5f2f2fa;
background-image: url(images/news2.png);
background-repeat: no-repeat;
height: 25px;
width: 25px;
/* padding-left: 6px; */
}
.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 div.product .woocommerce-tabs ul.tabs li.active:hover{
background:#333 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover{
background: #15aa19;
}
.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;
}.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before{
color: #fe5722;
}.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button{
padding: 5px 20px;
line-height: 1;
height: auto;
}.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;
}.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{
/*width: 90%;*/
width: 50%;
margin-left: -65%;
top: 50%;
}
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
.ht-appintment-member-wrap {
padding:0 75px;
}
}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
#ht-masthead .themetext {
font-size: 12px;
}
#testimonials-box .owl-nav button.owl-next span {
right: -40px;
width: 38px;
}
#testimonials-box .owl-nav button.owl-prev span {
left: -40px;
width: 38px;
}
.apointment-box {
padding:0;
}
#ht-newsletter-box h2.ht-section-title.lz-newslatter-heading {
font-size: 30px;
}
#ht-newsletter-box ul {
padding: 10px 3px;
}
}
@media screen and (max-width: 1000px){
.toggle-bar{
display: block;
position: absolute;
top: -90px;
right: 20px;
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-sticky-header #ht-masthead{
position: static;
}.ht-sticky#ht-masthead{
height: 94px;
}#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: 0;
right: 0;
top: -50px;
background: #fe5722;
z-index: 999;
}.ht-main-navigation li{
float: none;
margin-left: 0;
text-align: center;
}.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: 0;
margin-top: 0;
}.ht-main-navigation ul ul ul{
margin: 0;
}.ht-team-member{
margin-bottom: 2em;
}
.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;
}
}@media screen and (max-width: 768px){
.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: 2em;
margin-bottom: 2em;
}#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: 14px;
font-size: 3vw;
}#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”]{
left: 198px
}
.overlap-header {
top:0;
}
/*header#ht-masthead .main-header {
height: 360px;
}*/
.ht-slide-cap-desc {
padding-bottom: 10px;
}
.lower-header .header-social-links {
padding: 15px 10px;
}
#ht-blog-box {
padding: 3em 0 1em;
}
.ht-slide-caption {
top: 50%;
left: 70%;
}
.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 {
padding: 5px 12px;
font-size: 12px;
}
#ht-appintment-section .color-box .textbox1 {
padding: 10px 30px 10px;
}
#ht-appintment-section .color-box {
padding: 10px 0px 10px;
}
.ht-blog-excerpt .post-right {
border-left: none;
}
.single-post .ht-main-title {
font-size: 20px;
}
.lz-banner-heading {
font-size: 23px;
margin: 15px 0 10px;
}
#ht-banner-box .readmore a {
padding: 3px 36px;
font-size: 15px;
}
#ht-banner-box .readmore a i {
font-size: 16px;
}
#ht-banner-box .readmore {
margin: 3px 0 0px;
min-height: 38px;
font-size: 20px;
}
#testimonials-box .owl-nav button.owl-next span {
display: none;
}
#testimonials-box .owl-nav button.owl-prev span {
display: none;
}
.ht-appintment-member-wrap {
padding-left: 0;
}
#ht-newsletter-box ul {
display: block;
padding: 10px 15px;
}
.ht-footer {
padding: 20px 0 0;
}
.logobox {
margin-bottom: 25px;
}
}@media screen and (max-width: 580px){
#ht-home-slider-box .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{
border: 2px solid #000;
background: none;
}/* GALLARY HOMEPAGE CSS */
/*#ht-gallery-box .lz-gallery-heading{
background: url(images/lightsec-titlebg.png)no-repeat scroll bottom;
padding-bottom: 20px;
}*/.lz-gallery-images, .gallery-img {
margin: 0;}
.lz-gallery-images img, .ht-gallery-member-image img {
width: 100%;
height: 304px;
}#ht-gallery-box .lz-gallery-subheading {
font-family: ‘Poppins’, sans-serif;
font-size: 14px;
margin-bottom: 45px;
color: #2b2b2b;
padding: 0;
text-align: center;
line-height: 30px;
}/*.lz-gallery-images img:hover, .ht-gallery-member-image img:hover {
opacity: 0.6;
border: 5px solid #fc856d;
}*/
/*.ht-gallery-member-image {
margin-bottom: 30px;
}*/
.ht-gallery {
width: 350px;
display: inline-block;
height: 250px;
overflow: hidden;
border: 1px solid #fff;
}
.ht-gallery-wrap{
background-size: cover;
height: 250px !important;
background-position: center center;
}
.ht-gallery-wrap img {
position: absolute;
width: 350px;
overflow: hidden;
display: none;
}
.lz-gallery-images a:after, .ht-gallery-member-image a:after{
content: “”;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: #eb7b85;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
opacity: 0.65;
}
.lz-gallery-images:hover a:after, .ht-gallery-member-image:hover a:after {
width: 100%;
}
.lz-gallery-images{
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
a.ht-portfolio-image {
position: relative;
top: 10px;
left: 43%;
top: 40%;
background: #fff;
padding: 5px 6px;
border-radius: 50%;
border: 1px solid #ddd;
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#testimonials-box .team-thumb {
left: -10px;
}
#ht-contact-section .contact-icon {
font-size: 20px;
}
#ht-contact-section .contact-content {
font-size: 14px;
}
#ht-contact-section .contact-content a {
font-size: 14px;
}
#ht-contact-section .contact-content span {
font-size: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px){
.team-upperbox{
padding-bottom: 22%;
}
.ht-plan-block{
right: 0;
}
main#innerpage-box .team-thumb img{
height: 50px;
}main#innerpage-box div#content-box .testclass-box{
margin-top: 0px !important;
}section#featured-product-box .add-to-cart-btn{
padding: 15px 9px 15px 9px;
}
#innerpage-box .inner-blog-post .socialsMedia{
padding: 35px 0px;
text-align: center;
}
.ht-slide-cap-desc.animated.fadeInDown{
line-height: 20px;
font-size: 13px;
}.mainheader .search-bar{
right: 25% !important;
}
section#ht-pricing-post-box .ht-princing-title,
main#innerpage-box .ht-princing-title{
padding-bottom: 5px;
}
h5.lz-about-heading-bgtext{
font-size: 100px !important;
}
section#ht-oursupport-section .oursupport-post.text-center{
padding: 40px 10px !important;
}
.ht-slide-cap-title.animated.fadeInDown{
font-size: 55px;
}.ht-team-member .ht-team-designation{
padding: 0;
}
.ht-team-social-id {
margin-top: 5px;
}
.ht-team-social-id{
margin: 0px 0px;
}
.ht-team-member .ht-team-member-excerpt-wrap {
font-size: 19px;
}
}
@media screen and (max-width: 768px){
.ht-slide-cap-title.animated.fadeInDown
{
font-size: 18px;
}
.ht-slide-cap-title.animated.fadeInDown span {
font-size: 20px;
}
.ht-slide-cap-desc.animated.fadeInDown{
font-size: 14px;
}
.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: -20px;
}
#quote-carousel .carousel-control.left {
left: -7px;
}
#quote-carousel .carousel-control {
margin-top: -50px;
}
.ht-section-title{
font-size: 35px;
}
.ht-slide-cap-descmore {
margin-top: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
section#ht-pricing-post-box .pricing-icon img{
height: 100%;
}
h2.ht-section-title.lz-blog-heading:before{
right: 30% !important;
}
h2.ht-section-title.lz-blog-heading{
top: -12px;
font-size: 40px;
}
h2.ht-section-title.lz-team-heading{
top: 0px;
}
.team-upperbox {
padding-bottom: 50% !important;
}
div#content-box .price-space {
margin-bottom: 20px;
}
main#innerpage-box div#content-box .our-team .team-content:before,
main#innerpage-box div#content-box .our-team .team-content:after{
width: 75% !important;
}
main#innerpage-box div#content-box .our-team .team-content:before {
left: -10% !important;
}
main#innerpage-box div#content-box .our-team .team-content:after {
right: -10% !important;
}
main#innerpage-box div#content-box .our-team .team-content:before,
main#innerpage-box div#content-box .our-team .team-content:after{
top: -30px !important;
}
main#innerpage-box div#content-box .our-team .team-content:before{
transform: rotate(15deg) !important;
}
main#innerpage-box div#content-box .our-team .team-content:after {
transform: rotate(-15deg) !important;
}
main#innerpage-box div#content-box .our-team .title:before {
transform: rotate(-75deg) !important;
}
main#innerpage-box div#content-box .our-team .title:after {
transform: rotate(75deg) !important;
}
main#innerpage-box .padding0.main-test-box{
padding: 0px !important;
}
main#innerpage-box .team-thumb img{
height: 90px !important;
}
main#innerpage-box .padding0.main-test-box {
width: 100% !important;
}
section#ht-pricing-post-box .pricing-icon img{
padding-right: 0px;
}
.ht-plan-block{
position: inherit;
}
main#innerpage-box .contact-page-address .contact-info {
font-size: 13px !important;
}main#innerpage-box .team-thumb img{
top: 0 !important;
}ol.breadcrumb span.root:after, ol.breadcrumb span.treeEnd:after {
border: none;
}
ol.breadcrumb span.root:after {
border:none !important;
}
ol.breadcrumb span.root {
padding: 10px 5px 10px 5px !important;
}
ol.breadcrumb span.treeEnd {
padding: 10px 5px 10px 5px !important;
}
div#blog-box .innerblog-main-content{
margin-bottom: 30px;
}
#innerpage-box .inner-blog-post .socialsMedia{
padding: 10px 0px;
}
div#blog-box .socialsMedia li{
padding: 10px 10px 10px 10px;
display: inline-block;
}
#blog-box .inner-blog-post{
margin: 0;
}
h2.ht-section-title.lz-plan-heading{
font-size: 52px;
top: 35px;
}
h2.lz-team-backgrountext{
font-size: 40px;
}
h2.ht-section-title.lz-blog-backgroundheading{
font-size: 50px;
}
section#ht-newsletter-box ul.news-sm-links li a span.fa{
padding: 4px 2px 0px 5px;
height: 30px;
width: 30px;
margin: 1px;
}
.ht-slide-cap-desc.animated.fadeInDown {
margin-top: 10px !important;
}
.ht-slide-cap-desc.animated.fadeInDown {
margin-top: 10px !important;
}
h2.ht-section-title.lz-featured-product-heading:before{
height: 50px;
}
#featured-product-box .lz-featured-product-heading{
top: 0;
}
h2.ht-section-title.lz-featured-product-backgroundheading{
font-size: 50px;
}
.ht-section-title.lz-facility-heading:before{
height: 45px;
right: 25%;
}
section#facility-content-box .facility-post.wow.fadeInUp.textcenter {
margin-bottom: 25px;
}
.ht-section-title.lz-facility-heading{
top: 15px !important;
font-size: 35px !important;
}
h2.lz-facility-backgrountext{
font-size: 60px !important;
}
main#innerpage-box .testimonial-content-box:after{
bottom: 0px;
}
.ht-section-title.lz-testimonials-heading:before{
height: 55px;
right: 25%;
}
#testimonials-box .lz-testimonials-heading{
font-size: 30px;
}
.testimonial-content-box:after{
bottom: 0px !important;
}
#testimonials-box .lz-testimonials-heading{
top: 0px;
}
h2.lz-testimonials-backgrountext{
font-size: 30px;
}
.ht-slide-caption {
width: 90% !important;
}
.ht-slide-cap-title.animated.fadeInDown:before {
height: 25px !important;
}
#ht-masthead .header-about-theme{
padding-bottom: 15px;
}
.lower-header .header-social-links {
padding: 10px 10px;
margin: 0px 0;
}
.mainheader .search-bar{
top: 25px !important;
}
.mainheader .search-icon{
top: 10px !important;
}
.ht-main-navigation li a{
padding: 20px 0;
}
h2.ht-section-title.lz-about-video-heading{
top: 0 !important;
}
h5.lz-about-heading-bgtext{
font-size: 60px !important;
}
.ht-section-title.lz-gallery-heading:before{
height: 45px;
}
h2.ht-section-title.lz-gallery-heading{
top: -5px;
font-size: 35px;
}
section#ht-about-us-box .readmore, section#ht-about-us-box .another-readmore{
font-size: 14px;
}
h2.lz-gallery-backgrountext{
font-size: 35px;
}
.ht-main-navigation a{
padding: 10px 20px;
}
.ht-main-navigation li.current_page_item a{
color: #ffffff !important;
}
.headder-appointment-btn{
display: none;
}
.ht-slide-cap-title.animated.fadeInDown:before{
width: 30px;
height: 26px;
top: 0;
}
.ht-slide-caption{
width: 90%;
}
.ht-slide-cap-desc.animated.fadeInDown{
font-size: 18px;
}
.ht-slide-cap-title.animated.fadeInDown{
font-size: 20px;
}
.upper-header {
text-align: center;
}
#ht-masthead .themetext {
text-align: center;
margin-bottom: 5px;
}
.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: 0;
}
.team-thumb img {}
#testimonials-box .team-thumb {
/* content: “”;
background-image: none;
left: 0;
padding: 10px 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: 13px 40px;
}
#ht-appintment-section .box-effect {
padding: 40px 5px;
}
.ht-slide-caption {
top: 70%;
left: 70% !important;
}
}
@media screen and (min-width: 320px) and (max-width: 375px){
.team-upperbox {
padding-bottom: 60% !important;
}.ht-princing-link a {
padding: 10px 10px !important;
font-size: 14px;
}
.ht-plan-block {
padding: 10px 20px 45px 20px !important;
}
main#innerpage-box .team-thumb img {
height: 80px !important;
}
h2.ht-section-title.lz-plan-mainheading:before{
right: 30%;
height: 48px;
}
h2.ht-section-title.lz-plan-mainheading{
font-size: 30px;
top: -10px;
}
.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-main-navigation .ht-menu {
top: -35px !important;
}
#ht-masthead input[type=”submit”]{
top: 5px;
left: 250px;
}
.logobox .ht-site-title, .logobox .site-title {
margin: 2px 0;
font-size: 14px;
}
ol.breadcrumb span.treeEnd:after {
border-left: 22px solid #e1dede !important;
border-top: 20px solid transparent !important;
border-bottom: 15px solid transparent !important;
}
ol.breadcrumb span.treeEnd, ol.breadcrumb span.root, ol.breadcrumb span {
font-size: 9px !important;
}
ol.breadcrumb span.treeEnd:last-child {
margin-right:-1px !important;
}
ol.breadcrumb span {
top: 3px !important;
}
ol.breadcrumb span.root, ol.breadcrumb span.treeEnd{
top: 0 !important;
}
}
@media screen and (min-width: 425px) and (max-width: 475px){
ol.breadcrumb span.treeEnd:last-child {
margin-right:0px !important;
}
}
@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;
}
.ht-slide-cap-desc.animated.fadeInDown {
font-size: 6px;
padding-bottom: 0px !important;
}
.ht-slide-cap-title.animated.fadeInDown {
font-size: 8px;
padding: 0;
}
.ht-slide-cap-descmore {
margin-top: 0px;
line-height: 10px;
}
.ht-slide-caption {
/* top: 84%;*/
left: 70%;
}
}
@media screen and (min-width: 376px) and (max-width: 425px){
#ht-masthead span.sb-icon-search {
right: 24px;
top: 8px;
}
#ht-masthead input[type=”submit”] {
top: 6px;
left: 275px;
}
.toggle-bar{
top: 38px;
}
.ht-main-navigation .ht-menu {
top: -35px !important;
}
.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;
}
.logobox .ht-site-title, .logobox .site-title {
margin: 2px 0;
}
.lower-header {
padding-top: 10px;
}
.logobox .ht-site-title, .logobox .site-title {
margin: 3px 0;
font-size: 18px;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
.ht-slide-cap-desc.animated.fadeInDown{
margin-top: 15px;
}
.ht-slide-cap-title.animated.fadeInDown {
font-size: 15px;
padding: 0;
}
.ht-slide-cap-desc.animated.fadeInDown {
font-size: 9px;
padding-bottom: 3px;
line-height: 12px !important;
}
.ht-slider-highlighttext {
font-size:20px;
}
.ht-slide-cap-descmore a {
padding: 5px 11px 0px 11px !important;
}
.toggle-bar {
top: -75px;
right: 0px;
}
#ht-masthead span.sb-icon-search {
right: 24px;
top: 0px;
}
#ht-masthead input[type=”submit”] {
top: 0px;
left: 250px;
}
#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;
}
.lower-header {
padding-top: 0px;
}
#ht-masthead .header-box {
padding: 2px 10px 0px 5px;
}
.contact-border .themetext {
font-size: 9px;
}
.contact-border .themedata {
font-size: 11px;
}
main#innerpage-box .ht-test-member.text-center {
margin: 10px 0px 70px;
}
#ht-banner-box .readmore {
margin: 3px 0 15px;
}
.sect-height-appointment-section {
padding: 3em 1em 2em;
}
.apointment-box {
padding: 0 0px;
}
.socialMedia a {
font-size: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 374px){
#ht-masthead input[type=”submit”] {
left: 223px;
}
.ht-slide-cap-title.animated.fadeInDown span {
font-size: 13px;
}
.ht-slide-cap-title.animated.fadeInDown {
font-size: 10px;
}
.ht-slide-cap-title:after {
height: 20px !important;
}
}
main#innerpage-box div#ht-contactus-wrap a:hover {
color: #444;
}
/**/
#ht-appintment-section .ht-appintment-member-wrap input[type=”submit”] {
color: #262626;
background: #fff;
padding: 4px 20px 0px;
font-size: 18px;
border-radius: 30px;
font-weight: 400;
margin-top: 10px;
border: 1px solid #fff;
height: 50px;
}
#ht-appintment-section .ht-appintment-member-wrap input[type=”submit”]:hover {
background: #000;
color: #fff;
border-radius: 2px;
border: none;
border-bottom: 5px solid #fff;
opacity: 1;
padding: 4px 20px 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
#ht-masthead input[type=”search”]{
padding-right: 0px;
}
#ht-masthead ul.header-menu-links li.themetext{
padding:0;
}
#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-slide-caption {
top: 48%;
left: 100%;
width: 50%;
padding: 70px 0;
}
.ht-slide-cap-title.animated.fadeInDown span{
font-size: 40px;
}
.ht-slider-highlighttext {
font-size: 30px;
}
.ht-slide-cap-title.animated.fadeInDown {
font-size: 35px;
}.ht-slide-cap-descmore {
margin-top: 0;
}
#ht-appintment-section .box-effect {
padding: 40px 25px;
}
#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;
}
}/*===============about-video-section=============*/
section#about-video-content-box img {
width: 100%;
height: 100%;
}
h2.ht-section-title.lz-about-video-heading {
color: #1f1e1e;
position: absolute;
/*z-index: 2000;*/
top: 24px;
font-size: 40px;
}
h5.lz-about-heading-bgtext {
font-size: 100px;
color: #ececec;
opacity: 0.6;
position: relative;
top: 0;
/*letter-spacing: 5px;*/
margin-bottom: 0px;
}
.lz-about-video-subtitle-heading {
font-size: 14px;
color: #9e9c9c;
line-height: 30px;
margin-bottom: 25px;
}
section#about-video-content-box span.fa {
/*box-shadow: 0px 0px 0px 0px #fc5b74, 0px 0px 0px 5px #fc899b;*/
border-radius: 50%;
padding: 20px;
background: #fc5b74;
color: #ffffff;
font-size: 35px;
border: 5px solid #fc899b;
}
section#about-video-content-box span.fa:hover {
/*box-shadow: 0px 0px 0px 0px #fc5b74, 0px 0px 0px 10px #fc899b;*/
border: 5px solid #fc899b;
}
section#about-video-content-box .about-video-title {
font-family: ‘Courgette’,cursive;
font-size: 20px;
margin: 30px 0px;
}
h2.ht-section-title.lz-about-video-heading:before {
content: ”;
border-bottom: 4px solid #24a0ea;
position: absolute;
z-index: 999;
width: 87px;
height: 25px;
margin: 0 auto;
left: 0px;
top: 35px;
}
section#about-video-content-box .about-video-readmore {
display: inline-block;
padding: 15px 30px;
border: 2px solid #1f1e1e;
border-radius: 30px;
}
section#about-video-content-box .about-video-readmore a{
color: #1f1e1e;
font-size: 18px;
}
section#about-video-content-box .about-video-readmore:hover {
background: #fc5b74;
border-bottom: 4px solid #000000;
border-top: none;
border-left: none;
border-right: none;
}
section#about-video-content-box .about-video-readmore a:hover{
color: #ffffff;
}
section#about-video-content-box .fpost.about-video-sec:nth-child(4) {
/*clear: both;*/
}
section#about-video-content-box .services-content-bg {
margin-top: 130px;
}
section#about-video-content-box .lightbox {
padding: 50px 0px 90px 0px;
}
/*========================our features section============*/
section#ht-ourfeatures-box {
background: #fc5b74 url(images/newsletterbg1.png) no-repeat center;
}
section#ht-ourfeatures-box .ourfeatures-post.text-center {
background: #ffffff;
padding: 30px 25px;
margin-bottom: 25px;
}
section#ht-ourfeatures-box span.fa {
font-size: 65px;
}
section#ht-ourfeatures-box h5 {
font-size: 24px;
padding-top: 20px;
}
section#ht-ourfeatures-box p {
font-size: 14px;
line-height: 30px;
color: #9e9c9c;
}
section#ht-ourfeatures-box button {
display: inline-block;
padding: 15px 30px;
border-radius: 30px;
font-size: 18px;
margin-top: 5px;
margin-bottom: 15px;
}
section#ht-ourfeatures-box button:hover {
border-bottom: 4px solid #000000;
background: #fc5b74;
opacity: 1;
}
section#ht-ourfeatures-box .lightbox {
padding: 5em 0 4em 0;
}
section#ht-ourfeatures-box .ourfeatures-post.text-center:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-10px);
box-shadow: 0 0 12px rgba(0,0,0,0.3);
}
/*====================our support section=======================*/
section#ht-oursupport-section {
background: #fc5b74 url(images/newsletterbg.png) no-repeat center;
}
section#ht-oursupport-section .oursupport-post.text-center {
background: #ffffff;
padding: 40px 25px;
margin-bottom: 25px;
}
section#ht-oursupport-section span.fa {
font-size: 65px;
}
section#ht-oursupport-section h5 {
font-size: 24px;
padding-top: 20px;
}
section#ht-oursupport-section p {
font-size: 16px;
line-height: 30px;
color: #9e9c9c;
font-weight: 600;
display: inline-block;
border-bottom: 4px solid #fc5b74;
padding-bottom: 20px;
}
section#ht-oursupport-section button {
display: inline-block;
padding: 18px 30px;
border-radius: 30px;
font-size: 18px;
margin-top: 5px;
margin-bottom: 15px;
}
section#ht-oursupport-section button:hover {
border-bottom: 4px solid #000000;
background: #fc5b74;
opacity: 1;
}
section#ht-oursupport-section .lightbox {
padding: 5em 0 4em 0;
}
section#ht-oursupport-section .oursupport-post.text-center:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-10px);
box-shadow: 0 0 12px rgba(0,0,0,0.3);
}
section#ht-oursupport-section li {
list-style-type: none;
padding: 2px 0px;
font-family: ‘Poppins’, sans-serif;
font-size: 15px;
font-weight: 500;
}
section#ht-oursupport-section i.fa.fa-phone {
color: #9e9c9c;
font-size: 16px;
padding-right: 8px;
}
section#ht-oursupport-section i.fa.fa-envelope {
color: #9e9c9c;
font-size: 16px;
padding-right: 8px;
}
section#ht-oursupport-section li:nth-child(1) {
color: #9e9c9c;
}
section#ht-oursupport-section li:nth-child(2) {
color: #9e9c9c;
}
section#ht-oursupport-section ul.support-sm-link {
padding: 0;
margin: 0;
margin-top: 5px;
}
section#ht-oursupport-section ul:hover i.fa {
transform: rotate(360deg);
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
/*======================our information section===================*/
section#ht-ourinfo-box span.fa {
font-size: 60px;
background: #fc5b74;
color: #ffffff;
padding: 50px 35px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
}
section#ht-ourinfo-box {
border-top: 4px solid #fc5b74;
}
section#ht-ourinfo-box h5 {
font-size: 32px;
padding: 25px 25px 35px 25px;
cursor: pointer;
}
section#ht-ourinfo-box .details {
background: #ffffff;
margin: 30px 0px 40px 0px;
border-radius: 3px;
cursor: pointer;
}
section#ht-ourinfo-box .details:hover {
box-shadow: 0 0 12px rgba(0,0,0,0.3);
}
section#ht-ourinfo-box .lightbox {
padding: 0em 0em 2em 0em;
}
section#ht-ourinfo-box h3 {
padding: 15px 25px;
margin: 0;
font-size: 17px;
color: #fff;
background: #fc5b74;
display: inline-block;
border-radius: 30px;
cursor: pointer;}
section#ht-ourinfo-box .ourinfo-excerpt {
position: relative;
margin-top: -60px;
}
section#ht-ourinfo-box .overlay {
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(0,0,0,0.45);
}
section#ht-ourinfo-box {
position: relative;
background-attachment: fixed;
}
section#ht-ourinfo-box .ourinfo-post.text-center {
margin-bottom: 40px;
}
@media screen and (min-width: 320px) and (max-width: 768px){
#ht-blog-box .ht-blog-post h5{
padding: 0;
}
.ht-blog-excerpt p{
margin: 20px 0px 49px 0px;
}
#ht-blog-box .ht-blog-post h5{
position: relative;
left: 0;
}
.team-upperbox {
padding-bottom: 30%;
}
main#innerpage-box .team-thumb img{
height: 75px;
}.ht-princing-link a{
padding: 10px 20px;
}section#ht-pricing-post-box .ht-princing-title,
main#innerpage-box .ht-princing-title{
/*font-size: 27px;*/
}
main#innerpage-box .padding0.main-test-box{
width: 50%;
}
section#featured-product-box .add-to-cart-btn {
padding: 15px 9px 15px 18px;
}
.ht-main-navigation li.current_page_item a{
color: #ffffff !important;
}
.ht-footer.ht-footer1, .ht-footer.ht-footer2,
.ht-footer.ht-footer3, .ht-footer.ht-footer4 {
width: 100%;
}
section#ht-newsletter-box input[type=’submit’]{
margin-top: 15px;
}
.ht-slide-cap-desc.animated.fadeInDown{
line-height: 20px;
padding: 10px 22px 3px;
}
.ht-slide-cap-title:after {
height: 30px;
}
.ht-slide-cap-descmore a{
padding: 10px 20px;
}
section#facility-content-box .facility-post.wow.fadeInUp.textcenter {
margin-bottom: 25px;
}
.testimonial-content-box:after{
bottom: 145px;
}.ht-slide-cap-title.animated.fadeInDown:before{
height: 15px;
}
.ht-slide-caption{
top: 47%;
left: 100%;
width: 50%;
}
#ht-masthead .header-about-theme{
padding: 0px;
}
.mainheader .search-bar{
top: 15px !important;
}
.mainheader .search-icon{
top: 20px !important;
}
.ht-main-navigation a{
padding: 20px 10px;
}
.headder-appointment-btn{
display: none;
}
section#ht-about-us-box img {
margin-bottom: 30px;
}
section#about-video-content-box .services-content-bg {
margin-top: 50px;
}
}
@media screen and (min-width: 320px) and (max-width: 320px){
#ht-blog-box{
padding: 0;
}
h2.ht-section-title.lz-blog-heading:before{
height: 47px !important;
}
h2.ht-section-title.lz-blog-heading {
top: 0px;
font-size: 30px;
}
h2.ht-section-title.lz-plan-heading {
font-size: 36px;
}
main#innerpage-box div#content-box .our-team .title:before,
main#innerpage-box div#content-box .our-team .title:after {
top: -90px !important;
}
main#innerpage-box .page-testimonial-box{
padding: 5px 5px 30px 5px;
}
main#innerpage-box .contact-page-address .contact-info {
font-size: 11px !important;
}div#blog-box ul.ht-blog-date li{
font-size: 11px;
}
h2.lz-facility-backgrountext {
font-size: 47px !important;
}
.ht-section-title.lz-facility-heading {
top: 0px !important;
}
#featured-product-box .lz-featured-product-heading{
font-size: 36px;
}
.ht-section-title.lz-testimonials-heading:before{
height: 45px;
right: 25%;
}
h2.lz-testimonials-backgrountext {
font-size: 30px;
}
#testimonials-box .lz-testimonials-heading {
font-size: 25px;
}
section#ht-about-us-box .readmore{
margin-bottom: 15px;
}
h5.lz-about-heading-bgtext {
font-size: 60px !important;
}
h2.ht-section-title.lz-about-video-heading{
top: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 1440px){
section#ht-oursupport-section li{
font-size: 13px;
}
}
.mainheader .search-icon{
position: relative;
left: 0;
top: 55px;
cursor: pointer;
padding: 5px 10px 0 25px;
}
.mainheader .search-icon i{
margin: 0;
font-size: 16px;
color: #fc5b74;
font-weight: bold;
}
.mainheader .search-bar {
display: none;
position: absolute;
top: 75px;
z-index: 200;
right: 22%;}
.mainheader .search-bar input{
display:inline-block;
}
.mainheader .search-bar input[type=”text”]{
width:100%;
background: rgba(33, 33, 33, 0.8);
color:#fff;
border:none;
}.mainheader .search-bar input[type=’submit’]{
background:#000;
color:#fff;
width:18%;
margin-left:1%;
display:none;
}.woocommerce .star-rating span{
color: #000;
}
div#content-box .woocommerce-MyAccount-content a:hover {
color: #000;
}
div#content-box a.post-edit-link:hover {
color: #000;
}.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;-ms-transform: perspective(1000px);
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
}/*
.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
filter: FlipH;
-ms-filter: “FlipH”;
}
*//* START: Accommodating for IE */
.flip-container:hover .back, .flip-container.hover .back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #15aa1a;
width: 100%;
}.flip-container:hover .front, .flip-container.hover .front {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}.flip-container {
/* width: 250px;*/
height: 290px;}
.front {
width: 100%;
height: 290px;
padding-top: 30px;}
.back {
/*width: 254px;*/
height: 290px;
}
.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;
-ms-transition: 0.6s;-moz-transition: 0.6s;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;transition: 0.6s;
transform-style: preserve-3d;position: relative;
}.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;-o-transition: 0.6s;
-o-transform-style: preserve-3d;-ms-transition: 0.6s;
-ms-transform-style: preserve-3d;transition: 0.6s;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
border-radius:3px;
}.front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
}.back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}/*
.front .name {
font-size: 2em;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
border-radius: 5px;
bottom: 69px;
left: 16%;
position: absolute;
text-shadow: 0.1em 0.1em 0.05em #333;
display: none;
}.back-logo {
position: absolute;
top: 5%;
margin:auto 25%;
width: 160px;
height: 140px;
background: url(http://media-cache-ec0.pinimg.com/avatars/pawanmall-22_140.jpg) 0 0 no-repeat;
border-radius:100%;
width:50%;
transform:scale(.95);
transition:.3s all ease;
}.back-title {
font-weight: bold;
color: #00304a;
position: absolute;
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-family: Courier;
font-size: 2em;
}.back p {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
padding: 0 20px;
display: inline-block;
background: rgba(33, 33, 33, 0.9);
color: #f8f8f8;
font-family: Courier;
padding: 5px 10px;
}*/
.tagcloud a {
display: inline-block;
margin-bottom: 15px;
margin-right: 10px;
padding: 7px 20px;
text-transform: capitalize;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 30px;
color: #777;
background-color: #f5f5f5;
}
.tagcloud a:hover {
color: #ffffff !important;
}
.tagcloud {
padding: 0px 20px 20px 20px;
}/*zoom effect*/
.single-blog-thumbnail {
display: block;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.single-blog-thumbnail img {
transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
}
.single-blog-thumbnail:hover img {
/* transform: scale(1.5) rotateZ(-5deg);
-moz-transform: scale(1.5) rotateZ(-5deg);
-webkit-transform: scale(1.5) rotateZ(-5deg);
-o-transform: scale(1.5) rotateZ(-5deg);*/
transform: scale(1.5) rotateZ(-3deg);
-moz-transform: scale(1.5) rotateZ(-3deg);
-webkit-transform: scale(1.5) rotateZ(-3deg);
-o-transform: scale(1.5) rotateZ(-3deg);
}
/*end zoom effect*/.single-post #content-box li, .post-date-publishable {
display: inline-block;
}
.post-date-publishable:before {
content: “|”;
padding-left: 8px;
padding-right: 15px;
}
.post-date-publishable:after{
content: “|”;
padding-left: 15px;
padding-right: 15px;
}
.single-post #content-box .single_post {
color: #7f7f7f;
}fieldset input[type=”submit”] {
float: right;
position: absolute;
right: 13px;
/* top: 46%; */
text-indent: -999px;
background: #15aa1a;
padding: 11px 25px 11px 30px;
top: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 0%;
}
form#searchform:after {
content: ” “;
/* font-family: ‘Fontawesome’; */
position: absolute;
top: 15px;
font-size: 35px;
/* text-align: right; */
/* left: 0; */
right: 25px;
color: #f5f2f2fa;
background-image: url(images/news2.png);
background-repeat: no-repeat;
height: 25px;
width: 25px;
/* padding-left: 6px; */
}
header#ht-masthead form#searchform:after {
content: none;
}#media {
width: 500px
}div#content-box p {
font-size: 15px;
}.breadcrumb{
display: block;
padding: 0;
margin: 0;
background: transparent;
overflow: hidden;
}
ol.breadcrumb span.root {
float: left;
padding: 10px 15px 10px 50px;
background: #fdec82;
font-size: 14px;
font-weight: bold;
color: #1f1e1e;
position: relative;
top: 0;
}
ol.breadcrumb span.treeEnd {
float: left;
padding: 10px 15px 10px 50px;
background: #fdec82;
font-size: 14px;
font-weight: bold;
color: #1f1e1e;
position: relative;
top: 0;
}
ol.breadcrumb span {
padding: 0px 20px;
color: #000;
padding: 7px 1px 10px 30px;
/* background: #fdec82; */
font-size: 14px;
font-weight: bold;
color: #1f1e1e;
position: relative;
top: 5px;
}
ol.breadcrumb span i{
display: none;
}
ol.breadcrumb span.root:first-child{ background: #f6f6f6; }
ol.breadcrumb span.treeEnd:last-child{
background: #e1dede;
margin-right: 18px;
}
ol.breadcrumb span.root:before, ol.breadcrumb span.treeEnd:before{ display: none; }
ol.breadcrumb span.root:after{
content: “”;
display: block;
border-left: 22px solid #fdec82;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
position: absolute;
top: 0;
right: -22px;
z-index: 1;
}
ol.breadcrumb span.treeEnd:after{
content: “”;
display: block;
border-left: 22px solid #fdec82;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
position: absolute;
top: 0;
right: -22px;
z-index: 1;
}
ol.breadcrumb span.root:after{ border-left-color: #f6f6f6; }
ol.breadcrumb span.treeEnd:after{ border-left-color: #e1dede; }@media screen and (min-width: 320px) and (max-width: 375px){
ol.breadcrumb span.root, ol.breadcrumb span.treeEnd{ padding: 10px 0px 10px 30px; }
}
span.bread-arrow {
display: none;
}
/*css for team innerpage*/
/*main#innerpage-box .back {
display: none;
}
main#innerpage-box .front{
z-index: 0;
transition: none;
transform-style: none;
position: inherit;
border-radius: 3px;
height: auto;
}
main#innerpage-box .flip-container{
width: auto;
height: auto;
}*/
main#innerpage-box div#content-box .flip-container {
display: none;
}
section#ht-team-box .innerpage-team {
display: none;
}
main#innerpage-box div#content-box .our-team{
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 25px;
}
main#innerpage-box div#content-box .our-team img{
width: 100%;
height: 420px;
}
main#innerpage-box div#content-box .our-team .team-content{
width: 100%;
background: #3f2b4f;
color: #fff;
padding: 15px 0 10px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
main#innerpage-box div#content-box .our-team:hover .team-content{
padding-bottom: 40px;
}
main#innerpage-box div#content-box .our-team .team-content:before,
main#innerpage-box div#content-box .our-team .team-content:after{
content: “”;
width: 60%;
height: 38px;
background: #3f2b4f;
position: absolute;
top: -18px;
transform: rotate(15deg);
z-index: -1;
}
main#innerpage-box div#content-box .our-team .team-content:before{
left: -3%;
}
main#innerpage-box div#content-box .our-team .team-content:after{
right: -3%;
transform: rotate(-15deg);
}
main#innerpage-box div#content-box .our-team .title{
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
margin: 0 0 7px 0;
position: relative;
}
main#innerpage-box div#content-box .our-team .title:before,
main#innerpage-box div#content-box .our-team .title:after{
content: “”;
width: 12px;
height: 100px;
background: #000;
position: absolute;
top: -78px;
z-index: -2;
transform: rotate(-74deg);
}
main#innerpage-box div#content-box .our-team .title:before{
left: 32%;
}
main#innerpage-box div#content-box .our-team .title:after{
right: 32%;
transform: rotate(74deg);
}
main#innerpage-box div#content-box .our-team .post{
display: block;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 8px;
margin-top: 10px;}
main#innerpage-box div#content-box .our-team .social-links{
list-style: none;
padding: 0 0 15px 0;
margin: 0;
position: absolute;
bottom: -40px;
right: 0;
left: 0;
transition: all 0.5s ease 0s;
}
main#innerpage-box div#content-box .our-team:hover .social-links{
bottom: 0;
}
main#innerpage-box div#content-box .our-team .social-links li{
display: inline-block;
}
main#innerpage-box div#content-box .our-team .social-links li a{
display: block;
font-size: 16px;
color: #aad6e1;
margin-right: 6px;
transition: all 0.5s ease 0s;
}
main#innerpage-box div#content-box .our-team .social-links li:last-child a{
margin-right: 0;
}
main#innerpage-box div#content-box .our-team .social-links li a:hover{
color: #ff5543;
}
@media only screen and (max-width: 990px){
main#innerpage-box div#content-box .our-team{ margin-bottom: 30px; }
main#innerpage-box div#content-box .our-team .team-content:before,
main#innerpage-box div#content-box .our-team .team-content:after{
height: 50px;
top: -24px;
}
main#innerpage-box div#content-box .our-team .title:before,
main#innerpage-box div#content-box .our-team .title:after{
top: -85px;
height: 102px;
}
main#innerpage-box div#content-box .our-team .title:before{
left: 35%;
}
main#innerpage-box div#content-box .our-team .title:after{
right: 35%;
}
}
@media only screen and (max-width: 767px){
main#innerpage-box div#content-box .our-team .team-content:before,
main#innerpage-box div#content-box .our-team .team-content:after{
height: 75px;
}
main#innerpage-box div#content-box .our-team .team-content:before{
transform: rotate(8deg);
}
main#innerpage-box div#content-box .our-team .team-content:after{
transform: rotate(-8deg);
}
main#innerpage-box div#content-box .our-team .title:before,
main#innerpage-box div#content-box .our-team .title:after{
width: 10px;
top: -78px;
height: 102px;
}
main#innerpage-box div#content-box .our-team .title:before{
left: 42.5%;
transform: rotate(-82deg);
}
main#innerpage-box div#content-box .our-team .title:after{
right: 42.5%;
transform: rotate(82deg);
}
}
@media only screen and (max-width: 480px){
main#innerpage-box div#content-box .our-team .title:before,
main#innerpage-box div#content-box .our-team .title:after{
top: -85px;
}
}
main#innerpage-box div#content-box .our-team ul li:before {
content: none;
}
main#innerpage-box div#content-box .our-team ul li {
display: inline-block;
padding: 0px 10px;
}
/*css for team innerpage*/
main#innerpage-box h6.secondry-text {
font-weight: 600;
margin-bottom: 0px;
/* font-size: 20px; */
/* color: #000; */
/*position: absolute;*/
/* bottom: 20px; */
/*left: 125px;
top: 25px;*/
}main#innerpage-box div#content-box .our-team ul.icon li a i {
color: #fff;
}
#innerpage-box .innerpage-whitebox {
background: #fff;
padding: 2em;
}.ht-contactus-wrap.innerpages-whitebox {
background: #fc5b74;
}
main#innerpage-box div#ht-contactus-wrap .contactform-map-box {
margin: 20px 45px 40px 45px;
}
#ht-contactus-wrap .contact-sm-links li span.fa.fa-facebook {
padding: 0px 3px 0px 3px;
}
#ht-contactus-wrap h3 {
font-size: 17px;
}
main#innerpage-box div#ht-contactus-wrap .contactpage-social {
padding: 0px 0px 20px 0px;
}
main#innerpage-box #ht-contactus-wrap .contact-page-address {
background: #ffffff;
margin: 0px 30px 0px;
padding: 10px 0px;
}
main#innerpage-box .contact-page-address .contact-info {
font-size: 16px;
}
main#innerpage-box .contactwrap-phonemail-box {
padding-top: 30px;
}
main#innerpage-box .contact-page-address .contact-info span.fa.fa-envelope {
padding-right: 6px;
}
main#innerpage-box .contactpage-mapicon-box i.fa.fa-map-marker {
font-size: 40px;
color: #fc5b74;
}
main#innerpage-box .contactpage-mapicon-box {
margin-top: 30px;
}
.ht-princing-excerpt .plan-price {
font-size: 55px;
font-weight: bold;
}
main#innerpage-box div#content-box .testclass-box {
margin-top: 10px;
}
#ht-team-box .owl-carousel.owl-theme.owl-loaded.owl-drag {
position: relative;
margin-top: -210px;
}
section#ht-blog-box .blogposthome-readmore {
text-align: center;
margin-bottom: 100px;
}
section#ht-blog-box .blogposthome-readmore a {
color: #ffffff;
font-size: 18px;
background: #1f1e1e;
padding: 15px 50px;
}
section#ht-blog-box .blogposthome-readmore a:hover {
background: #fc5b74;
border-bottom: 4px solid #000;
}
.owl-theme .owl-nav [class*=owl-] {
font-size: 25px !important;
}Please check the screenshot
Thanks again for your help. I’ve changed it as follows but I’ve not noticed any difference. Have I used the right code?
#ht-colophon .overlay {
width: 100%;
height: 100%;
z-index: 10;
background-color: #008080;
/*padding: 2em 0 1em;*/Hi there,
Add this css code
#ht-colophon .overlay { background-color: #008080 !important; }
- This reply was modified 4 years, 10 months ago by Toufiqur Rahman.
This is now sorted. Thank you again for all your help.
You are most welcome & Thanks
- The topic ‘Changing background at foot of the page’ is closed to new replies.