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;
} 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%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 20px;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; vertical-align: middle;
}
table {
margin: 0 0 15px;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #fe5722;
padding: 8px 20px;   
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 40px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #45494a;
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;
}
select {
border: 1px solid #EEE;
height: 40px;
padding: 3px 40px 3px 8px;
background-color: transparent;
line-height: 100%;
outline: 0;
background-image: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/arrow.png);
background-position: right; center;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}
#ht-appintment-section select{
height: 50px !important;
border-radius: 0px;
width: 100%;
line-height: 100%;
outline: 0; background-position: right;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
-webkit-appearance: none;
border: 1px solid #fff;
background: rgb(255,255,255,0.2);
width: 100%;
color: #fff;
margin: 0 0 20px 0;
padding: 10px 15px; font-size: 15px;
-moz-appearance: none;
}
#ht-appintment-section input[type="checkbox"], #ht-appintment-section input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
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: 3px 8px;
height: 40px;
}
textarea {
padding: 8px;
width: 100%;
} a {
color: #82B440;
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;
}  .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; } .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;
}
.page-template-default #innerpage-box #content-box p, .page-template #innerpage-box #content-box p {
font-size: 16px;
}
#content-box ul li, #content-box ol li {
font-size: 16px;
} .widget {
margin: 0 0 15px;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
} .sb-search {
position: relative;
margin: 0px;
width: 0%;
min-width: 60px;
height: 40px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
} .sb-search-input {
position: absolute;
top: 0;
padding: 20px 5px !important;
right: 0px;
outline: none;
background: none;
border: none; width: 100%;
height: 40px;
margin: 0;
z-index: 10;
}
.upper-header input[type="search"] {
border:none;
border-left: 1px solid #4fc0ec;
color: #fff;
}
input[type="search"].sb-search-input {
-webkit-appearance: none;
-webkit-border-radius: 0px;
}
.sb-search-input::-webkit-input-placeholder {
color: #fff;
}
.sb-search-input:-moz-placeholder {
color: #fff;
}
.sb-search-input::-moz-placeholder {
color: #fff;
}
.sb-search-input:-ms-input-placeholder {
color: #fff;
}
.sb-icon-search,
.sb-search-submit  {
width: 60px;
height: 40px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 60px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
color: transparent;
color:red;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
z-index: 90;
top: -8px;
font-size: 16px;
padding: 0px;
border-radius:50%;
background: none;
color: #fff;
}
.sb-icon-search:before {
content: "";
}
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
border-radius: 50%;
background: none;
color: #fff;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit { }
@media (min-width: 1400px){
.container-new {
width: 1170px;
}
}
@media (min-width: 992px) {
.container-new {
width: 970px;
}
}
@media (min-width: 768px){
.container-new {
width: 750px;
}
} .widget-area .widget-title{
padding: 15px 0 5px;
margin-bottom: 20px;
font-size: 18px;
color: #6d6d6d;
margin: 0;
position: relative;
display: inline-block;
text-transform: uppercase;
margin: 0 0 25px;
}
.widget-area .widget-title:after{
content:"";
position: absolute;
left: 0;
top: 100%;
width:90px;
background: #ff2100;
height: 4px;
}
.widget-area ul{
list-style: none;
padding:0;
margin: 0;
}
.widget-area ul ul{
border-top: 1px solid #f9f9f9;
margin-top: 5px;
}
.widget-area ul ul li{
padding-left: 10px;
}
.widget-area ul ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.widget-area li{
padding: 5px 0;
line-height: normal;
}
.widget-area a{
text-decoration: none;
color: #404040;
}
.widget-area a:hover{
color: #fe5722
}
.widget-area .widget{
margin-bottom:15px;
padding: 1em 1em 1em;
background: #fff;
border-radius:10px;
} #secondary{
}
#secondary input[type="text"]{
width: 142px;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author-email-url{
margin-left: -2%;
}
.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;
padding: 8px 12px;
line-height: 1;
border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
background: #333;
color: #FFF;
}
.entry-content p a:hover{
color: #45494a;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .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;
} .pagingation{
margin: 20px 0 0 0;
clear: both;
text-align: center;
}
.pagingation a{
background:rgba(0,0,0,0.7);
color:#fff;
padding:10px 15px;
border-radius: 5px;
}
.pagingation a:hover{ color:#fff;
}
.pagingation .current{ color:#fff;
padding:10px 15px;
border-radius: 5px;
} #ht-home-gallry-section{
background-image: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/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%;
}
.dlab-separator-outer {
overflow: hidden;
}
.dlab-separator {
display: inline-block;
height: 2px;
width: 80px;
margin-bottom: 10px;
position: relative;
}
.dlab-separator.style-icon {
width: 50px;
height: auto;
text-align: center;
color: #15aa1a;
}
.dlab-separator[class*="style-"]:before {
top: 19%;
left: -95px;
width: 80px;
height: 15px;
position: absolute;
content: "";
display: inline-block;
width: 100%;
border-width: 5px;
border-style: double;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #01beff;
border-radius: 0px 0 0 12px;
-ms-transform: translateY(-50%);
}
.dlab-separator[class*="style-"]:after {
top: 19%;
left: 46px;
width: 80px;
height: 15px;
position: absolute;
content: "";
display: inline-block;
width: 100%;
border-width: 5px;
border-style: double;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #01beff;
border-radius: 0px 0px 12px 0px;
-ms-transform: translateY(-50%);
}
.dlab-separator.style-icon i {
font-size: 30px;
line-height: 40px;
color: #ff6796;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
.gallery-icon.landscape {
margin: 0 5px 9px;
}
.post-date-publishable {
font-size: 16px;
margin-bottom: 0;
color: #fff;
padding: 15px;
font-weight: 800;
}
.post-date-publishable i{
margin-right: 10px;
}
#commentsAdd p a:hover{
color: #000;
}
#content-box ol li a:hover{
color:#000;
}
#innerpage-box .lz-gallery-images img, #innerpage-box .ht-gallery-member-image img {
width: 100%;
height: 215px;
display: block;
border-radius: 10px;
}
#ht-gallery-section .lz-gallery-images img, #ht-gallery-section .ht-gallery-member-image img {
width: 100%;
height: 250px;
border-radius: 0;
}
#ht-gallery-section .lz-gallery-images a .overlay, #ht-gallery-section .ht-gallery-member-image a .overlay{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #a0c716;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease;
opacity: 0.3;
z-index: 1;
}
#ht-gallery-section .lz-gallery-images a:hover .overlay, #ht-gallery-section .ht-gallery-member-image a:hover .overlay {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#ht-gallery-section .lz-gallery-images, #ht-gallery-section .ht-gallery-member-image{
padding: 10px;
margin-bottom: 0px;
}
#innerpage-box .lz-gallery-images img, #innerpage-box .ht-gallery-member-image img {
width: 100%;
height: 245px;
margin: 0 auto;
border-radius: 0;
}
#innerpage-box .ht-gallery-member {
border: 5px solid #a0c716;
padding: 10px;
border-radius: 30px 0;
}
#innerpage-box .ht-gallery-member:hover {
border: 5px solid #333333;
}
#innerpage-box .lz-gallery-images, #innerpage-box .lz-gallery-images{
padding: 10px;
margin-bottom: 0px;
}
#innerpage-box .lz-gallery-images a .overlay, #innerpage-box .ht-gallery-member-image a .overlay{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #a0c716;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease;
opacity: 0.3;
z-index: 1;
}
#innerpage-box .lz-gallery-images a:hover .overlay, #innerpage-box .ht-gallery-member-image a:hover .overlay {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#ht-gallery-section {
position: relative;
padding: 4em 0;
} .breadcrumbbox {
padding: 13px 0;
color: #ee5636;
border-bottom: 4px solid #1db9c8;
border-radius: 0 0 10px 10px;
}
.breadcrumbbox span{
color:#000;
margin:0 3px;
} #ht-masthead{
z-index: 99;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
width:100%;
background-position: top !important;
background-size: cover !important;
}
#ht-site-navigation .sf-arrows .sf-with-ul {
padding-right: 2em;
}
.top-header {
background: #fff;
padding: 0px 0px;
}
.header-box {
padding: 40px 0 25px;
}
.headerbtn {
padding:0;
}
.medal-header {
background: #3a4559;
}
.logobox {
margin:0;
}
.logobox img {
max-width: 100%;
margin: 10px 0;
}
.header-right-box .mailto a{
color: #464646;
font-size: 15px;
font-weight: 500;
}
.header-right-box .mailto a:hover {
color:#53b900;
}
.header-right-box div{
color:#333333;
}
.header-right-box .themetext{
color: #464646;
font-weight: 500;
font-size: 15px;
text-align: left;
}
.Header-tagline {
font-size:14px;
font-weight: 400;
color:#fff;
}
.header-right-box .data{
color: #000;
font-weight: 400;
font-size: 14px;
}
.contact-border .contactlabel {
font-size: 18px;
text-align: left;
font-weight: 600;
}
.header-box .logobox {
margin-top: 5px;
margin-bottom: 5px
}
.header-social-links{   
padding: 12px 0 12px 30px;
}
.header-social-links a span{
margin: 0 10px;
font-size: 16px;
color: #fff;
padding: 0;
}
.header-social-links a span:hover {
color: #a0c716;
}
.header-social-links a span.fa-google-plus {
padding: 15px 15px;
}
#ht-masthead input[type="text"], 
#ht-masthead input[type="email"], 
#ht-masthead input[type="url"], 
#ht-masthead input[type="password"], 
#ht-masthead input[type="search"], 
#ht-masthead input[type="number"], 
#ht-masthead input[type="tel"], 
#ht-masthead input[type="range"], 
#ht-masthead input[type="date"], 
#ht-masthead input[type="month"], 
#ht-masthead input[type="week"], 
#ht-masthead input[type="time"], 
#ht-masthead input[type="datetime"], 
#ht-masthead input[type="datetime-local"], 
#ht-masthead input[type="color"], 
#ht-masthead textarea{
width: 60%;
}
.contactspade-border .themetext {
color: #fff;
font-size: 16px;
text-align: left;
}
#ht-masthead .shadeheadbox i {
font-size: 20px;
padding-right: 10px;
position: relative;
top: 0px;
color:#fff;
}
#ht-masthead .shadeheadbox {
text-align: center;
}
#ht-masthead .maintop-header {
background: #292929;
}
.ht-sticky-header #ht-masthead .maintop-header{
display: none;
}
.ht-sticky-header #ht-masthead .top-header{
display: none;
}
.ht-sticky-header .page-main-header {
padding-top: 50px;
}
#ht-masthead .heighlightheader {
background: #a0c716;
-webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
position: relative;
top: 15px;
}
#ht-masthead .headicon  {
color: #fff;
font-size: 13px;
padding: 10px 5px;
}
#ht-masthead .headicon i {
font-size: 11px;
color: #a0c716;
position: relative;
left: -10px;
top: 3px;
font-size: 25px;
}
.secborder {
border-right: 1px solid #c0c0c0;
padding: 0 2.4em 0 0;
}
.emailspace {
padding: 0 0 0 2.4em;
} .medal-header form{
padding: 10px 5px 10px 20px;
background: #F0F8FF;
border-radius: 15px;
display: none;
position: absolute;
right: 2%;
width: auto;
top: 0px;
z-index: 10;
}
#formButton{
position: relative;
margin: 5px 5px;
background: none;
right: -62px;
border-radius: 50%;
border: 2px solid #fff;
}
#formButton:after {
content: "\f002";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
position: absolute;
font-size: 18px;
top: 10%;
left: 30%;
right: 50%;
margin: 0;
z-index: 1;
}
form#form1 {
width: 340px;
} fieldset input[type="submit"] { padding-top: 7px;
padding-bottom: 10px;  width: 100px;
}
.lower-header {
padding-top: 10px;
padding-bottom: 5px;
}
#ht-site-navigation ul li a:hover {
color: #fff;
background: #a0c716;
}
#ht-site-navigation ul ul li a:hover {
background: none;
color: #000;
border-radius: 0px;
-moz-transform: translate(15px, 0%);
-ms-transform: translate(15px, 0%);
-webkit-transform: translate(15px, 0%);
-o-transform: translate(15px, 0%);
transform: translate(15px, 0%);
overflow: hidden;
}
#ht-site-navigation ul ul li a:before {
content: "\f064";
position: absolute;
top: 50%;
margin-top: -.5em;
margin-left: -17px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
}
#ht-site-navigation ul ul li:hover > a:before {
opacity: 1;
}
p.ht-site-title a {
color: #000;
}
.ht-main-navigation li.current_page_item ul li a {
color:#fff;
background: none;
}
.ht-main-navigation li ul li a{   
display: block;
vertical-align: middle;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.4em;
letter-spacing: .05em;
}
#ht-masthead{ z-index: 2000;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
width:100%;
position:relative;
}
#ht-masthead .nav-upper {
color: #fff;
}
.wave-border {
position: absolute;
bottom: 0;
z-index: 10;
left: 0;
right: 0;
}
.wave-border svg {
display: block;
}
.wave-border svg path {
color: #fff;
fill: #fff;
}
.ht-sticky-header #ht-masthead{
position: fixed;
left: 0;
right: 0;
z-index: 20000;
} #wave-container { position:relative; height: 36px; width: 132px; } 
.dot { 
transform-origin: 50% 50%; 
height: 6px; width: 6px; 
border-radius : 50%; top:0; 
background-color: #c0392b; 
position: absolute; 
-webkit-animation:vertical-movement 2.5s infinite ease-in-out; 
-moz-animation:vertical-movement 2.5s infinite ease-in-out; 
-ms-animation:vertical-movement 2.5s infinite ease-in-out; 
-o-animation:vertical-movement 2.5s infinite ease-in-out; 
animation:vertical-movement 2.5s infinite ease-in-out; 
} 
#d1 {
left:12px;
-webkit-animation-delay:-0.3s;
-moz-animation-delay:-0.3s;
-ms-animation-delay:-0.3s;
-o-animation-delay:-0.3s;
animation-delay:-0.3s;
opacity: 0.1;
} 
#d2 {
left:24px;
-webkit-animation-delay:-0.6s;
-moz-animation-delay:-0.6s;
-ms-animation-delay:-0.6s;
-o-animation-delay:-0.6s;
animation-delay:-0.6s;
opacity: 0.2;
} 
#d3 {left:36px;
-webkit-animation-delay:-0.9s;
-moz-animation-delay:-0.9s;
-ms-animation-delay:-0.9s;
-o-animation-delay:-0.9s;
animation-delay:-0.9s;
opacity: 0.3;
}
#d4 {
left:48px;
-webkit-animation-delay:-1.2s;
-moz-animation-delay:-1.2s;
-ms-animation-delay:-1.2s;
-o-animation-delay:-1.2s;
animation-delay:-1.2s;
opacity: 0.4;
}
#d5 {
left:60px;
-webkit-animation-delay:-1.5s;
-moz-animation-delay:-1.5s;
-ms-animation-delay:-1.5s;
-o-animation-delay:-1.5s;
animation-delay:-1.5s;
opacity: 0.5;
} 
#d6 {
left:72px;
-webkit-animation-delay:-1.8s;
-moz-animation-delay:-1.8s;
-ms-animation-delay:-1.8s;
-o-animation-delay:-1.8s;
animation-delay:-1.8s;
opacity: 0.6;
} 
#d7 
{
left:84px;
-webkit-animation-delay:
-2.1s;
-moz-animation-delay:
-2.1s;
-ms-animation-delay:-2.1s;
-o-animation-delay:-2.1s;
animation-delay:-2.1s;
opacity: 0.7;
} 
#d8 {
left:96px;
-webkit-animation-delay:-2.4s;
-moz-animation-delay:-2.4s;
-ms-animation-delay:-2.4s;
-o-animation-delay:-2.4s;
animation-delay:-2.4s;
opacity: 0.8;
}
#d9 
{
left:108px;
-webkit-animation-delay:-2.7s;
-moz-animation-delay:-2.7s;
-ms-animation-delay:-2.7s;
-o-animation-delay:-2.7s;
animation-delay:-2.7s;
opacity: 0.9;
} 
#d10 {
left:120px;
-webkit-animation-delay:-3s;
-moz-animation-delay:-3s;
-ms-animation-delay:-3s;
-o-animation-delay:-3s;
animation-delay:-3s;
opacity: 1;
} 
.last-dot { 
transform-origin: 50% 50%;
height: 6px; 
width: 6px; 
border-radius : 50%; 
} 
#head-dot { 
height: 6px; 
width: 6px; 
border-radius: 50% 
} 
@-webkit-keyframes vertical-movement { 0%,100% { -webkit-transform: translateY(0%); } 50% { -webkit-transform: translateY(30px); } } @keyframes vertical-movemen { 0%,100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); 
-ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); } }
.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;
}
.ht-sticky #ht-site-branding{
padding: 5px 0;
}
#ht-site-branding img{
max-height: 80px;
width: auto;
}
.page-main-header{
background: #45494a;
color:#fff;
clear: both;
}
.ht-main-title{
margin: 10px 0 15px;
letter-spacing: 0px;
font-weight: 400;
text-transform: none;
}
.single_post h1.ht-main-title{
margin: 0 0 15px;
letter-spacing: 0px;
font-weight: 600;
text-transform: uppercase;
}
.ht-main-title:last-child{
margin-bottom: 0;
}
.ht-site-title, .site-title{
font-weight: bold;
margin: 0px auto;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 24px;
line-height: 1;
margin-top: 25px;
}
.ht-site-title a, .site-title a{
text-decoration: none;
color: #fe5722;
}
.ht-site-description{
color: #EEE;
margin: 0;
font-size: 15px;
font-style: italic;
line-height: 1; }
.ht-site-description a{
font-size: 16px;
font-weight: 400;
color: #fff;
font-style: normal;
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
font-size: 15px;
margin: 0;
color: inherit;
padding: 5px;
display: none;
}
.single-productpage .ht-main-title {
margin-bottom: 20px;
padding: 10px;
}
.tax-product_cat .single-productpage .ht-main-title {
padding: 10px 20px;
border-bottom: 2px solid #fff;
border-radius: 30px;
}
.tax-product_cat .single-productpage .term-description {
padding: 0 20px 10px;
}
.single-productpage .innerpage-whitebox header {
padding: 0;
}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
color: #fe5722;
}
.taxonomy-description,
.term-description{
margin-bottom: 15px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
margin-bottom: 0;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
display: block;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.woocommerce div.product div.images img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.woocommerce-info a:hover{
color:#444444;
}
.woocommerce-cart-form .product-name a:hover{
color:#444444;
}
a.woocommerce-Button {
margin-right: 10px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
}
.wcppec-checkout-buttons a img {
display: none;
}
.wcppec-checkout-buttons .wcppec-checkout-buttons__separator {
display: none;
}
.woocommerce-shipping-calculator a:hover{
color: #45494a;
} .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-tagline{
margin-bottom: 3em; 
text-align: center;
position:relative;
}
.ht-section-title{
font-weight: 100;
font-size: 38px;
margin: 0 auto 15px;
position: relative;
}
.ht-section-title strong{
font-weight: 600;
}
.ht-section-title:last-child{
margin-bottom: 0;
}
.darkbox .ht-section-tagline{
font-size:16px;
width: 70%;
margin: 0 auto 0;
color:#fff;
}
.innerborder-separator:before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
border: 2px solid #a0c716;
margin: 0px 47%;
position: relative;
top: -32px;
}
.innerborder-separator:after {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: none;
border: 2px solid #a0c716;
margin: 0px 52.3%;
position: relative;
top: -42px;
}
.titleborder:after {
content: "";
display: block;
width: 30px;
height: 3px;
background: #a0c716;
margin: 0 auto;
position: relative;
top: 0;
left: 0;
right: 0;
transition: all 0.2s ease-out 0s;
}
.outerborder-separator:before {
left: -10px;
top: -27px;
width: 80px;
height: 15px;
position: absolute;
content: "";
display: inline-block;
width: 48%;
border-width: 1px;
border-style: solid;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #a0c716;
}
.outerborder-separator:after {
top: -19px;
left: 12px;
width: 80px;
height: 15px;
position: absolute;
content: "";
display: inline-block;
width: 48%;
border-width: 1px;
border-style: solid;
border-left: none;
right: 0;
margin: 0 auto;
bottom: -10px;
border-top: none;
border-right: none;
border-color: #a0c716;
}
.outerborder-separator{
display: inline-block;
height: 2px;
width: 80px;
margin-bottom: 10px;
position: relative;
} h1.ht-site-title a {
color: #000;
}
header#ht-masthead .main-header {
border-bottom: 1px solid #d0d0d0;
padding-top: 3px;
padding-bottom: 3px;
background: #6dac1b;
}
.upper-header {
color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 16px;
padding: 5px 0 0;
}
#ht-site-navigation{
width: 100%;
padding: 0 0 0em 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.ht-sticky #ht-site-navigation{
padding: 0px 0;
}
#ht-masthead .nav-upper {
color: #fff;
}
.header-inquiry-btn .head-button {
padding: 0;
color: #fff;
font-size: 18px;
border-radius: 3px;
margin: 0px;
}
.header-inquiry-btn .head-button a {
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;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 13px 25px;
font-size: 16px;
font-weight: 600;
border-radius: 0px;
background-color: #a0c716;
color: #fff;
}
.header-inquiry-btn .head-button a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-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;
}
.header-inquiry-btn .head-button a:hover:before, .header-inquiry-btn .head-button a:focus:before, .header-inquiry-btn .head-button a:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
#ht-masthead .header-right-box i {
position: relative;
top: 15px;
left: 3px;
font-size: 27px;
}
#ht-masthead .header-right-box i.fa.fa-phone {
left: 10px;
}
#ht-masthead .header-right-box .contactdata {
font-size: 15px;
}
#ht-masthead .contact-border {
padding-left: 10px;
}
.header-time {
color: #fff;
}
.headtimebox i {
color: #a0c716;
font-size: 22px;
margin-right: 10px;
}
#ht-masthead .header-right-box i:hover {
background: none;
}
.ht-main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0; }
.ht-main-navigation li {
float: left;
position: relative;
padding: 5px 0;
}
.ht-main-navigation li ul li{
padding: 0 0 0 0;
}
.ht-main-navigation li a {
color: #fff;
}
.ht-main-navigation a {
display: block;
text-decoration: none;
color: #fff;
font-size: 15px;
line-height: 25px;
padding: 8px 30px;
font-weight: 500;
transition: none;
-moz-transition: none;
-webkit-transition: none;
text-transform: uppercase;
}
.ht-main-navigation ul ul {
display: none;
position: absolute;
left: 0px;
top: 100% ;
background: #9bb70d;
min-width: 250px;
z-index: 999;
padding: 8px;
margin-top: 0px;
border-top: 2px solid #fe5722;
box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
}
.ht-main-navigation li.current_page_item a, .page-template-home-template .ht-main-navigation .current_page_item > a {
background-color: #a0c716;
}
.ht-main-navigation ul ul li.current_page_item a {
color:#fff;
}
.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 30px;
font-size: 14px;
}
.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_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-radius: 0px;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 15px;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}
.ht-main-navigation ul ul li a:hover{
}
.ht-main-navigation li.current_page_item a {
color: #fff;
border-radius: 0;
background: #a0c716;
}
#inner-blog-section .excerpt {
border-bottom: 2px solid #000;
padding-bottom: 30px;
margin-bottom: 20px; 
}
#inner-blog-section .excerpt h2{
margin: 10px 0;
}
#inner-blog-section .excerpt .post-content {
margin: 10px 0;
}
#inner-blog-section .excerpt .readMore{
padding: 5px 20px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 40px;
display: inline-block;
}
#inner-blog-section .excerpt .readMore a{
color:#fff;
}
#inner-blog-section .excerpt .readMore:hover{
background: #45494a;
opacity: 0.6;
}
#inner-blog-section .excerpt .readMore:hover a{
color:#fff;
}
#inner-blog-section .featured-thumbnail img:hover {
opacity: 0.6;
}
#inner-blog-section .excerpt h2 a:hover {
color:#000;
} .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.8);
}
.ht-slide-caption{
position: absolute;
top: 50%;
left: 38%;
width: 635px;
margin-left: -513px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding: 3.5em 0em;
text-align: center;
}
.ht-slide-cap-title{
margin-top: 20px;
margin-bottom: 40px;
font-size: 46px;
text-shadow: 0 4px 4px rgba(0,0,0,.2);
font-weight: bold;
line-height: 55px;
}
.slider-highlight {
color: #fff;
background: #a0c716;
display: inline-block;
padding: 10px 30px;
font-weight: 300;
font-size: 15px;
margin-bottom: 10px;
}
.ht-slide-cap-desc {
color: #fff;
padding: 0;
margin-bottom: 0px;
font-size: 18px;
font-weight: 600;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.ht-slide img {
width: 100%;
border-radius: 420px;
height: 100%;
}
.sliderimg {
width: 780px;
position: relative;
top: 0px;
left: 46%;
height: 495px;
border: none;
border-left: solid 8px #a0c716;
border-right: solid 8px #a0c716;
padding: 0 5px 0 5px;
background-clip: content-box; border-radius: 240px;
} .sliderbtn .ht-slide-cap-descmore {
background: none;
margin: 0px;
display: inline-block;
}
.sliderbtn .ht-slide-cap-descmore:hover, .sliderbtn .ht-slide-cap-descmore:focus, .sliderbtn .ht-slide-cap-descmore:active {
color: white;
}
.sliderbtn .ht-slide-cap-descmore a {
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;
background: none;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 8px 30px;
border: 2px solid #fff;
font-size: 15px;
border-radius: 30px;
font-weight: 600;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
font-size: 16px;
padding: 13px 35px;
}
.sliderbtn .ht-slide-cap-descmore a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #292929;
-webkit-transform: scale(0);
transform: scale(0);
-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;
border-radius: 30px;
}
.sliderbtn .ht-slide-cap-descmore a:hover:before, .sliderbtn .ht-slide-cap-descmore a:focus:before, .sliderbtn .ht-slide-cap-descmore a:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .ht-slide-cap-title span{
display: inline-block;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a{
height: 70px;
width: 50px;
margin-top: -35px;
opacity: 0.6;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
opacity: 1;
}
#ht-home-slider-section .bx-wrapper .bx-prev{
background: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/prev.png) no-repeat center rgba(0,0,0,0.3);
left: 0;
}
#ht-home-slider-section .bx-wrapper .bx-next{
background: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/next.png) no-repeat center rgba(0,0,0,0.3);
right: 0;
} .teambox{
background:#000;
position:relative;
margin-bottom: 30px;
}
.teambox:after{
background:rgba(0,0,0,.7);
position:absolute;
top:0;
left:-30%;
bottom:0;
right:70%;
transform:skew(20deg) translateX(-75%)
}
.teambox:hover:after{transform:skew(20deg) translateX(0)}
.teambox img{
width:100%;
height:auto
}
.teambox:hover img{opacity:.6}
.teambox .box-content{
padding:20px;
text-align:right;
position:absolute;
top:0;
right:0
;z-index:1
}
.teambox .icon{
padding:0;
list-style:none
}
.teambox .title{
font-size: 20px;
font-weight: 900;
color: #fff;
margin: 0 0 10px;
transform: scale(0);
}
.teambox:hover .title{
transform:scale(1)
}
#innerpage-box .team-member-designation {
color: #9bb70d;
font-size: 16px;
padding-top: 0px;
font-weight: 800;
text-shadow: 0 4px 4px rgba(0,0,0,.5);
letter-spacing: 1px;
}
.teambox .icon li,.teambox .post{
opacity:0;
transform:translateX(40px);
transition:all .35s ease 0s
}
.teambox .icon li{
float: left;
}
.teambox .post{
display:block;
font-size:14px;
color:#fff;
margin-bottom:5px
}
.teambox .icon{
display:inline-block;
margin:0
}
.teambox:hover .icon li,
.teambox:hover .post{
opacity:1;
transform:translateX(0)
}
.teambox:hover .icon li:first-child{
transition-delay:.1s
}
.teambox:hover .icon li:nth-child(2){
transition-delay:.2s
}
.teambox .icon li a{
display: block;
width: 35px;
height: 35px;
line-height: 35px;
background: #fff;
font-size: 18px;
color: #a0c716;
transition: all .35s ease;
text-align: center;
margin: 0 5px;
}
.teambox .icon li a:hover{
background:#a0c716;
color:#fff
}
.teambox .icon li:before {
display: none;
}
@media only screen and (max-width:990px)
{
.teambox{
margin-bottom:30px
}
} #ht-project-section {
padding: 3em 0 5em;
}
.ht-project-member{
position: relative;
overflow: hidden;
}
.ht-project-member img{
width: 100%;
height: 260px;
}
.ht-project-member .project-main-box{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 45px 18px;
background: #1cb9c8;
transform: translateX(-100%);
transition: all 0.20s ease 0s;
text-align: center;
opacity: 0.85;
}
.ht-project-member:hover .project-main-box{
transform: translateX(0);
}
.ht-project-member .project-main-box .post-title{
font-size: 20px;
color: #fff;
}
.ht-project-member .project-main-box .post{
font-size: 14px;
color: #cb95e1;
display: block;
margin-bottom: 20px;
}
.ht-project-member .team-prof{
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
padding: 12px 16px;
background: #1cb9c8;
transform: translateX(0);
transition: all 0.20s ease 0s;
opacity: 0.9;
}
.ht-project-member:hover .team-prof{
transform: translateX(100%);
}
.ht-project-member .team-prof .post-title{
font-size: 20px;
color: #fff;
margin: 4px 0;
}
.ht-project-member .team-prof .post{
font-size: 14px;
color: #cb95e1;
margin-bottom: 0;
}
.padding5 {
padding: 5px;
}
@media only screen and (max-width: 990px) {
.ht-project-member{ margin-bottom: 20px; }
}
#ht-project-section .readmore-btn a { color: #fff;
background: none;
padding: 10px 25px;
display: block;
font-size: 14px;
}
#ht-project-section .readmore-btn{ padding: 0;
color: #fff;
background-color: #1cb9c8;
font-size: 18px;
border-radius: 3px;
margin: 0px;
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-project-section .readmore-btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #3a3c3d;
-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-project-section .readmore-btn:hover:before, 
#ht-project-section .readmore-btn:focus:before, 
#ht-project-section .readmore-btn:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#ht-project-section  .Projectbtn {
margin-top: 50px;
}
section#ht-project-section i.fa.fa-arrow-right {
padding-left: 10px;
font-size: 14px;
}
section#ht-project-section .lightbox {
padding: 3em 0em 5em 0em;
}
section#ht-project-section .project-button a {
color: #000;
white-space: inherit;
font-weight: 500;
}
section#ht-project-section .project-button a:hover {
color: #ffffff;
}
#innerpage-box .project-button a {
color: #000;
}
#innerpage-box .project-button a:hover {
color: #ffffff;
}
section#ht-project-section .col-md-12.col-sm-12.padding5 .ht-project-member img {
height: 375px;
}
section#ht-project-section .col-md-12.col-sm-12.padding5 .ht-project-member .project-button,
section#ht-project-section .col-md-6.col-sm-6.padding5 .ht-project-member .project-button{
margin-top: 110px;
}
section#ht-project-section .col-md-6.col-sm-6.padding5 .ht-project-member img {
height: 350px;
}
.project-button {
margin-top: 70px;
}
section#ht-project-section .col-md-12.col-sm-12.col-xs-12.padding5 .project-button a {
margin-top: 5%;
}
section#ht-project-section .col-md-6.col-sm-6.col-xs-12.padding5 .project-button a {
margin-top: 7%;
} #product-category-section .owl-carousel .owl-stage-outer {
padding: 5px 5px 40px;
margin: 0 -4px;
}
#product-category-section .ht-section-title-tagline {
margin-bottom: 0em;
text-align: center;
}
#product-category-section .ht-section-title {
color: #fff;
}
#product-category-section .procat-separator-svg {
display: block;
position: absolute;
bottom: -25px;
width: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#product-category-section .procat-separator-svg {
fill: #ff6796;
}
#product-category-section .procat-separator-svg__waves_svg_separator {
max-width: 1200px;
}
.header-separator-svg__waves_svg_separator {
max-width: 1200px;
-webkit-transform: translate(-50%, 0) scaleY(-1);
-ms-transform: translate(-50%, 0) scaleY(-1);
-o-transform: translate(-50%, 0) scaleY(-1);
transform: translate(-50%, 0) scaleY(-1);
}
.header-separator-svg {
display: block;
position: absolute;
top: -29px;
width: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 999;
}
#product-category-section .pro-cat-content {
background: #ff6796;
border-radius: 10px;
padding: 80px 20px 10px;
text-align: center;
}
#product-category-section .cat-product:hover .pro-cat-content {
background: #fff;
}
#product-category-section .pro-cat-img {
position: relative;
top: 60px;
margin: 0 15px;
overflow: hidden;
border-radius: 5px;
display: block; height: auto;
}
#product-category-section .pro-cat-img img{
height: 195px;
width: 100%;
border-radius: 10px;
}
#product-category-section .pro-cat-img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #01beff;
transition: all ease 1s;
opacity: 0.5;
}
#product-category-section .cat-product:hover .pro-cat-img:after {
height: 100%;
}
.pro-cat-content span h5 a {
color: #fff;
font-family: 'Lobster',cursive;
font-size: 24px;
}
#product-category-section .cat-product:hover .pro-cat-content span h5 a{
color: #000;
}
.pro-cat-content p.catdesc {
color: #fff;
font-size: 13px;
}
#product-category-section .cat-product:hover .pro-cat-content p.catdesc {
color: #000;
}
#product-category-section .overlay {
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,0.5);
position: relative;
opacity: 1;
padding: 4em 0 5em;
}
.quote-box:after{
content: "";
background-image: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/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; }
#quote-carousel .carousel-control {
background: none;
color: #fc856d;
font-size: 1.3em;
text-shadow: none;
margin-top: 225px;
opacity: 1;
z-index: 2000;
}
#quote-carousel .carousel-control.left {
top: auto;
bottom: -70px;
}
#quote-carousel .carousel-control.left i {
background: none;
border-radius: 50%;
padding: 5px;
opacity: 1;
padding: 10px 5px;
opacity: 1;
z-index: 2000;
position: absolute;
left: 25%;
bottom: 0;
font-size: 20px;
color: #fff;
}
#quote-carousel .carousel-control.right {
top: auto;
bottom: -70px;
}
#quote-carousel .carousel-control.right i {
padding: 10px 5px;
opacity: 1;
z-index: 2000;
position: absolute;
left: 25%;
bottom: 0;
font-size: 20px;
color: #fff;
}
#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; cursor: pointer; border-radius: 50px; overflow: hidden;
transition: all 0.4s;
display: none;
}
#quote-carousel .carousel-indicators .active {
background: #ffffff;
width: 12px;
height: 12px; border-color: #fff;
opacity: 1;
overflow: hidden;
}
.carousel-inner {
min-height: 170px;
border-radius: 10px; }
.item blockquote {
border-left: none;
margin: 0;
}
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
#product-category-section .owl-carousel .owl-nav button.owl-next,  
#product-category-section .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
width: 45px;
height: 45px;
border-radius: 50%;
border: 2px solid #fff;
}
#product-category-section .owl-carousel .owl-nav button.owl-prev, 
#product-category-section .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
width: 45px;
height: 45px;
border-radius: 50%;
border: 2px solid #fff;
}
#product-category-section .owl-carousel .owl-nav button.owl-next:hover , 
#product-category-section .owl-carousel .owl-nav button.owl-prev:hover{
opacity: 1;
}
#product-category-section .owl-nav button.owl-prev span {
position: absolute;
left: 47.4%;
bottom: 0;
font-size: 40px;
color: #fff;
font-weight: 500;
}
#product-category-section .owl-nav button.owl-next span {
z-index: 2000;
position: absolute;
left: 52%;
bottom: 0;
font-size: 40px;
color: #fff;
font-weight: 500;
}
#product-category-section .owl-nav button.owl-prev span:hover {
opacity: 0.6;
}
#product-category-section .owl-nav button.owl-next span:hover {
opacity: 0.6;
}
#product-category-section .owl-theme .owl-dots .owl-dot span {
border:none;
} .owl-carousel .owl-nav {
display: none !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
border: #01beff;
color: #01beff;
background: none !important;
}
#product-category-section .owl-nav button.owl-next:hover span, #product-category-section .owl-nav button.owl-prev:hover span {
color: #01beff;
}
.product-cat-wave-svg {
position: absolute;
bottom: -35px;
left: -1px;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 9;
overflow: hidden;
}
.product-cat-wave-svg svg g {
fill: #ff6796;
} #ht-about-us-section ul li:before {
content: "\f1fc";
font-family: 'Fontawesome';
font-size: 16px;
font-weight: bold;
padding-right: 10px;
}
#ht-about-us-section .dlab-separator-outer {
overflow: inherit; 
text-align: left;
}
#ht-about-us-section .ht-section-title-tagline {
margin-bottom: 1em;
text-align: left;
}
#ht-about-us-section .titleborder:after {
margin: 0;
}
.aboutborder {
display: block;
border: 10px solid #1cb9c8;
padding: 30px 40px 20px 30px;
border-right: none;
z-index: 1;
position: relative;
margin-bottom: 20px
}
.aboutbox-img {
text-align: center;
position: relative;
float: left;
width: 100%;
overflow: hidden;
}
.aboutcontentbox {
padding: 0;
padding-left: 30px;
}
#ht-about-us-section .aboutbox-img img {
width: 100%;
height: 100%;
border-radius:0;
z-index: 999;
transition: all .7s linear;
}
#ht-about-us-section .aboutbox-img img:hover {
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-about-us-section{
padding: 5em 0 4em;
background: #f4f4f4;  
position: relative;
}
.textleft {
text-align: left;
}
#ht-about-us-section .about-subheading {
font-size: 24px;
color: #292929;
text-align: left;
margin-bottom: 15px;
}
#ht-about-us-section ul{
padding: 0 0 3px 0;
list-style: none;
font-size: 18px;
margin: 0;
}
#ht-about-us-section ul li {
margin: 10px 0;
font-size: 15px;
}
#ht-about-us-section .lz-about-subheading {
color: #303030;
font-size: 25px;
margin: 20px 0;
letter-spacing: 1px;
}
#ht-about-us-section .ht-section-tagline, #ht-about-us-section .lz-about-text {
font-size: 15px;
margin-bottom: 25px;
}
#ht-about-us-section .aboutbox-img:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #a0c716;
height: 5px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#ht-about-us-section .aboutimgborder:hover .aboutbox-img:before, 
#ht-about-us-section .aboutimgborder:focus .aboutbox-img:before, 
#ht-about-us-section .aboutimgborder:active .aboutbox-img:before {
left: 0;
z-index: 2;
}
#ht-about-us-section .aboutbox-img:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #a0c716;
height: 5px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#ht-about-us-section .aboutimgborder:hover .aboutbox-img:after,
#ht-about-us-section .aboutimgborder:focus .aboutbox-img:after, 
#ht-about-us-section .aboutimgborder:active .aboutbox-img:after {
right: 0;
z-index: 2;
}
.about-inquiry-btn {
margin-bottom: 1em;
}
#ht-about-us-section .readmore{
padding:0;
color: #fff;
font-size: 18px;
border-radius: 3px;
margin: 0px;
}
#ht-about-us-section .readmore a {
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;
background: none;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 8px 20px 10px 20px;
font-size: 15px;
border-radius: 5px;
font-weight: 600;
}
#ht-about-us-section .readmore a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #292929;
-webkit-transform: scale(0);
transform: scale(0);
-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-section .readmore a:hover:before, #ht-about-us-section .readmore a:focus:before, #ht-about-us-section .readmore a:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.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%}
#ht-about-us-section .aboutimgborder .abouteffect:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #a0c716;
transition: all ease 1s;
opacity: 0.2;
}
#ht-about-us-section .aboutimgborder:hover .abouteffect:after {
height: 100%;
} main#innerpage-box div#sitemap-box h3 {
font-size: 24px;
font-weight: 600;
color: #ffffff;
display: inline-block;
padding: 12px 15px;
border: 5px solid #000;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
border-radius: 30px;
}
div#sitemap-box ul li {
text-transform: capitalize;
font-size: 16px;
padding: 5px 20px;
vertical-align: middle;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.4em;
letter-spacing: .05em;
}
div#sitemap-box ul {
margin-left: 10px;
list-style: none;
}
div#sitemap-box ul li a {
color: #292929;
display: inline-block;
font-size: 14px;
font-weight: 600;
}
div#sitemap-box ul li a:hover {
background: none;
color: #000;
}
div#sitemap-box ul li:hover {
border-radius: 0px;
-moz-transform: translate(15px, 0%);
-ms-transform: translate(15px, 0%);
-webkit-transform: translate(15px, 0%);
-o-transform: translate(15px, 0%);
transform: translate(15px, 0%);
overflow: hidden;
}
div#sitemap-box ul ul.children li a:before {
content: "\f1fc";
position: absolute;
top: 50%;
margin-top: -.5em;
margin-left: -17px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
}
div#sitemap-box ul ul.children li:hover > a:before {
opacity: 1;
}
div#sitemap-box ul li a:before{
content: "\f1fc";
position: absolute;
top: 50%;
margin-top: -.5em;
margin-left: -17px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
}
div#sitemap-box ul li:hover > a:before{
opacity: 1;
}
div#sitemap-box ul li.page_item_has_children a:before{
content: "\f1fc";
position: absolute;
top: 18px;
margin-top: -.5em;
margin-left: -17px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
}
div#sitemap-box ul li.page_item_has_children:hover > a:before{
opacity: 1;
}
div#sitemap-box ul li a {
border-bottom: 1px solid #292929;
border-radius: 3px;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul li {
list-style-type: none;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul {
margin-left: 20px;
}
main#innerpage-box div#sitemap-box .sitemap-blogposts ul li img {
height: 65px;
width: 65px;
}
main#innerpage-box div#sitemap-box .sitemap-posts-box {
margin-bottom: 20px;
}
.sitemap-posts-box img {
width: 100%;
height: 100%;
border-radius: 10px;
} #featurednew-post-section{
padding: 4em 0 2em;
}
.featurednew-post {
margin-bottom: 20px;
}
.featurednew-icon {
position: relative;
overflow: hidden;
}
#featurednew-post-section .featurespace {
padding: 0 20px;
}
.featurednew-icon img{
transition: all .7s linear;
width: 100%;
}
.featurednew-post:hover .featurednew-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);
}
#featurednew-post-section .featurednew-icon:before {
content: "";
border-top: 0 solid #a0c716;
border-right: 0 solid transparent;
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
#featurednew-post-section .featurednew-post:hover  .featurednew-icon:before {
border-top-width: 78px;
border-right-width: 78px;
}
#featurednew-post-section .featurednew-icon:after {
content: "";
border-bottom: 0 solid #a0c716;
border-left: 0 solid transparent;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
#featurednew-post-section .featurednew-post:hover .featurednew-icon:after {
border-bottom-width: 78px;
border-left-width: 78px;
}
#featurednew-post-section .featurednew-post h5 {
color: #2d2d2d;
font-size: 23px;
margin-bottom: 15px;
}
#featurednew-post-section .featurednew-data{
padding: 40px 5px 30px;
background: #fff;
}
#featurednew-post-section .featurednew-excerpt {
font-size: 15px;
color: #303030;
}
#featurednew-post-section .featurednew-readmore {
margin: 30px 0 0;
}
#featurednew-post-section .featurednew-readmore a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
background: none;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 8px 30px;
border: 2px solid #a0c716;
font-size: 15px;
border-radius: 30px;
font-weight: 600;
color: #a0c716;
font-size: 16px;
padding: 13px 35px;
}
#featurednew-post-section .featurednew-readmore a:hover {
color:#303030;
}
#featurednew-post-section .featurednew-readmore a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #a0c716;
-webkit-transform: scale(0);
transform: scale(0);
-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;
border-radius: 30px;
}
#featurednew-post-section .featurednew-readmore a:hover:before, 
#featurednew-post-section .featurednew-readmore a:focus:before, 
#featurednew-post-section .featurednew-readmore a:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} #faq-section {
padding: 0 2em;
border-left: 1px solid #cdcdcd;
background: none;
}
.faq h6:after {
content: "\f107";
font-family: 'Fontawesome';
font-size: 16px;
font-weight: bold;
color: #171717;
background: #000;
position: absolute;
right: 11px;
padding: 10px 15px;
top: 7px;
border-radius: 50%;
}
#faq-section h2.faq-subheading {
color: #272e40;
font-size: 14px;
font-weight: 600;
}
#faq-section .faq h6 {
color: #fff;
margin-bottom: 0px;
border-radius: 50px;
padding: 15px 45px 15px 25px;
background: #3a4559;
text-transform: none;
font-weight: 400;
font-size: 14px;
}
#faq-section .faq .faq-content:hover h6 {
background: #a0c716;
}
#faq-section .faq h6:after {
content: "\f107";
font-family: 'Fontawesome';
font-size: 22px;
font-weight: 800;
color: #fff;
background: none;
position: absolute;
right: 13px;
padding: 10px 15px;
top: 0px;
border-radius: 50%;
}
#faq-section .faq-content {
margin-bottom: 10px;
}
#faq-section p {
margin: 10px 0;
font-size: 14px;
}
#innerpage-box .faq-content {
margin-bottom: 5px;
border: 5px solid #3a4559;
border-bottom: 8px solid #a0c716;
border-right: 8px solid #a0c716;
border-radius: 30px 0;
}
#innerpage-box .faq h6 {
margin-bottom: 0px;
padding: 25px 10px 25px 70px;
background: none;
text-transform: none;
font-weight: 400;
cursor: pointer;
}
#innerpage-box .faq-description{
color: #333333;
font-size: 14px;
background: none;
margin: 0;
padding: 10px 0px 0px;
margin: 0 70px;
border-top: 1px solid #3b4559;
}
#innerpage-box .faq h6:after{
content: "\f0a7";
font-family: 'Fontawesome';
font-size: 20px;
font-weight: 800;
color: #fff;
background: #000;
border: 4px solid #d79702;
position: absolute;
display: inline-table;
left: 10px;
padding: 7px 10px;
top: 12px;
border-radius: 50%;
}
.faq-description {
color:#333333;
font-size: 15px;
}
#faq-section .readmore {
padding: 40px 0 0;
border-bottom: 1px solid #d7d7d7;
text-align: center;
}
#faq-section .readmore a {
padding: 15px 40px;
color: #161817;
border-radius: 30px;
position: relative;
top: 10px;
}
#faq-section .readmore a:hover {
color: #fff;
background: #171717;
} #facility-content-section .facility-post{
padding: 25px 0;
text-align: center;
margin-bottom: 10px;
position: relative;
text-align: center;
border-radius: 7px;
z-index: 1;
}
#facility-content-section .facility-post::before {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: #ff662a;
border-radius: 7px;
content: "";
z-index: -1;
transition: all 0.5s ease-in-out 0s;
transform-style: preserve-3d;
transform: perspective(1200px) rotateX(-30deg) translateZ(0px);
opacity: 0;
}
#facility-content-section .facility-post:hover::before {
opacity: 1;
transform: perspective(1200px) rotateX(0deg) translateZ(0px);
transition-delay: 0.1s;
}
.facilityleftbox {
background: #3a4559;
padding: 40px 50px;
}
.faclefttitle {
font-size: 30px;
color: #fff;
font-weight: 600;
margin-bottom: 15px;
}
#facility-content-section .lz-facility-subheading {
color: #fff;
font-size: 14px;
font-weight: 600;
}
.facleftdecs {
color: #fff;
font-size: 14px;
line-height: 25px;
margin-bottom: 25px;
}
.facleftdecs p{
margin-bottom: 0px;
}
#facility-content-section .overlay {
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,0.6);
position: relative;
opacity: 1;
padding: 3em 0 2em;
}
.facility-post .facility-icon-box {
position: relative;
width: 100%;
margin: 0 auto;
}
.facility-icon-box .facility-icon {
position: relative;
z-index: 1;
}
#facility-content-section .facility-icon span{
font-size: 65px;
margin-bottom: 15px;
}
#facility-content-section .facility-icon span:before{
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.facility-icon-box .facility-icon-overlay {
position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border-radius: 50%;
border: 58px dotted #f1f0f0;
transition: all .7s ease;
}
#facility-content-section .facility-post:hover .facility-icon-overlay{
border: 3px dotted #1cb9c8;
}
#facility-content-section .facility-post .facility-icon:before, 
#facility-content-section .facility-post .facility-icon:after {
content: "";
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
margin: 0 -5px 0 0;
position: absolute;
bottom: -5px;
right: 50%;
transition: all 0.4s ease 0s;
opacity: 0;
}
#facility-content-section .facility-post .facility-icon:before {
left: 50%;
margin: 0 0 0 -5px;
}
#facility-content-section .facility-post:hover .facility-icon:before {
left: 100%;
opacity: 1;
}
#facility-content-section .facility-post:hover .facility-icon:after {
right: 100%;
opacity: 1;
}
#facility-content-section .facilityborder:after {
content: "";
display: block;
width: 30px;
height: 3px;
background: #a0c716;
margin: 0 auto;
position: relative;
top: 8px;
left: 0;
right: 0;
transition: all 0.2s ease-out 0s;
}
#facility-content-section .facility-post:hover .facilityborder:after {
width: 125px;
background: #fff;
}
#facility-content-section h5 {
padding: 10px 5px 0;
font-size: 24px;
font-weight: 500;
}
.facility-num {
font-size: 28px;
font-weight: 800;
color: #fff;
margin-top: 25px;
padding: 0 5px;
}
#facility-content-section .facility-post:hover h5,#facility-content-section .facility-post:hover h5 small {
color: #fff;
}
#facility-content-section .content-box .facility-data {
color: #464646;
font-size: 15px;
margin-top: 10px;
font-weight: 500;
}
#facility-content-section .facility-sec {
padding: 0 10px;
}
.padding-sec {
padding: 0 30px 0 40px;
}
.facility-left-sect {
padding:0px;
}
#ht-facility-section .facility-img{
width: 100%;
border: 8px solid #bbb;
}
#ht-facility-section ul{
padding: 0 0 20px 0;
list-style: none;
font-size: 18px;
margin: 0;
}
#ht-facility-section  ul li {
background: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/list-ico.png) no-repeat;
padding: 4px 0 4px 47px;
margin: 10px 0;
}
#ht-facility-section .facility-box {
padding-top: 2em;
}
.facility-box .ht-section-tagline {
font-size: 16px;
}
.lz-facility-text {
margin-bottom: 15px;
font-size: 15px;
}
.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; 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;
}
.facility-box img {
width: 100%;
height: 100%;
text-align: center;
}
@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%}
} #work-content-section {
padding: 4em 0 3em;
}
#work-content-section .work-post{
text-align: center;
-webkit-transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out;
margin-bottom: 20px;
}
#work-content-section .work-num {
width: 150px;
height: 150px;
background: #a0c716;
margin: 0 auto;
padding: 10px;
color: #fff;
display: inline-block;
position: relative;
font-size: 40px;
line-height: 125px;
border-radius: 50%;
}
.work-post h5 {
color: #a0c716;
font-weight: 500;
font-size: 23px;
margin-top: 30px;
}
.work-text {
color: #303030;
font-size: 18px;
font-weight: 500;
}
.work-post .work-overlaybox{
position: relative;
}
.work-overlaybox .work-num {
position: relative;
z-index: 1;
}
.work-overlaybox .work-icon-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 160px;
height: 160px;
border-radius: 50%;
border: 58px dotted transparent;
transition: all .7s ease;
}
#work-content-section .work-post:hover .work-icon-overlay {
border: 5px dotted #a0c716;
}
#work-content-section .work-post:hover .work-num {
background: #fff;
color: #a0c716;
}
#work-content-section .work-post:hover {
transform: translateY(-20px);
} #featured-post-section{
background: #f4f4f4;
padding: 4em 0 3em;
}
#featured-post-section .featured-post {
text-align: center;
}
#featured-post-section .lz-featured-subheading {
color: #424652;
font-size: 14px;
font-weight: 600;
}
#featured-post-section .ht-section-title:after {
width: 4%;
margin: 0 0 0px 0px;
}
#featured-post-section .featured-post-box{
background: #ffff;
padding: 30px 23px 40px;
margin-bottom: 30px;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
border-radius: 3px 35px 3px 35px;
position: relative;
}
#innerpage-box .featured-post-box .featured-data {
text-align: left;
}
#featured-post-section .svg-wrapper {
position: absolute;
top: 52%;
transform: translateY(-50%);
margin: 0 auto;
width: 100%;
}
#featured-post-section  .shape {
stroke-dasharray: 50 540; stroke-dashoffset: -460;
stroke-width: 4px;
fill: transparent;
stroke: transparent;
border-bottom: 4px solid transparent;
transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
#featured-post-section .col-md-3.col-sm-6.col-xs-12.fpost .shape {
stroke-dasharray: 50 540; stroke-dashoffset: -468;
stroke-width: 0px;
fill: transparent;
stroke: #a0c716;
border-bottom: 4px solid black;
transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
#featured-post-section .featurborder:after {
content: "";
display: block;
width: 60px;
height: 2px;
background: #01befe;
margin: 0 auto;
position: relative;
top: 8px;
left: 0;
right: 0;
transition: all 0.2s ease-out 0s
}
#featured-post-section .featured-post-box:hover .featurborder:after {
width: 100px;
}
#featured-post-section .featured-post-box:before {
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
content: "";
position: absolute;
bottom: 0px;
right: 0%;
width: 0px;
height: 0px;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
height: 10%;
width: 10%;
}
#featured-post-section .featured-post-box:hover:before {
height: 45%;
width: 35%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index: 1;
border-right: 4px solid #a0c716;
border-bottom: 4px solid #a0c716;
}
#featured-post-section .featured-post-box:after {
display: block;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
content: "";
position: absolute;
top: 0px;
left: 0%;
width: 0px;
height: 0px;
border-top: 4px solid transparent;
border-left: 4px solid transparent;
height: 10%;
width: 10%;
}
#featured-post-section .featured-post-box:hover:after {
height: 45%;
width: 35%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
z-index: 1;
border-top: 4px solid #a0c716;
border-left: 4px solid #a0c716;
}
#featured-post-section h5.text {
color: #fff;
}
#featured-post-section .featured-icon span{
color: #fff;
display: inline-block;
position: relative;
font-size: 50px;
line-height: 78px;
width: 80px;
height: 80px;
background: #f5f5f5;
border-radius: 50%;
}
#featured-post-section .featured-post-box:hover .featured-icon span{
color: #fff;
background: #a0c716;
}
#featured-post-section .featured-icon{
text-align: center;
position:relative;
z-index:0;
margin-bottom: 15px;
}
#featured-post-section .featured-excerpt{
font-size: 17px;
line-height: 26px;
color: #383838;
}
#featured-post-section .Featured-data:hover .featured-excerpt {
color: #171717;
}
#featured-post-section .featured-readmore a.btn{
border-radius: 30px;
color: #141414;
margin: 30px 0 5px;
padding: 15px 28px;
text-transform: capitalize;
font-weight: 400;
border: none;
font-size: 15px;
font-family: 'Poppins', sans-serif;
}
#featured-post-section .Featured-data:hover .featured-readmore a.btn {
background: #171717;
color: #fff;
}
#featured-post-section .featured-post-box:hover .featured-data h5 {
color: #1cb9c8;
}
#featured-post-section .cptn01 .cptn .fa {
display: none;
}
.featured-post-box .featured-data h5 {
margin: 0;
padding: 0;
font-size: 22px;
color: #292929;
font-weight: 500;
}
.col-md-12.col-sm-12 .featured-post-box .featured-data h5 {
bottom: -175px;
}
.featured-post-box .featured-data p{
font-size: 15px;
padding: 0;
color: #383838;
margin: 0;
margin-top: 20px;
}
#featured-post-section .featured-icon img {
padding: 0;
margin: 0;
width: 100%;
height: 225px;
}
#innerpage-box .featured-icon img {
padding: 0;
margin: 0;
width: 100%;
height: 182px;
}
#innerpage-box .shape {
display: none;
}
#innerpage-box .svg-wrapper svg {
display: none;
}
#innerpage-box .featured-post-box:hover .featured-data {
z-index: 25000;
position: relative;
}
#innerpage-box .featured-post-box .featured-data p {
color: #383838;
font-size: 15px;
padding: 10px 15px 0;
color: #383838;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
#innerpage-box .featured-post h5 {
color: #161616;
margin: 0px 0 0 0;
font-weight: 600;
font-size: 22px;
width: 100%;
padding: 0 10px;
text-align: center;
}
#innerpage-box .featured-post-box:hover .featured-data h5 {
color: #a0c716;
}
#innerpage-box .featured-post-box {
margin-bottom: 20px;
border: 3px solid #a0c716;
background: #fff;
}
#innerpage-box .featured-post-box .featured-data {   
padding: 25px 15px;
}
#innerpage-box  .featured-post-box .featured-img img {
width: 100%;
transition: all .7s linear;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transform: scale(1);
transition: all 0.5s ease 0s;
}
#innerpage-box  .featured-post-box:hover .featured-img img {
transform: scale(1.05);
}
#innerpage-box .featured-post-box .featured-img {
overflow: hidden;
border: 10px solid #fff;
}
#featured-post-section .col-md-12.col-sm-12 .featured-icon img{
height: 500px;
}
#featured-post-section .featuresace {
padding:0 5px;
}
#featured-post-section .Featured-data {
background: #f7f7f7;
padding: 30px 15px;
}
#featured-post-section .featured-icon {
border-bottom: none;
}
.featured-btn{
padding:0;
color: #1cb9c8;
background-color: #3a3c3d;
font-size: 18px;
border-radius: 3px;
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;
}
.featured-btn a {
color: #fff;
background: none;
padding: 10px 25px;
display: block;
font-size: 14px;
}
.featured-btn:hover, .featured-btn:focus, .featured-btn:active {
color: white;
}
.featured-btn:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #1cb9c8;
-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;
}
.featured-btn:hover:before, .featured-btn:focus:before, .featured-btn:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.featured-btn:hover{
color:#fff;
background: #1cb9c8;
} .featured-post{
position: relative;
}
.featured-post-box:hover .hover-ripple{
opacity: 1;
-ms-transform: scale(1); 
-webkit-transform: scale(1); 
transform: scale(7);
}
.hover-ripple.right {
border-top-left-radius: 100px;
border-top-right-radius: 0;
left: auto;
right: 0;
-webkit-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
transform-origin: right bottom 0;
}
.hover-ripple{
background-color: #1cb9c8;
border-top-right-radius: 100px;
bottom: 0;
height: 100px;
left: 0;
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left bottom 0;
-moz-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
-o-transform-origin: left bottom 0;
transform-origin: left bottom 0;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
width: 100px;
}
.col-md-12.col-sm-12 .hover-ripple{
width: 250px;
}
.ov-hidden {
overflow: hidden;
}
.hoverable {
transition: box-shadow .25s;
box-shadow: 0;
}
.featured-post-box .featured-data {
color: #fff;
}
.featured-post-box h5 {
font-size: 24px;
} .featured-post-box .ser-num {
font-family: 'Roboto Condensed', sans-serif;
font-size: 20px;
text-align: center;
margin: 40px 0 0;
}
.page-template-home-template .featuredcontent-data img {
display: none;
}
#innerpage-box #content-box .featured-post-box:hover  {
border: 3px solid #a0c716;
background: #fff;
}
#innerpage-box #content-box .featured-post-box:hover .featured-data p {
color: #333333;
}
#innerpage-box .cptn01 {
width: 100%;
position: relative;
overflow: hidden;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
#innerpage-box .cptn01 img {
width: 100%;
top: 0;
left: 0;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#innerpage-box .cptn01:hover img {
top: 30%;
}
#innerpage-box .cptn01 .cptn {
background: #a0c716;
width: 100%;
height: 40%;
top: -40%;
position: absolute;
left: 0; padding: 0 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#innerpage-box .cptn01:hover .cptn {
top: 0;
}
#innerpage-box .cptn01 .cptn .fa {
-wibkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 2px solid #fff;
-wibkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: block;
height: 30px;
line-height: 30px;
text-decoration: none;
width: 30px;
margin-top: 10px;
opacity: 0.6;
text-align: center;
margin: 16px auto 0;
font-size: 15px;
}
#innerpage-box .cptn01 .cptn .fa:hover {
opacity: 1;
}
#innerpage-box .featured-post-box .featured-data:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #fff;
transition: all ease 1s;
opacity: 0.2;
}
#innerpage-box .featured-post-box:hover .featured-data:after {
height: 100%;
} .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);
} #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;
} #ht-team-section .team-member-designation {
color: #2f2f2f;
font-size: 14px;
padding-bottom: 10px;
}
#ht-team-section{  
padding: 4em 0 6em;
position: relative;
}
#ht-team-section .team-box {
position: absolute;
top: 100%;
right: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
transition: 420ms; margin-top: -140px;
letter-spacing: 1px;
}
#ht-team-section .ht-team-member:hover .team-box {
opacity: 1;
transition: 420ms;
-ms-transform: translateY(-150%);
transform: translateY(-140%);
top: 100%;
}
#ht-team-section .team-member-content-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
transition: 420ms;
}
#ht-team-section .ht-team-member:hover .team-member-content-overlay {
background: -moz-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -webkit-gradient(to top,left bottom,color-stop(0,rgba(0,0,0,.6)),color-stop(100%,rgba(0,0,0,.1)));
background: -webkit-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -o-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -ms-linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,.1) 100%);
background: linear-gradient(to top,rgb(29, 185, 200) 0,rgba(0,0,0,.1) 100%);
background: #292929;
opacity: 0.7;
}
#ht-team-section .ht-team-member {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
margin: 0px 4% 0 0;
width: 100%;
float: left;
text-align: center;
}
#ht-team-section .team-content {
color: #2e2e2e;
margin-top: 10px;
}
#ht-team-section .ht-team-member-image {
margin: 0;
padding: 0;
border-radius: 0px;
position: relative;
top: 0;
overflow: hidden;
}
.tem-box .ht-team-social-id{
padding: 20px 10px;   
width: 100%;
}
.ht-team-social-id{
padding: 0;
background: #292929;
position: relative;
top: -48px;
opacity: 0.9;
}
#ht-team-section .ht-team-member:hover .ht-team-social-id {
background: #a0c716;
}
#ht-team-section .ht-team-member:hover .ht-team-social-id a:hover {
color: #292929;
}
.ht-team-social-id a{
display: inline-block;
color: #fff;
margin: 0 1px;
border-radius: 5px;
font-size: 18px;
padding: 10px 5px; 
}
.ht-team-social-id a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.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-title-wrap{ 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;
width: 100%;
}
.ht-team-member h6{
font-weight: 600;
position: relative;
padding: 30px 0 10px;
margin: 0;
color: #303030;
font-size: 22px;
margin-top: 35px;
}
.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: 20px;
color: #666;  }
#ht-team-section .teamborder:after {
content: "";
display: block;
width: 50px;
height: 1px;
background: #01befe;
margin: 0 auto;
position: relative;
top:0;
left: 0;
right: 0;
transition: all 0.2s ease-out 0s;
}
#ht-team-section .ht-team-member:hover .teamborder:after {
width: 80%;
}
#ht-team-section .ht-team-member{
margin-bottom: 70px;
}
#innerpage-box .team-content {
color: #2e2e2e;
font-size: 14px;
margin-top: 10px;
}
.ht-team-member .ht-team-member-excerpt-wrap{
font-size: 14px; padding:0 15px;   
}
.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: auto;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
} #innerpage-box .ht-title-wrap { 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;
width: 100%;
text-align: center;
background: none;
}
#innerpage-box .team-box {
position: absolute;
top: 100%;
right: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
transition: 420ms; margin-top: -105px;
letter-spacing: 1px;
}
#innerpage-box .ht-team-member:hover .team-box {
opacity: 1;
transition: 420ms;
-ms-transform: translateY(-150%);
transform: translateY(-140%);
top: 100%;
}
#innerpage-box .team-member-content-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0;
transition: 420ms;
}
#innerpage-box .ht-team-member:hover .team-member-content-overlay {
background: -moz-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -webkit-gradient(to top,left bottom,color-stop(0,rgba(0,0,0,.6)),color-stop(100%,rgba(0,0,0,.1)));
background: -webkit-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -o-linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.1) 100%);
background: -ms-linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,.1) 100%);
background: linear-gradient(to top,rgb(29, 185, 200) 0,rgba(0,0,0,.1) 100%);
background: #292929;
opacity: 0.7;
}
#innerpage-box .ht-team-member {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
cursor: pointer;
margin: 45px 4% 0 0;
width: 100%;
float: left;
text-align: center;
}
#innerpage-box .team-content {
color: #2e2e2e;
margin-top: 10px;
}
#innerpage-box .ht-team-member-image {
margin: 0;
padding: 0;
border-radius: 0px;
position: relative;
top: 0;
overflow: hidden;
}
#innerpage-box .tem-box .ht-team-social-id{
padding: 20px 10px;   
width: 100%;
}
#innerpage-box .ht-team-social-id{
padding: 0;
background: #292929;
position: relative;
top: -48px;
opacity: 0.7;
}
#innerpage-box .ht-team-member:hover .ht-team-social-id {
background: #a0c716;
}
#innerpage-box .ht-team-member:hover .ht-team-social-id a:hover {
color: #292929;
}
#innerpage-box .ht-team-social-id a{
display: inline-block;
color: #fff;
margin: 0 1px;
border-radius: 5px;
font-size: 18px;
padding: 10px 5px; 
}
#innerpage-box .ht-team-social-id a:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
} #testimonials-section{
background: #fff;
}
#testimonials-section .overlay {
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,0.6);
position: relative;
opacity: 1;
padding: 4em 0 4em;
}
#testimonials-section .testimonial-content {
padding-top: 20px;
}
h2.testimonial-heading.ht-section-title {
color: #2b2b2b;
}
#testimonials-section .ht-section-title:after {
width: 3%;
}
#testimonials-section .test-content {
font-size: 16px;
color: #303030;
margin-top: 15px;
}
#testimonials-section .test-contentbox {
text-align: center;
background: #fff;
margin: 3px 10em 3.5em;
padding: 30px 60px 40px;
border-radius:0 30px;
}
#testimonials-section .ht-test-member-image img {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
}
#testimonials-section .ht-test-member .testefferct {
display: inline-block;
width: 110px;
height: 100%;
background: transparent;
padding: 5px;
transition: all 0.5s ease 0s;
margin: 0 auto;
}
#testimonials-section .ht-test-member:hover .testefferct {
background: #a0c716;
border-radius: 50%;
}
#testimonials-section h6{   
margin: 20px 0 0 0;
color: #fff;
font-size: 22px;
font-weight: 500;
}
#testimonials-section .ht-test-member:hover h6 {
color: #3a4559;
}
#testimonials-section .text-designation {
font-size: 17px;
color: #fff;
}
.quote-box:after{
content: "";
background-image: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/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; }
#quote-carousel .carousel-control {
background: #fff;
width: 45px;
height: 45px;
color: #1cb9c8;
border-radius: 5%;
font-size: 2.3em;
text-shadow: none; z-index: 999;
opacity: 1;
top: auto;
bottom: -40px;
border-radius: 30px;
background: none;
}
#quote-carousel .carousel-control.left {
left: 46%;
font-size: 18px;
padding: 9px;
border: 2px solid #bfbfbf;
}
#quote-carousel .carousel-control.left:hover {
background: none;
color: #1cb9c8;
}
#quote-carousel .carousel-control.right {
right: 46%;
font-size: 18px;
padding: 9px;
border: 2px solid #bfbfbf;
}
#quote-carousel .carousel-control.right:hover {
background: none;
color: #1cb9c8;
}
#quote-carousel .carousel-indicators {
right: 50%;
top: auto;
bottom: -30px;
margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
width: 12px;
height: 12px; cursor: pointer; border-radius: 50px; overflow: hidden;
transition: all 0.4s;
display: none;
}
#quote-carousel .carousel-indicators .active {
background: #ffffff;
width: 12px;
height: 12px; border-color: #fff;
opacity: 1;
overflow: hidden;
display: none;
}
.carousel-inner {     }
.item blockquote {
border-left: none;
margin: 0;
}
.item blockquote p:before {
content: "\f10d";
font-family: 'Fontawesome';
float: left;
margin-right: 10px;
}
.test-thumb img {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #fff;
}
.test-thumb {
position: absolute;
top: -35px;
left: 46%;
z-index: 999;
}
#testimonials-section .owl-theme .owl-dots .owl-dot.active span, 
#testimonials-section .owl-theme .owl-dots .owl-dot:hover span {
background: #a0c716;
}
#testimonials-section .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #9c9a9b;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
#testimonials-section .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);
margin-bottom: 20px;
}
#testimonials-section .lz-testimonial-subheading {
color: #272e40;
font-size: 14px;
font-weight: 600;
}   #innerpage-box .ht-test-member {
margin-bottom: 20px;
border-radius: 0px;
border-radius: 50px 0 50px 0;
border-left: 10px solid #a0c716;
border-right: 10px solid #a0c716;
}
#innerpage-box .ht-test-member-image {
padding:12px 20px 20px;
}
#innerpage-box .test-content {
color: #fff;
font-size: 15px;
margin-bottom: 20px;
}
#innerpage-box .test-contentbox {
text-align: center;
padding: 30px 30px 35px;
}
#innerpage-box .ht-test-member h6.member-name {
color: #fff;
font-size: 25px;
font-weight: 800;
}
#innerpage-box .ht-test-member .inercontent {
padding: 0;
}
#innerpage-box .ht-test-member .text-designation {
color: #fff;
font-size: 18px;
}
#innerpage-box .testineer {
width: 100%;
}
#innerpage-box .test-thumb{
position: relative;
left: 0;
top: 0;
}
#innerpage-box .testimonial-contentbox {
padding: 30px 0 20px;
margin: 0px 0 20px;
border-radius: 10%;
border:4px solid #000;
}
#innerpage-box .testimonial-contentbox .test-box {
padding: 0 75px 0 20px;
}
#innerpage-box .ht-test-member-image img {
width: 150px;
height: 135px;
border-radius: 50%;
margin: 0 auto;
}
#innerpage-box .ht-test-member .testefferct {
display: inline-block;
width: 150px;
height: 100%;
background: transparent;
padding: 5px;
transition: all 0.5s ease 0s;
margin: 0 auto;
}
#innerpage-box .ht-test-member:hover .testefferct {
background: #a0c716;
border-radius: 50%;
}
main#innerpage-box h6.secondry-text span {
color: #000;
}
main#innerpage-box .testimonial-content {
padding: 0;
}
main#innerpage-box .team-thumb img {
margin: 0 auto;
padding: 0;
height: 150px;
width: 150px;
border-radius: 50%;
float: right;
display: block;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transform: scale(1);
transition: all 0.5s ease 0s;
}
main#innerpage-box .testimonial-contentbox:hover .team-thumb img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transform: scale(1.05);
}
main#innerpage-box .page-testimonial-box{ margin-bottom: 30px;
}
#innerpage-box .test-box p{
color: #fff;
margin: 10px 0;
}
#innerpage-box .test-box h6{
color: #fff;
font-weight: 600;
font-size: 25px;
}
#innerpage-box .testimonial-contentbox .text-designation {
color: #fff;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
line-height: 1.4em;
letter-spacing: .05em;
}
#innerpage-box .testimonial-contentbox:hover .text-designation {
background: none;
color: #1cb9c8;
border-radius: 0px;
-moz-transform: translate(15px, 0%);
-ms-transform: translate(15px, 0%);
-webkit-transform: translate(15px, 0%);
-o-transform: translate(15px, 0%);
transform: translate(30px, 0%); } 
#innerpage-box .testimonial-contentbox .text-designation:before {
content: "\f0a4";
position: absolute;
top: 50%;
margin-top: -.5em;
margin-left: -25px;
border-radius: 50%;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
opacity: 0;
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
color: #fff;
}
#innerpage-box .testimonial-contentbox:hover .text-designation:before {
opacity: 1;
}
#innerpage-box .quote-shape {
width: 54px;
height: 54px;
position: absolute;
top: -10px;
right: -30px;
background: #1cb9c8;
border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
}
#innerpage-box .quote-shape:before {
position: absolute;
content: "\f10e";
font-size: 20px;
font-family: 'FontAwesome';
font-weight: 900;
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
}
#innerpage-box .quote-shape:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border: 17px solid transparent;
border-top-color: #1cb9c8;
border-bottom: 0;
border-left: 0;
margin-left: -5px;
margin-bottom: -12px;
} section#time-address-section .lightbox {
padding-bottom: 0;
}
#time-address-section{ 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;
} #ht-blog-section {
background: #f7f7f7;
padding: 4em 0 4em;
}
.lz-blog-text {
font-family: 'Roboto', sans-serif;
font-size: 16px;
}
#ht-blog-section .ht-section-title:after {
width: 3%;
}
.ht-blog-comment {
font-size: 18px;
margin-bottom: 0;
color: #3b3b3b;
padding: 15px;
border-right: 1px solid #ececec;
}
.ht-blog-excerpt p {
font-size: 15px;
line-height: 25px;
margin: 15px 0 10px;
color: #2f2f2f;
}
#ht-blog-section .lz-blog-subheading {
color: #272e40;
font-size: 14px;
font-weight: 600;
}
#ht-blog-section .blogbtn {
display: inline-block;
}
#ht-blog-section .blog-read-more {
position: relative;
}
#ht-blog-section .blog-read-more a{
background: #a0c716;
color: #fff;
display: block;
font-size: 15px;
border-radius: 40px;
position: absolute;
width: 60px;
height: 60px;
top: -42px;
left: 40%;
z-index: 9999;
}
#ht-blog-section .blog-read-more a i {
font-size: 36px;
position: relative;
top: 12px;
left: 12px;
}
#ht-blog-section .box-panels:hover .blog-read-more a{
background: #292929;
color: #fff;
}
.ht-blog-excerpt .post-right span {
font-size: 15px;
color: #333333;
}
.ht-blog-excerpt .post-right span b {
color: #000;
font-weight: normal;
}
.ht-blog-post .box-panels {
margin-bottom: 20px;
box-shadow: 0px 1px 3px 3px rgba(225, 225, 225, 0.6);
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
overflow: hidden;
box-shadow: 0px 1px 3px 3px rgba(197, 197, 197, 0.4);
}
.ht-blog-post .box-panels:after {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #a0c716;
height: 5px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.ht-blog-post .box-panels:hover:after, .ht-blog-post .box-panels:focus:after, .ht-blog-post .box-panels:active:after {
right: 0;
} .ht-blog-thumbnail {
overflow: hidden;
text-align: center;
position: relative;
z-index: 0;
padding: 12px 12px 12px 12px; 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;
overflow: hidden;
}
.ht-blog-thumbnail:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #a0c716;
height: 5px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.box-panels:hover .ht-blog-thumbnail:before, .box-panels:focus  .ht-blog-thumbnail:before, .box-panels:active  .ht-blog-thumbnail:before {
left: 0;
}
.ht-blog-post .ht-blog-thumbnail img{
width: 100%;
height: 222px; }
.ht-blog-thumbnail a:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: #fff;
opacity: 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%;
} .ht-blog-post{
position: relative;
}
.box-panels:hover .hover-ripple{
opacity: 1;
-ms-transform: scale(1); 
-webkit-transform: scale(1); 
transform: scale(7);
}
.hover-ripple.right {
border-top-left-radius: 100px;
border-top-right-radius: 0;
left: auto;
right: 0;
-webkit-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
transform-origin: right bottom 0;
}
.hover-ripple{
background-color: #a0c716;
border-top-right-radius: 100px;
bottom: 0;
height: 100px;
left: 0;
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left bottom 0;
-moz-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
-o-transform-origin: left bottom 0;
transform-origin: left bottom 0;
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
width: 100px;
}
.col-md-12.col-sm-12 .hover-ripple{
width: 250px;
}
.ov-hidden {
overflow: hidden;
}
.hoverable {
transition: box-shadow .25s;
box-shadow: 0;
} .ht-blog-post:nth-child(3n+1){
clear: both;
}
.ht-blog-thumbnail a{
display: block;
position: relative;
}
.ht-blog-excerpt{
position: relative;
padding: 40px 25px 40px;
text-align: center;
}
#ht-blog-section .box-panels .ht-blog-excerpt:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #a0c716;
transition: all ease 1s;
opacity: 0.2;
}
#ht-blog-section .box-panels:hover .ht-blog-excerpt:after {
height: 100%;
}
#ht-blog-section .box-panels .box-panels:after {
content: '';
width: 0;
height: 3px;
position: absolute;
left: auto;
right: 0;
bottom: -3px;
background-color: #3a4559;
transition: all .5s cubic-bezier(.645,.045,.355,1);
}
#ht-blog-section .box-panels:hover .box-panels:after {
width: 100%;
left: 0;
right: auto;
}
#innerpage-box ul.ht-blog-date:before {
display: none;
}
#ht-blog-section .blogborder:after {
content: "";
display: block;
width: 50px;
height: 2px;
background: #01befe;
margin: 0 auto;
position: relative;
top: 0;
left: 0;
right: 0;
transition: all 0.2s ease-out 0s;
}
#ht-blog-section .ht-blog-post:hover .blogborder:after {
width: 50%;
}
#ht-blog-section .blog-date {
color: #a0c716;
font-size: 15px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 600;
}
.ht-blog-excerpt h5{
margin: 15px 0 30px;
}
.ht-blog-excerpt h5{
color: #303030;
font-size: 23px;
font-weight: 600;
}
.ht-blog-post .box-panels:hover .ht-blog-excerpt h5{
color:#1cb9c8;
}
ul.ht-blog-date {
list-style: none;
padding: 0 0 40px;
margin: 0 0 20px;
}
.ht-blog-date .userb {
color: #323232;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
text-align: right;
padding-right: 5px;
}
.ht-blog-date .userb:before {
content: "\f007";
font-family: 'Fontawesome';
font-size: 16px;
font-weight: bold;
padding-right: 5px;
color: #a0c716;
}
.ht-blog-date .userb:after {
content: "|";
padding-left: 7px;
padding-right: 10px;
color: #323232;
}
.ht-blog-date .userdate {
color: #323232;
font-size: 15px;
font-weight: 500;
text-align: left;
padding-right: 5px;
}
.ht-blog-date .userdate:before {
content: "\f073";
font-family: 'Fontawesome';
font-size: 16px;
font-weight: bold;
padding-right: 5px;
color: #a0c716;
}
#innerpage-box .ht-blog-date {
font-weight: 800;
margin-bottom: 15px;
}
#innerpage-box ul.ht-blog-date {
list-style: none;
padding: 0 0 40px;
margin: 0 0 20px;
border-bottom: 1px solid #c4c4c4;
}
#innerpage-box .innerblogborder:before{
content: '';
display: block;
width: 10%;
height: 3px;
background: #1cb9c8;
transition: width .3s;
position: relative;
top: -22px;
}
#innerpage-box .inner-blog-post:hover .innerblogborder:before {
width: 100%;
background: #1cb9c8;
}
#innerpage-box ul.ht-blog-date li {
float: left;
padding: 0px 15px;
color: #464646;
font-size: 14px;
border-right: 1px solid #464646;
text-transform: capitalize;
}
#innerpage-box ul.ht-blog-date li:first-child {
padding-left: 0;
}
#innerpage-box ul.ht-blog-date li:last-child {
border-right: none;
}
#innerpage-box ul.ht-blog-date li i {
color: #858585;
}
.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: #000;
}
.post-right .blog-read-more {
margin: 10px 0;
border-radius: 5px;
}
.post-right .blog-read-more a {
color: #fff;
margin: 10px 0;
border-radius: 5px;
padding: 10px;
}
blockquote a:hover{
color: #45494a;
}
table th a:hover{
color: #45494a;
}
#content p a:hover{
color: #45494a;
} #blog-box h4{
margin: 2px 0 20px 0;
font-weight: 800;
font-size: 25px;
text-transform: uppercase;
}
#blog-box .ht-blog-thumbnail img{
width: 100%;
}
#blog-box .ht-blog-thumbnail{
border-radius: 10px;
width: 100%;
margin: 0 0 30px;
background: #fff;
padding: 2px;
}
#blog-box .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;
}
#blog-box .ht-blog-thumbnail:hover 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);
}
#blog-box .inner-blog-excerpt{
margin: 0 0 20px 0;
}
#blog-box .blog-read-more-box {
text-align: center;
margin-bottom: 35px;
}
#blog-box .blog-read-more{
padding: 0;
color: #fff;
font-size: 18px;
border-radius: 3px;
margin: 0px;
}
#blog-box .blog-read-more a{
background: #3a3c3d;
color: #fff;
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;
padding: 13px 25px;
font-size: 16px;
border-radius: 30px;
}
#blog-box .blog-read-more a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-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-box .blog-read-more a:hover:before, #blog-box .blog-read-more a:focus:before, #blog-box .blog-read-more a:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
#blog-box .blog-read-more a:hover{
color: #FFF;
}
.socialMedia{
width: 100%;
text-align: center;
margin: 40px 0 20px 0;
}
.socialMedia a{
font-size: 25px;
color: #fff;
background: #1cb9c8;
border: 0px solid #fff;
padding: 8px 25px;
width: auto;
border-radius: 3px;
}
.socialMedia a:hover{
color: #fff;
background: #3a3c3d;
border: 0px solid #fff;
} #ht-contact-section {
padding: 4em 0;
}
#ht-contact-section  .contact-small-box {
text-align: center;
}
.contact-icon span {
color: #fff;
font-size: 35px;
padding: 7px 10px 10px;
text-align: center;
}
.contact-icon span.fa-envelope-o {
padding: 7px 0px 10px;
}
.contact-small-box:hover .contact-icon span {
color:#fff;
}
.contact-content {
color: #fff;
font-size: 16px;
}
.contact-content a{
color: #fff;
}
.contact-content a:hover {
color:#292929;
}
#ht-appintment-section .contactsocial-box{
text-align: center;
}
ul.contactsection-links {
padding: 0;
padding-top: 7px;
margin: 0;
margin-bottom: 10px;
}
.contactsection-links li {
display: inline-block;
padding: 0px;
margin: 5px 0px;
list-style: none;
}
.contactsection-links li a {
margin: 0 1px;
font-size: 16px;
color: #fff;
background: none;
border: 2px solid #fff;
padding: 3px 8px;
border-radius: 50px;
-webkit-transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out;
display: block;
}
.contactsection-links li a.fb {
padding: 3px 11px;
}
.contactsection-links li a:hover {
color: #292929;
border: 2px solid #292929;
transform: translateY(-5px);
} div#copyright-note span {
font-family: 'Roboto', sans-serif;
font-weight: normal; }
footer#ht-colophon ul li a {
text-transform: capitalize;
}
.footer-separator-svg__waves_svg_separator {
max-width: 1200px;
}
.footer-separator-svg {
display: block;
position: absolute;
top: -1px;
width: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#ht-colophon svg {
fill:#eee;
}
.page-template-home-template #ht-colophon svg {
fill:#ff6796;
}
#ht-colophon {
position: relative;
background: none;
}
.newsfootersec .overlay {
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,0.85);
position: relative;
opacity: 1;
padding: 4em 0 0em;
}
.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;
}
.ht-footer .textwidget .fa {
margin-right: 5px;
}
.ht-footer ul li {
padding: 2px 0 2px 0;
list-style: none;
margin: 10px 10px;
}
#ht-top-footer ul li:before {
content: "\f1fc";
font-family: 'FontAwesome';
font-size: 16px;
color: #fff;
position: relative;
left: -10px;
}
#ht-top-footer ul li:hover:before {
color: #000;
}
#ht-colophon{
font-size: 16px;
}
.page-template-home-template #ht-colophon,
.home.blog #ht-colophon{
margin-top: 0
}
#ht-colophon a{
color: #989898;
text-decoration: none;
font-size: 15px;
}
#ht-colophon .overlay {
width: 100%;
height: 100%;
z-index: 11;
background-color: rgba(0,0,0,0.8);
position: relative;
opacity: 1;
padding: 0 0 1em;
}
#ht-top-footer textarea {
max-width: 100%;
height: 50px;
}
#ht-top-footer input[type="text"], 
#ht-top-footer input[type="email"], 
#ht-top-footer input[type="url"], 
#ht-top-footer input[type="password"], 
#ht-top-footer input[type="search"], 
#ht-top-footer input[type="number"], 
#ht-top-footer input[type="tel"], 
#ht-top-footer input[type="range"], 
#ht-top-footer input[type="date"], 
#ht-top-footer input[type="month"], 
#ht-top-footer input[type="week"], 
#ht-top-footer input[type="time"], 
#ht-top-footer input[type="datetime"], 
#ht-top-footer input[type="datetime-local"], 
#ht-top-footer input[type="color"],
#ht-top-footer textarea,
#ht-top-footer input[type=file],
#ht-top-footer select {
width: 100%;
color: #fff;
background: none;
border: 1px solid #fff;
border-radius: 3px;
height: 50px;
margin-bottom: 15px;
padding: 13px 15px 10px;  
font-size: 14px;
}
#ht-top-footer input::placeholder,  #ht-top-footer textarea::placeholder{
color: #fff;
}
#ht-top-footer label {
font-size: 14px;
}
.ht-top-footer input[type="submit"] {
margin: 5px 0;
border-radius: 30px;
padding: 7px 30px;
font-size: 15px;
}
#ht-colophon .widget-title{
letter-spacing: 1px;
color: #fff;
margin-bottom: 40px;
font-weight: 600;
}
#ht-colophon .widget-title:before {
content: '';
display: block;
width: 10%;
height: 2px;
background: #d0ac62;
transition: width .3s;
position: relative;
top: 40px;
}
#ht-colophon .widget:hover .widget-title:before {
width: 100%;
}
#ht-top-footer{
color: #fff;
padding: 4em 0;
background: #333333;
}
.ht-top-footer{
margin-left: -3%;
}
.ht-footer{
width: 22%;
margin-left: 3%;
float: left;
}
.ht-footer .widget{
margin-bottom: 30px;
}
.ht-footer .widget:last-child{
margin-bottom: 0;
}
.ht-footer ul{
list-style: none;
margin: 0;
padding: 0;
}
#ht-top-footer .footborder {
border-bottom: 1px solid #dadada;
padding-top: 3em;
opacity: 0.4;
}
.menu-footer-menus-container ul li{
background: url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/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: 2px;
margin: 0px;
}
.social-profile-icons ul li i{
font-size: 16px;
border: 2px solid #4c3a37;
padding: 10px 12px;
background: none;
color: #fff;
border-radius: 30px;
width: 40px;
height: 40px;
margin: 0 0px;
}
.social-profile-icons ul li i:hover {
border: 2px solid #00beff;
background: #00beff;
color: #fff;
}
.social-profile-icons ul li:before {
display: none;
}
#ht-colophon .social-profile-icons a:hover{ }
#ht-bottom-footer{
padding: 25px 5px;
color: #aaa;
line-height: 1.2;
text-align: center;
position: relative;
background: #171717;
}
#ht-bottom-footer .ht-site-info:before, #ht-bottom-footer .ht-site-info:after {
content: "";
display: block;
position: absolute;
left: 50%;
border-radius: 50%;
}
.ht-site-info a{
border-bottom: 1px dotted #AAA;
}
.ht-footer .textwidget img {
margin-bottom: 20px;
}
#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;
} #ht-banner-section {
padding: 3em 0;
text-align: center;
background: #a0c716 url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/banner-bg.png) no-repeat center;
}
#ht-banner-section .banner-heading {
color: #fff;
font-size: 32px;
font-weight: 600;
}
#ht-banner-section .banner-subheading {
color: #fff;
font-size: 45px;
font-weight: bolder;
font-style: italic;
}
#ht-banner-section .banner-subheading span{
padding-left: 15px;
color: #333333;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink {
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
} #ht-appintment-section {
background: #fff url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/appointment-bg.png) no-repeat center bottom;
}
.appointment-icon.padding0 span.fa.fa-map-marker {
padding-left: 22px;
}
.appointment-icon {
text-align: center;
}
.appointspace {
padding: 4em 0em 4em 3em;
background: #3a4559;
}
#ht-appintment-section .lz-appointment-heading {
padding-left: 15px;
}
#ht-appintment-section .appointbox-img img {
width: 100%;
height: 100%;
}
#ht-appintment-section .appoint-img img {
width: 100%;
height: 100%;
}
.ht-appintment-member-wrap {
color: #000;
}
#ht-appintment-section .contentmain-box {
padding: 4em 1em 3em;
}
#ht-appintment-section .ht-appintment-member-wrap label{   
display: inline;
}
.sect-height-appointment-box {
background: #1cb9c8;
padding: 30px 20px 40px 20px;
}
#ht-appintment-section .ht-appintment-member-wrap input::placeholder{
color:#c7c7c7;
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 input[type=file],
.ht-appintment-member-wrap textarea{    
border: none;
border: 1px solid #c7c7c7;
border-radius: 10px;
background: #fff;
width: 100%;
color: #c7c7c7;
margin: 0 0 12px 0;
padding: 10px 15px;
font-size: 15px;
height: 40px;
}
.ht-appintment-member-wrap textarea{
height: 100px;
}
#ht-appintment-section .ht-appintment-member-wrap textarea::placeholder{
color:#c7c7c7;
}
.ht-appintment-member-wrap label{
color:#c7c7c7;
margin:0;
}
.ht-appintment-member-wrap input[type="submit"]{   
border:none;
padding:10px 50px;
color:#c7c7c7;
border-radius: 30px;
}
.lz-fitness-address-lable{
margin:20px 0 0 0;
}
.page-template-default input[type="text"], 
.page-template-default input[type="email"], 
.page-template-default input[type="url"], 
.page-template-default input[type="password"], 
.page-template-default input[type="search"], 
.page-template-default input[type="number"], 
.page-template-default input[type="tel"], 
.page-template-default input[type="range"], 
.page-template-default input[type="date"], 
.page-template-default input[type="month"], 
.page-template-default input[type="week"], 
.page-template-default input[type="time"], 
.page-template-default input[type="datetime"], 
.page-template-default input[type="datetime-local"],
.page-template-default input[type="color"],
.page-template-default textarea {
margin-bottom: 10px;
} .pluses.text-right i.fa.fa-plus {
font-size: 25px;
margin-right: 2px; position: relative;
right: 13%;
top: 25px;
}
.sect-height-newslatter-box {
padding: 00px 80px 00px 70px;
}
.newslettersign-box {
margin: 0 16em;
} 
#ht-newslatter-section .newsletter-box {
box-shadow: 0 0px 10px 0px #00000024;
margin-top: 15px;
border-radius: 10px;
padding: 0;
padding: 15px;
background: #ccccccc7;
}
.ht-section-tagline.lz-newslatter-text {
font-size: 17px;
text-align: left;
font-weight: 500;
}
#ht-newslatter-section {
padding:0 0 2em;
text-align: center;
background: none;
border-bottom: 1px solid #464646;
}
#ht-newslatter-section .ht-section-title-tagline{
color:#fff;
}
#ht-newslatter-section .lz-newslatter-subheading {
color: #fff;
font-size: 16px;
font-weight: 400;
margin-bottom: 3em;
}
#ht-newslatter-section .ht-section-title{
font-weight: 700;
margin: 0 auto 10px;
}
#ht-newslatter-section .ht-section-title.lz-newslatter-heading span {
font-weight: 400;
color:#fff;
}
#ht-newslatter-section .ht-section-title:after{
display: none;
}
#ht-newslatter-section .news-img img {
width: 80px;
height: 40px;
}
#ht-newslatter-section .ht-newslatter-member-wrap {
color: #fff;
}
#ht-newslatter-section .ht-section-title-tagline{
margin-bottom: 0;
}
#ht-newslatter-section .lz-newslatter-heading{
color:#fff;
}
.ht-newslatter-member-wrap input[type="email"]:before {
content: "\f073";
font-family: 'Fontawesome';
font-size: 14px;
font-weight: bold;
padding-right: 15px;
top: 2px;
position: relative;
color: #000;
z-index: 250000;
}
#ht-newslatter-section .ht-newslatter-member-wrap span.wpcf7-form-control-wrap {
position: relative;
}
#ht-newslatter-section .ht-newslatter-member-wrap span.wpcf7-form-control-wrap:before {
content: "\f003";
font-family: 'Fontawesome';
font-size: 17px;
font-weight: bold;
padding-right: 15px;
top: 13px;
left: 25px;
position: absolute;
z-index: 999;
color: #7d7d7d;
}
.ht-newslatter-member-wrap input::placeholder{
color:#818181;
opacity: 0.7;
}
#ht-newslatter-section .ht-newslatter-member-wrap input[type="email"]::placeholder {
color:#818181;
}
.ht-newslatter-member-wrap input[type="text"], 
.ht-newslatter-member-wrap input[type="email"], 
.ht-newslatter-member-wrap input[type="url"], 
.ht-newslatter-member-wrap input[type="password"], 
.ht-newslatter-member-wrap input[type="search"], 
.ht-newslatter-member-wrap input[type="number"], 
.ht-newslatter-member-wrap input[type="tel"], 
.ht-newslatter-member-wrap input[type="range"], 
.ht-newslatter-member-wrap input[type="date"], 
.ht-newslatter-member-wrap input[type="month"], 
.ht-newslatter-member-wrap input[type="week"], 
.ht-newslatter-member-wrap input[type="time"], 
.ht-newslatter-member-wrap input[type="datetime"],
.ht-newslatter-member-wrap input[type="datetime-local"], 
.ht-newslatter-member-wrap input[type="color"],
.ht-newslatter-member-wrap textarea{   
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%;
background: #fff;
border: 2px solid #fff;
font-size: 16px;
height: 60px;
padding: 5px 55px;
border-radius: 35px;
}
.ht-newslatter-member-wraptextarea{
height: 50px;
}
.ht-newslatter-member-wrap label{
color: #fff;
width: 100%;
}
.ht-newslatter-member-wrap input[type="submit"]{
float: right; position: relative;
top: -50px;
right: 10px;
border-radius: 30px;
padding: 4px 20px 8px;
} .ht-newslatter-member-wrap input[type="submit"]:hover{
opacity: 1;
color: #fff;
background: #1db9c8;
}
.lz-fitness-address-lable{
margin:20px 0 0 0;
}
.ht-newslatter-member-wrap div.wpcf7-response-output{
position: absolute;
margin:0;
} .home-page {
padding: 0 0 30px 0;
}
#innerpage-box{
padding:2em 0;
background: #eee;
}
.innerpage-whitebox{
background: #fff;
padding: 2em;
border-radius:10px;
}
#content-box h4{
margin: 20px 0 5px 0; 
}
#content-box ul{
padding: 0 0 20px 0;
list-style: none;
font-size: 18px;
margin: 0;
}
#content-box ul li:before { content: "\f00c";
font-family: 'Fontawesome';
margin-right: 10px;
}
#content-box ul li {
margin: 10px 0;
}
main#innerpage-box #content-box ol {
margin: 0;
}
#content-box ol {
counter-reset: li;
list-style: none;
*list-style: decimal;
}
#content-box ol li {
position: relative;
padding-left: 60px;
min-height: 60px;
padding-top: 10px;
}
#content-box ol li:before {
content: counter(li);
counter-increment: li;
color: #fff;
background: #f07100;
border-radius: 50%;
font-size: 18px;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
display: block;
position: absolute;
top: 0;
left: 0;
}
#blog-box .excerpt .readMore{
margin:20px 0;
}
#blog-box .excerpt .readMore a{
background: #45494a;
color: #fff;
padding: 10px 20px;
}
img.ht-page-header-img{
width: 100%; }
#commentform input[type="submit"] {
background: #fe5722;
padding: 3px 20px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 40px;
}
.blog img.ht-page-header-img {
display: none;
}
.blog .ht-main-title {
display: none;
}
.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;
} .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;
}
div#content-box nav.woocommerce-MyAccount-navigation ul li { margin: 5px 0 !important;
}
div#content-box nav.woocommerce-MyAccount-navigation ul li:before {
display: none;
}
.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;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
.entry-readmore a:hover{
background: #333;
color: #FFF;
}
section ul{
padding: 0 0 20px 0;
}
.readmore a{
background: #4d4d4d;
padding: 15px 40px;
color: #fff;
border-radius: 30px;
}
.readmore a:hover{
background: #000;
color:#fff;
} #ht-princing-post-section {
padding: 4em 0;
}
#pricing-page .ht-plan-block{
background-color: #fff;
border-radius: 3px 30px;
padding: 25px 10px 0;
box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
border:2px solid transparent; 
text-align: center;
margin-bottom: 35px;
}
#pricing-page .ht-plan-block:hover {
border:2px solid #a0c716; 
}
#pricing-page .ht-princing-title {
font-size: 28px;
font-weight: 600;
color: #303030;
margin-bottom: 20px;
}
#pricing-page .plan-amount sup {
font-size: 30px;
color: #fff;
}
#pricing-page .amount-box {
background: #a0c716;
border-radius: 30px 0 30px 0;
padding: 15px 5px;
}
#pricing-page .ht-princing-icon{    
padding: 0;
font-size: 53px;
font-weight: 600;
color: #fff
}
#pricing-page .plan-amount{   
padding: 0;
font-size: 53px;
color: #fff;
line-height: 58px;
font-weight: 600
}
#pricing-page .plan-starts {
color: #fff;
font-size: 18px;
}
#pricing-page .ht-princing-excerpt{
padding: 30px 0 15px;
}
#pricing-page .ht-princing-excerpt ul {
padding: 0 30px;
margin: 0;
}
#pricing-page .ht-princing-excerpt ul li{
list-style: none;
padding: 5px 0;
color: #303030;
background: none;
margin: 0;
font-size: 16px;
font-weight: 500;
}
#pricing-page .ht-princing-link {
position: relative;
top: 25px;
}
#pricing-page .ht-princing-link a {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
background: #fff;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding: 8px 30px;
border: 2px solid #a0c716;
font-size: 15px;
border-radius: 30px;
font-weight: 600;
color: #a0c716;
font-size: 16px;
padding: 13px 35px;
white-space: normal;
}
#pricing-page .ht-princing-link a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #a0c716;
-webkit-transform: scale(0);
transform: scale(0);
-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;
border-radius: 30px;
}
#pricing-page .ht-princing-link a:hover:before, 
#pricing-page .ht-princing-link a:focus:before, 
#pricing-page .ht-princing-link a:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
#pricing-page .ht-princing-link a:hover {
color:#303030;
} #ht-contactus-wrap .contact-page-form{
background: #fe5722;
border-radius: 10px;
padding: 2em;
}
#ht-contactus-wrap input::placeholder{
color:#fff;
opacity: 0.8;
}
#ht-contactus-wrap  h4{
color:#fff;
text-align: center;
margin: 0 0 30px 0;
font-weight: 600;
}
#ht-contactus-wrap .ht-section-title:after{
border:none;
}
#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 input[type=file],
#ht-contactus-wrap textarea,
#ht-contactus-wrap select
{
border-radius: 5px;
border: 1px solid #fff;
border-bottom: 2px solid #fff;
background: none;
width: 100%;
color: #fff;
margin: 0 0 20px 0;
padding: 10px;
}
#ht-contactus-wrap textarea{
height: 80px;
}
#ht-contactus-wrap textarea::placeholder{
color:#fff;
opacity: 0.8;
}
#ht-contactus-wrap select{
height: 42px;
padding: 7px 40px 3px 8px;
}
#ht-contactus-wrap label{
color:#ffffff;
width: 100%;
}
#ht-contactus-wrap input[type="submit"]
{
background: #fff;
border: none;
padding: 0px 35px 4px;
color: #f4b628;
border-radius: 25px;
-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;
}
#ht-contactus-wrap input[type="submit"]:hover {
opacity: 1;
transform: translateY(-5px);
}
.lz-fitness-address-lable{
margin:20px 0 0 0;
}
#ht-contactus-wrap .contact-page-address{
margin-bottom: 20px;
}
.contact-mapbox{
margin:2em 0 0;
}
.contact-mapbox iframe{
width: 100%;
height:350px;
background:#fe5722;
padding:5px;
border-radius: 5px;
}
.address-box{
margin: 0 0 20px 0;
}
.contact-sm-links {
margin: 0;
}
.contact-sm-links li {
display: inline-block;
padding: 0px;
margin: 5px 0px;
list-style: none;
-webkit-transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out;
}
.contact-sm-links li a{  
margin: 0 2px;
font-size: 18px;
color: #464949;
background: #eaeaea;
height: 45px;
width: 45px;
padding: 10px 16px;
border-radius: 5px;
}
#ht-contactus-wrap .contact-sm-links li a.fb {
padding: 10px 20px;
}
.contact-sm-links li a:hover {
background: #fff;
color: #1cb9c8;
}
.contact-sm-links li:hover {
transform: translateY(-5px);
} .ht-main-title {
margin: 0px 0 15px;
padding: 15px 0;
}
.category .ht-main-title {
color: #fff;
font-size: 28px;
margin: 0 0 5px;
padding: 5px 0;
text-transform: capitalize;
}
.error404 .oops-text {
text-align: center;
position: relative;
top: 133px;
font-size: 26px;
font-weight: 600;
letter-spacing: 2px;
text-shadow: 0 4px 4px rgba(0,0,0,.2);
}
.error404 .error-404{
display: block;
text-align: center;
font-size: 200px;
color: #dcdcdc;
line-height: 1.2;
background: #eee;
border-radius: 10px;
margin-bottom: 40px;
border: 4px solid #a0c716;
font-weight: 700;
}
.toggle-bar{
display: none;
}  .slider {
width: 100%;
position: relative;
height: 460px;
margin: auto; overflow-x: hidden;
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: 308px;
margin-left: 5px;
}
.slider .slide-item:last-child {
margin-right: 0;
}
.ctrl {
text-align: center;
margin-top: 5px;
}
.ctrl-btn {
font-size: 10px !important; background: none;
border: none;
font-weight: 600;
text-align: center;
cursor: pointer;
outline: none;
color: #9e9e9e;
position: absolute; margin-top: -60.5px; height: 23px;
}
.ctrl-btn:hover{
color:#000;
background: none;
} .ctrl-btn.pro-next {
right: 0px;
position: absolute;
border: 1px solid #bfbfbf;
color: #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;
}
.ctrl-btn.pro-next:hover {
border-color: #1cb9c8;
color: #1cb9c8;
}
.ctrl-btn.pro-prev {
right: 30px;
position: absolute;
border: 1px solid #bfbfbf;
color: #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;
}
.ctrl-btn.pro-prev:hover {
border-color: #1cb9c8;
color: #1cb9c8;
}  .slides-brands {
height: 100px;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
}
.sliders::-webkit-scrollbar {
display: none;
}
.sliders .slides {
display: flex;
position: absolute;
left: 0;
transition: 0.3s left ease-in-out;
}
.sliders .slides-items-brand {
margin-right:0;
width: 180px;
margin-left: 0;
}
.sliders .slides-items:last-child {
margin-right: 0;
}
.ctrls {
text-align: center;
margin-top: 5px;
}
.ctrls-btn {
font-size: 35px !important;
min-width: 50px;
background: none;
border: none;
font-weight: 600;
text-align: center;
cursor: pointer;
outline: none;
color: #9e9e9e;
position: absolute;
top: 30%;
margin-top: -48.5px;
}
.ctrls-btn:hover{
color:#000;
background: none;
}
.ctrls-btn.slide-prev {
left: 0px;
z-index: 999;
top: 40px;
}
.ctrls-btn.slide-next {
right: 0px;
z-index: 999;
top: 40px;
} #featured-product-section {
padding: 4em 0 2em;
background: #fff url(//moroccoadventuretrips.com/wp-content/themes/lz-cleaning-services-pro/images/featured-transperent.png) repeat scroll center;
position: relative;
}
.featureprodwavecurve {
position: absolute;
top: -77px;
left: -1px;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 999;
overflow: hidden;
}
.featureprodwavecurve  .st0 {
fill: #fff;
}
.total-product-title-wrap h6 {
text-align: center;
color: #444444;
padding-top: 20px;
font-size: 27px;
font-weight: 100;
text-transform: none;
margin-bottom: 20px;
}
#recent-porduct .price del span.woocommerce-Price-amount {
color: #444444;
font-weight: 400;
}
#recent-porduct .price ins span.woocommerce-Price-amount {
color: #444444;
font-weight: 400;
background: #b2eff5;
}
.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 {
color: #fff;
}
section a:hover, a:active {
text-decoration: none;
}
#recent-porduct .add-to-cart {
background: none;
margin: 0px;
display: inline-block;
}
#recent-porduct .add-to-cart a {
color: #fff;
background: #000;
padding: 13px 30px;
display: block;
font-size: 15px;
border-radius: 30px;
position: relative;
top: 22px;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
text-transform: capitalize;
}
#recent-porduct .add-to-cart a:before{
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ff6796;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#recent-porduct .add-to-cart a:hover:before, #recent-porduct .add-to-cart a:focus:before, #recent-porduct .add-to-cart a:active:before {
-webkit-transform: scale(2);
transform: scale(2);
}
.woocommerce a.button:hover {
background:#171717;
} .featured-product a {
font-size: 15px;
text-transform: uppercase;
}
.add-to-cart a {
color: #fff;
}
.single-productpage #sidebars h3 {
padding: 15px 0 5px;
margin-bottom: 20px;
font-size: 18px;
color: #6d6d6d;
margin: 0;
position: relative;
display: inline-block;
text-transform: uppercase;
margin: 0 0 25px;
}
.single-productpage #sidebars h3:after {
content: "";
position: absolute;
left: 0;
top: 100%;
width: 90px;
background: #ff2100;
height: 4px;
}
.woocommerce p.stars a {
color: #45494a;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
margin: 0 4px;
}
.product_list_widget .amount {
color: #000 !important;
}
.woocommerce ul.product_list_widget ins {
background: #8792a9;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating {
margin-top: 10px !important;
}
.woocommerce ul.product_list_widget ins span {
color: #000;
}
#recent-porduct {
box-shadow: 0px 1px 3px 3px #efefef;
border-radius: 10px;
}
.total-product-title-wrap {
text-align: center;
background-color: #fff;
border-top: none;
margin-top: 0px;
padding: 10px 0px 0px 0px;
color: #000;
}
.total-product-title-wrap small{
color: #000;
}
.woocommerce div.product .product_title, .woocommerce div.product .product_title small {
color: #000;
}
.woocommerce #reviews h2 {
color:#000;
}
.woocommerce #reviews h2 small {
float: none !important;
color:#000;
}
.featured-product {
margin-bottom: 80px;
} #featured-product-section .pro-img{
overflow: hidden;
}
#featured-product-section .pro-img img {
height: 230px;
width: 100%;
border-radius: 5px 5px 0 0;
display: block;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transform: scale(1);
transition: all 0.5s ease 0s;
}
#featured-product-section .pro-img:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transform: scale(1.05);
}
#featured-product-section .slider .slide-item {
margin-right: 0px;
width: 315px;
margin-left: 5px;
}
#featured-product-section .slider {
width: 100%;
position: relative;
height: 480px;
margin: auto; overflow-x: hidden;
overflow-y: hidden;
padding: 50px 0 0 0;
top: -50px;
}
#featured-product-section .ctrl-btn.pro-prev {
right: 50px;
position: absolute;
border: 1px dashed #bfbfbf;
border-radius: 30px;
color: #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;
width: 40px;
height: 40px;
}
#featured-product-section .ctrl-btn.pro-next {
right: 0px;
position: absolute;
border: 1px dashed #bfbfbf;
border-radius: 30px;
color: #bfbfbf;
padding: 3px 5px 3px 5px;
margin: 0;
z-index: 999;
top: 0;
width: 40px;
height: 40px;
}
#featured-product-section .ctrl-btn.pro-prev:before, #featured-product-section .ctrl-btn.pro-next:before {
font-size: 20px;
font-weight: 300;
} .woocommerce .star-rating {
float: right; position: relative;
height: 3em;
line-height: 1;
font-size: 1em;
width: 100%; overflow: initial;
font-family: 'Arial',sans-serif;
font-family: star;
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0px;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.woocommerce .star-rating span span.rating {
position: relative;
top: -26px;
width: 100%;
}
.woocommerce .star-rating span::before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
display: none;
}
.woocommerce .star-rating::before {
content: '\73\73\73\73\73';
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute; }
.comment-text .star-rating {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
margin-bottom: 0 !important;
}
.woocommerce-product-rating a {
color: #000;
} .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;
} .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 ul.products li.product, 
.woocommerce-page ul.products li.product{ border-radius: 2px;
text-align: center;
box-shadow: 0px 1px 3px 3px #efefef;
border-radius: 10px;
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
border-color: #fe5722
}
.woocommerce ul.products li.product a {
color: inherit;
}
.woocommerce ul.products li.product a img{
margin-bottom: 0;
height: 230px;
display: block;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
.woocommerce ul.products li.product a img:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.single-productpage .total-product-title-wrap {
background: none;
}
.woocommerce ul.products li.product .total-product-title-wrap{
padding: 20px 10px 0;
}
.woocommerce ul.products li.product a{
color: inherit;
}
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce-page .related ul li.product{
border-bottom: none;
background-color: #f3f3f3;
}
.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: 15px 0 10px;
padding: 0 5px;
font-size: 20px;
font-weight: 600;
}
.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 #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; color: #FFF;
}
.woocommerce ul.products li.product .button{
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;
padding: 10px 30px;
font-size: 15px;
border-radius: 0;
margin: 10px 0;
margin-bottom: 20px;
padding: 8px 30px;
}
.woocommerce ul.products li.product .button:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
-webkit-transform: scaleY(0);
transform: scaleY(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;
}
.woocommerce ul.products li.product .button:hover:before, .woocommerce ul.products li.product .button:focus:before, .woocommerce ul.products li.product .button:active:before {
-webkit-transform: scale(2);
transform: scale(2);
background: none;
border:none;
}
.woocommerce ul.products li.product .button:hover:before, .woocommerce ul.products li.product .button:focus:before, .woocommerce ul.products li.product .button:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .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: #45494a;
border-radius: 0;
margin: 0 6px 0 0;
padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover{
background: #1cb9c8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background: #1cb9c8;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover {
background-color: #45494a;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: #FFF !important;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
font-size: 22px;
margin-bottom: 30px;
}
.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{
width: 100%;
}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
width: 100%;
}
.related.products h2{
margin-bottom: 30px;
}
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
background: #fe5722;
padding: 10px 20px;
color: #FFF;
}
.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
background: #333;
color: #FFF;
}
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{
background: #fe5722;
border-color: #fe5722;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
line-height: 40px;
font-size: inherit;
padding: 0;
}
.select2-container .select2-choice{
border: 1px solid #EEE;
font-size: 0.9em;
color: inherit;
border-radius: 0;
}
.select2-results{
font-size: 0.9em;
color: inherit;
}
.select2-drop-active{
border-color: #EEE;
}
.select2-drop.select2-drop-above.select2-drop-active{
border-color: #EEE;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
border-top-color: #fe5722;
font-size: 0.9em;
}
.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-product-search .search-field {
width: 60% !important;
background-color: #fff;
float: left;
padding: 10px 0;
text-indent: 10px;
line-height: 1;
height: 40px !important;
border: 1px solid #ccc;
border-right: none;
}
.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 #3a4559;
}
.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:none;
color: #000;
padding: 0px 20px;
margin-bottom: 5px;
display: block;
}
.edit-link a:hover{
color: #45494a;
}
.woocommerce-Address-title a:hover{
color: #45494a;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
color:#45494a;
}
@media screen and (max-width: 1000px){
.toggle-bar{
display: block;
position: absolute;
top: -122px;
right: -7px;
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;
}
.newslettersign-box {
margin: 0 2em;
}
#ht-newslatter-section .ht-section-title{
text-align: center;
}
#ht-top-footer .footborder {
padding-top: 0;
}
#ht-top-footer {
padding: 5em 0 0em;
}
.ht-sticky-header #ht-masthead{
position: static;
}
.ht-sticky#ht-masthead{
height: 94px;   
}
#ht-site-navigation{
width: 20%;
}
#ht-site-branding, .site-branding{
width: 80%;
float: left;
}
.ht-sticky #ht-site-branding{
padding: 15px 0;
}
.ht-sticky-header #ht-content{
padding-top: 0;
}
.ht-main-navigation .ht-menu{
display: none;
position: absolute;
left: 0;
right: 0;
top: -82px;
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 .ht-menu {
background: #171717;
}
.footer-separator-svg__waves_svg_separator {
height: 20px;
}
#faq-section {
padding: 3em 1em 0;
border-left: none;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
padding: 10px 10px 30px !important;
}
.header-inquiry-btn {
text-align: center;
}
.header-right{
padding: 0 2em;
}
}
@media screen and (max-width: 990px){
#ht-offer-section .offercontent {
padding: 2em 0 0;
}
}
@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: 2.5vw;
padding: 8px 26px;
}
.ht-slide-cap-title{
font-size: 25px !important;
padding: 0;
line-height: 35px !important;
margin-top: 10px;
}
.ht-slide-cap-title span {
padding: 0;
margin-bottom: 0;
}
.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;
}
.sect-height-appointment-section:after {
display: none;
}
.gallery-icon.landscape {
margin-bottom: 10px;
margin: 0 2px 5px;
}
.total-count img {
margin: 5px 0 6px;
}
.ht-section-gurantybox h2.lz-guranty-heading {
border-right: none;
border-bottom: 1px solid #a6a6a6;
text-align: center;
font-size: 24px;
}
.ht-section-gurantybox .lz-guranty-text {
text-align: center;
}
.ht-section-title-tagline:after {
top: -23px;
}
.roadmap-outer .roadmap-content:before {
left: -7%;
}
.roadmap-outer .roadmap {
margin-top: -196px;
}
.roadmap-outer .roadmap:nth-child(2n) .roadmap-content:before {
left: auto;
right: -17%;
}
.roadmap-outer h2 {
font-size: 17px;
}
#oursteps-content-section .roadmap-outer p {
font-size: 15px;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product {
margin-bottom: 20px !important;
}
.ht-slide-caption {
width: 57%;
left: 85% !important;
top: 50%;
padding: 2.5em 2em;
}
.appointment-content {
font-size: 13px;
}
.blogwavecurve {
top: -38px !important;
}
#product-category-section .owl-nav button.owl-prev span {
left: 45%;
}
#product-category-section .owl-nav button.owl-next span {
right: 44%;
}
.slider-highlight {
padding: 8px 20px;
font-size: 12px;
margin-bottom: 5px;
}
.sliderbtn .ht-slide-cap-descmore a {
padding: 5px 20px;
font-size: 11px;
}
.signaturebox {
margin-bottom: 30px;
}
.aboutimgborder:before , .aboutimgborder:after{
display: none;
}
.header-right-box ul li {
float: left;
}
#innerpage-box .ht-test-member h6.member-name, #innerpage-box .ht-test-member .text-designation{
padding-left: 20px;
}
.appointspace {
padding: 4em 1em;
}
#ht-masthead .medal-header {
background: none !important;
}
a.woocommerce-review-link {
position: relative;
top: 13px;
}
.resspace {
text-align: center;
margin-bottom: 15px;
}
#ht-masthead .header-right-box i, #ht-masthead .header-right-box i.fa.fa-phone {
left: 0px;
}
.innerborder-separator:before {
margin: 0px 44.7%
}
.innerborder-separator:after {
margin: 0px 54.3%;
}
.outerborder-separator:before {
left: -10px;
}
.outerborder-separator:after {
left: 16px;
}
.aboutimgborder {
margin-bottom: 40px;
}
.aboutcontentbox {
padding: 0;
}
#ht-gallery-section .lz-gallery-images img, #ht-gallery-section .ht-gallery-member-image img {
width: 100%;
height: 150px;
}
.ht-blog-date .userb, .ht-blog-date .userdate {
text-align: center;
}
.ht-blog-date .userb:after {
display: none;
}
.innerpage-whitebox {
margin-bottom: 10px;
}
.sliderimg {
left: 0% !important;
height: 380px;
width: auto;
}
}
@media screen and (min-width: 767px) and (max-width: 1023px){ 
.ht-slide-caption {
left: 62%;
}
.sliderimg {
left: 3%;
}
.secborder {
padding: 0 2px 0 0;
}
.contact-border .contactlabel {
font-size: 14px;
}
#ht-masthead .header-right-box .contactdata {
font-size: 13px;
}
.header-right-box .themetext, .header-right-box .mailto a {
font-size: 11px !important;
}
.header-inquiry-btn .head-button a {
padding: 17px 22px 17px !important; 
}
.toggle-bar {
top: -102px;
}
.ht-main-navigation .ht-menu {
top: -62px;
}
}
@media screen and (min-width: 767px) and (max-width: 990px){ 
#ht-masthead .maintop-header {
text-align: center;
}
.contact-border .contactlabel {
font-size: 17px;
}
#ht-masthead .header-right-box .contactdata {
font-size: 16px;
}
.header-right-box .themetext, .header-right-box .mailto a {
font-size: 14px !important;
}
}
@media screen and (max-width: 580px){
#ht-home-slider-section .bx-wrapper .bx-controls-direction a,
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
display: none;
}    
.ht-team-counter-wrap{
margin-left: 0;
}
.ht-counter{
width: 75%;
float: none;
margin: 0 auto 60px;
}
.ht-portfolio{
width: 50%;
padding: 4px;
}
}
@media screen and (max-width: 480px){
.ht-team-member,
.ht-counter{
width: auto;
float: none;
}
.ht-cta-buttons a{
display: block;
margin: 0 0 15px;
}
.ht-post-info{
float: none;
width: auto;
margin-bottom: 20px;
}
.ht-post-wrapper{
padding-left: 0; 
}
}
@media screen and (min-width: 1001px){
.ht-main-navigation .ht-menu{
display: block !important;
}
} .quote {
color: rgba(0,0,0,.1);
text-align: center;
margin-bottom: 30px;
}   #fade-quote-carousel.carousel {
padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
background-color: #e84a64;
border: none;
}
#fade-quote-carousel blockquote {
text-align: center;
border: none;
}
#fade-quote-carousel .profile-circle {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 100px;
}
.carousel-indicators li{
background-color: #6963635c;
border: 1px solid #6963635c;
} .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;
}
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: 320px) and (max-width: 1024px){
.ht-slide-cap-title{
font-size: 35px;
line-height: 33px;
}
.ht-slide-cap-desc{
font-size: 13px;
}
.ht-team-member .ht-team-designation{
padding: 0;
}
#testimonials-section .test-contentbox:after {
left: 45%;
}
.ht-project-member .project-readmore a{
margin: 0 60px;   
}
.ht-project-member .project-box h6 {
font-size: 20px;
}
#ht-appintment-section .contact-small-box {
padding: 10px 10px;
text-align: center;
}
}
@media screen and (min-width: 1199px) and (max-width: 1500px){ 
#ht-masthead .header-right-box .contactdata {
font-size: 12px;
}
.header-right-box .mailto a {
font-size: 12px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){ 
#ht-team-section .team-box {
margin-top: -115px;
}
#ht-team-section .ht-team-member {
margin-bottom: 20px;
}
.ht-blog-date .fa {
margin-right: 4px;
}
ul.ht-blog-date li {
padding: 0px 9px;
font-size: 11px;
}
.ht-blog-excerpt h5 a {
font-size: 19px;
}
.aboutimgborder:before {
top: 72px;
left: -344px;
}
.aboutimgborder:after {
bottom: 71px;
right: -50px;
}
#featured-post-section .shape {
stroke-dashoffset: -468;
}
#innerpage-box .lz-gallery-images img, #innerpage-box .ht-gallery-member-image img {
height: 170px;
}
.logo-content-box .team-thumb img {
height: 100px;
}
#ht-newslatter-section .ht-section-title {
padding-top: 5px;
}
#ht-gallery-section .ctrl-btn.pro-prev {
left: 46%;
}
#ht-gallery-section .ctrl-btn.pro-next {
right: 43%;
}
#testimonials-section .team-thumb img {
height: 115px;
}
.teamwavecurve {
top: -63px;
}
#ht-appintment-section .contact-box ul li:after {
padding-left: 5px;
}
.appointment-content {
font-size: 13px;
padding: 0 0 0 5px;
}
#ht-offer-section .offercall .offertext {
font-size: 28px;
}
#ht-offer-section .offercall .offernum {
font-size: 23px;
}
#ht-offer-section .offercontent .offertitle {
font-size: 27px;
}
#ht-offer-section .offercontent .offertextcode {
font-size: 27px;
}
#ht-offer-section .offercontent {
padding: 3em 0 0;
}
#facility-content-section h5 {
font-size: 15px;
}
#facility-content-section .facility-icon span {
font-size: 30px;
}
#facility-content-section .content-box .facility-data {
color: #464646;
font-size: 13px;
}
.faclefttitle {
font-size: 25px;
}
.facleftdecs p {
font-size: 12px;
}
#testimonials-section h6 {
margin: 15px 0 0 0;
}
#testimonials-section .ht-test-member-image img {
height: 85px;
width: 85px;
}
#testimonials-section h6 {
margin: 0px 0 0 0;
font-size: 16px;
font-weight: 500;
}
#testimonials-section .text-designation {
font-size: 13px;
margin: 7px 0 0px;
}
#secondary .widget input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
#ht-masthead .header-right-box i {
font-size: 18px;
top: 6px;
}
.contact-border .contactlabel {
font-size: 12px;
}
#ht-masthead .header-right-box .contactdata {
font-size: 8px;
}
#ht-masthead .header-right-box i.fa-clock-o {
font-size: 25px;
}
.ht-slide-caption {
left: 50%;
width: 470px;
}
.sliderimg {
width: 510px;
}
.titleborder:after {
width: 41px;
}
.outerborder-separator:before {
width: 28%;
}
.outerborder-separator:after {
width: 30%;
}
.innerborder-separator:after {
margin: 0px 52.1%
}
#ht-gallery-section .lz-gallery-images img, #ht-gallery-section .ht-gallery-member-image img {
height: 200px;
}
.contact-icon span {
font-size: 20px;
}
.newslettersign-box {
margin: 0 6em;
}
.teambox .icon li a {
width: 25px;
height: 25px;
line-height: 26px;
font-size: 14px;
margin: 0 2px;
}
.teambox .title {
font-size: 14px;
margin: 0 0 0px;
}
#innerpage-box .team-member-designation {
font-weight: 600;
line-height: 12px;;
letter-spacing: 0;
font-size: 10px;
}
#ht-masthead .headicon {
font-size: 11px;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px){
#ht-gallery-section .ctrl-btn.pro-next {
right: 43%;
}
#ht-gallery-section .ctrl-btn.pro-prev {
left: 44%;
}
#innerpage-box .team-shape-border {
border-left: 290px solid transparent;
}
#testimonials-section .ht-test-member-image img {
height: 60px;
width: 60px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.teamwavecurve, .featureprodwavecurve {
top: -49px;
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: left;
line-height: 6.4;
font-size: 11px;
}
.price_label {
position: relative;
width: 100%;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left;
width: 100%;
position: relative;
}
.woocommerce-product-search .search-field {
width: 100% !important;
border-right: 1px solid #ccc !important;
margin-bottom: 10px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px){
.header-right-box .themetext,.header-right-box .mailto a {
font-size: 9px;
}
.header-social-links a span {
font-size: 14px;
padding: 0;
margin: 0 5px;
}
.header-social-links a span.fa-google-plus {
padding: 10px 11px;
}
.header-inquiry-btn .head-button a {
font-size: 10px;
padding: 17px 10px 17px;
}
.ht-main-navigation a {
font-size: 12px;
}
.ht-site-description a {
font-size: 13px;
}
#quote-carousel .carousel-control.left {
left: 44%;
}
#quote-carousel .carousel-control.right {
right: 44%;
}
#product-category-section .owl-nav button.owl-prev span {
left: 46.5%;
}
#product-category-section .owl-nav button.owl-next span {
right: 46%;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
.featured-post-box .featured-data h5 {
font-size: 20px;
}
.testimonial-contentbox {
margin-bottom: 10px;
}
.contactspade-border .themetext {
text-align: left !important;
}
}
@media screen and (max-width: 768px){
.newsletter-form-box input[type="submit"]{
left: 0px;
}
.logobox {
text-align: center;
margin: 0 auto;
}
.header-social-links {
text-align: center;
}
.ht-site-description {
text-align: center;
}
.logobox {
padding: 15px 0;
}
.header-box {
padding: 0.5em 0;
}
.testimonial-contentbox {
margin: 0px 0px 10px;
}
#quote-carousel .carousel-control.left {
left: 42%;
}
#quote-carousel .carousel-control.right {
right: 42%;
}
.ht-blog-excerpt h5 a {
font-size: 20px;
}
ul.ht-blog-date li {
padding: 0px 5px;
font-size: 12px;
}
.ht-blog-date .fa {
margin-right: 5px;
}
.ht-section-newsletter {
margin-bottom: 15px;
}
#testimonials-section .test-contentbox {
margin: 3px 5em 3.5em;
}
#testimonials-section .test-contentbox:after {
left: 43%;
}
#ht-masthead .maintop-header {
text-align: center;
}
.header-social-links {
padding: 12px 0 12px 0;
}
}
@media screen and (max-width: 767px){
#ht-gallery-section .ctrl-btn.pro-prev {
left: 40%;
}
#ht-gallery-section .ctrl-btn.pro-next {
right: 31%;
}
#testimonials-section .team-thumb img {
height: 125px;
width: 125px;
left: 2px;
}
#testimonials-section .test-box {
margin-left: 60px;
padding: 15px 25px 15px 90px;
}
.teamwavecurve {
top: -38px
}
#innerpage-box .team-shape-border {
border-left: 610px solid transparent;
}
.secborder, .emailspace {
padding:0;
}
#ht-masthead .contact-border {
text-align: center;
}
.contact-border .contactlabel {
text-align: center;
}
}
@media screen and (max-width: 320px){
#featured-post-section .shape {
width: 250px;
stroke-dashoffset: -390;
}
#featured-post-section svg {
width: 250px;
}
#featured-post-section .svg-wrapper {
top: 43%;
}
#facility-content-section h5 {
font-size: 17px;
}
.ht-newslatter-member-wrap input[type="submit"] {
float: right; position: relative;
top: 8px;
right: 0;
border-radius: 30px;
width: 100%;
}
.ht-newslatter-member-wrap input[type="text"], 
.ht-newslatter-member-wrap input[type="email"] {
padding: 5px 10px 5px 50px;
}
.sliderimg {
height: 285px;
}
.woocommerce-product-search .search-field {
width: 50% !important;
}
#innerpage-box .cptn01 .cptn .fa {
margin: 10px auto 0;
}
}
@media screen and (max-width: 347px){ 
#innerpage-box .ht-team-member .secondry-bg {
left: -10px;
}
#innerpage-box .ht-team-member .spinner {
width: 212px;
height: 210px;
}
#innerpage-box .ht-team-member .secondry-bg-img {
width: 200px;
height: 190px;
left: 10px;
}
#innerpage-box .lz-gallery-images img, #innerpage-box .ht-gallery-member-image img {
width: 100%;
height: 170px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
.ht-slide-cap-desc{
font-size: 13px;
line-height: 12px;
margin-bottom: 0px;
}
.ht-slide-cap-title{
font-size: 16px !important;
line-height: 23px !important;
}
.upper-header {
text-align: center;
}
.toggle-bar{
top: -255px;
right: -24px;
}
.ht-main-navigation .ht-menu{
top: -215px;
}
.innerpage-whitebox {
margin-bottom: 15px;
padding: 1em;
}
.header-menu-box {
text-align: center;
}
#innerpage-box .lz-gallery-images img, #innerpage-box .ht-gallery-member-image img {
height: 217px;
}
.ht-team-member .ht-team-designation{
padding: 0 15px;
}
.ht-slide-cap-descmore{
margin-top: 5px;
}
.newsletter-form-box input[type="submit"]{
left: 15px;
}
.sect-height-newslatter-box{
padding: 0;
}
.ht-section-title-tagline:before {
width: 5%;
top: 58px;
}
.ht-section-title-tagline:after {
width: 2%;
top: -23px;
}
.innerborder-separator:before {
margin: 0px 39.7%;
}
.innerborder-separator:after {
margin: 0px 57.3%;
}
#facility-content-section .content-box {
padding: 0 0px 0px;
}
.ht-main-title {
font-size: 18px;
}
#blog-box h4 {
margin: 0px 0 15px 0;
font-size: 18px;
}
#blog-box .ht-blog-date .fa {
margin-right: 3px;
}
#blog-box .inner-blog-post {
padding: 2em 1em;
}
#innerpage-box ul.ht-blog-date li {
padding: 0px 8px;
}
#innerpage-box ul.ht-blog-date li {
font-size: 10px;
}
.socialMedia a {
font-size: 22px;
padding: 4px 5px;
}
.roadmap-outer {
margin-top: -20px;
}
.roadmap-outer .roadmap, .roadmap-outer .roadmap:first-child {
margin: 0 0 20px;
}
.roadmap-outer .roadmap-icon, .roadmap-outer .roadmap:nth-child(2n) .roadmap-icon {
margin-top: -30px;
margin-bottom: 20px;
position: relative;
transform: rotate(135deg);
}
.roadmap-outer .year, .roadmap-outer .roadmap:nth-child(2n) .year {
transform: rotate(-135deg);
}
.roadmap-outer .roadmap-content, .roadmap-outer .roadmap:nth-child(2n) .roadmap-content {
width: 100%;
float: none;
border-radius: 0 0 20px 20px;
text-align: center;
padding: 25px 20px;
margin: 0 auto;
}
.roadmap-outer .roadmap-content:before, .roadmap-outer .roadmap:nth-child(2n) .roadmap-content:before {
width: 15px;
height: 25px;
position: absolute;
top: -22px;
left: 50%;
z-index: -1;
transform: translate(-50%,0);
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product, 
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product {
width: 100% !important;
}
#innerpage-box .ht-team-member h6 {
font-size: 15px;
}
.featured-post-box .featured-data h5 {
font-size: 20px;
}
.sliderbtn .ht-slide-cap-descmore a {
padding: 5px 10px;
font-size: 9px;
}
#featured-product-section .slider {
top: -20px;
}
#featured-product-section .slider .slide-item {
width: 295px;
}
.teamwavecurve, .featureprodwavecurve {
top: -26px
}
.social-profile-icons ul li i {
font-size: 18px;
padding: 10px 12px;
width: 40px;
height: 40px;
margin: 0 2px;
}
.ht-footer ul li {
margin: 0px 7px;
}
#ht-top-footer .footborder {
padding-top: 1em;
}
.ht-slide-caption {
width: 75%;
left: 125% !important;
padding: 10px 1em;
}
.details .counter-post {
border-bottom: 1px solid #cccccc;
border-right:none;
}
.col-md-3.col-sm-3.details:nth-child(4) .counter-post, 
.col-md-4.col-sm-4.details:nth-child(3) .counter-post,
.col-md-6.col-sm-6.details:nth-child(2) .counter-post,
.col-md-12.col-sm-12.details:nth-child(1) .counter-post   {
border-bottom: none;
}
#innerpage-box .ht-test-member h6.member-name, #innerpage-box .ht-test-member .text-designation{
padding-left: 0;
text-align: center;
}
#faq-section .faq h6 {
padding: 15px 42px 15px 25px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0 6px 5px 0;
}
.logo-content-box .team-thumb img {
height: auto;
}
#testimonials-section h6 {
margin: 10px 0 0 0;
text-align: center;
}
#testimonials-section .text-designation {
text-align: center;
}
.contactspade-border .themetext {
text-align: center;
}
.contact-border .contactlabel, #ht-masthead .header-right-box .contactdata {
text-align: center;
}
.header-inquiry-btn .head-button a {
margin-top: 20px;
}
#testimonials-section .test-contentbox {
margin: 3px 1em 3.5em;
}
#testimonials-section .test-contentbox:after {
left: 38%;
}
#ht-appintment-section .small-box {
box-shadow: none;
}
.secborder {
border-right: none;
padding: 0;
}
.emailspace {
padding: 0;
}
#ht-banner-section {
padding: 1em 0;
}
#ht-banner-section .banner-subheading {
font-size: 25px;
}
#ht-banner-section .banner-heading {
font-size: 23px;
}
}
@media screen and (min-width: 425px) and (max-width: 550px){
#quote-carousel .carousel-control.left {
left: 36%;
}
#quote-carousel .carousel-control.right {
right: 36%;
}
#product-category-section .owl-nav button.owl-prev span {
left: 41%;
}
#product-category-section .owl-nav button.owl-next span {
right: 37%;
}
}
@media screen and (min-width: 425px) and (max-width: 475px){
#ht-newslatter-section .ht-section-title {
font-size: 23px;
padding-top: 5px;
}
#ht-gallery-section .ctrl-btn.pro-next {
right: 38%;
}
#ht-gallery-section .ctrl-btn.pro-prev {
left: 39%;
}
}
@media screen and (min-width: 375px) and (max-width: 424px){
.ht-slide-caption {
width: 75%;
left: 140% !important;
}
.innerborder-separator:before {
margin: 0px 38.7%;
}
.innerborder-separator:after {
margin: 0px 58.3%;
}
}
@media screen and (min-width: 476px) and (max-width: 660px){
.ht-slide-caption {
left: 105% !important;
}
}
@media screen and (min-width: 320px) and (max-width: 374px){
.ht-slide-caption {
width: 85%;
left: 165% !important;
}
.innerborder-separator:before {
margin: 0px 36.7%;
}
.innerborder-separator:after {
margin: 0px 60.3%;
}
.ht-slide-cap-title.animated.fadeInDown {
font-size: 11px;
}
.ht-slide-cap-desc.animated.fadeInDown {
font-size: 9px;
line-height: 10px;
}
.sliderbtn .ht-slide-cap-descmore a {
padding: 2px 10px;
font-size: 8px;
}
}
@media screen and (min-width: 320px) and (max-width: 380px){
.ht-slide-cap-desc.animated.fadeInDown {
font-size: 10px;
}
.ht-slide-cap-title {
margin-bottom: 0px;
font-size: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 375px){
.ht-slide-cap-title.animated.fadeInDown {
font-size: 18px;
}
.ht-slide-cap-desc.animated.fadeInDown{
font-size: 15px;
}
#quote-carousel .carousel-control.left {
left: 32%;
}
#quote-carousel .carousel-control.right {
right: 32%;
}
#ht-newslatter-section .ht-section-title {
font-size: 20px;
padding-top: 3px;
}
#ht-newslatter-section .news-img img {
width: 80px;
height: 25px;
}
#product-category-section .owl-nav button.owl-prev span {
left: 39%; 
}
#product-category-section .owl-nav button.owl-next span {
right: 33%;
}
.ht-main-navigation ul {
overflow: hidden;
}
.teamwavecurve, .featureprodwavecurve {
top: -20px;
}
#ht-gallery-section .slider .slide-item {
margin-right: 0px;
width: 300px;
}
#ht-contactus-wrap .contact-sm-links li a.fb {
padding: 14px 11px;
}
.contact-sm-links li a {
padding: 14px 11px;
}
.page-template-contact-template .innerpage-whitebox {
padding: 2em 1em;
}
#ht-contactus-wrap .contact-page-form {
padding: 1em 0;
}
#ht-site-navigation .sf-arrows .sf-with-ul {
padding-right: 0;
}
#coupon_code {
width: 100% !important;
}
.woocommerce #content table.cart td.actions .coupon .button , .woocommerce table.cart td.actions .coupon .button{
width: 100% !important;
margin: 10px 0 0;
}
#testimonials-section .test-contentbox:after {
left: 36%;
}
#testimonials-section .test-contentbox {
padding: 50px 35px;
}
#ht-gallery-section .lz-gallery-images img, #ht-gallery-section .ht-gallery-member-image img {
width: 100%;
height: 100px;
}
.teambox .icon li a {
width: 25px;
height: 25px;
line-height: 26px;
font-size: 14px;
margin: 0 2px;
}
.teambox .title {
font-size: 11px;
margin: 0 0 0px;
}
#innerpage-box .team-member-designation {
font-weight: 600;
line-height: 11px;;
letter-spacing: 0;
font-size: 10px;
}
#innerpage-box .faq-description {
margin: 0 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
.test-thumb {
left: 36%;
}
.sect-height-appointment-box {
padding: 0;
padding-top: 30px;
}
.sect-height-appointment-section {
padding: 25px 0;
}
.ht-section-title {
font-size:22px;
}
#innerpage-box .testimonial-contentbox {
padding: 15px;
margin: 10px 0px;
}
.ht-slide-cap-title {
padding: 0;
margin-bottom: 5px;
}
.blogwavecurve {
top: -20px !important;
}
} section#ht-appintment-section .ht-appintment-member-wrap input[type="submit"] {
color: #fff;
font-weight: 600;
opacity: 1;
margin: 0 auto;
display: block;
margin-top: 15px;
background: #01beff;
border: 1px solid #01beff;
border-radius: 50px;
font-size: 15px;
height: 46px;
-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;
position: relative;
padding: 6px 40px 9px;
font-size: 16px;
border-radius: 50px;
}
section#ht-appintment-section .ht-appintment-member-wrap input[type="submit"]:hover{
color: #fff;
background: #ff6796;
transform: translateY(-10px);
}
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
max-width: 100% !important;
}
#content-box ul li.blocks-gallery-item {
margin: 0 3px 5px;
}
#content-box ul li.blocks-gallery-item:before {
display: none;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, 
.wp-block-gallery.is-cropped .blocks-gallery-image img, 
.wp-block-gallery.is-cropped .blocks-gallery-item a, 
.wp-block-gallery.is-cropped .blocks-gallery-item img {
max-width: 100% !important;
}
.gallery-item .gallery-icon a img {
width:100%;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a, 
.wp-block-gallery.is-cropped .blocks-gallery-image img:hover, 
.wp-block-gallery.is-cropped .blocks-gallery-item a, 
.wp-block-gallery.is-cropped .blocks-gallery-item img:hover {
opacity: 0.6;
}
.gallery-item .gallery-icon a img:hover {
opacity: 0.6;
}