/*
Theme Name: My Resume Pro
Theme URI: https://luzuk.com/demo/my-resume/
Author: luzuk Themes
Author URI: www.luzuk.com/
Description: Online CV Resume is the perfect product for you to make a great first impression. It is the way for you to create your personal website of your achievements and experiences .It is SEO optimized, multipurpose, multilingual and has responsive design. The Theme has a well designed layout but with customization features you get complete authority over it. You can present your profile digitally with spectacular design.You can create your website or vCard in no time. This theme is made with a bootstrap framework which gives it robust functioning. It is clean coded with mobile friendly layout. With the customization feature you will be able to make any changes you want.The modern design ensures better presentation of your portfolio. It has a responsive design with CTA i.e Call To Action button for fast responses and loading speed. This theme is exceptional for developer, designer, programmer, freelancer, writer, lawyer, musician, trainer, photographer or any other professions. With powerful RyanCV and all the ready-made layouts and components. This theme has minimal coding to ensure superfast loading. Demo: https://www.luzukdemo.com/demo/my-resume/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-resume-pro
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.7em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding-top: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height: 1.6;
    /*font-family: 'Pontano Sans', sans-serif;*/
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 15px;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 0 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #f9c12c;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
    display: none;
}
#lz-inner-bx div#secondary .tagcloud a {
   /* font-size: 15px !important;*/
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 15px 0 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: inline-block;
    margin: 0 0 35px;
}
.widget-area .widget-title:after{
      content: "";
    position: absolute;
    left: 30px;
    top: 100%;
    width: 80%;
    background: #f1f1f1;
    height: 4px;
    /* padding-top: 5px; */
}
.widget-area ul{
    list-style: none;
    padding:0;
    margin: 0;
}
.widget-area ul ul{
    border-top: 1px solid #f9f9f9;
    margin-top: 15px;
}
.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:10px;
    padding:0 1em 1em;
    background: transparent;
    border-radius:10px;
    border: 1px solid #e9e7e7;
}
.widget-area .widget-title:before {
       content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 50px;
    background: #ff7c4e;
    height: 4px;
}
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce-page nav.woocommerce-pagination ul li span.current, 
.woocommerce #content nav.woocommerce-pagination ul li span.current, 
.woocommerce-page #content nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce-page nav.woocommerce-pagination ul li a:hover, 
.woocommerce #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce-page nav.woocommerce-pagination ul li a:focus, 
.woocommerce #content nav.woocommerce-pagination ul li a:focus, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus{
    margin: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a {
    border: 3px solid #dad8d8;
    background: #fff;
    margin: 0 0px 0 0;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    text-decoration: none;
    color: #fff !important;
    padding: 10px 14px;
    /* margin-right: 8px; */
    transition: all 0.25s ease;
    font-weight: bold !important;
}
.woocommerce nav.woocommerce-pagination ul li a{
    margin-right: 0 !important;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
    left: 0;
    top: 0;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
div#secondary input[type="submit"] {
    width: 100%;
    background: transparent;
    border: 1px solid #ccc;
}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
}
div#secondary input[type="submit"]:hover {
    opacity: 0.7;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
#content-box a i{
    color: #fff;
}
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 5px 15px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 40px;
    font-size: 14px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 0 0 20px;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
    clear: both;
    text-align: center;
}
.pagingation a, .woocommerce nav.woocommerce-pagination ul li a {
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin-right: 8px;
    transition: all 0.25s ease;
}
.pagingation a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
}
.pagingation a:hover {
    box-shadow: 0px 0px 2px rgb(0 0 0);
}
.archive.category .nav-links {
    margin: 2em 0 5em 0;
    clear: both;
    text-align: center;
    border: 1px solid #FE1739;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    border-radius: 40px;
    text-align: center;
    /* margin: 0 auto; */
}
.pagination .page-numbers:hover {
    box-shadow: 0px 20px 30px rgb(0, 0, 0);
}
.pagination .page-numbers.current {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    margin: 0;
}
.pagination .page-numbers {
    margin: 0;
    border-radius: 0;
     padding: 10px 15px;
}
nav.navigation.posts-navigation {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
#ht-home-gallry-section{
    background-image: url(images/man-461195_1280.jpg);
    background-position: top;
    background-size: cover;
}
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 13.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}

/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .nav-menus{display: none;}
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding: 12em 0 4em;
        background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}
.blog .page-main-header {
    padding-top: 1em;
}
.lower-header .header-social-links {
    margin: 20px 0;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
    display: none;
}
.resp_header_btn p {
    display: none;
}
.pd-0{
    padding: 0;
}
.header-right .single-header-info {
    text-align: right;
}
.top-bar-head .head-menu {
    padding: 0;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logo {
    padding: 1.5em 20px;
    text-align: center;
    margin: 0 auto;
}

.logobox img{
    position: relative;
}
.navigation .mainmenu ul.sub-menu li a:after {
    background: #090909;
}
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}
/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
        word-break: break-word;
}
header.site-header button.header-btn {
  border: none;
  background-color: #ff80b0;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 37px;
  display: inline-block;
  line-height: 1.5em;
  font-weight: 600;
  font-size: 15px;
  outline: none;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 10px;
  float: right;
  word-break: break-word;
}
header.site-header button.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header.site-header button.header-btn i {
  font-size: 20px;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:before {
  border-radius: 30px;
  content: '';
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
header.site-header button.header-btn:hover,
header.site-header button.header-btn.hover {
  color: #000000;
}
header.site-header button.header-btn:hover span,
header.site-header button.header-btn.hover span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover i,
header.site-header button.header-btn.hover i {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover:before,
header.site-header button.header-btn.hover:before {
  left: 3px;
  right: 3px;
  background: #ffffff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:active:before {
  background: rgba(255, 255, 255, 0.7);
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: left;
}
.navigation .mainmenu li{ 
    display:block; 
    position:relative; 
    line-height:normal; 
}
.head-menu .navigation .mainmenu{ 
    float: none;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
    padding: 15px 0;
}
.head-menu .navigation .mainmenu li a{ 
    padding: 30px 15px 30px 65px;
    border-bottom: 1px solid #e6e2df;
    text-align: left;
    z-index: 1;
}
.menu-content {
    padding:0;
}
.header.site-header ul.sub-menu li a{
    border-bottom: none;
}
/* = Navigation 2nd level css
-------------------------------------------------------------- */
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 120%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}

.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}

.header.site-header ul.sub-menu li a {
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}

.header.site-header ul.sub-menu 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;
}

.header.site-header ul.sub-menu li:hover a{
   background: none;
    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;
}

.header.site-header ul.sub-menu 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;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 1300px) {
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
.footer-area .top-area {
    padding: 0px 0em 1em 0em !important;
}

}

@media only screen and (min-width: 1300px) {

.navigation .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
    color: #666;
    border-bottom: none;
}
.navigation .mainmenu li:hover > ul{
      display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
}
.navigation .mainmenu li:hover ul.sub-menu{
    left: auto;
    top: 3px;
    text-align: left;
    -ms-animation: zoomIn .3s ease-in-out;
    -webkit-animation: zoomIn .3s ease-in-out;
    animation: zoomIn .3s ease-in-out;
    padding: 10px 5px;
    left: 175px;
}
.navigation .mainmenu li ul.sub-menu:after {
       content: "";
    position: absolute;
    right: -6px;
    top: 0;
    height: 100%;
    width: 3px;
    z-index: 99;
    border-radius: 25%;
    opacity: 1;
    transition: .5s;
    background: #02b0f5;
}
.navigation .mainmenu li ul.sub-menu:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 5px;
    height: 85%;
    width: 3px;
    z-index: 99;
    border-radius: 25%;
    opacity: 1;
    transition: .5s;
    background: #02b0f5;
}


}
.navigation .mainmenu li:after,
div#navbarNavDropdown li.current_page_item:after{
       content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -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: 0px;
}
.navigation .mainmenu li:hover:after, 
.navigation .mainmenu li:focus:after, 
.navigation .mainmenu li:active:after,
div#navbarNavDropdown li.current_page_item:hover:after,
div#navbarNavDropdown li.current_page_item:focus:after, 
div#navbarNavDropdown li.current_page_item:active:after{
      -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.header.site-header ul.sub-menu li:after{
    display: none;
}


/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:231px; 
    top:-8px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
}
.heade-border {
    border-bottom: 1px solid #939192;
    padding: 0 5px;
}
.header.site-header ul.sub-menu li a {
        font-size: 14px;
    font-weight: 500;
    position: relative;
}

header.site-header ul {
    margin: 0;
}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}
.navigation .mainmenu {
 position: relative;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header {
    position: relative;
    z-index: 99999;
    width: 100%;
    position: fixed;
   /* top: 0;*/
    left: 0;
    width: 175px;
    height: 100% !important;
    z-index: 9999;
    text-align: left;
    padding: 0px 0px 0px 0px;
    z-index: 1 !important;
}
.person-initial p {
        text-align: center;
    font-size: 43px;
    font-weight: 900;
    color: #000;
    padding: 0.3em 0;
    border: 1px solid #dddad5;
    margin: 0;
}
.banner-l-area {
    padding: 18px 0 0;
    background: #fff;
}
.person-desg p {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px;
    z-index: 1;
    word-break: break-all;
}
@keyframes animated
{
    0% 
    {
        background-position: 0%;
    }

    100% 
    {
        background-position: 400%;
    }

}



/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
0%   {background: #16a085; left:0px; top:0px;}
25%  {background: #1abc9c; left:0px; top:0px;}
50%  {background: #9b59b6; left:0px; top:0px;}
75%  {background: #8e44ad; left:0px; top:0px;}
100% {background: #16a085; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst
{
0%   {background: #16a085; left:0px; top:0px;}
25%  {background: #1abc9c; left:0px; top:0px;}
50%  {background: #9b59b6; left:0px; top:0px;}
75%  {background: #8e44ad; left:0px; top:0px;}
100% {background: #16a085; left:0px; top:0px;}
}
.slider_section {
    padding-top: 12px;
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {
    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
@media screen and (max-width: 991px) {
header.site-header input[type='search'], 
header.site-header input[type='search']:hover {
    width: 100%;
}
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}
div#secondary .widget_calendar table thead tr th {
    padding: 5px;
}
.widget_calendar tfoot tr td a {
     padding: 2px 8px;
}
/*---------------------------------------------------------------
Inner page header
---------------------------------------------------------------*/

.page-template-home-template .innerpage-header{
    display: none;
}
.innerpage-header {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 30px;
}

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

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
header.site-header li .site-button.circle i.fa:hover{
    transform:rotateY(360deg);
}
header.site-header ul.sub-menu li {
    padding-right: 0;
}
header.site-header.header-transparent.header.mo-left.header-seo ul.list-inline.m-a0 {
    display: -webkit-box;
}
header.site-header {
/*    position: fixed;
    top: 0;
    left: 0;
    width: 165px;
    height: 100% !important;
    z-index: 9999;
    text-align: left;
    padding: 70px 20px 20px 20px;*/

    position: relative;
    z-index: 99999;
    width: 100%;
    position: fixed;
    /* top: 0; */
    left: 0;
    width: 175px;
    height: 100% !important;
    z-index: 9999;
    text-align: left;
    padding: 0px 0px 0px 0px;
    z-index: 1 !important;
}
.content-wrapper {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
.area-inner {
    padding-left: 175px;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    padding: 2em 2em 2em 12em;
}
.page-template-home-template .area-inner {
    padding: 2em 2em 2em 11em;
}

div#navbarNavDropdown li.current_page_item a, .current_page_item > a {
    /*font-weight: 600;*/
}
.header.site-header ul.sub-menu li a {
    font-weight: normal;
    line-height: 25px;
    font-size: 16px;
    transition: all 0.5s ease 0s;
}
.header.site-header ul.sub-menu li a:hover{
    /*padding-left: 45px;
    padding-right: 30px;*/
}
.header.site-header ul.sub-menu li a:before {
    content: "\f068";
    font-family: FontAwesome;
    left: 20px;
    position: absolute;
    top: 10px;
    font-size: 11px;
    color: #ccc;
    padding-left: 00px;
    font-weight: normal;
}
.logobox {
    text-align: center;
}
header.site-header ul {
    margin: 0;
    padding: 0;
    float: none;
}

header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
.logo {
    position: absolute;
    left: 0;
    top: 25%;
    background: #ffffff;
    padding: 50px 85px;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
}
ul.nav.navbar-nav {
    position: relative;
    padding: 0px 0;
}
.header-icon i.fa {
    position: relative;
    top: 10px;
    font-size: 25px;
}
header.site-header {
    background: #f2f1f0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
}
.site-header {
    position: relative;
    z-index: 99999;
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {

    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {
    text-align: right;
}
.main-header-info {
    text-align: center;
}
.header-icon {
    display: inline-block;
    text-align: left;
}
.top-bar {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
    padding: 20px 0;
}
.dlab-topbar-left {
    /*float: left;*/
}
.dlab-topbar-right {
    float: right;
}
.dlab-topbar-center,
.dlab-topbar-left,
.dlab-topbar-right {
    /*padding-left: 40px;*/
    /* padding-right: 15px;*/
}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{
    display:inline-block;
}
.dlab-topbar-left ul li{
    padding-right:0px;
}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{
    color:#444444;
}
.topbar-social li a{
    padding: 0 6px; 
}
@media only screen and (max-width: 991px) {
    header.site-header{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        z-index: 9999;
        text-align: left;
        padding: 10px;
    }
    .person-initial p{padding: 0 !important;}
    header .site-navigation {float: right;}
    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        /*padding-left: 15px;*/
        padding-right: 0;
    }
}
    header.site-header ul.header-social-ico li {
        padding: 0 7px;
        margin: 0;
    }
    header.site-header ul.header-social-ico li i {
        color: #a3a3a3;
    }
    header.site-header ul.header-social-ico li i:hover {
        color: #ff8a73;
    }



    #ht-masthead ul.sub-menu li.current_page_item a {
        border-bottom: none;
    }
    #ht-masthead ul.sub-menu li{
        border-radius: 0px;
        overflow: hidden;
        z-index: 1;
        position: relative;
        background: #121212;
        margin-bottom: 0px;
        border: 1px solid #ffffff;
    }
    #ht-masthead ul.sub-menu li:before{
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 0px;
        background: #fd3e1c;
        position: absolute;
        top: 0;
        left: -100%;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }
    #ht-masthead ul.sub-menu li:hover:before{ left: 0; }
    #ht-masthead ul.sub-menu li:after{
        content: "";
        width: 5px;
        height: 0;
        border-radius: 0px;
        background: #121212;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s ease 0s;
    }
    #ht-masthead ul.sub-menu li:hover:after{ height: 100%; }
    #ht-masthead ul.sub-menu li a{
        transition: all 0.5s ease 0s;
    }
    #ht-masthead ul.sub-menu li a:hover{
        padding-left: 30px;
    }
    .lower-header {
        border-bottom-left-radius: 40px;
        padding: 20px 0px 25px 0;
    }
    #ht-masthead ul.sub-menu li:hover{
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .header-right-box {
        color: #ffffff;
        font-size: 15px;
    }
    #ht-site-navigation{
        transition: padding 0.3s ease;
        -moz-transition: padding 0.3s ease;
        -webkit-transition: padding 0.3s ease;
    }
    .header-right-box .header-phone, .header-right-box .header-email {
        color: #ffffff;
        font-size: 15px;
    }
    .ht-main-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
    }
    .ht-main-navigation li {
        float: left;
        position: relative;
        padding-right: 35px;
    }
    .ht-main-navigation a {
      display: block;
      text-decoration: none;
      color: #ffffff;
      font-size: 14px;
      line-height: 30px;
      padding: 8px 0;
      font-weight: 500;
      transition: none;
      -moz-transition: none;
      -webkit-transition: none;
  }
  .ht-main-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    top: 95%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 0px 0;
    margin-top: 27px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.05);
}
.ht-sticky .ht-main-navigation ul ul{
    margin-top: 17px;
}
.ht-main-navigation .ht-menu > ul > li:last-child > ul{
    right: 0;
}
.ht-main-navigation ul ul ul {
    left: 100%;
    top: 0;
    margin: 0 0 0 8px;
    border-top: 0;
}
.ht-sticky .ht-main-navigation ul ul ul{
    margin-top: 0
}
.ht-main-navigation ul ul a {
    text-transform: none;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.5;
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: none;
}
.ht-main-navigation ul ul a:hover {
    border-bottom: none;
}
.ht-main-navigation ul ul li {
    float: none;
    margin: 0 0 0px;
}
.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 {    
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.ht-main-navigation ul ul li a:hover{
}
.ht-main-navigation li.current_page_item a {
    color: #ac8e50;
    border-radius: 0;
}
.ht-main-navigation ul li ul li.current_page_item a{
    color: #fff;
}
#ht-masthead input[type="search"]{
    background: none;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px;
    padding-right: 80px;
    height: 35px;
    color:#fff;
}
#ht-masthead input[type="submit"]{
    position: absolute;
    right: -45px;
    top: 25px;
    padding: 0 2px;
    background: none;
    z-index: 2000;
    text-indent: -999px;
}
#ht-masthead span.sb-icon-search {
    position: absolute;
    right: 25px;
    top: 4px;
    color:#fff;
}
#ht-masthead ul.header-menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
#ht-masthead ul.header-menu-links li{
    float: left;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
#ht-masthead ul.header-menu-links li i {
    margin-right: 5px;
    font-size: 20px;
}
#ht-masthead ul.header-menu-links li.mailto a{
    color: #fff;
}
#ht-masthead ul.header-menu-links li.themetext {
 float: left;
 padding: 0 20px;
 color: #fff;
 font-size: 14px;
}
#ht-masthead .themetext, #ht-masthead .mailto{
    color: #fff;
    font-size: 14px;
}
#ht-masthead .themetext span{
    color:#fff;
}
#ht-masthead .mailto a span {
    color: #fff;
}
#ht-masthead .mailto a span:hover {
    color: #fd226a ;
}
#ht-masthead .themetext i, #ht-masthead .mailto i{
 padding-right: 6px;
 color: #fff;
 font-size: 16px;
 font-weight: 800;
}
#ht-masthead .header-about-theme {
    padding: 0px 25px;
    border-radius: 0px 0px 0px 0px;
}
#ht-masthead .header-social-links a span:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
#ht-masthead .header-social-links span {
    color: #fff;
    font-size: 16px;
    padding: 0px 3px;
}
.upper-header .header-social-links {
    text-align: right;
    padding: 4px 0;
}
.lower-header .contact-border {
    text-align: right;
}
.contact-border .themetext {
    color: #fff;
}
.contact-border .themedata {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}
ul.sub-menu li a:hover {
    color: #ff8a73;
    text-decoration: none;
}
header.site-header ul.sub-menu li a {
    padding: 10px 0 10px 25px;
}
.ti-home:before {
    position: absolute;
    top: 6px;
    left: -5px;
}
header.site-header ul.sub-menu li {
    display: block !important;
    margin: 1px !important;
}
ul.nav.navbar-nav {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;

}
ul.nav.navbar-nav.ht-menu {
    display: block !important;
}
ul.nav.navbar-nav li {
    position: relative;
    list-style: none;
    padding-right: 0px;
    display: block;
    position: relative;
    line-height: normal;
}
ul.nav.navbar-nav li a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    color: #4a4a4a;

    padding: 30px 15px 30px 65px;
    border-bottom: 1px solid #e6e2df;
    text-align: left;
    z-index: 1;
    line-height: 20px;
}

.navbar-nav .mainmenu li:hover:before {
    z-index: 1;
}
ul.nav.navbar-nav li:hover a {
    position: relative;
}

ul.nav.navbar-nav .mainmenu ul li a{
    border-bottom:none;
}

ul.nav.navbar-nav li:before {
    font-size: 22px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 15px;
    transition: all 0.3s ease 0s;
    z-index: 1;
    text-align: center;
    background-color: #eeeeee;
}
ul.nav.navbar-nav li:hover:before {
    z-index: 1;
    background-color: #00b1f7;
        color: #fff;
}


ul.nav.navbar-nav .mainmenu li:after, ul.nav.navbar-nav .mainmenu li.current_page_item:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -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: 0px;
}

ul.nav.navbar-nav .mainmenu li:hover:after, 
ul.nav.navbar-nav .mainmenu li:focus:after,
ul.nav.navbar-nav .mainmenu li:active:after,
ul.nav.navbar-nav .mainmenu li.current_page_item:hover:after,
ul.nav.navbar-nav .mainmenu li.current_page_item:focus:after,
ul.nav.navbar-nav .mainmenu li.current_page_item:active:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    z-index: 0;
}

ul.nav.navbar-nav .mainmenu ul li:after, ul.nav.navbar-nav .mainmenu ul li.current_page_item:after{
display: none;
}

ul.sub-menu {
  display: none;
    position: absolute;
    left: 112%;
    top: -20%;
    text-align: left;
    min-width: 200px;
    z-index: 999;
    padding: 0px 0;
    margin-top: 30px;
    margin-left: 0;
    background: #ffffff;
}

.person-initial p {
    text-align: center;
    font-size: 43px;
    font-weight: 900;
    color: #000;
    padding: 0.6em 0;
    border-bottom: 1px solid #dddad5;
    margin: 0;
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
ul.sub-menu{
    display:none;
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 0px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 120%;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navbar-nav .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
}
.navbar-nav .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}

.navbar-nav .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
}

.header.site-header ul.sub-menu li a {
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.navbar-nav .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}

.header.site-header ul.sub-menu 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;
}

.header.site-header ul.sub-menu li:hover a{
   background: none;
    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;
}

.header.site-header ul.sub-menu 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;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 1300px) {
.navbar-nav .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
.footer-area .top-area {
    padding: 0px 0em 1em 0em !important;
}

}


@media only screen and (min-width: 1300px) {

.navbar-nav .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
    color: #666;
    border-bottom: none;
}
.navbar-nav .mainmenu li:hover > ul{
      display: block;
    width: 250px;
    position: absolute;
    left: auto;
    top: 85%;
    text-align: left;
}
.navbar-nav .mainmenu li ul.sub-menu{
        left: 175px;
         top: 3px;
           padding: 10px 5px;
}

.navbar-nav .mainmenu li:hover ul.sub-menu{
    left: auto;
    top: 3px;
    text-align: left;
    -ms-animation: zoomIn .3s ease-in-out;
    -webkit-animation: zoomIn .3s ease-in-out;
    animation: zoomIn .3s ease-in-out;
    padding: 10px 5px;
    left: 175px;
}
.navbar-nav .mainmenu li ul.sub-menu:after {
       content: "";
    position: absolute;
    right: -6px;
    top: 0;
    height: 100%;
    width: 3px;
    z-index: 99;
    border-radius: 25%;
    opacity: 1;
    transition: .5s;
    background: #8c50e4;
}
.navbar-nav .mainmenu li ul.sub-menu:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 5px;
    height: 85%;
    width: 3px;
    z-index: 99;
    border-radius: 25%;
    opacity: 1;
    transition: .5s;
    background: #8c50e4;
}


}

@media only screen and (min-width: 993px){
.navbar-nav .mainmenu>li.menu-item-has-children>a:after {
    content: "\f0d9";
    font-family: "Fontawesome";
    font-weight: 600;
    position: absolute;
    bottom: 60%;
    /* left: 0px; */
    right: 5px;
    font-size: 15px;
    opacity: 1;
}
}

@media (min-width: 992px){
    .responsive-header-box{
        display: none;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
   
}


@media screen and (min-width: 320px) and (max-width: 768px){
    .logo {
        position: relative;
        left: 40px;
        top: 0px !important;
        background: none !important;
        padding: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .top-bar {
        display: none;
    }
    ul.nav.navbar-nav li:first-child a {
        border-top: 0;
    }
    .sf-arrows .sf-with-ul:after{
        right: 30px !important;
    }
    .header-icon {
        display: block;
        padding: 0;
    }
    .header-icon i.fa{
        left: -10px;
    }
}
.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}
@media only screen and (max-width: 767px) {
    .slide-content p{
        display:none;
    }
    .slide-content-box{
        text-align:center;
    }
    .owl-slider.owl-theme .owl-dots {
        bottom: 180px;
        margin-top: 0;
        position: absolute;
        right: auto;
        text-align: center;
        top: auto;
        transform: translateY(-50%);
        width: 100%;
    }
        .slide-content .button-lg {
        font-size: 13px;
        padding: 10px 15px;
    }
    .text-white .site-button.outline {
        padding: 8px 15px;
    }
    .abuot-box {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: unset;
    }
    .abuot-box [class*="col-"]{ 
        padding:0;
    }
    .choseus-tabs .title-head {
        display: unset;
    }
    .chosesus-content .abuot-box {
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        left: auto;
        margin-top: 0;
        padding: 20px;
    }
    .chosesus-content .abuot-box p{
        color: #ffffff;
        font-size: 14px;
        opacity: 0.8;
    }
    .choses-info-content [class*="col-"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .inquiry-form{
        margin-top:0;
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){
    .logo{
        top: 50%;
    }
}
@media screen and (min-width: 320px) and (max-width: 475px){
    .navicon{
        top: 10px !important;
    }
}
header.site-header .dlab-topbar-left {
    position: relative;
    top: 13px;
}
/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for slider bouncing arrow =========*/
div#ht-home-slider-section i.fa{
    font-size: 45px;
    color: #ffffff;
    font-weight: normal;
}
.ht-slide-cap-title.animated.fadeInLeftBig {
   font-size: 121px;
   font-weight: 700;
   padding-bottom: 30px;
   line-height: 100px;
   text-align: center;
}
.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: #121212;
 opacity: 0.5;
 background-size: cover;
}
.ht-slide-caption{
    position: absolute;
    top: 50%;
    left: 60%;
    width: 800px;
    margin-left: -550px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.9;
    text-align: center;
}
.ht-slide-cap-title{
    font-size: 38px;
    color: #FFF;
    font-weight: 400;
    padding: 0 9%;
    line-height: 25px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    padding: 0px 0px;
    font-size: 48px;
    font-weight: 700;
}
.ht-slide-cap-descmore{
	margin-top: 00px;
}
.ht-slide-cap-desc{
    font-size: 36px;
    line-height: 38px;
    color: #333333;
    padding: 00px 0px;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    font-weight: normal;
    text-align: center;
    margin-bottom: 45px;
    border-bottom: 2px solid #f2edeb;
    display: inline-block;
    /*padding-bottom: 6px;*/
}
.ht-slider-highlighttext {
    font-size: 40px;
    text-align: center;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a{
    height: 75px;
    width: 85px;
    margin-top: 5px;
}
#ht-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
    opacity: 0.6;
}
#ht-home-slider-section .bx-wrapper .bx-prev{
   background: #ffffff url(images/slide1.png) no-repeat center;
   left: 0;
   top: 50%;
   border-top-right-radius: 50px;
   border-bottom-right-radius: 50px;
}
#ht-home-slider-section .bx-wrapper .bx-next{
 background: #ffffff url(images/slide2.png) no-repeat center;
 right: 0;
 border-top-left-radius: 50px;
 border-bottom-left-radius: 50px;
}
.ct-btn-scroll {
/* width: 20px;
 position: absolute;
 bottom: 30px;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 9;
 border-radius: 50%;
 -webkit-transition: background-color 0.25s ease-in-out;
 transition: background-color 0.25s ease-in-out;*/
 width: 50%;
    position: absolute;
    bottom: 130px;
    left: 16%;
    /* right: 0; */
    margin: auto;
    z-index: 9;
    border-radius: 50%;
    -webkit-transition: background-color 0.25s ease-in-out;
    transition: background-color 0.25s ease-in-out;
}
div#ht-home-slider-section .site-button {
    margin-top: 5px;
}
div#about i.fa.fa-long-arrow-down {
        padding-right: 30px;
    font-size: 25px;
    font-weight: normal;
}
div#about .lz-arrow {
    font-size: 17px;
}
/*--------------------------------------------------------------
## Facility Section
--------------------------------------------------------------*/
/*===========*/
@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%}

}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
section#ht-team-section .ht-section-title-tagline {
    margin-bottom: 4em;
}
/* Catalogue slider Start */
.slider {
 width: 86%;
 position: relative;
 height: 490px;
 margin: auto;
 overflow-x: scroll;
 overflow-y: hidden;
 /* padding: 50px 0 0 0; */
 /* top: -50px; */
}
.slider::-webkit-scrollbar {
  display: none;
}
.slider .slides {
  display: flex;
  position: absolute;
  left: 0;
  transition: 0.3s left ease-in-out;
}
.slider .slide-item {
   margin-right: 35px;
   width: 334px;
   margin-left: 0;
}
.slider .slide-item:last-child {
  margin-right: 0;
}
.ctrl {
  text-align: center;
  margin-top: 5px;
}
.ctrl-btn {
    font-size: 13px !important;
    /* min-width: 50px; */
    background: none;
    border: none;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    outline: none;
    color: #9e9e9e;
    position: absolute;
    margin-top: -60.5px;
    height: 23px;
    bottom: 0;
}
.ctrl-btn:hover{
    color:#000;
    background: none;
}
.ctrl-btn.pro-next {
 right: 45%;
 position: absolute;
 border: 2px solid #bfbfbf;
 padding: 3px 5px 3px 5px;
 margin: 0;
 z-index: 999;
 /* top: 0; */
 height: 45px;
 width: 45px;
 /* border-radius: 50%; */
}
.ctrl-btn.pro-prev {
 left: 46%;
 position: absolute;
 border: 2px solid #bfbfbf;
 padding: 0;
 margin: 0;
 z-index: 999;
 /* top: 0; */
 /* right: 0; */
 /* text-align: center; */
 /* margin: 0 auto; */
 /* display: initial; */
 height: 45px;
 width: 45px;
 /* border-radius: 50%; */
}
section#ht-team-section .our-team{
    text-align: center;
    /* position: relative; */
    
}
section#ht-team-section .pic{
    position: relative;
    overflow: hidden;
}
section#ht-team-section .pic img{
    width: 100%;
    height: auto;
}
section#ht-team-section .social_media_team{
    position: absolute;
    top:100%;
    width: 100%;
    height: 100%;
    background-color:rgba(222, 79, 0, 0.8);
    transition: all 1s ease 0s;
    opacity: 0.85;
}
section#ht-team-section .team_social{
    list-style: none;
    padding: 0;
    height: 100%;
    position: relative;
    top:40%;
}
section#ht-team-section .team_social > li{
    display: inline-block;
    margin: 0 5px 5px 0;
}
section#ht-team-section .team_social > li > a{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    display: block;
    color:#fff;
    font-size: 18px;
    transition: all 1.3s ease 0s;
}
section#ht-team-section .team_social > li > a:hover{
    background: #fff;
    color:#de4f00;
    transition: all 1.3s ease 0s;
}
section#ht-team-section .team-prof{
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0%, 89% 100%, 0 75%);
  /* padding: 45px 0; */
  /* height: 232px; */
  position: relative;
  width: 100%;
  left: 8%;
  bottom: 40px;
  padding: 20px 30px 30px 30px;
  text-align: left;
}
section#ht-team-section .post-title > a{
    text-transform: capitalize;
    color:#424242;
    transition: all 0.2s ease 0s;
}
section#ht-team-section .post-title > a:hover{
    text-decoration: none;
    color:#de4f00;
}
section#ht-team-section .post{
    color:#de4f00;
    font-size: 25px;
    word-break: break-word;
}
section#ht-team-section .our-team:hover .pic .social_media_team{
    top:0;
}
section#ht-team-section .team-prof h3 {
 margin: 0;
 padding: 0 0 4px 0;
 font-size: 25px;
 font-weight: 800;
 word-break: break-word;
}
section#ht-team-section .shad {
    filter: drop-shadow(-1px -1px 10px rgba(50, 50, 0, 0.1));
}
section#ht-team-section .our-team:hover .shad {
    filter: drop-shadow(-1px -1px 10px rgba(50, 50, 0, 0.2));
}
section#ht-team-section .team-sec-subheading {
    font-size: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    line-height: 25px;
}
section#ht-team-section .our-team:hover .pic {
    filter: drop-shadow(-1px -1px 2px rgba(50, 50, 0, 0.3));
}
@media screen and (max-width: 990px){
 section#ht-team-section .our-team{
    margin-bottom: 30px;
}
}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward {
    background: none;
    border: none;
    position: relative;
    right: 19px;
}
.total-count a.button.wc-forward:hover {
    background: none;
    border:none;
}
.total-count .count {
    color: #000;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 4px;
    right: -7px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #00293d;
}
.total-count img {
    width: 25px;
    height: 25px;
    margin: 11px 0 0;
}

/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
/* =========== testimonial page =============== */
section#testimonials-box .dlab-separator-outer.m-b0 {
    margin-bottom: 15px;
}
section#testimonials-box .dlab-separator {
    display: inline-block;
    width: 80px;
    position: relative;
    margin: 0 auto;
}
section#testimonials-box .dlab-separator[class*="style-"]:before {
    width: 80px;
    height: 0;
    position: absolute;
    content: "";
    display: inline-block;
    width: 17px;
    border-width: 2px;
    border-style: dashed;
    border-left: none;
    right: 66px;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    -ms-transform: translateY(-50%);
}
section#testimonials-box .dlab-separator[class*="style-"]:after {
    width: 80px;
    height: 0;
    position: absolute;
    content: "";
    display: inline-block;
    width: 70px;
    border-width: 2px;
    border-style: solid;
    border-left: none;
    right: -10px;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    border-color: #01beff;
    -ms-transform: translateY(-50%);
}
section#testimonials-box .box{
    border:3px solid #333;
    overflow: hidden;
    position:relative;
}
section#testimonials-box .box-img img{
    width:100%;
    height: auto;
}
section#testimonials-box .box-img:before{
    content: "";
    position: absolute;
    top: 5%;
    left: 4%;
    width: 92%;
    height: 90%;
    opacity: 0;
    /*z-index:1;*/
    transform: scale(0,1);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition:all 0.90s ease 0s;
}
section#testimonials-box .box-img:after{
    content: "";
    position: absolute;
    width: 92%;
    height: 90%;
    top: 5%;
    left: 4%;
    opacity: 0;
    transform: scale(1,0);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transition:all 0.90s ease 0s;
}
section#testimonials-box .box-img:hover:before,
section#testimonials-box .box-img:hover:after{
    opacity:1;
    transform: scale(1);
}
/* =========== testimonial page =============== */
.carousel-inner {
    /*border-radius: 10px;*/
}
.quote-box:after{
    content: "";
    background-image: url(images/quote-boxbg.png);
    width: 28px;
    height: 23px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -23px;
    left: 10%;    
}
.quote-box{
	border: 2px solid #ffffff;
    position: relative;    
    padding:20px;   
}
#quote-carousel {
    padding: 0 10px 30px 10px;
        clear: both;
}
#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    /*margin-top: 225px;*/
    opacity: 1;
    z-index: 2000;
        cursor: inherit;
}
/*#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
}*/
/*#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
}
#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: -50px;
    margin-right: -19px;
}*/
#quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 8px;
}
#quote-carousel .carousel-indicators .active {
    background: #ffffff;
    width: 10px;
    height: 10px;
    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;
}
/* --------------------------------- */
/* Testimonial Page */
/* --------------------------------- */
/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/

#blog-box .ht-blog-date {
    font-size: 16px;
    margin-bottom: 15px;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #fff;
    font-weight: 600;
    background: #fc226a;
}
#blog-box .blog-read-more {
    position: relative;
    bottom: 0px;
    right: 0;
}
.ht-blog-date .fa{
    margin-right: 6px;
    color:#7c529c;
    font-size: 22px;
}
#blog-box .ht-blog-date .fa{
    color:#fff;
}
#inner-blog-section .blog-read-more{
    text-align:center;

}
.ht-blog-excerpt .post-right {
    padding: 10px 25px;
    border-left: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    font-size: 14px;
}
.post-right .blog-read-more a:hover{
    color: #fff;
    border-bottom: 4px solid #ea70a1;
    background: #000;
    font-weight: 400;
    color: #fff;
    border-radius: 0px;
}
.post-right .blog-read-more {
    margin: 10px 0;
    border-radius: 5px;
}
.post-right .blog-read-more a {
    color: #fff;
    margin: 10px 0;
    border-radius: 5px;
    padding: 10px;
    background: #ea70a1;
}
/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/
main#innerpage-box .ht-blog-thumbnail{
    text-align: center;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
main#innerpage-box .ht-blog-thumbnail:after{
 content: "";
 width: 100%;
 height: 100%;
 background: #000;
 position: absolute;
 top: 0;
 left: 0;
 transition: all 0.3s ease-in-out 0s;
 opacity: 0.45;
}
main#innerpage-box .ht-blog-thumbnail:hover:after{
    background-position: 100% 100%;
    opacity: 0.2;
}
#blog-box h2{
    margin: 15px 0 15px 0;
    font-weight: 600;
}
#blog-box .inner-blog-img{
    width: 100%;
}
#blog-box .inner-blog-post{
    background: #eee;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 20px;
}
#blog-box .inner-blog-img{
    border-radius: 7px;
    width: 100%;
    background: #fff;
    padding: 2px;
}
#blog-box .inner-blog-excerpt{
    margin: 0 0 20px 0;
}
#blog-box .blog-read-more{
    text-align:center;

}
#blog-box .blog-read-more:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
#blog-box .blog-read-more a{
    padding: 5px 40px;
    display: inline-block;
    line-height: 40px;
    color: #fff;
    border: 3px solid;
    border-radius: 50px;
}
#blog-box .blog-read-more a:hover{
    background: #fc226a;
    color: #FFF;
    border: 3px solid #7c529c;
}
.socialMedia{
    width: 100%;
    text-align: center;
    margin: 40px 0 20px 0;
}
.ht-main-navigation li.current_page_item ul li a{
    color:#fff;
    background:none;
}
.socialMedia a{
    font-size: 30px;
    color: #fff;
    background: #3a3a3a;
    border: 2px solid #fff;
    padding: 5px 10px;
    width: auto;
}
.socialMedia a:hover{
    background: none;
    border: 2px solid #3a3a3a;
}
/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
div#ht-contactus-wrap .contact-page-address p {
    margin-bottom: 10px;
}
#ht-contact-section .contact-content p {
    position: relative;
    font-size: 32px;
    background: linear-gradient(90deg, #fff, #fff, #fff);
    background-repeat: no-repeat;
    background-size: 85%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    display: inline-block;
    margin: 0;
}
@keyframes animate {
  0% {
    background-position: -500%;
}
100% {
    background-position: 500%;
}
}
section#ht-contact-section .contact-img img {
    margin: 0 auto;
    /*height: 122px;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
section#ht-contact-section .contact-box {
    background: #121212 url(images/packagesbg.png) no-repeat center;
    background-size: cover;
    border-radius: 25px;
}
#ht-contact-section .contact-content li {
    display: inline-block;
    font-size: 25px;
}
#ht-cta-section{
    color: #FFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    background-attachment: fixed;
    position: relative;
    background-position: 50% 0; 
}
#ht-cta-section .ht-section{
    padding: 80px 0;
    background: none;
}
#ht-cta-section .ht-section-title-tagline{
    margin-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#ht-cta-section .ht-cta-overlay{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
}
.ht-cta-buttons{
    text-align: center;
}
.ht-cta-buttons a{
    display: inline-block;
    padding: 0 30px;
    line-height: 52px;
    color: #FFF;
    border-radius: 1px;
    margin: 0 4px;
    font-family: 'Oswald', sans-serif;
}
.ht-cta-buttons a.ht-cta-button1{
    background: #fe5722;
}
.ht-cta-buttons a.ht-cta-button2{
    background: #333;
}
.ht-cta-buttons a.ht-cta-button1:hover{
    background: #333;
    color: #FFF;
}
.ht-cta-buttons a.ht-cta-button2:hover{
    background: #fe5722;
    color: #FFF;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.menu-footer-menus-container ul li{
	background: url(images/footer-list-ico.png) no-repeat 0 8px;
    padding: 2px 0 2px 20px;
    list-style: none;
    margin-left: 14px;
}
.menu-footer-menus-containerul li a:hover{
    color:orange;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
    /*background: #fff;*/
    padding: 2em 2em 2em 2em;
    border-radius:10px;
    margin-bottom: 10px;
    /*margin-top: 20px;*/
}
#content-box h4{
    margin: 20px 0 5px 0; 
}
#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ul li:before {

    content: "\f178";
    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;
    box-shadow: 0 10px 30px 0 #88828230;
}
img.ht-page-header-img{
    width: 100%;
}
.sticky {
    display: block;
}
.hentry {
    /*margin: 0 0 30px;*/
}
.total-hentry {
    margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
    display: none;
}

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

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

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

.ht_left_sidebar #secondary{
    float: left;
}
.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
}
.single .ht-post-info{
    margin-right: 30px;
    margin-bottom: 20px;
}
.ht-post-info .entry-date{
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}
.ht-post-info .entry-date span{
    display: block;
    text-transform: uppercase;
}
.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}
.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}
.ht-post-wrapper{
    padding-left: 105px;
}
.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}
.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}
.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}
.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}
.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}
.entry-categories a{
    color: #666;
    text-decoration: none; 
}
.entry-readmore{
    margin-top: 20px;
}
.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}
.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}
section ul{
    padding: 0 0 20px 0;
}
.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{
    background: #000;
    color:#fff;
}
/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
main#innerpage-box #ht-contactus-wrap h2 {
    line-height: 30px;
}

#ht-contactus-wrap .contact-page-form{
    background: #fe5722;
    border-radius: 10px;
    padding: 2em;
    color: #fff;
}
#ht-contactus-wrap input::placeholder{
    color:#fff;
    opacity: 0.8;
}

#ht-contactus-wrap  h1{
 color: #fff;
 text-align: center;
 margin: 0 0 30px 0;
 background: none;
 outline: none;
 border: none;
 font-size: 35px;
 display: block;
 font-weight: 600;
}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"], 
#ht-contactus-wrap input[type="password"], 
#ht-contactus-wrap input[type="search"], 
#ht-contactus-wrap input[type="number"], 
#ht-contactus-wrap input[type="tel"], 
#ht-contactus-wrap input[type="range"], 
#ht-contactus-wrap input[type="date"], 
#ht-contactus-wrap input[type="month"], 
#ht-contactus-wrap input[type="week"], 
#ht-contactus-wrap input[type="time"], 
#ht-contactus-wrap input[type="datetime"],
#ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"],
#ht-contactus-wrap textarea,
#ht-contactus-wrap select
{
    border:none;
    border-bottom: 2px solid #fff;
    background: none;
    width: 100%;
    color: #fff;
    margin: 0 0 32px 0;
}
#ht-contactus-wrap select {
    position: relative;
    cursor: pointer;
    -moz-appearance: none;
    height: 50px;
}
#ht-contactus-wrap select::placeholder{
    color:#fff;
    opacity: 0.8;
}
#ht-contactus-wrap textarea{
    height: 50px;
}
#ht-contactus-wrap textarea::placeholder{
    color:#fff;
    opacity: 0.8;
}
#ht-contactus-wrap label{
    color:#ffffff;
    width: 100%;
}
#ht-contactus-wrap input[type="submit"]
{
    background: #fb216a;
    border: 2px solid #fb216a;
    padding: 13px 50px;
    color: #fff;
    border-radius: 30px;
    margin-top: 10px;
}
#ht-contactus-wrap input[type="submit"]:hover{
    border: 2px solid #fff;
    background: #fb216a;
    color: #fff;
    opacity: 1;
}
.luzuk-address-lable{
    margin:20px 0 0 0;
}
.contact-mapbox{
    margin:2em 0 0;
}
.contact-mapbox iframe{
    width: 100%;
    height:350px;
    background:#fe5722;
    padding:5px;
    border-radius: 5px;
}
.address-box{
    margin: 0 0 20px 0;
}
.contact-sm-links {
    margin: 0;
}
.contact-sm-links li {
    display: inline-block;
    /* padding: 2px; */
    margin: 1px;
    list-style: none;
}
#ht-contactus-wrap .contact-sm-links li{
    display: inline-block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.apointmentmain-box .socials {
    text-align: center;
    margin-top: 20px;
}
#ht-contactus-wrap .contact-sm-links li:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}
.contact-sm-links li a{  
    font-size: 40px;
    padding: 7px 10px;
}
.contact-sm-links li a:hover {
    color: #fc226a;
    border-color: #fc226a;
}





/*-----------------------
## Contact Template
-----------------------------*/
ul.contact-sm-links {
    list-style: none;
    margin: 2em auto 0;
}
ul.contact-sm-links li {
    padding: 7px 0;
    display: inline-block;
}
.social_area {
    padding: 5em 0;
}
#ht-contactus-wrap .contact-sm-links li a span {
      padding: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 50%;
      background:transparent;
}
#ht-contactus-wrap .contact-sm-links li a {
     font-size: 30px;
    border-radius: 50%;
}
#ht-contactus-wrap .contact-sm-links li a:hover span{
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
      background: #fff;
}
main#lz-inner-bx #ht-contactus-wrap .social_area h2 {
    font-size: 60px;
    font-weight: 600;
}
.map_area_label {
    text-align: center;
    padding: 6em 12em;
    padding: 6em 12em 2em;
}

main#lz-inner-bx #ht-contactus-wrap .map_area_label h4{
      font-size: 33px;
    color: #000;
    letter-spacing: -1px;
    line-height: 45px;
}
#ht-contactus-wrap .contact-page-form {
    text-align: center;
}
#ht-contactus-wrap .contact-page-form p{
    color: #fff;
}
.contact-mapbox {
    width: 100%;
     margin: 3em 0;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
}
#ht-contactus-wrap .contact-page-form {
    text-align: left;
}
#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 select, 
#ht-contactus-wrap textarea {
    margin-bottom: 15px;
    border:2px solid;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 5px;
}
#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 60px;
}
#ht-contactus-wrap label {
    font-weight: 400;
        width: 100%;
}
#ht-contactus-wrap select {
    width: 100%;
}
#ht-contactus-wrap input[type="checkbox"], #ht-contactus-wrap input[type="radio"], #ht-contactus-wrap input[type="file"] {
    margin-bottom: 15px;
}
#ht-contactus-wrap input[type=date] {
    line-height: 10px;
    padding: 8px 8px;
}
main#lz-inner-bx #ht-contactus-wrap h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
#ht-contactus-wrap input[type="submit"] {
    float: right;
    padding: 10px 30px;
}

.pd-8 {
    padding: 0 8px;
}

#ht-contactus-wrap .address-box {
    background: #000000;
    padding: 4em 3em;
}

.mg-3 {
    margin: 3em 0;
}

.pd-r {
       padding: 4em 0;
    padding-right: 4em;
     text-align: right;
}

.pd-l {
        padding: 4em 0;
    padding-left: 4em;
     text-align: left;
}

main#lz-inner-bx .Address_area h4, 
main#lz-inner-bx .social_area h4  {
      font-size: 50px;
    color: #000;
    font-weight: 800;
}

main#lz-inner-bx .Contact_area_text {
    font-size: 16px;
    color: #777777;
    padding: 0 10px;
}
main#lz-inner-bx .social_area h4 {
    color: #fff;
}
main#lz-inner-bx .social_area .Contact_area_text {
    color: #fff;
}

#ht-contactus-wrap .Address_area i {
    font-size: 45px;
    color: #ff80b0;
}
#ht-contactus-wrap .contact_l_area i {
    font-size: 45px;
}

#ht-contactus-wrap .contact_l_area {
      padding-top: 15px;
    text-align: center;
}
#ht-contactus-wrap .contact-info {
     margin-top: 25px;
    color: #bebebe;
    font-size: 17px;
}
#ht-contactus-wrap .contact-info a{
    color: #bebebe;
}
#ht-contactus-wrap .contact_area {
        padding: 0 3em 0;
    margin-bottom: 1em;
}
#ht-contactus-wrap .contact-info p{
    margin: 0;
}
#ht-contactus-wrap .contactus-img img {
    width: 100%;
    height: 100%;
    border-radius: 0 10px 0 0;
}
#ht-contactus-wrap .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
#ht-contactus-wrap .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for bouncing arrow =========*/
.social_area {
      position: relative;
    background: #ff80b0;
    padding: 8em 0 4em;
    text-align: center;
}
.social_area i.fa{
      font-size: 45px;
    color: #fff;
    z-index: 999;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 60px;
    right: 50%;
    font-size: 43px;
}
.page-template-contact-template #lz-inner-bx .lz-innerpagebx {
    padding: 0em;
}
main#lz-inner-bx  .single-contact {padding: 1em 0em 1em 1em;margin-bottom: 1em;}
main#lz-inner-bx div#single-contact-box .contact-area { margin: 20px 45px 40px 45px;}
#single-contact-box .contact-sm-links li span.fa.fa-facebook { padding: 0px 3px 0px 3px;}
#single-contact-box h3, #single-contact-box h3 small, #single-contact-box  h1 { font-weight: 600;}

main#lz-inner-bx div#single-contact-box .contactpage-social {
    float: right;
}
main#lz-inner-bx #single-contact-box .single-contact-inner-box { background: #ffffff; margin: 0px 30px 0px;padding: 20px 0px;}
main#lz-inner-bx .single-contact-inner-box .contact-info { font-size: 16px;}

main#lz-inner-bx .single-contact-inner-box .contact-info span.fa.fa-envelope { padding-right: 6px;}
main#lz-inner-bx .contactpage-mapicon-box i.fa.fa-map-marker {font-size: 40px;color: #fc5b74;}

#single-contact-box  h2{    
    font-size: 25px;
    color: #fff;
    text-align: left;
    background: none;
    outline: none;
    font-weight: 600;
    margin-bottom: 2em;
}

#single-contact-box input[type="text"],#single-contact-box input[type="email"], #single-contact-box input[type="url"], 
#single-contact-box input[type="password"], #single-contact-box input[type="search"], 
#single-contact-box input[type="number"], #single-contact-box input[type="tel"], 
#single-contact-box input[type="range"], #single-contact-box input[type="date"], 
#single-contact-box input[type="month"], #single-contact-box input[type="week"], 
#single-contact-box input[type="time"], #single-contact-box input[type="datetime"],
#single-contact-box input[type="datetime-local"], #single-contact-box input[type="color"],
#single-contact-box textarea,#single-contact-box select{ border: 1px solid #c8c7c7; background: none; width: 100%; color: #fff;margin: 0 0 15px 0;border-radius: 0px;padding: 10px 17px;height: 50px;font-size: 15px;}

#single-contact-box select { position: relative; cursor: pointer; -moz-appearance: none; height: 50px;}
#single-contact-box textarea{ height: 110px; padding: 10px 17px;}
#single-contact-box label{ color:#ffffff; width: 100%;}

#single-contact-box input[type="submit"]{ 
    border: none;
    padding: 12px 40px;
    color: #ffffff;
    border-radius: 0;
    font-weight: 600;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

#single-contact-box .unboxthemes-address-lable{ margin:20px 0 0 0;}

#single-contact-box .contact-mapbox {    margin-top: 1em;padding-right: 2em;}
#single-contact-box .contact-mapbox iframe{ width: 100%; height:350px; background:#fe5722; padding:5px;border-radius: 5px;}

#single-contact-box .address-box{ margin: 0 0 20px 0;}
#single-contact-box .address-box span{ padding-right: 10px;}

#single-contact-box .contact-area-socials {     
    margin: 0;
    position: absolute;
    top: 20%;
    left: -15px;
}
#single-contact-box .contact-area-socials li {display: inline-block;padding: 5px; margin: 5px;list-style: none;}
#single-contact-box .contact-area-socials li{     
    transform: scale(1);
    transition: all 0.5s ease 0s;
    padding: 0px; margin: 0px;list-style: none;
    display: block;
}
#content-box #single-contact-box .contact-area-socials li:before{
    display: none;
}
#single-contact-box .contact-area-socials li:hover{-webkit-transform: translateY(-5px); transform: translateY(-5px)}
main#lz-inner-bx #single-contact-box .contact-area-socials li span.fa{    
    font-size: 18px;
    border: none;
    background: #ffd317;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    margin: 2px 0;
}

main#lz-inner-bx div#single-contact-box .contact-area { background-color: #ffffff;}
.cp-area-address, .cp-area-email { word-break: break-word;}

main#lz-inner-bx div#single-contact-box div.wpcf7 input[type="file"]{width: 100%;}

main#lz-inner-bx .blocks-gallery-item img:hover {opacity: 0.8;}


main#lz-inner-bx .cp-left {
    margin: 3em 0;
    padding: 2em;
    position: relative;
    left: -2em;
    z-index: 1;
}

main#lz-inner-bx #single-contact-box .cp-area-address span.fa {
    font-size: 23px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: none;
}
main#lz-inner-bx #single-contact-box .cp-area-address .cp-c{
    margin-bottom: 1em;
}
main#lz-inner-bx #single-contact-box .cp-area-address span.fa:hover {
    border: 1px solid #ffd317;
    color: #3d2d90;
    background: #ffd317;
}
main#lz-inner-bx .cp-right {
    background: #f2f3f5;
    padding: 5em 6em 5em 3em;
}

@media only screen and (max-width: 767px) {
    main#lz-inner-bx .cp-right {
       padding: 2em 1em 1em 1em;
    }
}
/*-----------------------
## End Contact Template
-----------------------------*/


/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
}

.error404 .oops-text{
    text-align: center;
}

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

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

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

.woocommerce ul.products li.product a img{
   /* border: 5px solid #f1f0f0 !important;
    height: 230px;*/
}
.woocommerce div.product div.images img {
  width: 100%;
    height: 100%;
}

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
    color: #fff;
    background: #cd1b29;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0px;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
}

.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: 0px 6px 0 0;
}

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

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

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

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

.woocommerce .product_meta a{
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#customer_details{
    margin-bottom: 40px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1200px){
    .ht-slide-caption{
        margin-left: -68%;
        left: 78%;
    }
    .ht-slide-cap-title.animated.fadeInLeftBig{
        font-size: 98px;
        line-height: 75px;
    }
    .ht-slide-cap-desc{
        font-size: 30px;
    }
    .ct-btn-scroll{
        bottom: 20px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

}

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

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
@media screen and (min-width: 1024px) and (max-width: 1200px){
    section#ht-appintment-section{
        background-position: right 15% bottom 00%;
    }
    section#ht-appintment-section .ht-appintment-member-wrap{
        padding: 0 0 0em 0!important;
    }
    #testimonials-section .team-thumb {
        left: -10px;
    }
    #ht-contact-section .contact-icon {
        font-size: 20px;
    }
    
    #ht-contact-section .contact-content span {
        font-size: 14px;
    }
    .ht-site-description {
        text-align: center;
        font-size: 10px;
    }
    #ht-masthead .themetext, #ht-masthead .mailto {
        font-size: 10px;
    }
    .upper-header .header-social-links {
        padding: 4px 0;
    }
    #ht-masthead .header-social-links span {
        font-size: 11px;
    }
    .contact-box img.appointmentbox-img {
        height: 330px;
    }
    .ht-blog-excerpt h5 a {
        font-size: 15px;
    }
    .ht-blog-excerpt p {
        font-size: 12px;
        line-height: 18px;
    }
    .ht-blog-date .fa, .ht-blog-comment i{
        font-size: 14px;
    }
    .ht-blog-date, .ht-blog-comment {
        font-size: 10px;
    }
    h2.newsletter-title {
        font-size:22px;
    }
}
@media screen and (min-width: 320px) and (max-width: 1024px){
    
    header.site-header .text-bx.padding0{
        padding-left: 15px;
    }
    div#ht-home-slider-section .button-md{
        padding: 21px 50px;
    }
    .ht-slide-cap-title.animated.fadeInLeftBig{
        padding-bottom: 25px;
    }
    .ht-slide-cap-desc{
        margin-bottom: 35px;
    }
    .ctrl-btn.pro-prev{
        left: 43%;
    }
    .ctrl-btn.pro-next{
        right: 44%;
    }
    section#testimonials-box .owl-nav button.owl-prev span{
        left: -35px;
    }
    section#testimonials-box .owl-nav button.owl-next span{
        right: -35px;
    }
    section#testimonials-box .owl-stage-outer {
        margin: 0 1em;
    }
    section#testimonials-box h2.title:before{
        /*left: 55px;*/
    }
    .ht-slide-cap-desc.animated.fadeInDown{
        font-size: 14px;
    }
    .ht-slide-caps-title.animated.fadeInDown {
        font-size: 42px;
    }
    .ht-team-member .ht-team-designation{
        padding: 0;
    }
    .ht-team-social-id {
        margin-top: 5px;
    }
    .ht-team-social-id{
        margin: 0px 55px;
        bottom: -12px;
    }
    .ht-team-member .ht-team-member-excerpt-wrap {
        font-size: 19px;
    }
}

@media screen and (min-width: 320px) and (max-width: 475px){

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

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

div#content li.blocks-gallery-item:before {
    content: none;
}
div#content li.blocks-gallery-item {
    padding: 14px 14px 0 14px;
}
div#content li.blocks-gallery-item img:hover {
    opacity: 0.5;
}
div#ht-contactus-wrap .contact-sm-links {
    margin-bottom: 35px;
}
#ht-contactus-wrap .contact-sm-links li a span.fa.fa-facebook {
    padding: 4px 3px;
}
.single_post .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
        margin-top: 5px;
   /* padding: 7px 25px;
    border: 1px solid;
    position: absolute;
    top: 52px;
    right: 15px;
    height: 36px;
    border: 0;*/
    background: transparent;
    border: 1px solid #ccc;
    width: 100%;
}
.woocommerce-page .widget.widget_price_filter button {
  /*  position: relative !important;
    top: 0 !important;
    left: 0;*/
}
.woocommerce-product-search .search-field{
    margin: 0;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    border-radius: 0 20px;
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
}
.woocommerce div.product div.images img:hover {
    opacity: 0.8;
}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{
    float: right;
    display: contents;
}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
    display: inherit;
}
.woocommerce .star-rating::before{
    float: right !important;
    top: 0 !important;
    right: 0 !important;
    position: relative;
}
.woocommerce div.product .woocommerce-product-rating{
    line-height: 0px;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{
    padding-bottom: 30px;
        border: 0;
}
section#ht-contact-section span.fa {
    font-size: 40px;
    position: relative;
    top: 9px;
}
#ht-contact-section .contact-content.padding0.contact-contentbox {
    padding-left: 5px;
}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    height: 0;
    width: 0;
}
@media screen and (min-width: 320px) and (max-width: 768px){
    #innerpage-box .widget-area .widget-title{
        line-height: 28px !important;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs{
        padding-top: 10px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        font-size: 18px;
    }

.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;
}
  .sf-arrows .sf-with-ul:after{
    right: 40px;
}
.ti-home:before{
    left: 15px;
    top: 12px;
}
.is-fixed .main-bar ul.sub-menu {
    margin-top: 0 ;
}
ul.nav.navbar-nav li a,
header.site-header ul.sub-menu li a{
  padding: 5px 0 5px 25px;
}
.ht-menu.clearfix ul {
    margin-left: 0;
}
header.site-header ul.sub-menu li a {
    padding: 5px 45px;
}
}
/*=========== inner service page ==========*/
section#inner-blog-section h2.title {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 30px 20px 30px;
    background: #121212;
    margin-top: 50px;
    display: block;
}
section#inner-blog-section h2.title a:hover{
    color: #ffffff;
}
section#inner-blog-section img {
    width: 100%;
}
section#inner-blog-section img:hover {
    opacity: 0.8;
}
section#inner-blog-section .readMore a {
    font-size: 14px;
    color: #ffffff;
}
section#inner-blog-section .readMore {
    padding: 10px 20px 10px 20px;
    background: #2e2e2e;
    display: inline-block;
    margin-top: 15px;
    font-weight: 600;
}
section#inner-blog-section .post-content {
    padding-top: 20px;
}
/*================ testimonial =================*/

.bx-wrapper .bx-controls-direction a{
    z-index: 1 !important;
}
#content-box .socialbxsinglepost:hover a i{
    color: #ccc;
}
div#content-box li.blocks-gallery-item:before {
    content: none;
}
div#content-box li.blocks-gallery-item {
    padding: 10px;
    margin: 0;
}
section#ht-contact-section .contactrightbox {
    padding-right: 6%;
}
div#content-box li.blocks-gallery-item img:hover {
    opacity: 0.6;
}
.woocommerce #reviews h2 small{
    float: none;
}
.ht-main-title small{
    color: #ffffff;
}

header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 100%;
 background: #000;
 transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -webkit-transition: all 0.2s ease;
 opacity: 0.6;
}
/*==== gallery shortcode ==========*/

/*===== galery shortcode ===========*/
@media screen and (min-width: 320px) and (max-width: 475px){
    .owl-theme .owl-dots .owl-dot span{
        width: 15px !important;
        height: 15px !important;
        margin: 5px 5px !important;
    }
    .ct-btn-scroll{
        left: auto;
    }
    .comment-form-author, .comment-form-email, .comment-form-url{
        width: 100%;
    }
    #innerpage-box div#content-box .innertestimonialpage-box h3{
        position: relative;
    }
    #innerpage-box div#content-box .innertestimonialpage-box img{
        width: 100%;
        height: auto;
    }
    div#content-box .panel-title a{
        font-size: 15px;
    }
    .person-initial p {
    padding: 0.1em 0;
}
}
@media screen and (min-width: 320px) and (max-width: 320px){
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 12px;
}
    .slider .slide-item{
            width: 285px;
    }
    main#innerpage-box div#content-box .our-teaminnerpbx .social-link li a i{
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
    }
    #innerpage-box div#content-box section.main .ch-grid li {
        /*width: 200px;*/
        height: 200px;
    }
    #ht-contactus-wrap h4{
        font-size: 25px;
    }
}

.breadcrumbbox span a:hover {
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.single_post div#content {
    padding-top: 25px;
}

/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}
body.product-template-default.single.single-product.postid-125.logged-in.admin-bar.woocommerce.woocommerce-page.woocommerce-js.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce ul.products li.product strong{
    display: inline-block;
}
.woocommerce #reviews #comments h2, .woocommerce #reviews #comments h2 small{
    /*color: #000;*/
}
/**/
@media screen and (min-width: 320px) and (max-width: 475px){
    .single-productpage .sidebar_list {
    margin: 0;
}
    .single-productpage .innerpage-whitebox{
        padding: 0;
    }
    div#blog-box.innerpage-whitebox {
    padding: 0em 1em 1em 1em !important;
}
    .widget-area .widget{
        /*padding: 0 0em 1em;*/
    }
    .ht-top-footer {
    margin-right: 1em !important;
    margin-left: 1em !important;
}
   
}
/*=========== for blog post ====*/
footer#ht-colophon table td {
    font-size: 14px;
    padding: 5px;
}
#innerpage-box p {
    font-size: 15px;
}
main#innerpage-box li {
    font-size: 15px;
}
.sidebar_list {
    margin-top: 2em;
}
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
        text-align: center;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
div#blog-box.innerpage-whitebox {
    padding: 0em 2em 2em 2em;
}
.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}
div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
    font-size: 15px;
}
.single-productpage h2.woocommerce-loop-product__title {
    line-height: 33px;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 100%;
}
div#blog-box.innerpage-whitebox article.post.excerpt {
    background: #eee;
    padding: 2em;
    border-radius: 10px;
    margin-bottom: 20px;
}
main#innerpage-box div#commentsAdd textarea#comment {
    background: transparent;
}
div#respond textarea#comment {
    background: transparent;
}
div#comments input[type="submit"] {
       /* padding: 5px 15px; */
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
}
footer#ht-colophon .footer-logo img {
    margin: 0 auto;
    text-align: center;
}
footer#ht-colophon .widget_calendar table {
    margin: 0;
}
#innerpage-box .widget-area .widget-title {
    line-height: 35px;
    word-break: break-word;
}
main#innerpage-box .woocommerce-product-search .search-field {
    border: 1px solid #e9e7e7;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}
/*===================== Project box =====================*/
/*== >Title separators ====== */

.dlab-separator-outer {
    overflow: hidden;
}
.dlab-separator {
    display: inline-block;
    height: 2px;
    width: 80px;
    margin-bottom: 10px;
    position: relative;
}
.dlab-separator.style-liner {
    width: 20px;
}
.dlab-separator.style-icon {
    width: 20px;
    height: auto;
    text-align: center;
    font-size: 20px;
}
.dlab-separator[class*="style-"]:after,
.dlab-separator[class*="style-"]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 28px;
    width: 20px;
    height: 3px;
    background: #eee;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
        top: 1px;
}
.dlab-separator[class*="style-"]:before {
    left: auto;
    right: 27px;
}
.dlab-separator.style-skew {
    width: 15px;
    height: 10px;
    margin-left: 1px;
    margin-right: 1px;
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.dlab-separator.style-skew[class*="style-"]:after,
.dlab-separator.style-skew[class*="style-"]:before {
    width: 80px;
    height: 4px;
    left: 20px;
    -moz-transform: translateY(-50%) skewX(-10deg);
    -webkit-transform: translateY(-50%) skewX(-10deg);
    -o-transform: translateY(-50%) skewX(-10deg);
    -ms-transform: translateY(-50%) skewX(-10deg);
    transform: translateY(-50%) skewX(-10deg);
}
.dlab-separator.style-skew[class*="style-"]:before {
    right: 20px;
    left: auto;
}
.dlab-separator.bnr-title{
    height:1px;
    width: 155px;
    opacity: 0.5;
}
.dlab-separator.bnr-title:before {
    height: inherit;
    right: -80px;
    width: 25px;
}
.dlab-separator.bnr-title:after {
    height: inherit;
    right: -90px;
    top: 0;
    width: 6px;
}
.dlab-separator.bnr-title:before,
.dlab-separator.bnr-title:after{
    position:absolute;
    content:"";
    background-color:inherit;
}
.dlab-separator.bnr-title i {
    background-color: inherit;
    display: block;
    height: inherit;
    position: absolute;
    right: -50px;
    width: 45px;
}
/*== >Deviders ====== */
.dlab-separator.text-primary.style-icon {
    border-bottom: 3px solid #000;
}
div#lz-projects .lz-project-box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
div#lz-projects .lz-project-box > img,
div#lz-projects .lz-project-box .image img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  max-width: 100%;
}
div#lz-projects .lz-project-box > img {
  vertical-align: top;
  position: relative;
  /*-webkit-filter: blur(5px);
  filter: blur(5px);*/
  opacity: 1;
  width: 100%;
}
div#lz-projects .lz-project-box figcaption,
div#lz-projects .lz-project-box .image {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
div#lz-projects .lz-project-box .image {
  position: absolute;
  top: 0;
  bottom: 25%;
  right: 0;
  left: 0;
  overflow: hidden;
}
div#lz-projects .lz-project-box .image img {
  position: absolute;
  top: 0;
}
div#lz-projects .lz-project-box figcaption {
  position: absolute;
  top: 80%;
 /* bottom: 60px;*/
  left: 40px;
  right: 40px;
  border-bottom: 1px solid #ffffff;
  padding-top: 20px;
  z-index: 1;
}
div#lz-projects .lz-project-box h3,
div#lz-projects .lz-project-box p {
  margin: 0;
}
div#lz-projects .lz-project-box h3 {
  font-weight: 700;
  margin-bottom: 5px;
}
div#lz-projects .lz-project-box p {
  font-size: 0.9em;
  font-weight: 400;
  opacity: 0;
}
div#lz-projects .lz-project-box .lz-button {
      display: block;
    opacity: 1;
    /* -webkit-transform: translateX(-20px); */
    /* transform: translateX(-20px); */
    line-height: 25px;
    padding: 0 40px 0 0;
    color: #ffffff;
    left: 40px;
    bottom: 18px;
    font-weight: 500;
    position: absolute;
    font-size: 13px;
    border-top: 1px solid #ffffff;
    width: 80%;
    right: 0;
    text-align: left;
    padding-top: 15px;
}
div#lz-projects .lz-project-box a {
  /*left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;*/
}
div#lz-projects .lz-project-main-bx:hover .lz-project-box .lz-button,
div#lz-projects .lz-project-main-bx.hover .lz-project-box .lz-button,
div#lz-projects .lz-project-main-bx:hover figcaption,
div#lz-projects .lz-project-main-bx.hover figcaption {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
div#lz-projects .lz-project-main-bx:hover .lz-project-box figcaption,
div#lz-projects .lz-project-main-bx.hover figcaption,
div#lz-projects .lz-project-main-bx:hover .image,
div#lz-projects .lz-project-main-bx.hover .image {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
div#lz-projects .lz-project-box:hover figcaption,
div#lz-projects .lz-project-box.hover figcaption {
  /*top: 50%;*/
}
div#lz-projects .lz-project-main-bx:hover .lz-project-box .image,
div#lz-projects .lz-project-main-bx.hover .lz-project-box .image {
  bottom: 50%;
}
div#lz-projects .lz-project-box:hover p,
div#lz-projects .lz-project-box.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
div#lz-projects .rd-pd10 {
    padding: 0px 10px 0px 10px;
    margin-bottom: 75px;
    background: none !important;
}
div#lz-projects .lz-project-box .lz-button i.fa{
    font-size: 13px;
    padding-left: 10px;
}
div#lz-projects .lz-projectBox{
    padding: 15px 40px;
    background: #f7f7f7;
    transition:all 0.5s ease-in-out;
        position: relative;
}
div#lz-projects .lz-project-main-bx:hover .lz-projectBox{
    background: #8444e1;
    transition:all 0.5s ease-in-out;
    color:#fff;
}
div#lz-projects h3 {
    font-size: 24px;
    font-weight: normal;
    word-break: break-word;
}
div#lz-projects .lz-project-main-bx:hover h3 {
    color: #ffffff;
}

div#lz-projects .lz-project-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #000000;
  text-align: center;
}
div#lz-projects .lz-project-box img {
  opacity: 1;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
div#lz-projects .lz-project-main-bx:hover .lz-project-box img,
div#lz-projects .lz-project-main-bx.hover .lz-project-box img {
  opacity: 0.6;
  /*-webkit-filter: blur(2px);
  filter: blur(2px);*/
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
div#lz-projects .lz-projectBox:after{
    content: "";
    width: 19%;
    height: 3px;
    background: #8444e1;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: all 0.3s ease 0s;
}
div#lz-projects .lz-project-main-bx:hover .lz-projectBox:after{ width: 100%; }
div#lz-projects .lz-project-main-bx:hover .lz-projectBox:after {
    background:  #1f1f1f;
}
h2.lz-section {
    font-size: 38px;
    font-weight: normal;
        margin-bottom: 25px;
        word-break: break-word;
}
.lz-subheading {
    font-size: 15px;
        margin-top: 15px;
}
div#lz-projects .lz-bx {
    padding-top: 5em;
    padding-bottom: 3em;
}
div#lz-projects .lz-project-main-bx:hover .lz-projectBox {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
}
div#lz-projects {
    background: #fcfcfc;
}
div#lz-projects .rd-pd10:hover .lz-button i.fa{
    opacity: 0;
}
div#lz-projects .btn{
        color: #fff;
    font-size: 13px;
    font-weight: normal;
    /* letter-spacing: 1px; */
    width: 100%;
    /* padding: 5px; */
    border: none;
    border-radius: 0;
    /*overflow: hidden;*/
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    text-align: left;
    padding: 0;
}
div#lz-projects .btn:hover{
    color: #fff;
    /*background: linear-gradient(#f953c6,#b91d73);*/
    border: none;
}
div#lz-projects .btn:before{
    content: "\f178";
    font-family: FontAwesome;
    color: #fff;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 5%;
    top: -100%;
    transition: all 0.3s ease 0.1s;
    font-size: 25px;
}
div#lz-projects .rd-pd10:hover .btn:before{
    opacity: 1;
    top: 0px;
}
div#lz-projects .rd-pd10 .btn span{ 
    transition: all 0.3s ease; 
    word-break: break-word;
    white-space: normal;
}
div#lz-projects .rd-pd10:hover .btn span{
    opacity: 0;
}
/*===================== end Project box =====================*/
/*===================== my story box =====================*/
div#lz-story .main-timeline h3.title {
    margin-top: 00px;
}
div#lz-story .main-timeline p.descp {
     /* display: inline-block; */
    /* padding: 8px 20px; */
    /* margin: 0; */
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    position: absolute;
    top: 39%;
    left: 30%;
    transform: translateY(15%);
    padding: 0px 70px 0 40px;
        line-height: 24px;
}
div#lz-story .main-timeline{
    /*overflow: hidden;*/
    position: relative;
}
div#lz-story .main-timeline:before{
      content: "";
    width: 1px;
    height: 95%;
    background: #d6d5d5;
    position: absolute;
    top: 14px;
    left: 31%;
}
div#lz-story .main-timeline .timeline{
    padding-right: 30px;
    position: relative;
        margin-bottom: 35px;
}
div#lz-story .main-timeline .timeline:before,
div#lz-story .main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
div#lz-story .main-timeline .timeline:first-child:before,
div#lz-story .main-timeline .timeline:last-child:before{
    /*content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #d6d5d5;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;*/
}
div#lz-story .main-timeline .timeline:last-child:before{
    top: auto;
    bottom: 0;
}
div#lz-story .main-timeline .timeline-icon{
       width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #8444e1;
    box-sizing: content-box;
    margin: auto;
    position: absolute;
    top: -30px;
    left: -37.9%;
    bottom: 0;
    right: 0px;
}
div#lz-story .main-timeline .timeline-icon:before{
       content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#lz-story .main-timeline .timeline:hover .timeline-icon:before {
    background: #ccc;
}
div#lz-story .main-timeline .year{
    display: inline-block;
    padding: 0px 40px 25px 40px;
    /* margin: 0; */
    font-size: 15px;
    color: #000;
    /* text-align: center; */
    position: absolute;
    top: 45%;
    left: 30%;
    transform: translateY(-50%);
    font-weight: 600;
    word-break: break-all;
}
div#lz-story .main-timeline .year:before{
    /*content: "";
    border-right: 18px solid #737ab4;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: -18px;*/
}
div#lz-story .main-timeline .timeline-content{
    width: 25.5%;
    padding: 20px 0px 30px 0px;
    margin: 0 20px 0 0;
    background: transparent;
    position: relative;
        text-align: right;
}
div#lz-story .main-timeline .timeline-content:after{
   /* content: "";
    border-left: 20px solid #f2f2f2;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);*/
}
div#lz-story .main-timeline .title{
      /* float: left; */
    float: none;
    font-size: 15px;
    font-weight: 600;
    color: #504f54;
    margin: 0;
    line-height: 22px;
    word-break: break-word;
}
div#lz-story .main-timeline .post{
    display: inline-block;
    font-size: 13px;
    color: #999;
    margin-top: 0;
    word-break: break-all;
}
div#lz-story .main-timeline .description{
    font-size: 14px;
    color: #7d7b7b;
    line-height: 24px;
    margin: 0;
    clear: both;
}
div#lz-story .main-timeline .timeline:nth-child(2n){ /*padding: 0 0 0 30px;*/ }
div#lz-story .main-timeline .timeline:nth-child(2n) .year{
    /*right: auto;
    left: 25%;*/
}
div#lz-story .main-timeline .timeline:nth-child(2n) .year:before{
    border: 18px solid transparent;
    border-right: none;
    border-left: 18px solid #737ab4;
    left: auto;
    right: -18px;
}
div#lz-story .main-timeline .timeline:nth-child(2n) .timeline-content{
/*    float: right;
    margin: 0 0 0 20px;*/
}
div#lz-story .main-timeline .timeline:nth-child(2n) .timeline-content:after{
    border-left: none;
    border-right: 20px solid #f2f2f2;
    right: auto;
    left: -20px;
}
@media only screen and (max-width: 1200px){
  /* div#lz-story .main-timeline .year{ right: 30%; }
   div#lz-story .main-timeline .timeline:nth-child(2n) .year{ left: 30%; }*/
}
@media only screen and (max-width: 990px){
   /*div#lz-story .main-timeline .year{ right: 25%; }
   div#lz-story .main-timeline .timeline:nth-child(2n) .year{ left: 25%; }*/
}
@media only screen and (max-width: 767px){
   div#lz-story .main-timeline:before{ left: 6px; }
   div#lz-story .main-timeline .timeline{
        padding: 0 0 0 30px;
        margin-bottom: 20px;
    }
   div#lz-story .main-timeline .timeline:last-child{ margin-bottom: 0; }
   div#lz-story .main-timeline .timeline:first-child:before,
   div#lz-story .main-timeline .timeline:last-child:before{ display: none; }
   div#lz-story .main-timeline .timeline-icon{
        margin: 0;
        position: absolute;
        top: 7px;
        left: 0;
    }
   div#lz-story .main-timeline .year,
   div#lz-story .main-timeline .timeline:nth-child(2n) .year{
        display: block;
        font-weight: bold;
        margin: 0 0 0px 30px;
        z-index: 1;
        position: relative;
        top: auto;
        left: 12%;
        right: auto;
        transform: none;
    }
   div#lz-story .main-timeline .timeline:nth-child(2n) .year:before{
        border-left: none;
        border-right: 18px solid #737ab4;
        right: auto;
        left: -18px;
    }
   div#lz-story .main-timeline .timeline-content{ padding: 20px; }
   div#lz-story .main-timeline .timeline-content,
   div#lz-story .main-timeline .timeline:nth-child(2n) .timeline-content{
/*        width: auto;
        float: none;
        margin: 0 0 0 30px;*/
    }
   div#lz-story .main-timeline .timeline-content:after,
   div#lz-story .main-timeline .timeline:nth-child(2n) .timeline-content:after{
        border: none;
        border-bottom: 20px solid #f2f2f2;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}
@media only screen and (max-width: 480px){
  /*div#lz-story .main-timeline .title{
        float: none;
        margin: 0;
    }
   div#lz-story .main-timeline .year,
   div#lz-story .main-timeline .timeline:nth-child(2n) .year{ margin-left: 20px; }
   div#lz-story .main-timeline .timeline-content,
   div#lz-story .main-timeline .timeline:nth-child(2n) .timeline-content{ margin-left: 10px; }
   div#lz-story .main-timeline .post{ margin: 5px 0; }*/
}
.lightbox {
    padding: 6em 0;
}
div#lz-story {
    background: #fcfcfc;
    border-top: 1px solid #d6d6d6;
}
div#lz-story .lz-det-1 .lz-tagline {
       margin-bottom: 0;
    font-weight: normal;
    font-size: 26px;
        padding: 0;
        line-height: 32px;
        word-break: break-word;
}
div#lz-story .mains-timeline .lz-tagline {
    font-weight: normal;
     font-size: 26px;
         padding: 0;
}
/*===================== end my education story box =====================*/
/*============ experience box ================*/

div#lz-story .lz-story-tagline.lz-tag2 {
    margin: 45px 0 0 0;
}
div#lz-story .mains-timeline h3.title {
    margin-top: 00px;
}
div#lz-story .mains-timeline p.descp {
     /* display: inline-block; */
    /* padding: 8px 20px; */
    /* margin: 0; */
    font-size: 14px;
    color: #000;
    /* text-align: center; */
    position: absolute;
    top: 45%;
    left: 30%;
    transform: translateY(15%);
    padding: 0px 70px 0 40px;
        line-height: 25px;
}
div#lz-story .mains-timeline{
    /*overflow: hidden;*/
    position: relative;
}
div#lz-story .mains-timeline:before{
       content: "";
    width: 1px;
    height: 97%;
    background: #d6d5d5;
    position: absolute;
    top: 25px;
    left: 31%;
}
div#lz-story .mains-timeline .timeline{
    padding-right: 30px;
    position: relative;
        margin-bottom: 25px;
}
div#lz-story .mains-timeline .timeline:before,
div#lz-story .mains-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
div#lz-story .mains-timeline .timeline:first-child:before,
div#lz-story .mains-timeline .timeline:last-child:before{
    /*content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #d6d5d5;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: -3px;*/
}
div#lz-story .mains-timeline .timeline:last-child:before{
    top: auto;
    bottom: 0;
}
div#lz-story .mains-timeline .timeline-icon{
       width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #8444e1;
    box-sizing: content-box;
    margin: auto;
    position: absolute;
    top:  -20px;
    left: -37.9%;
    bottom: 0;
    right: 0px;
}
div#lz-story .mains-timeline .timeline-icon:before{
       content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ffffff;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
div#lz-story .mains-timeline .timeline:hover .timeline-icon:before {
    background: #ccc;
}
div#lz-story .mains-timeline .year{
    display: inline-block;
    padding: 8px 40px 25px 40px;
    /* margin: 0; */
    font-size: 15px;
    color: #000;
    /* text-align: center; */
    position: absolute;
    top: 49%;
    left: 30%;
    transform: translateY(-50%);
    font-weight: 600;
}
div#lz-story .mains-timeline .year:before{
    /*content: "";
    border-right: 18px solid #737ab4;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    position: absolute;
    top: 0;
    left: -18px;*/
}
div#lz-story .mains-timeline .timeline-content{
    width: 25.5%;
    padding: 35px 0px 30px 0px;
    margin: 0 20px 0 0;
    background: transparent;
    position: relative;
        text-align: right;
}
div#lz-story .mains-timeline .timeline-content:after{
   /* content: "";
    border-left: 20px solid #f2f2f2;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);*/
}
div#lz-story .mains-timeline .title{
      /* float: left; */
    float: none;
    font-size: 15px;
    font-weight: 600;
    color: #504f54;
    margin: 0;
        line-height: 22px;

}
div#lz-story .mains-timeline .post{
    display: inline-block;
    font-size: 13px;
    color: #999;
    margin-top: 0;
    word-break: break-all;
}
div#lz-story .mains-timeline .description{
    font-size: 14px;
    color: #7d7b7b;
    line-height: 24px;
    margin: 0;
    clear: both;
}
div#lz-story .mains-timeline .timeline:nth-child(2n){ /*padding: 0 0 0 30px;*/ }
div#lz-story .mains-timeline .timeline:nth-child(2n) .year{
    /*right: auto;
    left: 25%;*/
}
div#lz-story .mains-timeline .timeline:nth-child(2n) .year:before{
    border: 18px solid transparent;
    border-right: none;
    border-left: 18px solid #737ab4;
    left: auto;
    right: -18px;
}
div#lz-story .mains-timeline .timeline:nth-child(2n) .timeline-content{
/*    float: right;
    margin: 0 0 0 20px;*/
}
div#lz-story .mains-timeline .timeline:nth-child(2n) .timeline-content:after{
    border-left: none;
    border-right: 20px solid #f2f2f2;
    right: auto;
    left: -20px;
}
@media only screen and (max-width: 1200px){
  /* div#lz-story .mains-timeline .year{ right: 30%; }
   div#lz-story .mains-timeline .timeline:nth-child(2n) .year{ left: 30%; }*/
}
@media only screen and (max-width: 990px){
   /*div#lz-story .mains-timeline .year{ right: 25%; }
   div#lz-story .mains-timeline .timeline:nth-child(2n) .year{ left: 25%; }*/
}
@media only screen and (max-width: 767px){
   div#lz-story .mains-timeline:before{ left: 6px; }
   div#lz-story .mains-timeline .timeline{
        padding: 0 0 0 30px;
        margin-bottom: 20px;
    }
   div#lz-story .mains-timeline .timeline:last-child{ margin-bottom: 0; }
   div#lz-story .mains-timeline .timeline:first-child:before,
   div#lz-story .mains-timeline .timeline:last-child:before{ display: none; }
   div#lz-story .mains-timeline .timeline-icon{
        margin: 0;
        position: absolute;
        top: 7px;
        left: 0;
    }
   div#lz-story .mains-timeline .year,
   div#lz-story .mains-timeline .timeline:nth-child(2n) .year{
        display: block;
        font-weight: bold;
        margin: 0 0 0px 30px;
        z-index: 1;
        position: relative;
        top: auto;
        left: 12%;
        right: auto;
        transform: none;
    }
   div#lz-story .mains-timeline .timeline:nth-child(2n) .year:before{
        border-left: none;
        border-right: 18px solid #737ab4;
        right: auto;
        left: -18px;
    }
   div#lz-story .mains-timeline .timeline-content{ padding: 20px; }
   div#lz-story .mains-timeline .timeline-content,
   div#lz-story .mains-timeline .timeline:nth-child(2n) .timeline-content{
/*        width: auto;
        float: none;
        margin: 0 0 0 30px;*/
    }
   div#lz-story .mains-timeline .timeline-content:after,
   div#lz-story .mains-timeline .timeline:nth-child(2n) .timeline-content:after{
        border: none;
        border-bottom: 20px solid #f2f2f2;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        top: -20px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
}
div#lz-story .mains-timeline .lz-story-tagline {
    margin: 20px 0;
    position: relative;
    top: 55px;
}
div#lz-story img {
    width: 100%;
    height: 100%;
}
div#lz-story .btn{
    color: #fff;
    /*background: linear-gradient(#243B55,#141E30);*/
    font-size: 13px;
    font-weight: normal;
    padding: 15px 30px;
    border: none;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}
div#lz-story .btn:hover{
    color: #fff;
    /*background: linear-gradient(#f953c6,#b91d73);*/
    border: none;
}
div#lz-story .btn:before{
    content: "\f019";
    font-family: FontAwesome;
    color: #fff;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -100%;
    transition: all 0.3s ease 0.1s;
}
div#lz-story .btn:hover:before{
    opacity: 1;
        top: 12px;
    font-size: 20px;
}
div#lz-story .btn span{ transition: all 0.3s ease; word-break: break-word;
    white-space: normal; }
div#lz-story .btn:hover span{
    opacity: 0;
}
div#lz-story .story-btn.text-center {
    position: absolute;
        left: 15%;
    right: 15%;
    bottom: 15%;
}
div#lz-story .lz-resume-img img {
    width: 70px;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 65%;
}
/*============= experience box =================*/
/*================== counter sectoion ================*/
div#counter .lightbox {
    padding: 5em 0;
}
div#counter .lz-count-bx{
    text-align: center;
    position: relative;
    margin-bottom: 2em;
    margin-top: 2em;
}
div#counter .lz-count-bx .lz-count-icon{
   width: 110px;
    height: 120px;
    line-height: 120px;
    background: linear-gradient(to bottom,transparent 49%,transparent 50%);
    margin: 0 auto 25px;
    font-size: 45px;
    color: #fff;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    position: relative;
    transition: all 0.3s ease 0s;
}
div#counter .lz-count-bx:hover .lz-count-icon{ font-size: 60px; }
div#counter .lz-count-bx .lz-count-icon:before,
div#counter .lz-count-bx .lz-count-icon:after{
    content: "";
    width: 88%;
    height: 88%;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transform: translate(-50%, -50%);
}
div#counter .lz-count-bx .lz-count-icon:after{
    width: 84%;
    height: 84%;
    background: #202020;
    transition: all 0.3s ease 0s;
}
div#counter .lz-count-bx:hover .lz-count-icon:after{ box-shadow: 0 0 40px rgba(0,0,0,0.2) inset; }
div#counter .lz-count-bx .title{
font-size: 37px;
    color: #505050;
    margin: 0 0 7px 0;
    position: relative;
    transition: all 0.3s ease 0s;
        font-weight: 600;
}
/*div#counter .lz-count-bx:hover .title{ color: #e47019; }*/
div#counter .lz-count-bx .title:before{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #e47019;
    background: #e47019;
    box-shadow: 0 0 0 3px #fff inset;
    position: absolute;
    top: -50px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
}
div#counter .lz-count-bx:hover .title:before{
    opacity: 1;
    top: -34px;
}
div#counter .lz-count-bx .description{
    font-size: 17px;
    color: #505050;
    line-height: 27px;
    margin: 0;
}
div#counter .lz-count-bx.blue .lz-count-icon{ background: linear-gradient(to bottom,transparent 49%,#1b87a4 50%); }
div#counter .lz-count-bx.blue .lz-count-icon:after{ background: #1b87a4; }
div#counter .lz-count-bx.blue:hover .title{ color: #1b87a4; }
div#counter .lz-count-bx.blue .title:before{
    border-color: #1b87a4;
    background: #1b87a4;
}
div#counter .lz-count-bx.darkblue .lz-count-icon{ background: linear-gradient(to bottom,transparent 49%,#4c3f8f 50%); }
div#counter .lz-count-bx.darkblue .lz-count-icon:after{ background: #4c3f8f; }
div#counter .lz-count-bx.darkblue:hover .title{ color: #4c3f8f; }
div#counter .lz-count-bx.darkblue .title:before{
    border-color: #4c3f8f;
    background: #4c3f8f;
}
div#counter .lz-count-bx.purple .lz-count-icon{ background: linear-gradient(to bottom,transparent 49%,#9f2369 50%); }
div#counter .lz-count-bx.purple .lz-count-icon:after{ background: #9f2369; }
div#counter .lz-count-bx.purple:hover .title{ color: #9f2369; }
div#counter .lz-count-bx.purple .title:before{
    border-color: #9f2369;
    background: #9f2369;
}

div#counter {
    padding: 0;
    padding-left: 10em;
}
div#counter .overlay {
        width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #1f1f1f;
    opacity: 0.9;
}
/*======================== counter section ==================*/

/*============ services section ====================*/
div#services .padding10{
padding: 10px;
}
div#services .lz-ser-bx{
    color: #043565;
    position: relative;
    transition: all 0.5s ease 0s;
    background: #ffffff;
}
div#services .lz-ser-bx:hover{
   /*     background: #ffffff;
    border-color: #fff;
    color: #121212;*/
}
div#services .lz-ser-bx:before{
    content: "";
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    border-right: 75px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
div#services .lz-ser-bx:hover:before{ border-top-color: #8444e1; }

div#services .lz-ser-bx .title{
    font-size: 27px;
    font-weight: normal;
    margin: 0px 0 20px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
        position: relative;
        word-break: break-word;
}
div#services .lz-ser-bx .lz-ser-text{
    font-size: 15px;
    line-height: 27px;
    padding-right: 25px;
    padding-top: 5px;
}
div#services .lz-ser-bx .lz-ser-num{
    display: block;
    font-size: 30px;
    line-height: 10px;
    color: #ffffff;
    position: absolute;
    left: 10px;
    top: 15px;
    opacity: 0;
}
div#services .lz-ser-bx:hover .lz-ser-num {
    opacity: 1;
}
div#services .lz-ser-bx .lz-ser-bx-signup{
    font-size: 13px;
    color: #043565;
    transition: all 0.5s ease 0s;
        padding: 0;
            margin-left: 8px;
}
div#services .lz-ser-bx:hover .lz-ser-bx-signup{
    color: #121212;
}
div#services .lz-ser-bx img {
    display: none;
}
div#services .ser-btn-bx {
       border-top: 1px solid #e2e2e2;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 40px;
    padding-right: 10px;
}
div#services .lz-serdet-bx {
    padding: 50px 50px 40px 50px;
}
div#services {
    background: #f7f7f7;
}
div#services i.fa {
    font-size: 40px;
}
div#services .lz-ser-bx:hover {
    box-shadow: 0px 10px 30px rgba(0,0,0,.2);
}
div#services .lz-ser-bx .title:after {
   content: "";
    display: block;
    width: 60px;
    height: 3px;
    background: #8444e1;
    /* margin: 0 auto; */
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    transition: all 0.2s ease-out 0s;
}
div#services .lz-ser-bx:hover .title:after{
    width: 100%;
}
div#services .btn{
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
}
div#services .btn:hover{
    color: #121212;
}
div#services .btn:before{
      content: "\f178";
    font-family: FontAwesome;
    color: #121212;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -100%;
    transition: all 0.3s ease 0.1s;
    font-size: 25px;
    font-weight: normal;
    left: 25px;
    background: #8c50e4;
    padding: 0px 10px;
}
div#services .lz-ser-bx:hover .btn:before{
    opacity: 1;
    top: 2px;
}
div#services .btn span{ 
    transition: all 0.3s ease; 
    word-break: break-word;
    white-space: normal;
}
div#services .lz-ser-bx:hover .btn span{
    opacity: 0;
}
/*============= services section ==================*/

/*============= Blog section ==================*/
div#blogs .lightbox {
    padding: 6em 0 4em 0;
}
div#blogs {
    background: #f7f7f7;
    border-top: 1px solid #d6d6d6;
}
div#blogs .lz-blog-bx1{ position: relative; }
div#blogs .lz-blog-bx1 .lz-blog-bx-2{ position: relative; margin-bottom: 3em; }
div#blogs .lz-blog-bx1 .lz-blog-bx-2:before,
div#blogs .lz-blog-bx1 .lz-blog-bx-2:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:before{
    content: "";
    width: 5.2%;
    height: 3px;
    background: #d9b44a;
    margin-left: -5%;
    position: absolute;
    top: 32%;
    left: 50%;
    display: none;
}
div#blogs .lz-blog-bx1 .lz-bx-img{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d9b44a;
    margin: 0 auto;
    position: absolute;
    top: 26.5%;
    left: 44.5%;
    z-index: 1;
    display: none;
}
div#blogs .lz-blog-bx1 .lz-blog-bx3{
 width: 100%;
    float: left;
    margin-top: 50px;
    transition: all 0.3s ease 0s;
}
div#blogs .lz-blog-bx1 .date{
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #4e6457;
    margin: 0 0 8px;
}
div#blogs .lz-blog-bx1 .title{
        font-size: 24px;
    color: #d9b44a;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 35px;
        word-break: break-word;
}
div#blogs .lz-blog-bx1 .description{
    font-size: 15px;
    color: #777;
    line-height: 28px;
    margin-top: 8px;
    font-style: italic;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n):before{ margin-left: 0; }
div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3{
float: right;
    text-align: right;
        margin-right: 3em;
}
@media only screen and (max-width: 767px){
  div#blogs .lz-blog-bx1{ margin: 0 15px; }
   div#blogs .lz-blog-bx1:before{ /*left: 0;*/ }
   div#blogs .lz-blog-bx1 .lz-blog-bx-2:before{
        left: 0;
        margin: 0;
    }
  div#blogs .lz-blog-bx1 .lz-blog-bx3{
        width: 90%;
        float: right;
        text-align: left;
    }
   div#blogs .lz-blog-bx1 .lz-blog-bx3:before{ left: -10%; }
}
@media only screen and (max-width: 480px){
   div#blogs .lz-blog-bx1 .lz-blog-bx-2:before{ display: none; }
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .test-icon {
    float: right;
}
div#blogs .lz-blog-bx-4 {
       background: #ffffff;
    padding: 40px 55px;
    position: absolute;
    right: 60px;
    top: 110px;
    overflow: hidden;
}
div#blogs .lz-blog-bx1 .lz-blog-bx3 i.fa.fa-quote-left {
    float: right;
    font-size: 60px;
    color: #6943c4;
    opacity: 0.2;
    position: relative;
    bottom: 25px;
    right: -25px;
}
div#blogs img {
    width: 100%;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3 .lz-blog-bx-4 {
    right: 0;
    left: 15px;
}
div#blogs .btn{
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    position: relative;
}
div#blogs .btn:hover{
    color: #121212;
}
div#blogs .btn:before{
      content: "\f178";
    font-family: FontAwesome;
    color: #121212;
    opacity: 0;
    /* transform: translateX(-50%); */
    position: absolute;
    left: 50%;
    top: -100%;
    transition: all 0.3s ease 0.1s;
    font-size: 25px;
    font-weight: normal;
    left: 0;
    background: #8c50e4;
     padding: 5px 10px; 
    right: 0;
}
div#blogs .lz-blog-bx-2:hover .btn:before{
    opacity: 1;
    top: 2px;
}
div#blogs .btn span{ 
    transition: all 0.3s ease; 
    word-break: break-word;
    white-space: normal;
}
div#blogs .lz-blog-bx-2:hover .btn span{
    opacity: 0;
}
div#blogs .lz-blog-bx-btn a {
    /* opacity: 0; */
    background: #000;
    font-size: 13px;
        padding: 14px 35px;
}
div#blogs .lz-blog-bx-2:hover .lz-blog-bx-btn a {
    background: transparent;
}
div#blogs .lz-blog-bx-btn {
      position: absolute;
    right: 0;
    /* background: #000; */
    padding: 0;
    bottom: 15%;
    z-index: 1;
    margin-left: 2em;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx-btn {
    left: 0 !important;
    float: left;
    text-align: left;
        margin-right: 2em;
        margin-left: 0;
}
div#blogs .lz-blog-bx1 p {
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 15px;
        word-break: break-word;
}
div#blogs .lz-section-tagline {
    margin-bottom: 0;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2 .over-layer{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity:0;
        background: #000;
    transition: all 0.50s linear;
    opacity: 0.1;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:hover .over-layer{
    opacity:0.5;
    text-decoration:none;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2 .post-img{
    position:relative;
    overflow: hidden;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2 .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:transform 0.50s linear;
        height: 100%;
}
div#blogs .lz-blog-bx1 .lz-blog-bx-2:hover .post-img img{
    transform: scale(1.1,1.1);
}

/*============= about section ==================*/

div#about { padding: 0em 2em 0em 11em;}
div#about img { width: 100%; height: 100%;}
h2.lz-about-bx-title {
    font-size: 57px;
    font-weight: normal;
    margin-bottom: 25px;
    line-height: 65px;
    word-break: break-word;
}
div#about .lightbox {  padding: 8em 6em 6em 2em;}
div#about .lz-about-bx-subtag {
    font-size: 15px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px;
}
div#about .lz-about-text {
    font-size: 15px;
        padding-left: 5px;
}
div#about .lz-about-icon {
       font-size: 25px;
    position: relative;
    bottom: 8px;
}

div#about .post-img{
    position: relative;
    overflow: hidden;
    padding: 0;
}
div#about .post-img:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    transition: all 0.4s linear 0s;
}
div#about :hover .post-img:before{
   /* background: rgba(0, 0, 0, 0.6);*/
       background: #000;
    opacity: 0.5;
}
#about .contbx{width: 50%;position: relative;overflow: hidden;}
div#about .category {
    width: 40%;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding: 11px 40px;
    background: #ff9412;
    position: absolute;
    bottom: 0;
    right: -100%;
    transition: all 0.5s ease-in-out 0s;
    font-weight: bold;
    word-break: break-word;
}
div#about :hover .category{
    right: 0;
}
div#about .about-txt1,
div#about .about-txt2 {
    display: inline-block;
    word-break: break-all;
}
div#about .lz-about-det-bx1 i{
    transform: rotateY(0deg);
    transition: all 2s ease 0s;
}
div#about .lz-about-det-bx1:hover i{ transform: rotateY(360deg); }
/*=========== about ===============*/

/*============== pricing ===============*/
div#Pricing {
    background: #fcfcfc;
}
div#Pricing .lz-pricingTable {
  color: #000000;
  text-align: center;
  font-size: 16px;
  margin: 40px 70px;
}
div#Pricing .lz-pricingTable .plan {
  margin: 0;
  position: relative;
  float: left;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
padding: 55px 35px;
}
div#Pricing .lz-pricingTable * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
div#Pricing .lz-pricingTable .plan-cost {
  padding: 0;
    font-size: 37px;
    font-weight: bold;
    font-weight: normal;
    margin: 0;
}
div#Pricing .lz-pricingTable .plan-type {
  opacity: 0.6;
}
div#Pricing .plan:nth-child(2),
div#Pricing .plan:nth-child(4) {
       margin-top: -50px;
    padding-top: 100px;
    padding-bottom: 100px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
div#Pricing h3.plan-title {
       font-size: 20px;
    font-weight: normal;
    word-break: break-word;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
}
div#Pricing .plan-starts {
    font-size: 13px;
    font-weight: 600;
}
div#Pricing .lz-table-content ul li {
    font-size: 14px;
    list-style: none;
    padding: 10px 10px;
    border-top: 1px solid #ccc;
     transition: all 0.5s ease 0s;
         word-break: break-word;

}
div#Pricing .lz-table-content ul li:last-child {
    border-bottom: 1px solid #ccc;
}
div#Pricing ul {
    margin: 0;
    padding: 30px 0 0px 0;
}

div#Pricing .btn{
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    margin-top: 5px;
    font-size: 15px;
    border: 1px solid #ccc;
    white-space: normal;
    padding: 10px 25px;
    border-radius: 5px;
}
div#Pricing .btn:hover{
    color: #121212;
}
div#Pricing .btn:before{
      content: "\f178";
    font-family: FontAwesome;
    color: #121212;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -100%;
    transition: all 0.3s ease 0.1s;
    font-size: 25px;
    font-weight: normal;
    /*left: 25px;*/
    background: #8c50e4;
    padding: 4px 35px;
    text-align: center;
    margin: 0 auto;
}
div#Pricing .plan:hover .lz-table-link .btn:before{
    opacity: 1;
    top: 30px;
}
div#Pricing .btn span{ 
    transition: all 0.3s ease; 
    word-break: break-word;
}
div#Pricing .plan:hover .lz-table-link .btn span{
    opacity: 0;
}
div#Pricing .lz-table-link {
    position: relative;
    padding-top: 30px;
}
div#Pricing .lz-section-tagline {
    margin-bottom: 6em;
}
div#Pricing .plan-cost sup {
    font-size: 20px;
        padding-right: 3px;
        word-break: break-word;
}
div#Pricing .lz-pricingTable .plan:hover h3.plan-title {
    letter-spacing: 1px;
    transition: all 0.5s ease 0s;
}
div#Pricing .lz-table-content ul li:hover {
    background: #f1f1f1;
}
div#Pricing .btn span span {
    border: 0;
    padding: 0;
}
div#Pricing .lz-pricingTable .plan:hover .btn {
    border: 0;
    padding: 0;
}
/*============== pricing ===============*/


/*============== testimonials ================*/
div#testimonials .lz-section-tagline {
    margin-bottom: 0;
}
div#testimonials #quote-carousel .carousel-indicators {
    display: none;
}
div#testimonials .overlay {
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #1f1f1f;
    opacity: 0.93;
}
div#testimonials {
    padding: 0;
    padding-left: 10em;
}
div#testimonials .lz-dev-skills-bx{
    padding: 110px 190px 60px 190px;
    background: #ffffff;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
        margin: 0 8%;
}
div#testimonials .lz-dev-skills-img .pic{
      /* display: inline-block; */
    width: 140px;
    height: 140px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    text-align: center;
    top: 65px;
}
div#testimonials .lz-dev-skills-img .pic:before{
   /* content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;*/
}
div#testimonials .row.lz-testbx:hover .lz-dev-skills-img .pic:before{ height: 100%; }
div#testimonials .lz-dev-skills-img .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ee4266;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
div#testimonials .lz-dev-skills-img .pic img{
    width: 100%;
    height: 141px;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
div#testimonials .row.lz-testbx:hover .lz-dev-skills-img .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
div#testimonials p {
        font-size: 16px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 25px;
}
div#testimonials .lz-test-name {
        font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 2px;
    font-style: italic;
    margin-bottom: 10px;
}
div#testimonials .test-des {
    font-size: 14px;
    word-break: break-all;
}
#quote-carousel .carousel-control i.fa {
    position: absolute;
    bottom: -40px;
    /* margin: 0 4%; */
    cursor: pointer;
    font-size: 60px;
    font-weight: normal;
    /* top: 84px; */
    transition: all 0.4s ease;
}
div#testimonials .carousel-control.right{
    right: 50px;
}
div#testimonials .carousel-control.left{
left: 20px;
}
div#testimonials .carousel-control.left span {
    position: absolute;
    bottom: -22px;
    margin-left: 35px;
    font-size: 14px;
    cursor: pointer;
}
div#testimonials .carousel-control.right span {
    position: absolute;
    bottom: -22px;
    font-size: 14px;
    cursor: pointer;
}
div#testimonials .carousel-control.right span {
    right: 100px;
}
div#testimonials .lightbox {
    padding: 5em 0 9em 0;
}

div#testimonials i.fa.fa-quote-left {
    font-size: 45px;
    position: absolute;
    left: 40px;
    top: 47px;
}
div#testimonials #quote-carousel .carousel-control i.fa.fa-angle-left:hover {
    transform: rotateZ(60deg);
}
div#testimonials #quote-carousel .carousel-control i.fa.fa-angle-right:hover {
    transform: rotateZ(-50deg);
}
/*============== testimonials ================*/
/*=========== Newsletter section ==============*/


div#newsletter .wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    position: absolute;
    top: 60px;
    color: #ffffff;
}

div#newsletter p {
    margin-bottom: 0;
}
div#newsletter label {
    width: 100%;
}
div#newsletter h2.lz-news-ttl {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    word-break: break-word;
    position: relative;
    top: 13px;
}
div#newsletter input[type="text"], 
div#newsletter input[type="email"], 
div#newsletter input[type="url"], 
div#newsletter input[type="password"], 
div#newsletter input[type="search"], 
div#newsletter input[type="number"], 
div#newsletter input[type="tel"], 
div#newsletter input[type="range"], 
div#newsletter input[type="date"], 
div#newsletter input[type="month"], 
div#newsletter input[type="week"], 
div#newsletter input[type="time"], 
div#newsletter input[type="datetime"], 
div#newsletter input[type="datetime-local"], 
div#newsletter input[type="color"],
div#newsletter textarea,
div#newsletter select{
    height: 55px;
    padding: 15px 20px;
    font-size: 13px;
    width: 100%;
    border: 1px solid #ccc;
    background: transparent;
        margin-bottom: 5px;

}
div#newsletter .lightbox {
    padding: 5em 0;
}
div#newsletter .overlay {
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #1f1f1f;
    opacity: 0.95;
}
div#newsletter {
    padding: 0;
    padding-left: 10em;
}
div#newsletter input[type="submit"] {
   text-indent: -999px;
    background: #ffffff;
    height: 40px;
    font-size: 20px;
    color: #e8e2f0;
    float: right;
    position: absolute;
    left: 0;
    top: 0px;
    width: 65px;
    height: 55px;
    right: 0;
}
div#newsletter .wpcf7:after {
      content: "\f1d8";
    position: relative;
    top: -20px;
    font-size: 26px;
    right: 0;
    color: #6843c4;
    background-repeat: no-repeat;
    height: 26px;
    width: 30px;
    font-family: 'Fontawesome';
    left: 15px;
    cursor: pointer;
}
div#newsletter .newsbx {
    position: relative;
    left: 3%;
}
div#newsletter .wpcf7:hover:after {
    opacity: 0.8;
}
/*=========== Newsletter section ==============*/

/*=============== footer ===============*/
footer#lz-footer {
    background: #2b2b2b;
}
footer#lz-footer h4.widget-title {
    font-size: 19px;
    color: #ffffff;
    font-weight: normal;
    margin-bottom: 20px;
}
footer#lz-footer p {
    font-size: 15px;
    margin-bottom: 15px;
}
footer#lz-footer i.fa {
    font-size: 20px;
    padding-right: 25px;
    color: #ffffff;
    font-weight: normal;
}
footer#lz-footer li.menu-item {
    list-style: none;
    display: inline-block;
    padding-right: 50px;
    color: #8a8a8a;
    font-size: 14px;
}
footer#lz-footer .lz-menu-bx {
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #5a5a5a;
}
footer#lz-footer ul {
    margin: 0;
    padding: 0;
}
footer#lz-footer .lz-menu-bx .widget {
    margin-bottom: 0;
    padding: 20px 5px;
}
footer#lz-footer .lz-footer-bx5 {
    margin-top: 3em;
    margin-left: 0;
    padding-left: 5px;
}
footer#lz-footer div#lz-main-footer {
    padding: 4em 0;
}
footer#lz-footer .lz-footer-bx2 {
    padding-right: 3em;
}
footer#lz-footer .social-profile-icons ul li {
    list-style: none;
    display: inline-block;
    border: 1px solid #ccc;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 12px;
        margin-bottom: 12px;
}
footer#lz-footer .social-profile-icons ul li a i {
    color: #b7b7b7;
    padding-right: 0 !important;
    margin: 0;
    text-align: center;
    font-size: 16px;
    position: relative;
    right: 5px;
    bottom: 2px;
}
footer#lz-footer .social-profile-icons ul li a i:hover {
    transform: rotateY(360deg);
}
footer#lz-footer div#gt-footer-bottom {
    padding: 1em 0 4em 0;
}
footer#lz-footer li.menu-item:after {
    content: "/";
    color: #595959;
    position: relative;
    left: 25px;
}
footer#lz-footer div#gt-footer-bottom .ht-site-info.text-left, 
footer#lz-footer div#gt-footer-bottom .text-right {
    font-size: 14px;
    word-break: break-all;
}
footer#lz-footer input[type="text"], 
footer#lz-footer input[type="email"], 
footer#lz-footer input[type="url"], 
footer#lz-footer input[type="password"], 
footer#lz-footer input[type="search"], 
footer#lz-footer input[type="number"], 
footer#lz-footer input[type="tel"], 
footer#lz-footer input[type="range"], 
footer#lz-footer input[type="date"], 
footer#lz-footer input[type="month"], 
footer#lz-footer input[type="week"], 
footer#lz-footer input[type="time"], 
footer#lz-footer input[type="datetime"], 
footer#lz-footer input[type="datetime-local"], 
footer#lz-footer input[type="color"], 
footer#lz-footer textarea,
footer#lz-footer select{
    height: 50px;
    border: 1px solid #ccc;
    background-color: transparent;
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
}
footer#lz-footer textarea{
    height: 80px;
}
footer#lz-footer label {
    width: 100%;
}
footer#lz-footer input[type="submit"] {
    background: #000;
    padding: 12px 40px;
    margin-top: 10px;
    width: 100%;
}
footer#lz-footer input[type="submit"]:hover {
    opacity: 0.5;
}
footer#lz-footer figure.gallery-item {
    margin: 2px;
}
footer#lz-footer .widget.widget_recent_entries ul li,
footer#lz-footer ul#recentcomments li,
footer#lz-footer .widget.widget_pages ul li,
footer#lz-footer .widget.widget_meta ul li,
footer#lz-footer .widget.widget_archive ul li{
    list-style: none;
    padding: 6px 0;
}
footer#lz-footer .social-profile-icons ul li a{
    padding: 17px;
}
footer#lz-footer .tagcloud a {
    font-size: 15px !important;
}
/*=============== footer ===============*/

/*========== inner pages =============*/
main#lz-inner-bx .lz-innerser-bx{
    text-align: center;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
        padding: 30px;
}
main#lz-inner-bx .lz-innerser-bx h3.title {
    font-size: 19px;
    font-weight: normal;
    word-break: break-word;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 3px;
}
main#lz-inner-bx .lz-innerser-bx .lz-innerser-text {
    font-size: 14px;
    line-height: 26px;
    word-break: break-word;
}
main#lz-inner-bx .lz-innerser-bx img {
    width: 100%;
    height: 100%;
}
main#lz-inner-bx .lz-innerser-bx .lz-ser-num {
       position: absolute;
    left: 0;
    font-size: 30px;
    font-weight: 600;
    color: #edebeb;
    top: 0;
    background-color: #ffffff;
            padding: 20px 10px;
}
main#lz-inner-bx .lz-ser-bx {
    display: none;
}
main#lz-inner-bx .padding10 {
    padding: 10px;
}
main#lz-inner-bx .lz-innerser-bx i.fa.fa-long-arrow-up {
    font-size: 25px;
    margin-top: 25px;
    transition: all 0.4s ease;
        color: #121212;
}
main#lz-inner-bx .lz-innerser-bx i.fa.fa-long-arrow-up:hover{
    transform: rotateZ(90deg);
}
main#lz-inner-bx .lz-innerser-bx .box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
main#lz-inner-bx .lz-innerser-bx .box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(0,0,0,0.4) ,rgba(0,0,0,0.58) 75%);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(2);
    transition: all 0.3s ease-out 0s;
}
main#lz-inner-bx .lz-innerser-bx:hover .box:after{
    opacity: 1;
    transform: scale(1);
}
main#lz-inner-bx .lz-innerser-bx:hover .lz-ser-num {
    background: #8644e2;
    color: #ffffff;
}
div#services .lz-innerser-bx {
    display: none;
}
#lz-inner-bx .lz-innerpagebx {
    padding: 2em 2em 2em;
    background: #fff;
}
/*========== inner pages =============*/
/*=========== Gallery Inner ==============*/
main#lz-inner-bx .lz-inner-gall-bx1 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #000000;
    font-size: 16px;
    line-height: 1.2em;
    text-align: center;
    font-weight: 300;
}
main#lz-inner-bx .lz-inner-gall-bx1 *,
main#lz-inner-bx .lz-inner-gall-bx1 *:before,
main#lz-inner-bx .lz-inner-gall-bx1 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease;
}
main#lz-inner-bx .lz-inner-gall-bx1:after {
  -webkit-transition: all 0.65s ease;
  transition: all 0.65s ease;
  position: absolute;
  height: 0px;
  width: 0px;
  bottom: -478px;
  right: -478px;
  border-radius: 50%;
  border: 500px solid transparent;
  border-bottom-color: #000000;
  border-right-color: #000000;
  content: '';
  opacity: 0.8;
}
main#lz-inner-bx .lz-inner-gall-bx1 img {
    max-width: 100%;
    vertical-align: top;
    width: 100%;
    height: 260px;
}
main#lz-inner-bx .lz-inner-gall-bx1 i {
     position: absolute;
    bottom: -14px;
    right: -10px;
    border-radius: 50%;
    color: #000000;
    display: block;
    z-index: 10;
}
main#lz-inner-bx .lz-inner-gall-bx1 i:before,
main#lz-inner-bx .lz-inner-gall-bx1 i:after {
  border-radius: 50%;
}
main#lz-inner-bx .lz-inner-gall-bx1 i:before {
    font-size: 20px;
    line-height: 64px;
    text-align: left;
    width: 47px;
    position: relative;
    right: 25px;
}
main#lz-inner-bx .lz-inner-gall-bx1 i:after {
     position: absolute;
    top: -14px;
    bottom: -14px;
    left: -60px;
    right: -14px;
    border: 15px solid #ddd;
    border-bottom-color: #2980b9;
    border-right-color: #2980b9;
    content: '';
    z-index: -2;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
    background: #ffffff;
    cursor: default;
}
main#lz-inner-bx .lz-inner-gall-bx1 i:hover {
  background-color: #D2B17F;
  cursor: pointer;
}
main#lz-inner-bx .lz-inner-gall-bx1 h3 {
     top: 5px;
    color: #fff;
    margin: 0;
    opacity: 0;
    padding: 10px 15px;
    position: absolute;
    left: 0;
    z-index: 3;
    font-size: 22px;
    font-weight: normal;
        word-break: break-word;
            text-align: left;
}
main#lz-inner-bx .lz-inner-gall-bx1 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
main#lz-inner-bx .lz-inner-gall-bx1:hover:after,
main#lz-inner-bx .lz-inner-gall-bx1.hover:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
main#lz-inner-bx .lz-inner-gall-bx1:hover img,
main#lz-inner-bx .lz-inner-gall-bx1.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
main#lz-inner-bx .lz-inner-gall-bx1:hover i:before,
main#lz-inner-bx .lz-inner-gall-bx1.hover i:before {
  /*color: #2980b9;*/
}
main#lz-inner-bx .lz-inner-gall-bx1:hover i:after,
main#lz-inner-bx .lz-inner-gall-bx1.hover i:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
main#lz-inner-bx .lz-inner-gall-bx1:hover h3,
main#lz-inner-bx .lz-inner-gall-bx1.hover h3 {
  opacity: 1;
}
/*=========== Gallery Inner ==============*/

/*=========== Projects Shortcode ==============*/

main#lz-inner-bx figure.lz-project-box.green {
   /* display: none;*/
}
main#lz-inner-bx .lz-innerprojects-title {
    position: relative;
}
main#lz-inner-bx .lz-innerprojects-title h3 {
    font-size: 19px;
    color: #ffffff;
    font-weight: normal;
    font-weight: normal;
    margin: 0;
    padding: 20px 66px 20px 30px;
    word-break: break-word;
}
main#lz-inner-bx .lz-innerprojects-icon {
    background-color: #ff5353;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    text-align: center;
    height: 100%;
    border-left: 4px solid #fff;
    font-size: 28px;
    color: #fff;
}
main#lz-inner-bx .lz-innerprojects-icon i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    top: 25px;
    transition: all 0.4s ease;
}
main#lz-inner-bx .lz-innerprojects-title {
    position: relative;
    background: #8644e2;
}
main#lz-inner-bx .lz-projectBox {
   /* display: none;*/
}
main#lz-inner-bx .lz-projects .pic{
    position:relative;
    overflow: hidden;
}
main#lz-inner-bx .lz-projects .pic img{
    width:100%;
    height: auto;
}
main#lz-inner-bx .lz-projects .projects-content-bx1{
    background: #8644e2;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
    opacity: 0;
}
div#lz-inner-projects:hover .lz-projects .projects-content-bx1{
    opacity:0.9;
}
main#lz-inner-bx .lz-projects .team-title{
    color:#fff;
    margin:-30px 0 0 0;
    font-weight: bold;
    transition: all 0.2s ease 0s;
}
main#lz-inner-bx .lz-projects:hover .team-title{
    margin:40px 0 0 0;
}
main#lz-inner-bx .lz-projects .description{
    color: #fff;
    padding: 90% 2%;
    transition: all 0.3s ease 0s;
}
div#lz-inner-projects:hover .lz-projects .description{
    padding:20% 10%;
}
div#lz-inner-projects:hover .lz-projects .projects-content-bx1 {
    opacity: 0.8;
}
div#lz-inner-projects .lz-innerprojects-icon i:hover {
    transform: rotateZ(180deg);
        top: 15px;
}
main#lz-inner-bx .lz-innerproject-main-bx {
    padding: 5px;
}
div#lz-projects div#lz-inner-projects {
    /*display: none;*/
}
main#lz-inner-bx .rd-pd10.lz-project-main-bx {
    display: none;
}
div#lz-projects .lz-innerproject-main-bx {
    display: none;
}
/*=========== Projects Shortcode ==============*/

/*========= for accordation ====================*/
div#content-box .lz-faq-det button.accordion {
      color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    margin: 0;
    background: transparent;
    border: 1px solid #8644e2;
    margin-bottom: 0px;
    border-radius: 5px;
        border-radius: 5px 5px 0 0;
}
div#content-box .lz-faq-det button.accordion.active, button.accordion:hover {
    opacity: 1;
}
div#content-box .lz-faq-det button.accordion:before {
      content: "\f067";
    font-family: 'Fontawesome';
    font-size: 13px;
    color: #fff;
    float: right;
    position: absolute;
    top: 13px;
    left: -15px;
    font-weight: normal;
    background: #8644e2;
    padding: 5px 10px;
    border-radius: 5px;
}
div#content-box .lz-faq-det button.accordion.active:before {
    content: "\f00d";
    font-family: 'Fontawesome';
}
div#content-box .lz-faq-det div.panel {
      background-color: #8644e2;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0;
    border-radius: 0px 0px 10px 10px;
    clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0);
    -webkit-clip-path: polygon(100% 0, 100% 85%, 95% 100%, 0 100%, 0 0);
}
div#content-box .lz-faq-det div.panel.show {
    opacity: 1;
    max-height: 2000px;  
}
main#innerpage-box div#content-box h3.faq-title {
    padding: 0 60px;
    margin: 0;
    font-weight: normal;
    line-height: 28px;
    word-break: break-word;
    line-height: 30px;
}
div#content-box .lz-faq-det.padding0 p {
      font-size: 15px;
    padding: 25px 45px 10px 45px;
    word-break: break-word;
    color: #ffffff;
    font-weight: 600;
    border-left: 5px solid #ffffff;
}
#lz-inner-bx .lz-faq-det.padding0 h3.faq-title {
    font-size: 19px;
    font-weight: normal;
    margin: 0;
    padding: 10px 25px 15px 25px;
    word-break: break-word;
    line-height: 28px;
}
main#lz-inner-bx .lz-faq-det.padding0 {
    margin-bottom: 10px;
}
/*========= for accordation ====================*/
/*================== Team Shortcode ======================*/

#lz-inner-bx #content-box .teammember-list{ position:relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; overflow:hidden; cursor:pointer; margin:0px 0 20px; margin-right:2%; float:left; text-align:left; }
#lz-inner-bx #content-box .teammember-list.last{ margin-right:0; }
#lz-inner-bx #content-box .thumnailbx{ position:relative; }
#lz-inner-bx #content-box .thumnailbx:after{ 
       content: '';
    width: 0;
    height: 0;
    border-bottom: 55px solid #ffffff;
    border-right: 370px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0px;
}
#lz-inner-bx #content-box .thumnailbx:before{ 
        content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-top: 40px solid transparent;
    border-left: 152px solid #e12b15;
    border-bottom: 33px solid transparent;
    position: absolute;
    bottom: 0;
    z-index: 10;
}
#lz-inner-bx #content-box .teamdesbox h3 { word-break: break-word; font-size:20px; margin:0; line-height:1.24; font-size:18px; }
#lz-inner-bx #content-box .teamdesbox h3 a{ position:relative; }
#lz-inner-bx #content-box .teamdesbox cite{ margin: 5px auto 8px; color: #8f8f8f; font-size: 16px; display: block; font-style: normal; font-weight: 600; }
#lz-inner-bx #content-box .teamdesbox{ 
    padding:30px 20px; 
    border: 1px solid #ccc;
    border-top: 0;
    text-align: center;
    border-style: dashed;
}
#lz-inner-bx #content-box .teamdesbox p{ font-weight:400; }
#lz-inner-bx #content-box .member-social-icon{ margin-top:10px; opacity:0; }
#lz-inner-bx #content-box .teammember-list:hover .member-social-icon{ opacity:1; }
#lz-inner-bx #content-box .member-social-icon a{ color:#a6a6a6; width:30px; height:30px; border-radius:50px; display:inline-block; margin-right:0px; text-align: center; font-size: 15px; line-height: 30px; }
#lz-inner-bx #content-box .teammember-list img {
    width: 100%;
    height: 100%;
}
#lz-inner-bx #content-box .member-social-icon a i{
    color: #8644e2;
}
#lz-inner-bx #content-box .teammember-list:hover h3 a {
    color: #8644e2;
}
#lz-inner-bx #content-box .teammember-list:hover cite{
    color: #8644e2;
}
.padding3 {
    padding: 3px;
}
#lz-inner-bx #content-box .member-social-icon a i:hover {
    opacity: 0.5;
}
/*================== Team Shortcode ======================*/
/*=== Sitemap =====*/
div#lz-sitemap ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
div#lz-sitemap ul li {
    list-style-type: none;
    display: inline-block;
    background: #f1f1f1;
    padding: 10px 25px;
    margin: 3px 1px;
    border-bottom: 3px solid #ccc;
}
div#lz-sitemap ul li a {
    font-size: 17px;
    font-weight: 600;
}
div#lz-sitemap h3 {
    font-size: 22px;
}
div#lz-sitemap img {
    width: 100%;
}
div#lz-sitemap .sitemap-posts-box {
    margin-bottom: 10px;
}
div#lz-sitemap li.current_page_item > a {
    color: #8644e2;
}
div#lz-sitemap .lz-post-cat li.categories {
    background: transparent;
    border: 0;
    font-weight: bold;
    font-size: 20px;
    list-style-type: none;
}
main#lz-inner-bx div#lz-sitemap h2 {
    font-weight: 600;
}
main#lz-inner-bx div#lz-sitemap .lz-post-cat ul {
    padding-top: 35px !important;
}
/*=== Sitemap =====*/

/*==================== inner testimonials ==================*/
main#lz-inner-bx .lz-home-testbx {
    display: none;
}
div#testimonials .lz-innerpage-testbx {
    display: none;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial{
    padding: 20px 20px 20px 90px;
    margin: 10px 0px 50px 55px;
    border-left: 2px solid #ae483a;
    position: relative;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial:after{
    content: "";
    border-bottom: 25px solid #ae483a;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    position: absolute;
    bottom: -24px;
    left: -26px;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ae483a;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -50px;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial .pic img{
    width: 100%;
    height: 100%;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial .title{
      font-size: 19px;
    font-weight: 800;
    color: #71334a;
    margin: 0 0 5px 0;    
    word-break: break-word;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial .post{
    display: block;
    font-size: 15px;
    color: #ae483a;
    margin-bottom: 20px;
    font-weight: 600;
}
main#lz-inner-bx .lz-innerpage-testbx .testimonial .description{
    font-size: 15px;
    color: #ab9c99;
    line-height: 28px;
}

@media only screen and (max-width: 479px){
   main#lz-inner-bx .lz-innerpage-testbx .testimonial{
        padding: 20px 0 20px 60px;
        margin: 10px 0px 50px 40px;
    }
   main#lz-inner-bx .lz-innerpage-testbx .testimonial .title{ font-size: 20px; }
}
/*==================== inner testimonials ==================*/
/*=================== woocommerce =================*/
.woocommerce ul.products li.product .onsale {
    top: 6px;
    right: auto;
    left: 0;
    margin: -.5em -.5em 0 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
      padding: 10px 20px;
    margin: 0;
    font-size: 20px;
    /* letter-spacing: 1px; */
    font-weight: normal;
    background: #f1f1f1;
    word-break: break-word;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    color: #767676;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
    font-size: 14px !important;
}
.woocommerce ul.products li.product .price ins, 
.woocommerce-page ul.products li.product .price ins {
    font-size: 16px !important;
    padding-left: 2px;
}
.woocommerce ul.products li.product a img {
    border: 0 !important;
}
a.button.product_type_simple {
    border-radius: 0 20px;
    font-size: 12px;
    font-weight: 600;
}
.woocommerce-page.columns-3 ul.products li.product, 
.woocommerce.columns-3 ul.products li.product {
    width: 22.75%;
    border: 1px solid #767676;
    /* outline: 1px dashed #767676; */
    /* outline-offset: -9px; */
}
.woocommerce ul.products li.product a img{
    margin: 0;
}
.woocommerce ul.products li.first, 
.woocommerce-page ul.products li.first {
    clear: none;
}
.woocommerce ul.products li.product:nth-child(5) {
    clear: both;
}
.woocommerce ul.products li.last, 
.woocommerce-page ul.products li.last,
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-right: 1.8%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.woocommerce .products ul, 
.woocommerce-page .products ul, 
.woocommerce ul.products, 
.woocommerce-page ul.products {
    border-top: 0 !important;
}
/*=================== woocommerce =================*/


/*=========== Woocommerce ==============*/

.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
    border: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    padding: 4px 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.woocommerce-product-search .search-field {
    width: 100%;
    border: 1px solid #ccc;
    border-right: 1px solid #ccc !important;
    background: transparent !important;
}
.single-productpage p {
    font-size: 14px;
    word-break: break-all;
}
h1.product_title.entry-title {
    font-weight: normal;
    letter-spacing: 0;
    word-break: break-word;
}
.woocommerce #reviews #comments h2, 
.woocommerce-page #reviews #comments h2 {
    font-weight: normal;
}
.woocommerce .related ul.products li.product, 
.woocommerce-page .related ul.products li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .upsells.products ul.products li.product, 
.woocommerce .related ul li.product, .woocommerce-page .related ul li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul li.product{
    border: 0;
    width: 31% !important;
    margin-right: 0.7% !important;
}
.single-productpage .price .amount{
    color: #77a464;
    font-size: 15px !important;
}
.single-productpage .widget-area li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.single-productpage .widget-area li:last-child {
    border: 0;
}
.woocommerce .quantity .qty{
    background: transparent;
        border: 1px solid #ccc;
}
.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
    width: 50%;
    float: right;
}
.woocommerce-form-coupon-toggle .woocommerce-info,
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment,
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
    background: transparent;
}
div#sidebars ins {
    background: transparent;
}
div#sidebars ul li:last-child {
    border-bottom: 0;
}
div#sidebars ul li:before {
    content: "\f068";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 15px;
    font-size: 8px;
    color: #ccc;
    padding-left: 00px;
    font-weight: normal;
}
div#sidebars ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 15px;
    position: relative;
}
div#content-box {
    padding: 2em 2em 2em 2em;
    border-radius: 10px;
    margin-bottom: 10px;
}
div#content-box.lz-innerpage-bx1 li {
    font-size: 15px;
}
div#content-box.lz-innerpage-bx1 p {
    font-size: 15px;
}
div#secondary ul li {
    font-weight: normal;
    transition: all 0.5s ease 0s;
        margin-left: 0px;
}
div#secondary ul li:hover{
    padding-left: 25px;
    padding-right: 25px;
}
.widget.woocommerce.widget_top_rated_products ul li:before,
.widget.woocommerce.widget_recently_viewed_products ul li:before,
.widget.woocommerce.widget_recent_reviews ul li:before,
.widget.woocommerce.widget_products ul li:before,
div#secondary .widget.social-profile-icons ul li:before,
.widget.woocommerce.widget_shopping_cart ul li:before,
.widget.woocommerce.widget_rating_filter ul li:before{
    content: none !important;
}
.widget.woocommerce.widget_top_rated_products ul li,
.widget.woocommerce.widget_recently_viewed_products ul li,
.widget.woocommerce.widget_recent_reviews ul li,
.widget.woocommerce.widget_products ul li,
div#secondary .widget.social-profile-icons ul li,
.widget.woocommerce.widget_shopping_cart ul li,
.widget.woocommerce.widget_rating_filter ul li{
    transition: none !important;
}
.widget.woocommerce.widget_top_rated_products ul li,
.widget.woocommerce.widget_recently_viewed_products ul li,
.widget.woocommerce.widget_recent_reviews ul li,
.widget.woocommerce.widget_products ul li,
div#secondary .widget.social-profile-icons ul li,
.widget.woocommerce.widget_shopping_cart ul li,
.widget.woocommerce.widget_rating_filter ul li{
     padding-left: 0px !important;
    padding-right: 0px !important;
}
div#secondary .widget.social-profile-icons ul li {
    display: inline-block;
    border: 0;
}
div#secondary div#calendar_wrap a {
    color: inherit;
}
div#secondary .widget_calendar table tbody td{
    border: 0;
}
.single-productpage #sidebars button:hover {
    opacity: 0.6;
}
div#sidebars span.product-title {
    word-break: break-word;
}
.single-productpage .woocommerce-product-gallery__image img {
    /*padding-top: 28px;*/
}
.single-productpage li.wc-layered-nav-rating {
    line-height: 0;
}
.single-productpage .star-rating {
    padding-top: 15px;
}


div#secondary ul li:before {
    content: "\f068";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 15px;
    font-size: 8px;
    color: #ccc;
    padding-left: 00px;
    font-weight: normal;
}
div#secondary ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 15px;
    position: relative;
}
div#secondary ul li:last-child{
    border-bottom: 0;
}
/*=========== Woocommerce ==============*/

/*=========== Breadcrumb ==============*/

.breadcrumbbox a {
    /* height: 70px; */
    /* border-radius: 50%; */
    /* background: #8944e2; */
    /* box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2); */
    text-align: center;
    /* position: absolute; */
    /* top: -10px; */
    /* left: -10px; */
    z-index: 1;
    transition: all 0.1s ease 0s;
    font-size: 35px;
    color: #ffffff;
}
.breadcrumbbox .button {
    margin: 0;
    border-radius: 5px;
    overflow: hidden;
}
.breadcrumbbox span.bread-arrow i.fa.fa-angle-right {
    padding: 0px 8px;
    position: relative;
    bottom: 5px;
}
.breadcrumbbox span.treeEnd {
    position: relative;
    bottom: 5px;
}
h1.lz-innerp-title {
    margin-bottom: 0;
    padding-bottom: 15px;
        padding-top: 1em;
        word-break: break-word;
}
ul.d-flex {
    list-style: none;
    margin: 0;
}

/*=========== Breadcrumb ==============*/
/*=================== Contact Page ==================*/
main#lz-inner-bx h1.lz-contact-frm-titl.text-center {
    font-weight: 600;
    margin-bottom: 10px;
    font-weight: 600;
}
main#lz-inner-bx .lz-contact-frm-subtitl.text-center {
    font-size: 15px;
}
main#lz-inner-bx .frm-ttl-bx {
    margin-bottom: 3em;
}
main#lz-inner-bx .lz-frm-ico span.fa {
    font-size: 30px;
    top: 6px;
    position: relative;
}
main#lz-inner-bx .lz-frm-ico {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    box-shadow: 0 8px 8px #e6e6e6;
    background: #fbfbfb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
        margin-bottom: 20px;
}
main#lz-inner-bx .lz-cform-bx1-address.text-center {
    margin-bottom: 4em;
}
main#lz-inner-bx .lz-frm-bx-det {
    font-size: 15px;
}
main#lz-inner-bx h1.lz-frm-tagline.text-center {
    margin-bottom: 10px;
    font-weight: 600;
}
main#lz-inner-bx .text-center.lz-frm-subtagline {
    font-size: 15px;
    margin-bottom: 3em;
}
main#lz-inner-bx div#lz-cform-bx1 input[type="text"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="email"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="url"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="password"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="search"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="number"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="tel"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="range"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="date"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="month"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="week"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="time"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="datetime"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="datetime-local"], 
main#lz-inner-bx div#lz-cform-bx1 input[type="color"],
main#lz-inner-bx div#lz-cform-bx1 select{
    width: 100%;
    font-size: 14px;
    padding: 9px 20px;
    border: 1px solid #cccccc;
    margin-bottom: 25px;
    height: 40px;
    background: transparent;
}
main#lz-inner-bx div#lz-cform-bx1 textarea{
    height: 80px;
    padding: 9px 20px;
    border: 1px solid #cccccc;
    margin-bottom: 25px;
    font-size: 14px;
    background: transparent;
}
main#lz-inner-bx div#lz-cform-bx1 div.wpcf7 input[type="file"]{
    font-size: 14px;
}
main#lz-inner-bx div#lz-cform-bx1 label {
    font-size: 14px;
    width: 100%;
    margin-bottom: 0;
    padding-right: 10px;
}
div#lz-cform-bx1 span {
    margin-left: 0;
    padding-right: 0px;
}
main#lz-inner-bx div#lz-cform-bx1 input[type="submit"] {
   font-size: 16px;
    padding: 12px 35px;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    background: none;
    box-shadow: 0 8px 8px #e6e6e6;
    color: #ccc;
    margin-top: 15px;
    font-weight: 600;
        float: right;
}
main#lz-inner-bx div#lz-cform-bx1 input[type="submit"]:hover{
opacity: 0.7;
}
div#lz-cform-bx1 p {
    margin-bottom: 0;
}
main#lz-inner-bx .lz-frm-bx {
   /* margin-bottom: 4em;*/
}
main#lz-inner-bx .lz-frm-bx-det a:hover {
    opacity: 0.7;
}
main#lz-inner-bx .lz-cform-bx1.lz-innerpagebx {
    margin: 3em 0 5em 0;
}
/*=================== Contact Page ==================*/

/*======================= blog pages =======================*/

div#masonry .share-btn ul li a.site-button {
    text-align: center;
}
div#masonry .lz-innerblogs {
    border-bottom: 1px solid #767676;
    margin-bottom: 25px;
}
div#masonry p {
    font-size: 15px;
    letter-spacing: 0px;
    margin-bottom: 30px;
}
div#masonry a.site-button.left-btn {
    font-size: 15px;
    border: 1px solid #767676;
    padding: 10px 25px;
}
div#masonry .dlab-post-title .post-title {
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 10px;
    word-break: break-word;
    margin-top: 0;
}
div#masonry .share-btn ul {
    float: right;
    margin: 1em 0;
}
div#masonry .double .share-btn ul {
    margin: 0em 0;
}
div#masonry .double img , div#masonry .triple img{
    margin-bottom: 10px;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}

.share-btn ul li {
    display: inline-block;
    margin-left: -60px;
    float: left;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    margin-right: 0;
}
.share-btn ul:hover li {
    margin-left: 4px;
}
.share-btn ul li a.site-button {
    border-radius: 50%;
     width: 50px; 
    line-height: 50px;
    height: 50px;
    display: block;
    color: #fff;
    background: #516bec;
    font-size: 20px;
    margin-right: 4px;
}
.single .share-btn ul li a.site-button {
    line-height: 35px;
}
div#masonry .share-btn ul li a.site-button:hover {
    color: #ffffff;
}
div#masonry a.site-button.left-btn:hover {
    color: #ffffff;
}
div#masonry {
    margin: 1em 0 3em;
}
#lz-inner-bx div#secondary {
    margin: 3em 0;
}
div#masonry img {
    width: 100%;
    height: 100%;
}
div#masonry .post.card-container.inner-left-blg {
    padding-right: 45px;
}
/* for static front page */
header.lz-inner-pg-bx.area-inner.static-front-img {
    display: none;
}
/* for static front page */

/* single post page */
.single_post p {
    font-size: 16px;
}
.single_post .share-btn {
    position: relative;
}
.single_post a.site-button {
    font-size: 14px;
    text-align: center;
}
#content-box .single_post ul li:before {
    content: none;
}
div#content-box .single_post ol.commentlist {
    margin: 0;
}
.single_post .share-btn ul li a {
    background: transparent;
    /* border: 0; */
}
.single_post .share-btn ul li a.site-button {
    background: transparent;
}
div#content-box .single_post .share-btn ul li:hover a.site-button i {
    color: #ffffff;
}
/* single post page */

/*======================= blog pages =======================*/




/*=========== responsive query ==============*/
div#lz-projects .col-md-6.col-sm-6.rd-pd10.lz-project-main-bx .lz-project-box .lz-button {
    width: 85%;
}
div#lz-projects .col-md-3.col-sm-6.rd-pd10.lz-project-main-bx .lz-project-box .lz-button {
    width: 71%;
}
@media (max-width: 1299px){
    div#about .lightbox {
    padding: 3em 0em 6em 2em !important;
}
}

@media (max-width: 1200px){
    div#about .lightbox {
        padding: 1em 0em 6em 1em !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 1024px){
    div#blogs .lightbox{
        padding: 6em 0 7em 0 !important;
    }
    div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3 .lz-blog-bx-4 {
    padding: 30px 85px 30px 40px;
}
    div#blogs .lz-blog-bx-4{
        padding: 30px 40px 30px 85px;
    }
    div#blogs .lz-blog-bx1 {
    margin-left: 5.333333%;
}
    div#services .lz-ser-bx .lz-ser-text{
        padding-right: 0;
    }
    #lz-inner-bx div#secondary .widget.widget_calendar {
    padding: 0em 0em 0em 0em;
}
    div#newsletter h2.lz-news-ttl{
        position: relative;
        top: 0;
    }
    div#lz-story .btn{
        padding: 15px 15px;
    }
    div#about .ct-btn-scroll {
    bottom: 50px !important;
}
    div#about .lz-about-text{
            padding-left: 15px;
    }
    .single-productpage .star-rating {
    padding-top: 0px;
}
    div#content-box .lz-faq-det button.accordion:before{
        left: 0;
    }
    main#lz-inner-bx .lz-faq-det.padding0 {
    padding: 0 15px;
}
    div#newsletter .newsbx{
        left: 0;
        margin-left: 4%;
    }
    div#testimonials .carousel-control.right span {
    right: 75px;
}

    div#lz-projects .lz-project-box .lz-button{
        width: 70%;
    }
    div#lz-story .lz-resume-img img {
    top: 20em !important;
}

    div#lz-story .main-timeline .timeline,
    div#lz-story .mains-timeline .timeline{
        margin-bottom: 70px;
    }
div#lz-projects .lz-project-box figcaption{
    top: 65%;
}
}
@media screen and (max-width: 991px){
div#about {
    padding: 0em 0em;
}
div#about .lightbox {
        padding: 1em 0em 1em 1em !important;
    }
div#about .lz-arrow {
    display: none;
}
div#testimonials, div#newsletter {
    padding: 0;
}
main#lz-inner-bx #single-contact-box .cp-area-address span.fa {
    font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
}
main#lz-inner-bx .cp-left {
    padding: 1.5em 1em;
}
.page-template-home-template .area-inner {
    padding: 2em 2em 2em 2em;
}
}
@media screen and (max-width: 640px){
.lz-project-height {
    height: auto !important;
}
main#lz-inner-bx .cp-left {
    left: 0em;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
    div#about img {width: auto;}
.area-inner{
    padding-left: 0;
    padding-right: 0;
}
div#counter {
    padding: 0;
}
 .navigation .mainmenu {
        right: 0;
        padding-left: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px){
    footer#lz-footer div#lz-main-footer{
        padding: 4em 0 1em 0 !important;
    }
    div#newsletter .lightbox{
         padding: 5em 0 8em 0 !important;
    }
    div#Pricing .lightbox{
         padding: 6em 0 3em 0 !important;
    }
    div#testimonials .lightbox{
         padding: 5em 0 9em 0 !important;
    }
    div#lz-projects .lz-bx{
        padding: 5em 0 3em 0 !important;
    }
    div#counter .lightbox{
        padding: 5em 0 5em 0 !important;
    }
    div#lz-story .lightbox,
    div#services .lightbox,
    div#blogs .lightbox{
        padding: 2em 0 2em 0 !important;
    }
    div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3 .lz-blog-bx-4 {
    padding: 40px 50px;
}
    .navbar-toggler, .is-fixed .navbar-toggler {
    margin: 20px 20px 20px 15px !important;
}
    .logobox {
    text-align: left;
}
    .single.single-post article.article {
    padding: 0 0em;
}
    .single.single-post .dlab-post-meta {
    padding-left: 20px;
}
    div#masonry .post.card-container.inner-left-blg {
    padding-right: 25px;
}
    div#lz-story .btn {
    padding: 15px 30px;
}
    div#about .lz-about-text {
    padding-left: 0;
}
    div#sidebars span.product-title{
        word-break: inherit;
    }
    ul.sub-menu{
        /*background: transparent;*/
    }
    header.site-header.header-transparent.header.mo-left.header-seo ul.list-inline.m-a0{
            padding-left: 10%;
    }
    h1.lz-innerp-title {
    padding-left: 20px;
}
 .breadcrumbbox {
    padding-left: 30px;
}
    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product{
        width: 48% !important;
    }
    #lz-inner-bx #content-box .thumnailbx:before{
            border-top: 30px solid transparent;
    border-left: 152px solid #e12b15;
    border-bottom: 33px solid transparent;
    }
    div#newsletter .newsbx {
    margin-left: 0;
}
    div#newsletter .wpcf7:after{
        position: absolute;
        right: 0;
        left: 0;
        margin: 20px auto 0;
        top: auto;
        bottom: -28px;

    }
    div#newsletter input[type="submit"]{
        margin: 20px auto 0;
    }
    div#testimonials .carousel-control.right span {
    right: 70px;
}
    div#testimonials .lz-dev-skills-bx{
            padding: 110px 100px 60px 100px;
    }
    div#Pricing .lz-pricingTable{
        margin: 40px 10px;
    }
    div#Pricing .lz-section-tagline {
    margin-bottom: 4em;
}
    div#Pricing .plan {
    margin-bottom: 25px !important;
}
    div#Pricing .col-md-3.col-sm-6.col-xs-12.plan:nth-child(2),
    div#Pricing .col-md-3.col-sm-6.col-xs-12.plan:nth-child(4)
    {
    margin-top: 00px;
    padding-top: 55px;
    padding-bottom: 55px;
    /*box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);*/
}

    div#about .ct-btn-scroll{
        left: 12%;
        bottom: 110px !important;
    }
    div#blogs .lz-blog-bx1 {
    margin: 0;
}
    div#blogs .lz-blog-bx1 .lz-blog-bx3 {
    width: 100%;
    float: left;
    text-align: left;
}
    div#blogs .lz-blog-bx1 .lz-blog-bx-2 {
    margin-bottom: 0em;
}
    div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3 .lz-blog-bx-4 {
    left: 0;
}
    div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3{
        margin-right: 0;
    }
    div#blogs .lz-blog-bx-4{
        position: relative;
    right: 0;
    top: 0;
    padding: 40px 50px;
    }
    div#lz-projects .lz-project-box .lz-button {
    width: 76%;
}
    div#lz-story .lz-resume-img img {
    top: 70% !important;
}
div#lz-story .main-timeline .timeline, div#lz-story .mains-timeline .timeline {
    margin-bottom: 40px;
}
div#lz-story img {
    margin-top: 4em;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
    h2.lz-about-bx-title {  font-size: 45px;}
    div#blogs .lz-blog-bx1 .lz-blog-bx-2:nth-child(2n) .lz-blog-bx3 .lz-blog-bx-4 {
    padding: 40px 30px;
}
    div#masonry .post.card-container.inner-left-blg {
    padding-right: 15px;
}
    div#masonry .share-btn ul li a.site-button{
           font-size: 13px;
 
    }
    div#masonry .dlab-info.p-a20 {
    padding: 0;
}
    div#masonry .share-btn ul li a.site-button{
width: 35px;
    line-height: 35px;
    height: 35px;
    }
    div#masonry a.site-button.left-btn{
    font-size: 13px;
    padding: 10px 18px;
    }
    div#masonry p {
    margin-top: 25px;
        font-size: 14px;
}

    div#about .ct-btn-scroll {
    bottom: 90px !important;
}
    div#about .lz-about-text {
    padding-left: 15px;
}
   .single-productpage #sidebars .star-rating {
    padding-top: 15px;
}
    main#lz-inner-bx .lz-frm-bx {
    margin-top: 4em;
}
    .breadcrumbbox {
    padding-left: 20px;
}
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 100%;
    float: left;
}
    .woocommerce div.product form.cart div.quantity {
    margin: 0 4px 14px 0 !important;
}
    .woocommerce span.onsale, .woocommerce-page span.onsale{
        left: 6px !important;
    }

    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100% !important;
    }
    #lz-inner-bx #content-box .thumnailbx:after{
        border-right: 380px solid transparent;
    }
    main#lz-inner-bx .lz-innerserdet-bx{
        height: auto !important;
    }
    footer#lz-footer .widget {
    margin-bottom: 30px;
}
    footer#lz-footer .lz-footer-bx2 {
    padding-right: 1em;
}
    footer#lz-footer div#gt-footer-bottom .ht-site-info.text-left, 
    footer#lz-footer div#gt-footer-bottom .text-right{
        text-align: center;
    }
    div#testimonials .lz-dev-skills-img .pic img{
        height: 120px;
    }
    div#testimonials .lz-dev-skills-img .pic{
        width: 120px;
    height: 120px;
    }
    div#testimonials .carousel-control.right span {
    right: 45px;
}
    div#testimonials .lz-dev-skills-bx {
    padding: 110px 40px 60px 40px;
}
    div#Pricing .col-md-4.col-sm-4.col-xs-12.plan:nth-child(2) {
    margin-top: 0;
    padding-top: 55px;
    padding-bottom: 55px;
}
    div#about .lz-about-icon{
        bottom: 0px;
    }
    div#about .lz-about-det-bx1 {
    margin-bottom: 25px;
}
    div#about .about-txt1, div#about .about-txt2 {
    display: block;
}
    .ct-btn-scroll{
        left: 0;
        right: 0;
        text-align: center;
        bottom: 50px;
    }
    div#about h2.lz-about-bx-title {
    line-height: 65px;
}

    div#blogs .lz-blog-bx-4{
        height: auto !important;
        padding: 40px 30px;
    }
    div#blogs .lz-blog-bx1 .lz-blog-bx-2 {
    margin-bottom: 0;
    padding: 0;
}
    div#blogs .lz-blog-bx1 p{
        margin-bottom: 0;
    }
    div#lz-story .mains-timeline p.descp,
    div#lz-story .main-timeline p.descp{
        padding-right: 0;
    }
    div#lz-story .btn{
        padding: 13px 20px;
    }
    div#lz-story .lz-resume-img img {
    top: 58% !important;
}
    div#lz-story .main-timeline .year, 
    div#lz-story .main-timeline .timeline:nth-child(2n) .year,
    div#lz-story .mains-timeline .year, 
    div#lz-story .mains-timeline .timeline:nth-child(2n) .year{
left: 11%;
    }
    div#lz-story .mains-timeline:before{
        height: 100%;
    }
    div#lz-story .mains-timeline .lz-story-tagline{
        top: 0;
    }
    div#lz-story .main-timeline .lz-tagline,
    div#lz-story .mains-timeline .lz-tagline{
        padding: 0;
    }
    div#lz-story .main-timeline:before,
    div#lz-story .mains-timeline:before{
        top: 0px;
        height: 100%;
    }
    div#lz-story .main-timeline p.descp,
    div#lz-story .mains-timeline p.descp{
            top: 15%;
    left: 20%;
    }
    div#lz-story .main-timeline,
    div#lz-story .main-timeline .timeline,
    div#lz-story .mains-timeline,
    div#lz-story .mains-timeline .timeline{
        padding: 0;
    }
    div#lz-story .main-timeline .timeline-icon,
    div#lz-story .mains-timeline .timeline-icon{
        left: 0;
    }
    div#lz-story .main-timeline .timeline-content,
    div#lz-story .mains-timeline .timeline-content{
            width: 30.5%;
    padding: 0 30px 43px 15px;
    text-align: center;
    }
    .content-wrapper {
        position: static;
    }
    div#lz-projects .rd-pd10 {
        margin-bottom: 40px;
    }
    .page-template-home-template .area-inner {
        padding: 2em 1em 0em 2em;
    }
}
@media screen and (min-width: 320px) and (max-width: 375px){
    div#testimonials .lz-dev-skills-bx {
    padding: 110px 30px 60px 30px;
}

div#lz-story .main-timeline .timeline,
div#lz-story .mains-timeline .timeline {

    margin-bottom: 70px;
}
}
@media screen and (min-width: 320px) and (max-width: 320px){
    div#masonry a.site-button.left-btn {
    padding: 10px 10px;
}
    div#masonry a.site-button.left-btn{
        font-size: 11px;
    }
    div#masonry .share-btn ul li a.site-button {
    width: 30px;
    line-height: 30px;
    height: 30px;
}
    div#testimonials .lz-dev-skills-bx {
    padding: 130px 40px 60px 40px;
}
    div#lz-projects .lz-project-box .lz-button {
    width: 70%;
}
div#lz-story .lz-resume-img img {
    top: 53% !important;
}
div#lz-story .btn {
    padding: 10px 15px;
    font-size: 10px;
}
div#lz-story .main-timeline .year, 
div#lz-story .main-timeline .timeline:nth-child(2n) .year, 
div#lz-story .mains-timeline .year, 
div#lz-story .mains-timeline .timeline:nth-child(2n) .year {
    left: 9%;
}
div#testimonials i.fa.fa-quote-left{
    top: 65px;
}
}
/*=========== responsive query ==============*/


header.lz-inner-pg-bx {
    border-bottom: 2px solid #f1f1f1;
}
footer#lz-footer .widget.widget_categories ul li {
    list-style-type: none;
}
footer#lz-footer .widget_calendar thead th {
    background: transparent;
}
header.site-header .list-inline > li {
    padding-right: 8px;
    font-size: 16px;
}
ul.nav.navbar-nav li:last-child {
    border: 0;
}
.woocommerce .widget.widget_price_filter, 
.woocommerce-page .widget.widget_price_filter {
    padding-bottom: 30px;
}
ul.woocommerce-error {
    background: transparent;
}
.woocommerce .widget_price_filter .price_slider_amount .button{
   margin-bottom: 10px;
}
footer#lz-footer li.menu-item:last-child:after{
    content: none;
}
header.site-header a.main-tagline:hover {
    opacity: 0.7;
}
.woocommerce-message {
    background: transparent;
}
.breadcrumbbox i.fa.fa-angle-right {
    padding: 0 10px;
    position: relative;
    bottom: 5px;
}