/*
Theme Name: Videography Free
Theme URI: https://luzukdemo.com/demo/videography/
Author: luzuk Themes
Author URI: www.luzukthemes.com/
Description: Videographer WordPress Theme is a clean, robust and multipurpose theme. As the name suggests, the theme is suitable for any videography related website. It is implemented on bootstrap framework. With being SEO-friendly, it is cross-browser compatible. It has optimized and clean codes which is the reason it works so smoothly. You can also add shortcodes. Videographer WordPress Theme is translation-ready to enable you to translate your webpages into various languages.The theme is packed with many features and functionality to enable you to create a feature-rich and flexible website. You can add shortcodes. It is compatible with many famous WordPress plugins like Contact Form 7 and WooCommerce. The Videographer WordPress Theme comes with many layout options along with numerous styles for header, footer, sidebars and gallery so you will never run out of ideas. To make your website more attractive you can use the colour palletes, image background section, custom page templates, add HD images and a number of slider images. As it is a premium theme you get regular updates and dedicated support.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: videography-free
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}

a {
    outline: 0 none;
    text-decoration: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    
    font-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:0px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
    
}
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 0px 15px;
    padding: 21px 30px 18px;
    background: #f2f2f2;
    font-size: 16px;
    color: #212121;
    font-style: italic;
    font-weight: 400;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}
#innerpage-box blockquote p{
    margin: 0;
    font-weight: 400;
}
.wp-block-image img {
    max-width: 100%;
    /*width: 100%;*/
}
pre {
    background: #eee;
   
    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%;
}
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;
}
/*--------------------------------------------------------------
# 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: "" "";
        -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}
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: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    /*box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);*/
        font-size: 16px;
}
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;
}

.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    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;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin: 0 0 12px;
    background: #f72985;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
   /* border-bottom: none;*/
}
.widget-area .social-profile-icons ul li {
    display: inline-block;
}
.widget-area .social-profile-icons ul li:before {
    display: none;
}

.widget-area ul ul{
    margin-top: 5px;
}
.widget-area ul ul li{
    padding-left: 10px;
}
.widget-area ul ul li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.widget-area li{
    padding: 5px 0;
    line-height: normal;
    margin: 0;
    padding: 0;
    /*border: none;*/
    position: relative;
    box-shadow: unset;
    border-radius: 0;
    border-bottom: 1px solid #eaeaea;
    padding-left: 15px;
}
.widget-area li.recentcomments {
    padding: 10px 15px;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area a:hover{
    color: #fe5722
}
.widget-area .widget{
   margin-bottom: 15px;
    padding: 0.3em 0em 0em;
    background: transparent;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
div#secondary input[type="submit"] {
    width: 100%;
}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.6;
        background-color: transparent;
}
#secondary textarea {
    height: 90px;
}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{
    opacity: 0.7;
}
#secondary figure.gallery-item a img, #secondary .widget img{
    padding: 5px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
#content-box a i{
    color: #fff;
}
#commentsAdd input[type="submit"]{
    background: #fc226a;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 2%;
    width: 31.33333%;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    height: 2px;
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 0 0 20px;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    display: inline-block;
    margin: 0 2px;
    background: #fe5722;
    color: #FFF !important;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 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, .woocommerce nav.woocommerce-pagination ul li a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.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;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.justify-content-center{
    -ms-flex-pack: center!important;
    -webkit-box-pack: center!important;
    justify-content: center!important;
    text-align: center;
}
.section-title{
    margin: 1em 0 1.5em 0em;
    padding: 0 1em;
    border-top: none;
    border-bottom: none;
}
.section-title .headbrer:after {
    content: "";
    display: inline-block;
    width: 7%;
    border-top: 2px;
    border-style: solid;
    border-color: #ffb233;
}
h2.section-title1 {
    word-break: break-word;
    font-size: 48px;
    font-weight: 600;
    padding: 0px 0;
    margin: 0;
}

.section-title h2 {
    word-break: break-word;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0px;
   /* text-shadow: 0px 4px 10px #ff8c33;*/
} 
.section-title .headtitle,
.section-title p.headtext {
    text-align: left;
}
.section-title h3 {
    word-break: break-word;
    font-weight: 300;
    font-size: 50px;
    margin-bottom: 15px;
    text-align: center;
} 

.section-title p {
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    padding: 1em 0em;
    margin: 0;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}

.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    position: relative;
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
}
.titleborder:after{
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite;
}

@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

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

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

.textcenter{
    text-align: center;
}
:hover{
    -webkit-transition-duration: 1s;   
    -moz-transition-duration: 1s;   
    -o-transition-duration: 1s;   
    transition-duration: 1s;
}
section{
}
section .darkbox{
    padding:3em 0;
    background: rgba(0,0,0,0.6)
}
section .lightbox{
    padding: 5em 0;
}
.padding0{
    padding: 0;
}
.ht-section-title-tagline{
    margin-bottom: 3em;
}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.ht-section-title:last-child{
    margin-bottom: 0;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}
.ht-main-title{
    margin:0.1em 0 0.5em;
    letter-spacing: 1px;
    font-weight: 500;
   /* text-shadow: 0em 0em 0.4em rgba(255,255,255,0.6);*/
    text-align: center;
    /*text-shadow: 5px 5px 6px #000;*/
}

.archive .ht-main-title, .single-product .ht-main-title{
    margin: 0em 0 0.5em;
    padding: 0.5em 0 0;
}
.category .ht-main-title {
    margin: 0 0 1.5em;
}
.ht-main-title:last-child{
    margin-bottom: 0;
}
.ht-site-title, .site-title {
    font-weight: 600;
    font-size: 28px;
    /*line-height: 1;*/
    padding: 0;
   /* text-align: center;*/
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #4a4a4a;
}
header .menu-content {
    /*padding: 12px 0;*/
    /*margin: 15px 0;*/
}
/*.logo-header {
    text-align: center;
}*/
.ht-site-description{
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
    /*text-align: center;*/
}
#total-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
     font-size: 15px;
    margin: 0;
    color: inherit;
    display: block !important;
    text-align: center;
    padding: 0px 0 2.5em;
}
.single-productpage .innerpage-whitebox {
    margin-top: 0;
    padding: 1em;
}
.single-productpage #sidebars {
    margin-top: 20px;
}
.single-productpage .ht-main-title {
    padding: 20px;
}
.woocommerce ul.product_list_widget li img{
   margin: 0 15px 0px 0;
}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
    color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
    color: #fe5722;
}
.taxonomy-description,
.term-description{
    margin-bottom: 15px;
    padding: 0px 25px 25px 25px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
    margin-bottom: 0;
}
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

.breadcrumbbox {
      padding: 0px 0 2.5em;
    text-align: center;
}
.breadcrumbbox span{
    color:#000;
    margin:0 5px;
}
/*===========================================
## 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);
  }
}


/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
header .heaadermiddletxt {
    padding: 0
}
header .heaadermiddletxt p{
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color:#fff;
}
/*header .header-social-links {
    float: right;
}*/
header .socialalign a{margin: 1px 8px;}
header .socialalign a span {
    font-size: 18px;
    text-align: center;
    width: 25px;
    /* height: 25px; */
    /* line-height: 25px; */
    /* background: #ff3f; */
    padding-bottom: 3px;
    border-radius: 0%;
    text-align: center;
}
header .header-social-links a {      
   transition: all 0.2s;
}
header .header-social-links a span{      
    position: relative;  
    -webkit-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

header .header-social-links a span:hover{          
   transition: all 0.2s;
    transform: rotateY(180deg);
}

/*.navigation .menu-click i{
    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(0deg,#8972ea,#516ced 80%) no-repeat;
}
.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;
}
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: 15px 0px;
    /* width: 20%; */
    /* padding-left: 45px; */
    /*background: #fff;*/
}

.logobox img{
    position: relative;
}

header .header-b {
    width: 100%;
    padding: 0px 0;
    position: relative;
}
/*header .header-right-inn{
    position: absolute;
    overflow: hidden;
    background: #030710ba;
   
    left: 0%;
    right: 0%;
    top: 0;
    bottom: 0;

}*/
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}

.service-area .allnews-btn a:hover{
    font-weight: 600;
}

@-webkit-keyframes halftone {
  100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
  }
}

@keyframes halftone {
  100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
  }
}

/* = 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: #f72985;
  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: none;
    text-align: left;
}

.navigation .mainmenu li{ 
    display: inline-block;
    position: relative;
    line-height: normal;
    margin: 0px 8px;
   /* padding: 30px 0px;*/
}
.navigation .mainmenu li {
    padding: 50px 0;
    border: 3px solid transparent;
    border-left: none;
    border-right: none;
}

.navigation .mainmenu li.current_page_item {
    border: 3px solid #3fff;
    border-left: none;
    border-right: none;
}
.navigation .mainmenu li.current_page_item a,
.navigation .mainmenu li:hover {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navigation .mainmenu li li {
    padding: 0px 0;
}
.navigation .mainmenu li li:hover {
    border-color: transparent;
}
.navigation .mainmenu li:last-child{
    margin-right: 0;
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center; 
    color:#ffffff; 
    position:relative; 
}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.navigation .mainmenu>li:first-child a{
    border-left:none !important;
}
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;
}

.navigation .mainmenu ul.sub-menu li a {
    font-size: 14px;
    position: relative;
    color: #3b3fb2;
    font-weight: 600;
    margin-right: 25px;
}
.navigation .mainmenu ul.sub-menu li a:hover {
    background: #fff;
    z-index: 200;
}
.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
      font-size: 13px;
      font-weight: 400;
      padding: 12px 20px;
      display: inline-block;
      width: 100%;
      margin: 0px;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
.navigation .mainmenu ul.sub-menu li.current_page_item:hover a, 
ul.sub-menu .current_page_item:hover > a{
    background: none;
}


@media only screen and (max-width: 1300px) {
ul.sub-menu {
    position: relative;
    box-shadow: none;
}
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
}

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

.navigation .mainmenu ul.sub-menu li {
    list-style-type: none;
    font-size: 13px;
    color: #666;
}

.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: 75px;
    text-align: left;
    -ms-animation: zoomIn .3s ease-in-out;
    -webkit-animation: zoomIn .3s ease-in-out;
    animation: zoomIn .3s ease-in-out;
    padding:5px 5px ;
    border-radius: 0;
}
}

header.site-header ul.sub-menu li a:before {
     position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 100%;
    background-color: #ffe723;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    z-index: -1;
    border-radius: 8px;
}

header.site-header ul.sub-menu li a:hover::before {
    width: 100%;
}
/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left: 235px;
    top:-1px; 
    -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;
/*    transition: all 0.5s ease 0s;*/
    font-weight: 600;
    position: relative;
}

.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;
    border-bottom: 1px dashed #ccc;
   /* border-radius: 8px;*/
}

.header.site-header ul.sub-menu li:hover a{
   background: none;
    color: #ccc;
    border-radius: 0px;
    overflow: hidden;
    border-bottom:none;
    border-bottom: 1px dashed transparent !important;
}
.navigation .mainmenu li:first-child ul.sub-menu li:first-child,
.navigation .mainmenu li ul.sub-menu li:first-child  {
    clip-path: none;
    background: none;
}

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;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header {
    position: relative;
    z-index: 9999;
    width: 100%;
}
.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) {
    #about .about-right-img{
        top:1em !important;
    }
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: 10px;
}
.widget_calendar tfoot tr td a {
    padding: 2px 10px;
}

/*==============btn====================*/
nav .headenquiry{
    display: none;
}
.headenquiry i{
    padding-left: 5px;
}
.headenquiry {
    padding: 18px 30PX;
    background: #2765ba;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    top: 38px;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
}
.headenquiry:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.headenquiry a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
   transition: all 0.5s;
       border-radius: 14px;
}
/*---------------------------------------------------------------
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 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {
    float: right;
}
.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) {

    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        padding-right: 0;
    }
}
.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%;
}

.navigation .mainmenu {
    transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
}
.navigation .mainmenu.ht-menu {
    display: block !important;
}
/*.navigation .mainmenu li {
 position: relative;
}*/
.navigation .mainmenu li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 2px 0;
}

.sf-arrows .sf-with-ul {
    padding-right: 0em !important;
}

.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;
}
/* = Navigation sticky header css
-------------------------------------------------------------- */

.top-bar-head {
    position: relative;
    width: 100%;
}
header .header-contact{
    /*border-bottom: 1px solid #f3ff;*/
    position: relative;
    overflow: hidden;
}
.head-menu {
    position: relative;
}
.header-contact-inn {
    position: absolute;
    overflow: hidden;
    background: #fff;
    left: 0%;
    right: 0%;
    top: 0;
    bottom: 0;
}
header .head-inn {
    padding: 18px 0;
}
header .header-text{
    padding: 0px 0;
    font-size: 15px;
    font-weight: 600;
}
.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu {
    padding: 0px;
}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: 8px;
}
header.site-header .dlab-topbar-left {
    position: relative;
    top: 13px;
}
.header-share {
    float: right;
    padding-right: 1em;
}
.share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
    padding:  0;
}
.share-btn ul li{
    display:inline-block;
    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;
}
.share-btn ul li a.site-button{
       width: 35px;
    line-height: 35px;
    height: 35px;
    display: block;
    background: #f2f2f2;
    color: #494949;
    border-radius: 50%;
    border-left: none;
    font-size: 12px;
    margin: 7px 4px 0;
    position: relative;
    overflow: hidden;
}
.share-btn ul li a.site-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffe723;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.share-btn ul li a.site-button:hover:before, 
.share-btn ul li a.site-button:focus:before, 
.share-btn ul li a.site-button:active:before{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.share-btn ul li a.site-button:hover {
    background: none;
}

.share-btn ul li a.site-button:hover i{
        transform: rotateY(360deg);
    -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;
}

.share-btn ul li{
    position: relative;
    overflow: hidden;
}
header.site-header ul.sub-menu li a, 
.navigation .mainmenu li.current_page_item ul.sub-menu li a, 
.header.site-header ul.sub-menu li a {
    background: none;
}
.header.site-header ul.sub-menu li a:hover {
    padding-left: 25px;
    padding-right: 25px;
}

.share-details-btn ul{
    margin:0;
    padding:0;
    list-style:none;
}
.share-details-btn ul li{
    display:inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
}
.hd-b-area {
    float: right;
}
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/

.slider_section{
    position: relative;
    overflow: hidden;
}

.ht-slide{
    position: relative;
}
.ht-slide img{
    width: 100%;
}
.slider_gradiant{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.1;
    transition: all 0.5s;
}

.slider_content {
    position: absolute;
    top: 50%;
    left: 45%;
    width: 900px;
    /* background: #063c6db8; */
    margin-left: -550px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    text-align: left;
    z-index: 99;
}
.slider_section .title {
    font-size: 100px;
    font-weight: 800;
    padding-bottom: 0px;
    word-break: break-word;
    text-shadow: 0px 0px 15px #131313;
    padding: 11px 11px;
    display: inline-block;
    line-height: 90px;
}
.slider_section .title span{
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 20px;
    text-shadow: none;
}
.slider_section .sub-title {
    font-size: 17px;
    line-height: 30px;
    padding:0  11em 0 1em;
}

/*==============slider btn==========================*/

.slider-btn {
    margin-top: 2.2em;
    text-align: left;
}

.slider-btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.slider-btn ul li{
  float: left;
    margin: 0;
    padding: 0;
}

.slider_section a.btn {
    padding: 18px 30PX;
    /*background: #2765ba;*/
    /*color: #ffffff;*/
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    top: 0px;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
}
.slider_section a.btn:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.slider_section a.btn:before {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    /*color: #000;*/
   /* background: #3fff;*/
   transition: all 0.5s;
    border-radius: 14px;
}
.slider_section a.btn.btn-lg.f-btn i {
    padding-left: 55px;
}
.slider_section .s-btn {
    margin-left: 20px;
    background: transparent;
    border: 1px solid #fff;
}
.slider_section .s-btn:hover{
    border: 1px solid transparent;
    transition: all 0.5s;
}

.slider_section .bx-wrapper .bx-controls-direction a{
    display:block;
    font-weight: 600;
    margin: 0;
    z-index: 999;
    text-indent: -9999px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 50px;
    color: #f3da1f;
    background: #1e212a;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 40%;
    outline: 0;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:before, 
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:before{    
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffe723;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:hover:before, 
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:focus:before, 
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:active:before,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:hover:before, 
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:focus:before, 
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1;
}

.slider_section .owl-carousel .owl-nav button.owl-next span {
    position: absolute;
    bottom: 50%;
    right: 35px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next{
    display: inline-block;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.slider_section .owl-carousel .owl-nav button.owl-prev span {
    position: absolute;
    bottom: 50%;
    left: 35px;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:hover,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next:hover {
    color: #000000;
    background: none;
}
.slider_section .bx-wrapper .bx-controls-direction a.bx-prev,
.slider_section .bx-wrapper .bx-controls-direction a.bx-next{ 
    opacity: 1;
    text-indent: inherit;
    font-size: 0;
}
.slider_section .bx-wrapper .bx-prev {
    left: 20px;
}
.slider_section .bx-wrapper .bx-next {
    right: 20px;
}

.slider_section .bx-wrapper .bx-controls-direction a.bx-prev:after {
    content: "\f053";
    font-family: FontAwesome;
    margin: 0;
    z-index: 999;
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 20px;
}

.slider_section .bx-wrapper .bx-controls-direction a.bx-next:after {
    content: "\f054";
    font-family: FontAwesome;
    margin: 0;
    z-index: 999;
    font-size: 18px;
    position: absolute;
    top: 3px;
    right: 22px;
}

/*----------------------------------------*/
/*  GAllery Section
/*----------------------------------------*/
#gallery .custom-shape-divider-top-1611913562 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotateX(180deg);
}
#gallery .custom-shape-divider-top-1611913562 svg {
    position: relative;
    display: block;
    width: calc(141% + 1.3px);
    height: 200px;
}
/*#gallery path.shape-fill{
    fill:#3fff;
}*/
#gallery {
    position: relative;
    overflow: hidden;
    background: #fff9f9;
}

#gallery .inner-page-gallery {
    position: relative;
    overflow: hidden;
}
#gallery .lz-gallery-images{
    position: relative;
    overflow: hidden;
}
#gallery .lz-gallery-images img {
    height: 400px;
    width: 100%;
}
.gallery-area .galleryboxes{
    position: relative;
    border-radius: 0px;
    transition: all 0.5s ease 0s;
    margin-bottom:10px;
}
.gallery-area .galleryboxes:hover{
    transition: all 0.5s ease 0s;
}
.gallery-area .box-video i{
    display: none;
}
.gallery-area .box-video img{
    width: 100%;
    height: 400px;
    border-radius: 0px;
    transition: all 0.5s ease 0s;
}
.gallery-area .gcontain{
    position: relative;
    overflow: hidden;
    text-align: left;
    padding:15px 0px;
    transition: all 0.5s;
}
.gallery-area .gcontain h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #190c58;
}
.gallery-area .gcontain .subtitle {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
    color:#ffb233;
    margin: 0;
}
.gallery-area .box p {
    margin: 0;
    padding: 0;
}
.gallery-area .box iframe,.gallery-area .box img {
    max-width: 100%;
}
.gallery-area .box iframe ~ p, .box img ~ p {
    margin-top: 10px;
}
.gallery-area .box .box-video i{
    top:50%;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    top: 170px;
    right: 0px;
    z-index: -1;
    padding: 10px 15px;
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: -webkit-transform 0.3s;
    transition: all .3s linear;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    position: absolute;
    content: '';
}
.gallery-area .box:hover i {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .3s linear;
    z-index: 1;
}

/*.gallery-area .box i,
.gallery-area .box i:hover{
        color:red;
}*/
.gallery-area  .box-video {
    position: relative;
    overflow: hidden;
}
.gallery-area  .box-video .overlay {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #f3ff;
    opacity: 0.3;
    height: 100%;
    position: absolute;
    width: 100%;
    left: -50%;
    bottom: -50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5;
    -o-transition: all 0.5;
    transition: all 0.5;
}

.gallery-area .box:hover .box-video .overlay {
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}

.gallery-area .glrybtn {
    margin: 1em 0 0 0;
    text-align: center;
}
.gallery-area .glrybtmbtn i{
    padding-left: 5px;
    font-weight: 600;
}
.gallery-area .glrybtmbtn{
    padding: 15px 34PX;
    background: #ff3f;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
}
.gallery-area .glrybtmbtn:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.gallery-area .glrybtmbtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 14px;
}
.gallery-area .section-title {
    margin: 1em 0 2.5em 0em;
}

/********************
* Video play button *
********************/
div.box-video {
    position: relative;
     transition: all 0.5s ease 0s;
}
/* Button circle */
div.play-button {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.5s ease;
}
/* Play button */
div.play-button:after {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 14px);
    display: block;
    content: '';
    box-sizing: border-box;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 26px 0 26px 40px;
}
.big-box a:hover div.play-button, .big-box a:focus div.play-button, .boxes a:hover div.play-button, .boxes a:focus div.play-button {
    background-color: rgba(9, 132, 132, 0.8);
}
.big-box a:active div.play-button, .boxes a:active div.play-button {
    background-color: rgba(9, 132, 132, 1);
}

/*---------------end of gallery-------------------------*/

/*----------------------------------------*/
/*  Featured Section
/*----------------------------------------*/

#featured {
    position: relative;
    overflow: hidden;
    background: #f6faff;
    padding-left: 5em;
}
#featured p.headtext {
    padding-right: 32em;
}
.featured .feagtopbtn {
    margin: 4em 0;
    float: right;
}
.featured .feagtopbtn i{
    padding-left: 5px;
    color:#f9c12c;
}
.featured .feagtopbtn{
    padding: 18px 30PX;
    background: transparent;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
    text-decoration: none;
}
.featured .feagtopbtn:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.featured .feagtopbtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 14px;
}
.featured-area .fea-popup-content{
    display: none;
    transition: all 0.3s ease 0s;
}
.feabox-video {
    padding: 1em;
/*    background: #fff;*/
    border-radius: 30px;
}
.featured-area .featuredboxes{
    position: relative;
    border-radius: 20px;
    transition: all 0.5s ease 0s;
    padding-bottom: 20px;
}
.featured-area .featuredboxes:hover{
    background: transparent;
    transition: all 0.5s ease 0s;
    box-shadow: 0 3px 8px rgba(63, 78, 100, 0.15);
}
.featured-area .featuredboxes:hover .feabox-video img{   
/*    transform: scale(0.9) rotateZ(0deg);
    -moz-transform: scale(0.9) rotateZ(0deg);
    -webkit-transform: scale(0.9) rotateZ(0.5deg);
    -o-transform: scale(0.9) rotateZ(0deg);
    transition: all 0.5s ease 0s;*/
    border-bottom: none;
}
#featured .feabox-video i {
    position: absolute;
    top: 40%;
    left: 0%;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fd8455;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    opacity: 0;
    -webkit-transform: translate(-100%, -50%) rotate(-180deg);
    transform: translate(-100%, -50%) rotate(-180deg);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
#featured .feaboxes:hover .feabox-video i {
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1;
}
.featured-area .feabox-video img{
    width: 100%;
    height: 400px;
    border-radius: 20px;
    transition: all 0.5s ease 0s;
}
.featured-area .feagcontain{
/*    margin-bottom: 4em;*/
    transition: all 0.5s ease 0s;
}
.featured-area .featuredboxes:hover{
/*    margin-bottom: 0em;*/
    transition: all 0.5s ease 0s;
}
.featured-area .feagcontain{
    position: relative;
    overflow: hidden;
    text-align: left;
    padding: 0px 10px;
    transition: all 10ms ease 0s;
}
.featured-area .featuredboxes:hover .feagcontain{
    display: block;
    transition: all 10ms ease 0s;
/*    padding: 0em 1em 2em;
    margin-bottom: 0;*/
}
.featured-area .feagcontain h5 {
    font-size: 20px;
    font-weight: 600;
    color:transparent;
}
.featured-area .feagcontain .subtitle {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0;
    color:#ffb233;
}
.featured-area .feaarowbtn {
   width: 35px;
    height: 35px;
    line-height: 35px;
    background: transparent;
    color: transparent;
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    top: 5px;
    position: relative;
}
.featured-area .feaboxes a.video-post-cat {
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: transparent;
}

#featured .featuredboxes:hover .feaarowbtn, #featured .featuredboxes:hover .feagcontain h5, .featured-area .feaboxes .featuredboxes:hover a.video-post-cat{
    transition: all 0.5s ease 0s;
}
.featured-area .feabox iframe,.featured-area .feabox img {
    max-width: 100%;
}
.featured-area .feabox iframe ~ p, .box img ~ p {
    margin-top: 10px;
}
.featured-area .feagtopbtn {
    margin: 4em 0;
    float: right;
}
.featured-area .feagtopbtn i{
    padding-left: 5px;
    color:#f9c12c;
}
.featured-area .feagtopbtn{
    padding: 18px 30PX;
    background: transparent;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
    text-decoration: none;
}
.featured-area .feagtopbtn:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.featured-area .feagtopbtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 14px;
}
#featured .owl-carousel .owl-nav{
    display: none !important;
}
#featured .owl-nav .owl-prev span {
    position: absolute;
    top: 150px;
    left: -60px;
}
#featured .owl-nav .owl-next span {
    position: absolute;
    top:150px;
    right: -60px ;
}

#featured .owl-nav span {
    font-size: 30px;
    background: #fff;
    color:#000;
    width: 44px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.5s;
}
#featured .owl-nav span:hover{
    background: #000;
   /* color:#fff;*/
    transition: all 0.5s;
}
#featured .owl-theme .owl-dots,
#featured .owl-theme .owl-nav{
    margin: 0;
    display: none;
}
/*==============animeted Icon=================*/
#featured .fea-icn-1 {
    position: absolute;
    top: 5%;
    text-align: center;
    left: 0;
    right: 0;
}
#featured .fea-icn-2{
    position: absolute;
    top: 20%;
    right: 30%;

    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
    width: 35px;
}
#featured .fea-icn-1 img,
#featured .fea-icn-3 img {
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite;
    width: 40px;
}
@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

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

    to {
        transform: translate(0, -0px);
    }
}
#featured .fea-icn-3{
    position: absolute;
    bottom: 5%;
    left: 30%;
    
}
#featured .fea-icn-4{
    position: absolute;
    bottom: 5%;
    right: 30%;
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
    width: 35px;
}
#featured .fea-icn-2 img,
#featured .fea-icn-4 img{
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
        width: 35px;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*----------------------------------------*/
/* support Area
/*----------------------------------------**/

#support {
    position: relative;
    overflow: hidden;
}
#support  .support-single {
    position: relative;
    overflow: hidden;
    transition: all 1s ease 0s;
    box-shadow:0 1px 13px 0px rgb(111 105 105 / 12%);
    border-radius: 5px;
    margin-bottom: 30px;
}
#support .supp-circle{
    position: absolute;
    /*z-index: 0;*/
    overflow: hidden;
    -webkit-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out;
    border-radius: 50%;
    padding: 0px 40px;
    /*box-shadow: 0 0 20px 1px #bfc3c169;*/
    padding-bottom: 10px;
    background: #f2f2f2;
    width: 145px;
    height: 145px;
    line-height: 145px;
}
#support .supp-circle.one{
    right: -60px;
    top: -60px;
}
#support .supp-circle.two{
    left: -50px;
    bottom: -80px;
}
#support .support-single:hover .supp-circle{
    display: inline-block;
    background: #ff3f;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-animation: zoomIn 400ms ease-in-out;
    animation: zoomIn 400ms ease-in-out;
    transition: all 1s ease 0s;
    z-index: 1;
}
#support .supp-inn {
    position: relative;
    padding: 40px 50px;  
    transition: all 1s ease 0s;
}
#support .support-single:hover .supp-inn{
    transition: all 1s ease 0s;
}

#support h4.inner-area-title {
    font-size: 20px;
    font-weight: 600;
    padding: 1em 0;
}

#support .section-area-text {
    font-size: 16px;
    line-height: 34px;
    margin: 0;
    color: #7f7f7f;
    font-weight: 400;
    padding: 5px 12px 5px 0;
}

#support .hi-icon span {
    font-size: 70px;
    text-align: center;
    color: #1d62b8;
    position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s;
}

#support .readmore {
    padding: 0px;
    background: transparent;
    color: #ccc;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
    top: 15px;
}

#support .readmore:hover{
    padding: 0px 30px;
    transition: all 0.5s;
}
#support .readmore:hover a:before {
    transition: all 0.5s;
    left: 0%;
    right: auto;
    width: 100%;
}
#support .readmore a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.2s;
    border-radius: 14px;
}
#support .readmore i{
    padding: 5px 0;
    transition: all 0.1s;
}
#support .readmore a{
    background: none;
}

/*============2nd btn=====================*/
#support .squote {
    text-align: center;
}
#support .squotebtn a{
    padding: 15px 34PX;
    background: #f9c12c;
    color: #fff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
    top: 2em;
}

#support .squotebtn a:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}
#support .squotebtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 12px;
}

/*----------------------------------------*/
/*  clientlogo Area
/*----------------------------------------**/

#clientlogo {
    position: relative;
    overflow: hidden;
    padding: 4em 0;
}
#clientlogo .supp-inn {
    padding: 0px 10px;
    margin: 0 auto;
    text-align: center;
}

#clientlogo .hi-icon a{
    padding: 20px;
}
#clientlogo .hi-icon img{
    /*max-width: 100%;*/
    vertical-align: top;
    /*width: 100px;*/
    /*height: 50px ;*/
    margin: 0 auto;
}
#clientlogo .no-js 
#clientlogo .owl-carousel, 
#clientlogo .owl-carousel.owl-loaded {
    display: block;
}
#clientlogo .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 14px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px;
    background: #000;
}

#clientlogo .owl-theme .owl-nav {
    display: none;
}
#clientlogo .owl-theme .owl-dots {
    margin-top: 2em;
    display: none;
}
/*============logo border=============*/
#clientlogo .hi-icon {
    --transition-duration: 600ms;
    --border-margin: 0px;
    --border-width: 3px;
    --border-color: #f3ff;
    --border-radius: 3px;
    display: inline-flex;
    position: relative;
    overflow: hidden;
}

#clientlogo .hi-icon:before,
#clientlogo .hi-icon:after, 
#clientlogo .hi-icon figcaption:before, 
#clientlogo .hi-icon figcaption:after {
    box-sizing: border-box;
    transition: all 600ms ease;
    transition: all var(--transition-duration) ease;
}

#clientlogo .hi-icon:before, 
#clientlogo .hi-icon:after,
#clientlogo .hi-icon figcaption:before,
#clientlogo .hi-icon figcaption:after {
  background-color: var(--border-color);
  position: absolute;
  content: '';
}

#clientlogo .hi-icon:before, 
#clientlogo .hi-icon:after{
  z-index: 1;
  height: 3px;
  height: var(--border-width);
  left: 15px;
  left: var(--border-margin);
  right: 15px;
  right: var(--border-margin);
  transform: scaleX(0); 
}

#clientlogo .hi-icon:before{
  top: 15px;
  top: var(--border-margin);
   }

#clientlogo .hi-icon:after {
  bottom: 15px;
  bottom: var(--border-margin); 
}

#clientlogo .hi-icon figcaption:before, 
#clientlogo .hi-icon figcaption:after{
    width: 3px;
    width: var(--border-width);
    top: 15px;
    top: var(--border-margin);
    bottom: 15px;
    bottom: var(--border-margin);
    transform: scaleY(0); 
}

#clientlogo .hi-icon figcaption:before{
    left: 15px;
    left: var(--border-margin); 
}

#clientlogo .hi-icon figcaption:after {
    right: 15px;
    right: var(--border-margin); 
}

#clientlogo .hi-icon.hover:before, 
#clientlogo .hi-icon.hover:after,
#clientlogo .hi-icon.hover figcaption:before,
#clientlogo .hi-icon.hover figcaption:after, 
#clientlogo .hi-icon:hover:before, 
#clientlogo .hi-icon:hover:after,
#clientlogo .hi-icon:hover figcaption:before,
#clientlogo .hi-icon:hover figcaption:after, 
#clientlogo .hi-icon:focus:before, 
#clientlogo .hi-icon:focus:after,
#clientlogo .hi-icon:focus figcaption:before,
#clientlogo .hi-icon:focus figcaption:after {
  transform: scale(1); }


/*----------------------------------------*/
/*  03. Video category Area
/*----------------------------------------*/

  .videocategory-area .ser-ot{
    margin: 0 1.5em;
    position: relative;
    transition: all .3s linear;
    border-radius: 5px;
    top: -25px;
}
.videocategory-area .cat-video-single:hover .ser-ot{
    transition: all .3s linear;
    transform: rotateZ(-5deg);
    background: #2e3d5a;
}
.videocategory-area .cat-video-single:hover h4{
    transition: all .3s linear;
    transform: rotateZ(5deg);
     background: #f68358;
}
.videocategory-area .video-title-box h4 {
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    padding: 14px 10px;
    background: #fff;
    border-radius: 5px;
/*    box-shadow: 1px 6px 4px rgb(0 0 0 / 5%);*/
    transition: all .3s linear;
}
.videocategory-area .video-title-box h4 a{
    color:#292929;
}
.videocategory-area .cat-video-single:hover h4 a{
    color:#fff;
}
.videocategory-area .video-title-box {
   padding: 0;
    text-align: center;
    position: relative;
    top: -28px;
    z-index: 5;
}
.videocategory-area .video-title-box img {
    border-radius: 5px;
    width: 100%;
    height: 265px;
}
.videocategory-area .section-title {
    margin: 1em 0 3.5em 0em;
}
/*=============btn===========*/

.videocategory-area .videocatbtn {
    margin: 1em 0 0 0;
    text-align: center;
}
.videocategory-area .videocatbtn i{
    padding-left: 5px;
    font-weight: 600;
}
.videocategory-area .videocatbtn{
    padding: 15px 34PX;
    background: #ff3f;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
}
.videocategory-area .videocatbtn:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
.videocategory-area .videocatbtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 14px;
}
.videocategory-area .videocatmain{
    margin: 1em 0 0 0;
    text-align: center;
}
/*----------------------------------------*/
/*   About Section
/*----------------------------------------*/
#about{
    position: relative;
    /*overflow: hidden;*/
}
#about .section-subheading {
    font-size: 14px;
    font-weight: 500;
    word-spacing: 5px;
}
#about .abt-post{
    margin-bottom: 1em;
}
#about .section-text {
    font-size: 21px;
    line-height: 35px;
    font-weight: 600;
}
#about .aboutus-post-boxes{
    padding: 3em 0;
}
/*===============iconbox=====================*/
#about .abt-single{
    transition: all 0.5s;
    text-align: left;
    padding: 0 30px 0px 0;
}
#about .abt-single:hover .abt-icon i{
    transition: all 0.5s;
    transform: rotateY(360deg);
}
#about .abt-icon i {
    font-size: 45px;
    color:#f9c12c;
}
#about h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
}
/*=========textbox==================*/
#about .icn-txt{
    font-size: 18px;
    font-weight: 600;
    color:#646262;
    transition: all 0.5s;
    display: inline-block;
}

#about .hi-icon span{
    font-size: 18px;
    text-align: center;
    transition: all 0.5s;
    color:#f9c12c;
}
#about .aboutus-single:hover .hi-icon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    font-weight: 900;
    font-size: 18px;
}

#about .readmore {
    padding: 18px 50PX;
    background: #2765ba;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    top: 0px;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
    text-decoration: none;
}
#about .readmore:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
#about .readmore a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
   transition: all 0.5s;
    border-radius: 12px;
}
#about .readmore a{
    background: none;
}

#about .abtlastinn{
    border-radius: 10px;
    background: #ff9933;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
}
#about .abtlast {
    padding: 2em 3em;
    position: absolute;
    bottom: -4em;
    margin: 0 2em 0px 2.5em;
    width: 82%;
}
#about .abtlast h4 {
    font-size: 34px;
    color: #000;
    font-weight: 800;
    font-style: italic;
    line-height: 35px;
    padding: 3px 0;
}

#about .abticn{
    text-align: center;
}
#about p.ablstxt {
    font-size: 16px;
    margin: 0;
    position: relative;
}
#about .abticn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 68px;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    /*left: 0;
    right: 0;
    margin: 0 auto;*/
}
#about .abticn:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition:all .5s;
    z-index: 0;
}
#about .abtlast:hover .abticn:before {
  top: 0;
}
#about .abticn i{
    position: relative;
    transition:all .5s;
    font-size: 28px;
    font-weight: 800;
    color: #000;
    z-index: 2;
}
#about .abtlast:hover .abticn i{
    transform: rotateZ(360deg);
    transition:all .5s;
}

#about .about-right-img {
    top:-9em;
}

/*.aboutbox-img .hover-effect::after {
    bottom: 0;
    opacity: 0.7;
    left: 0;
}*/
.aboutbox-img .hover-effect::before {
    right: 0;
    opacity:0.7;
    top: 0;
}
/*.about-right-img .hover-effect::after,*/
.about-right-img .hover-effect::before {
    content: "";
    background: #3fff;
    height: 0;
    width: 0;
    z-index: 1;
    border-radius: 40px;
    position: absolute;
    -webkit-transition-duration: 1.3s !important;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s !important;
}
/*.about-right-img:hover .hover-effect::after,*/
.about-right-img:hover .hover-effect::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}
#about .about-right-img img{
    width: 100%;
    height: 725px;
    border-radius: 40px;
}
#about .abtlast:after{
     content: "\f095";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    -webkit-transition: right .4s, -webkit-transform .2s;
    transition: right .4s, -webkit-transform .2s;
    transition: right .4s, transform .2s;
    transition: right .4s, transform .2s, -webkit-transform .2s;
    font-size: 60px;
    opacity: 0;
    right: -120px;
    top: 0px;
    }
#about .abtlast:hover:after {
    -webkit-transform: rotate(3000deg);
    transform: rotate(3000deg);
    color: #000;
    top: 20px;
    right: 30px;
    opacity: 0.4;
    -webkit-transition: right .4s,-webkit-transform 30s .2s linear;
    transition: right .4s,-webkit-transform 30s .2s linear;
    transition: right .4s,transform 30s .2s linear;
    transition: right .4s,transform 30s .2s linear,-webkit-transform 30s .2s linear;
}

/*----------------------------------------*/
/*   Testimonials Area
/*----------------------------------------*/
#testimonials .innertest-item-inner{
    display: none;
}

#testimonials {
    /*padding: 6em 0px 0em;*/
    position: relative;
    overflow: hidden;
}
#testimonials .ts-area-single {
    padding: 2.5em 2.5em;
    margin-top: 2em;
    transition: all 1s ease 0s;
    border-radius: 10px;
   /*box-shadow: 0 12px 16px 20px rgb(144 190 216 / 10%);*/
    margin-bottom: 5px;
}
#testimonials .ts-area-single:hover{
    transition: all 1s ease 0s;
    box-shadow: 0 21px 15px 19px rgb(144 190 216 / 10%);
}
#testimonials .ts-area-content {
    text-align: left;
    padding:2em 2em 2em 0;
    transition: all 1s ease 0s;
}
#testimonials .ts-area-thumb img{
    width: 70px;
    height: 70px;
    border-radius: 10px;
    transition: all 1s ease 0s;
}

#testimonials .ts-area-single i{
    font-size: 15px;
    color: #000;
    position: absolute;
    text-align: center;
    transition: all 1s ease 0s;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #f23;
    border-radius: 50px;
    bottom: -18px;
}

#testimonials .ts-area-single:hover .ts-area-content i{
    transform: rotateY(360deg);
    transition: all 1s ease 0s;
}

#testimonials .con-inn {
    padding-top: 12px;
}
.testimonials-area .ts-area-title{
    font-size: 18px;
    font-weight: 600;
    position: relative;
    transform: scale(1);
    transition: all 1s ease 0s;
    margin: 1px 0 4px 0;
}
.testimonials-area .section-area-text{
    margin-bottom: 0;
}
.testimonials-area .ts-area-c p {
    font-size: 16px;
    font-weight: 500;
    line-height: 35px;
}
#testimonials .text-designation{
    font-size: 14px;
    font-weight: 500;
}

#testimonials .owl-theme .owl-nav, 
#testimonials .owl-theme .owl-dots{
    display: block;
    /*margin-top: 5em;*/
    display: none;
}
#testimonials .owl-theme .owl-nav {
    display: none;
}
/*#testimonials .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin: 5px 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    background: #f3ff;
    transition: all 1s ;
}
#testimonials .owl-theme .owl-dots .active span{
    transition: all 1s ;
    background: #ff3f;
    color:#000;
}
#testimonials .owl-carousel .owl-stage-outer{
        padding-bottom: 2em;
}*/

/*----------------------------------------*/
/* 09. Contact Area
/*----------------------------------------*/
.contact-area {
    position: relative;
    overflow: hidden;
}
.contact-area .top-cirle{
    position: absolute;
    width: 160px;
    height: 160px;
    background: #f3f;
    border-radius: 50%;
    z-index: 1;
}
.contact-area .middle-cirle{
    position: absolute;
    width: 480px;
    height: 480px;
    background: #3ff;
    border-radius: 50%;
    z-index: 0;
    top: 8px;
    left: -60px;
}
.contact-area .bottom-cirle{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fd8455;
    border-radius: 50%;
    z-index: 1;
    top: 34em;
}

.contact-area .circle,
.contact-area .circle1{
    -webkit-animation: sp 3s linear infinite;
    animation: sp 3s linear infinite;
        /*width: 35px;*/
}

@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

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

    to {
        transform: translate(0, -0px);
    }
}
@keyframes sp {
    from {
        transform: translate(0, 0px);
    }

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

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

.contact-area .section-title1{
    padding: 0 1em;
}
.contact-area .contactimgs img {
    width: 500px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
        z-index: 2;
}

.contact-area .section-title1 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 11px;
    margin: 0;
}
.contact-area .section-title1 h4 {
    word-break: break-word;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 0px;
}

/*===============*/
.contact-area .contact-rbx{
    background: #f3f3;
    height: 70%;
    border-radius: 10px 0 0 10px;
}
.contact-area .contact-rinn {
    box-shadow:0px 3px 2px 1px rgb(0 0 0 / 3%);
    padding: 4em 4em;
    border-radius: 0 15px 15px 15px;
}
.contact-area .contact-r {
    padding: 0em 0em;
}

.ht-inquiry-member-wrap select,
.ht-inquiry-member-wrap input[type="text"], 
.ht-inquiry-member-wrap input[type="email"], 
.ht-inquiry-member-wrap input[type="url"], 
.ht-inquiry-member-wrap input[type="password"], 
.ht-inquiry-member-wrap input[type="search"], 
.ht-inquiry-member-wrap input[type="number"], 
.ht-inquiry-member-wrap input[type="tel"], 
.ht-inquiry-member-wrap input[type="range"], 
.ht-inquiry-member-wrap input[type="date"], 
.ht-inquiry-member-wrap input[type="month"], 
.ht-inquiry-member-wrap input[type="week"], 
.ht-inquiry-member-wrap input[type="time"], 
.ht-inquiry-member-wrap input[type="datetime"],
.ht-inquiry-member-wrap input[type="datetime-local"], 
.ht-inquiry-member-wrap input[type="color"],
.ht-inquiry-member-wrap input[type="file"],
.ht-inquiry-member-wrap textarea{    
    /*height: 40px;*/
    background: none;
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 12px 0;
    border-radius: 35px;
    padding: 30px 30px;
    border: none;
    height: 34px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.ht-inquiry-member-wrap label{
    color:#fff;
    margin:0 0 1em;
    width: 100%;
}
.ht-inquiry-member-wrap {
    position: relative;
    padding-top: 2em;
}

.ht-inquiry-member-wrap input[type="submit"]{
    padding: 24px 40px;
    white-space: normal;
    font-weight: 600;
    font-size: 19px;
    border-radius: 50px;
    background: #000;
    display: block;
    margin-top: 2.5em;
    margin-left: 15px;
    transition: all 0.3s;
    width: 100%;
}

.ht-inquiry-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: initial;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}


/*----------------------------------------*/
/*   Newsletter Area
/*----------------------------------------*/
#newsletter {
   position: relative;
   overflow: hidden;
}
#newsletter .section-title h2 {
    text-shadow: none;
    color: #fff;
    font-size: 40px;
}
#newsletter .newslettersign-box{
    padding: 2em 0em 2em 0em;
}
#newsletter .box-form {
    /*text-align: center;*/
    padding-top: 20px;
    margin: 0 15em;
}
div#newsletter  .ht-newsletter-member-wrap input::placeholder{
    opacity: 1;
}

.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"],
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"],
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select,
.ht-newsletter-member-wrap textarea{    
    z-index: 2000;
    width: 100%;
    color: #fff;
    margin: 0 0 20px 0;
    border-radius: 22px;
    padding: 24px 30px;
    font-size: 16px;
    /* height: 60px; */
    font-weight: 500;
    background: #fff;
    /* outline: 2px solid #1c62b7; */
    border: none;
    cursor: pointer;
}

div#newsletter  .btnicon {
    position: relative;
}
div#newsletter  .btnicon i {
    position: absolute;
    bottom: 50px;
    right: 10px;
    background: #fed760;
    color: #333043;
    border-radius: 50%;
    padding: 11px 15px;
}

.ht-newsletter-member-wrap textarea {
      height: 80px;
    padding: 10px 20px;
}
div#newsletter  .ht-newsletter-member-wrap textarea::placeholder{
    color:#fff;
}

.ht-newsletter-member-wrap label{
    color:#fff;
    margin:0;
    width: 100%;
}

.ht-newsletter-member-wrap input[type="submit"]:hover {
    color: #222225;
    background: #fff;
}
.ht-newsletter-member-wrap input[type="submit"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #e1e1e1;
    color: #fff;
    transition-duration: 0.3s;
    transition: all 0.5s ease 0s;
    padding: 24px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 20px;
    z-index: 1;
    margin-top: 0em;
    float: left;
}

/*----------------------------------------*/
/*  12. Footer Area
/*----------------------------------------*/

.footer-area .wpcf7:after:hover{
    color: #f3ff !important;
    background: #fff3;
}
.footer-block {
    /*line-height: 2.2;*/
    font-size: 15px;
}
.footer-area .fitext {
    margin-bottom: 18px;
}
.footer-area {
    position: relative;
    overflow: hidden;
    background: #111727;
}
.footer-area li {display: block;margin-bottom: 18px;font-size: 15px;font-weight: 500; }
.footer-area li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 15px;
}
.footer-area .gallery-item {max-width: 48.33%;padding-right: 13px;padding-bottom: 13px;}

.footer_contact-small-box{
    padding: 0;
}
.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.6;
    font-size: 15px;
}
.footer-area .current_page_item > a:before{
display: none;
}
.footer-area .current_page_item > a{
    background: none;
    font-weight: 500;
}

#footer.footer-area .widget-title {   
    letter-spacing: 0px;
    color: #feffff;
    margin-bottom: 1.5em;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
}

.footer-area .footer-social-links {
    float: right;
    top: -14px;
    position: relative;
}
.footer-area .footer-social-links a {
    display: inline-block;
    margin-bottom: 22px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 22px;
    background: #363636;
    text-align: center;
    margin: 0 10px 10px 0px;
}

.footer-area .social-profile-icons ul{
    margin: 0;
}
.footer-area .social-profile-icons ul li{
     display: inline-block;
}
.footer-area .social-profile-icons ul li a{
    display: inline-block;
    margin-bottom: 22px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    background: #363636;
    text-align: center;
    margin: 0 10px 10px 0px;
}

.footer-area .social-profile-icons ul li a{  
    font-size: 20px;
}
.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget {margin-bottom: 2em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {
    padding: 30px 0;
    background: #1c1c1c;
}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-area .widget.widget_recent_entries li a {
    font-size: 15px;
}
.footer-text, .footer-text a {
    font-size: 15px;
    font-weight: 600;
}
.footer-area .pd-0{padding: 0;}
.footer-area .bottom-area li a:hover, .social-profile-icons li a:hover{border-bottom: 0;}
.footer-area .bottom-area li:hover a::after, .footer-area .bottom-area li:hover a:after {width: 20px;}
.footer-area .bottom-area li a:after, .footer-area .bottom-area li a:after {position: absolute;width: 0;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}
.footer-area .bottom-area li.current_page_item a:after{position: absolute;width: 20px;height: 2px;background: #ff8b00;content: "";bottom: -5px;left: 2px;transition: .3s;}

.footer-area .bottom-area .footer-link {
    text-align: right;
}
.footer-area  ul {
    list-style: none;
    margin: 10px 0 0 0px;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea,
.footer-area select{    
    border: 2px solid;
    font-size: 15px;
    height: 55px;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 400;
}

 .footer-area .widget_calendar tfoot tr td a, 
 .footer-area .s-footer .textwidget p a {
        background: none;
}
.footer-area input[type="submit"]{
   display: inline-block;
    background: #e1e1e1;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    color: #1d62b8;
    position: relative;
    /* text-indent: -999px; */
    border-radius: 30px;
    border: none;
}

.footer-area .widget_calendar tfoot tr td a, 
.footer-area .s-footer .textwidget p a {
    background: none;
    font-size: 13px;
    font-weight: 600;
}
 .footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
      background: none;
}
.footer-area .top-area {
    padding: 0em 0em 3em 0em;
}

.footer-area label{
    font-weight: 400;
}
.footer-area div.wpcf7 input[type="file"] {font-size: 15px;font-weight: 500;width: 100%;margin-bottom: 30px;}
.footer-area select option{font-weight: 400;}

.footer-area i.fa {    
       padding: 0;
    font-size: 18px;
    font-size: 20px;
    margin-right: 8px;
}
.footer-area .social-profile-icons i.fa {    
    padding: 0;
    text-align: center;
    margin-right: 0;
    font-size: 18px;
    padding: 5px;
}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 15px;padding: 5px;}
.footer-area .widget_calendar table thead tr th{text-align: center;}
.footer-area fieldset {
    padding-top: 0;
}
footer#footer .widget_calendar thead { background: transparent;box-shadow: 0 0px 3px 0 #88828252;}
.footer-area figure.gallery-item img:hover{opacity: 0.8;}
.footer-area p span {color: #fe900f;font-weight: 400;}

.footer-area input[type="text"], .footer-area input[type="email"], .footer-area input[type="url"], .footer-area input[type="password"], .footer-area input[type="search"], .footer-area input[type="number"], .footer-area input[type="tel"], .footer-area input[type="range"], .footer-area input[type="date"], .footer-area input[type="month"], .footer-area input[type="week"], .footer-area input[type="time"], .footer-area input[type="datetime"], .footer-area input[type="datetime-local"], .footer-area input[type="color"], .footer-area textarea {background: transparent;}
.s-footer{
    float: left;
}

.footer-area .widget_recent_entries ul li {
  line-height: 25px;
}

.footer_area-img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer_area-img {
    max-width: 80%;
    padding-top: 10px;
}

.footer_facility-text {
    padding: 5px 2em 15px;
    background: #e7e7e7;
    border: 1px solid #d3d3d3;
    border-right: 0;
    font-size: 15px;
    color: #4c4c4c;
    text-align: center;
}
.footer-facility-area .col-md-4.pd-0:last-child .footer_facility-text{
    border-right: 1px solid #d3d3d3;
}

.footer_facility-text i.fa {
      padding: 0;
    border-radius: 0%;
    width: 35px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 27px;
    border: none;
    top: 5px;
    position: relative;
    color: #575757;
}
.footer-area .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;
}
.single-footer-5 .sec-insta img {
    height: 340px;
    width: 100%;
}
.single-footer-5 .insta-details{
    position: absolute;
    text-align: center;   
    bottom: 0;    
    right:0;
    left: 0
    top: 60%;
    opacity:0;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 10;
}
.single-footer-5 .section-title {
    margin-bottom: 4em;
}

.single-footer-5 .sec-insta{
    position: relative;
    overflow: hidden;
}

.single-footer-5 .sec-insta:hover .insta-details{
    display: block;
    top: 60%;
    left: 50%;
    opacity: 1;

}
.single-footer-5 .sec-insta p{
    margin: 0;
}


.single-footer-5 .sec-insta a .fa{
    font-size: 40px;
    color: #ffffff
}

.single-footer-5 .insta-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #7c6724;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity:0.8;
    z-index: 1;
    animation: innerbeat 8.2s infinite linear forwards;
}

.single-footer-5 .sec-insta:hover .insta-overlay{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
}

/*----------------------------------------*/
/*  09. Inner team page
/*----------------------------------------*/

#innerpage-box .team-overlay { position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0;background-size: cover;}
#innerpage-box p {margin-bottom: 24px;font-size: 14px;color: #ffffff;line-height: 24px;font-weight: 500;word-break: break-word;}

#innerpage-box .team-text h3 {
    word-break: break-word;
    /*font-size: 22px;*/
    font-weight: 600 !important;
    color: #FE8A00;
    margin-bottom: 5px !important;
}
body.page-template-default main#innerpage-box .team-text h4:after{
    display: none;
}
#innerpage-box .team-text .team-designation{    
    word-break: break-word;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}
#innerpage-box .team-con{
    padding: 1em 1em;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out;
    box-shadow: 0 0 20px 1px #bfc3c169;
}

#innerpage-box .team-text {
    text-align: center;
    margin: 0;
    z-index: 2;
}
#innerpage-box .our-team {
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}
#innerpage-box .single-team {
    filter: drop-shadow(0px 6px 4px rgba(50, 50, 0, 0.2));
    overflow: hidden;
    margin:0 20px 20px 0;
}

#innerpage-box .pd-0 {padding: 0;}

#innerpage-box .single-team-img {
    border-radius: 0% 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    text-align: center;
    z-index: 3;
    position: relative;
    overflow: hidden;
     background: #000;
}

#innerpage-box .our-team:hover figcaption{
   position: absolute;
    left: 0%;
    right: 0%;
    top: 0;
    bottom: 0;
    opacity: 0.6;
    background-size: cover;
    background: linear-gradient(125deg,#fff,#000 70%) no-repeat;
    transition: all 0.5s ease 0s;
}

#innerpage-box .single-team-img img{    
    width: 100%;
    height: 350px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
/*#innerpage-box .our-team:hover .single-team-img img{
    transform: scale(0.95);
    transition: all 0.5s ease 0s;
    border-radius: 0px;
}*/
#innerpage-box .our-team p {
    color: #666666;
    padding: 1em 5px 2em;
    margin: 0;
}
#innerpage-box .team-social-icon{
    text-align: center;
}
#innerpage-box .team-social-icon a i{
    margin:0 2px 8px 0;
    font-size: 15px;
    color: #767779;
    border: 2px solid #767779;
    height: 40px;
    width: 40px;
    padding: 0 0px;
    /* border-radius: 50%; */
    line-height: 40px;
    transition: all .7s linear;
}
#innerpage-box .team-social-icon a i:hover{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
#innerpage-box .inner-area-title {
    margin: 0 0 5px;
}
#innerpage-box .item.teamwidth {
    width: 33.33%;
    float: left;
}
/*=======================================================
===========testimonials inner pages====================
=======================================================*/
@media screen and (min-width: 320px) and (max-width: 425px){
    #innerpage-box .innertest-item {
    width: 100% !important;}
}
body.page-template-default main#innerpage-box h6.ts-area-title:after{
    display: none;
}
#innerpage-box .innertest-item {
    width: 50%;
    float: left;
    padding: 0 30px;
    margin-bottom: 50px;
    transition: all 1s ease 0s;
}
#innerpage-box .ts-area-single {
    background-color: #f6f6f6;
    padding: 2em 1em;
    transition: all 1s ease 0s;
    position: relative;
    overflow: hidden;
}

#innerpage-box .ts-area-content {
    padding: 1em 0;
    z-index: 1;
    position: relative;
    text-align: left;
}
#innerpage-box .ts-area-content i{
    transition: all 1s ease 0s;
    font-size: 50px;
    float: right;
}
#innerpage-box .ts-area-single:hover .ts-area-content i{
    transform: rotateY(180deg);
    transition: all 1s ease 0s;
}
body.page-template-default main#innerpage-box h3.ts-area-title:after{
    display:none;
}
#innerpage-box .con-inn .ts-area-title {
    top: 5px;
    /*font-size: 20px !important;*/
    font-weight: 600 !important;
    margin-top: 20px;
    margin-bottom: 0px !important;
    transition: all 1s ease 0s;
}
#innerpage-box .text-designation {
    font-size: 16px;
    margin: 6px 0;
    font-weight: 500;
}
#innerpage-box .ts-area-thumb{
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}

#innerpage-box .ts-area-thumb img{
    width: 100%;
    height: 140px;
}

#innerpage-box .ts-area-c {
    margin-bottom: 2em;
}
#innerpage-box .ts-area-c p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}
#innerpage-box .ts-circle{
    position: absolute;
    z-index: 0;
    overflow: hidden;
    -webkit-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out;
    border-radius: 50%;
    padding: 0px 40px;
    box-shadow: 0 0 20px 1px #bfc3c169;
    padding-bottom: 10px;
    background: none;
    width: 145px;
    height: 145px;
    line-height: 145px;
}
#innerpage-box .ts-circle.one{
    right: -55px;
    top: 0px;
}
#innerpage-box .ts-circle.two{
    left: -55px;
    bottom: 0px;
}
#innerpage-box .ts-area-single:hover .ts-circle{
    display: inline-block;
    background: #ff3f;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-animation: zoomIn 400ms ease-in-out;
    animation: zoomIn 400ms ease-in-out;

}
/*--------------------------------------------------------------
# Gallery Inner page
--------------------------------------------------------------*/
#innerpage-box .inner_contentbox {
  overflow: hidden;
  position: relative;
}

#innerpage-box .item.galleryitems {
    width: 33.33%;
    float: left;
    padding: 0 14px;
   
}
#innerpage-box .galleryboxes .box-video{
    position: relative;
    overflow: hidden;
    /* box-shadow: 0 1px 5px 5px rgb(183 183 185 / 97%); */
    border-radius: 12px;
    border-top: 10px solid #2e3d62;
    border-bottom: 10px solid #2e3d62;
}
#innerpage-box .gcontain{
   /* display: none;*/
       padding-top: 20px;
    text-align: center;
}
#innerpage-box .box-video img{
    height: 290px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .galleryboxes .box:hover .box-video img  {
    transform: scale(1.2);
    transition: all .5s linear;
}
#innerpage-box .galleryboxes .box-video:before, 
#innerpage-box .galleryboxes .box-video:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow:hidden;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    transition: all .5s linear;
}
#innerpage-box .boxes{
    margin-bottom: 26px;
    transition: all .5s linear;
}

#innerpage-box .galleryboxes .box-video i{
    top:50%;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    top: 120px;
    right: 0px;
    z-index: -1;
    padding: 10px 15px;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: -webkit-transform 0.5s;
    transition: all .5s linear;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    position: absolute;
    content: '';
}
#innerpage-box .box-video:hover i {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .5s linear;
    z-index: 1;
}

/*#innerpage-box .box-video i,
#innerpage-box .box-video i:hover{
        color:#ff0;
}*/
#innerpage-box .galleryboxes .overlay {
    opacity: 0;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    flex-direction: column;
    transition: all .5s linear;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #f3f;
    border-radius: 15px;
    margin: 10px;
}
#innerpage-box .galleryboxes:hover .overlay{
    opacity: 0.5;
    transition: all .5s linear;
}
/*--------------------------------------------------------------
# All video / Featured Inner page
--------------------------------------------------------------*/
#innerpage-box .inner_contentbox {
  overflow: hidden;
  position: relative;
}

#innerpage-box .item.featureditems {
    width: 33.33%;
    float: left;
    padding: 0 14px;
}
#innerpage-box .feaboxes .feabox-video{
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 5px 5px rgb(183 183 185 / 97%);
    border-radius: 20px;
}

#innerpage-box .feabox-video img{
    height: 290px;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#innerpage-box .feaboxes .feabox:hover .feabox-video img  {
    transform: scale(1.2);
    transition: all .5s linear;
}
#innerpage-box .feagcontain{
    text-align: center;
}
#innerpage-box .featureditems h5:after{
    display: none !important;
}
#innerpage-box .featureditems h5 {
    font-size: 20px;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}
#innerpage-box .feaboxes .feabox-video:before, 
#innerpage-box .feaboxes .feabox-video:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    overflow:hidden;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    transition: all .5s linear;
}
#innerpage-box .feaboxes{
    margin-bottom: 26px;
    transition: all .5s linear;
}

#innerpage-box .feaboxes .feabox-video i{
    top:50%;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    top: 120px;
    right: 0px;
    z-index: -1;
    padding: 10px 15px;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: -webkit-transform 0.5s;
    transition: all .5s linear;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    position: absolute;
    content: '';
}
#innerpage-box .feabox-video:hover i {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .5s linear;
    z-index: 1;
}

#innerpage-box .feaarowbtn {
    display: none;
}
#innerpage-box .featureditems{
    display: inline-block;

    width: 33.33%;
    float: left;
    padding: 0 14px;
   
}

/*featured Popup*/
.fbbbnew .fea-popup-content {
    display: none;
}

.row-boxes {
    margin-right: -15px;
    margin-left: -30px;
}
.big-box, .feaboxes {
    /*padding-right: 0px;*/
    margin-bottom: 30px;
}
#innerpage-box .featureditems .big-box a,
#innerpage-box .featureditems .feaboxes a {
    display: block;
}

#cboxLoadedContent {
    padding: 5px;
}
#cboxLoadedContent iframe, #cboxLoadedContent img {
    max-width: 100%;
    margin-bottom: 15px;
}
#cboxLoadedContent p {
    margin: 0;
    padding: 0;
}
/*--------------------------------------------------------------
## Newest Video section
--------------------------------------------------------------*/
div#newvideo {
    padding: 5em 0em 9em 5em;
}
#newvideo .fea-popup-content {
    display: none;
}
#newvideo .pro-img-b img {
    height: 380px;
    width: 100%;
    border-radius: 20px;
}
#newvideo .newest-video img {
    width: 100%;
    height: 350px;
    border-radius: 20px;
}
#newvideo .newest-video i {
    top: 50%;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    top: 35%;
    right: 0px;
    z-index: -1;
    padding: 10px 15px;
    font-size: 50px;
    text-align: center;
    font-weight: 700;
    -webkit-transition: -webkit-transform 0.3s;
    transition: all .3s linear;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    position: absolute;
    content: '';
    opacity: 0;
}
#newvideo .newest-video:hover i {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: all .3s linear;
    z-index: 1;
    opacity: 1;
}
#newvideo .newest-video {
    margin-bottom: 1em;
    padding: 0 10px 0 8px;
}
#newvideo div#recent-porduct {
    background: #2f3d62;
    border-radius: 20px;
}
#newvideo .total-product-title-wrap {
    padding: 1.8em 1em 1.8em 1.8em;
}
#newvideo .play-icon a i {
    background: #fff;
    padding: 15px;
    font-size: 30px;
    border-radius: 8px;
}
#newvideo .wish-icon a i {
    background: #fff;
    padding: 15px;
    font-size: 30px;
    border-radius: 20px;
}
#newvideo .wish-icon{
    text-align: right;
}
#newvideo .title-content {
    padding: 0 35px;
}
#newvideo .title-content a h6 {
    font-size: 30px;
    font-weight: 600;
    color: #f9fefd;
}
#newvideo  a.video-post-cat {
    font-size: 16px;
    color: #e8f3f7;
}
.newvideo-area .videocatmain{
    margin: 1em 0 0 0;
    text-align: center;
}
.newvideo-area .newvideobtn {
    padding: 15px 34PX;
    background: #ff3f;
    color: #ffffff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    z-index: 9;
    text-decoration: none;
    border: none;
}
.newvideo-area .newvideobtn a:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: '';
    color: #000;
    background: #3fff;
    transition: all 0.5s;
    border-radius: 12px;
}
.newvideo-area .newvideobtn:hover a:before {
    left: 0%;
    right: auto;
    width: 100%;
}
#newvideo .section-title {
    padding: 0 10em 0 0;
}
#newvideo .owl-theme .owl-nav .disabled {
    opacity: 1;
    cursor: pointer;
}

#newvideo .owl-carousel .owl-nav button.owl-next, #newvideo .owl-carousel .owl-nav button.owl-prev {
    position: relative;
}
#newvideo .owl-carousel .owl-nav button.owl-prev span, #newvideo .owl-carousel .owl-nav button.owl-next span {
    display: none !important;
}

#newvideo .owl-carousel .owl-nav button.owl-prev:before {
    position: absolute;
    top: -250px;
    left: -382px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    font-size: 12px;
    width: 50px;
    height: 50px;
    line-height: 30px;
    box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}
#newvideo .owl-carousel .owl-nav button.owl-prev:before {
    content: "\f060";
    font-family: FontAwesome;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#newvideo .owl-carousel .owl-nav button.owl-next:before {
    position: absolute;
    top: -250px;
    right: -382px;
        background: #fff;
    border-radius: 50%;
    padding: 10px;
    font-size: 12px;
    width: 50px;
    height: 50px;
    line-height: 30px;
     box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}
#newvideo .owl-carousel .owl-nav button.owl-next:before {
    content: "\f061";
    font-family: FontAwesome;
    display: inline-block;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#newvideo .owl-carousel .owl-nav button.owl-prev:hover:before,
#newvideo .owl-carousel .owl-nav button.owl-next:hover:before
 {
    background: #2f3d61;
    color: #FFF;
    text-decoration: none;
}
/*--------------------------------------------------------------
## Services inner page
--------------------------------------------------------------*/

main#innerpage-box .single-service-bx p {
    color: #fff;
    color: #676767;
    line-height: 27px;
    margin-bottom: 10px;
}
.page-template-default #innerpage-box .service-title-box {
    text-align: left;
    padding: 1em 20px;
}
body.page-template-default main#innerpage-box  .single-service-bx {
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}
body.page-template-default main#innerpage-box .inner-area-title:after {
    display: none;
}
body.page-template-default main#innerpage-box .inner-area-title {
    color: #121938;
    margin-bottom: 1em;
}
body.page-template-default main#innerpage-box .single-service-bx .service-icon img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
    height: 290px;
}
body.page-template-default main#innerpage-box .single-service-bx .service-icon {
    position: relative;
    z-index: 3;
    overflow: hidden;
}
body.page-template-default main#innerpage-box .single-service-bx:hover .service-icon img {
    transform: scale(1.1);
}

body.page-template-default main#innerpage-box .single-service {
    position: relative;
    margin-bottom: 5px;
    background-color: #ffffff;
}
body.page-template-default main#innerpage-box .single-service {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
main#innerpage-box .service-title-box .inner-area-title{
    /*font-size: 20px !important;*/
    font-weight: 600;
    margin-bottom: 10px !important;
}

#innerpage-box .single-service-bx {
  overflow: hidden;
  position: relative;
}
#innerpage-box .service-icon  {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#innerpage-box .service-icon img {
  opacity: 1;
  width: 100%;
}
#innerpage-box .service-icon:after,
#innerpage-box .service-icon:before,
#innerpage-box .service-icon .sereffect:after,
#innerpage-box .service-icon .sereffect:before {
  background: #0a0a0a;
  width: 25%;
  position: absolute;
  content: '';
  opacity: 0;
  -webkit-transition: all 0.3s steps(4);
  transition: all 0.3s steps(4);
  z-index: 1;
  bottom: 100%;
  top: 0;
}
#innerpage-box .service-icon:before {
  left: 0;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
#innerpage-box .service-icon:after {
  left: 25%;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#innerpage-box .service-icon .sereffect:before {
  left: 50%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: 1;
}
#innerpage-box .service-icon .sereffect:after {
  left: 75%;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  z-index: 1;
}

#innerpage-box .single-service:hover .service-icon:after,
#innerpage-box .single-service:hover .service-icon:before,
#innerpage-box .single-service:hover .sereffect:after,
#innerpage-box .single-service:hover .sereffect:before {
  bottom: 0;
  opacity: 0.6;
}
/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box {
    border-top: 2px solid #f94c34;
    border-radius: 0;
}
div#sitemap-box:before {
       position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    border-width: 2px;
    border-style: solid;
    border-color: #f72985;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box h3 {
    font-size: 20px;
    background: #2e2e2e;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 15px;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}

.page-template-templates main#innerpage-box div#sitemap-box h3:after {
    display: none;
}
main#innerpage-box div#sitemap-box ul li {
    list-style: none;
    padding-bottom: 5px;
}
main#innerpage-box div#sitemap-box ul li a {
    position: relative;
    padding-left: 20px;
}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li.current_page_item a {
    background: none;
}
main#innerpage-box div#sitemap-box ul li.current_page_item a:before{
    z-index: 1;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {
    transform: scale(1.4);
}
div#sitemap-box ul {
    margin: 0;
}

div#sitemap-box .sitemap-blogposts ul {
    padding: 5px 5px 5px 0;
    margin: 0;
}
div#sitemap-box .sitemap-posts-box {
    margin-bottom: 15px;
}
div#sitemap-box .blogpostsitemap li {
    list-style: none;
}
div#sitemap-box .sitemap-posts-box img {
    width: 100%;
}
div#sitemap-box h3:before {
      position: absolute;
    content: "";
    display: inline-block;
    width: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #f94c34;
    right: 0;
    top: 9px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}
/*-----------------------
## End Site map Template 
-----------------------------*/
/*-----------------------
## Shop page
-----------------------------*/
.archive .ht-main-title {
    margin: 0em 0 0.5em;
    padding: 0.5em 0 0;
}

/*-----------------------
## Contact Template
-----------------------------*/

ul.contact-sm-links {
    list-style: none;
    margin: 2em auto 0;
}
ul.contact-sm-links li {
    padding: 7px 0;
    display: inline-block;
}

#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%;
      text-align: center;
}
#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#innerpage-box #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#innerpage-box #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%;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
    border-radius: 0 0px 30px 0;
}
#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: none;
    border-bottom: 1px solid;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 0;
    background-color: transparent;
}

#ht-contactus-wrap .address-c-box{
    background-color: #516bec;
      background-image: radial-gradient( circle farthest-corner at 10% 20%,#8972ea 0%,#516ced 100.3% );
    border-radius: 30px 0 0 0;
    padding: 3em 2em;
}

#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 36px;
}
#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#innerpage-box #ht-contactus-wrap h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
#ht-contactus-wrap input[type="submit"] {
    float: right;
    padding: 15px 30px;
    border-radius: 0;
}

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

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

.pd-r {
     padding-right: 2em;
}

.pd-l {
        padding: 4em 0;
    padding-left: 4em;
     text-align: left;
}
.page-template-contact-template .inner_contentbox {
    padding: 0em 0em 0;
}
.page-template-contact-template .innerpage-whitebox {
    padding: 0 0em;
}
#ht-contactus-wrap .Address_area{
    background: #f72985;
    padding: 6em 5em;
    border-radius: 0 0px 108px 0;
    margin-right: 3em;
}


.page-template-contact-template  main#innerpage-box .Address_area h4, 
.page-template-contact-template  main#innerpage-box .social_area h4  {
      font-size: 50px;
    color: #000;
    font-weight: 800;
    margin-bottom: 0;
}

.page-template-contact-template main#innerpage-box .Address_area h4:after,
.page-template-contact-template main#innerpage-box .social_area h4:after {
    display: none;
 }


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

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

#ht-contactus-wrap .contact_l_area i {
    font-size: 25px;
}

#ht-contactus-wrap .contact_l_area {
      padding-top: 15px;
    text-align: center;
}
#ht-contactus-wrap .contact-info {
    margin-top: 13px;
    color: #bebebe;
    font-size: 15px;
}
#ht-contactus-wrap .contact_area {
    margin-bottom: 1em;
}
#ht-contactus-wrap .contact-info a{
    color: #bebebe;
}
#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;
    padding: 0 2em;
}
.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;
}

/*-----------------------
## End Contact Template
-----------------------------*/

/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-content button.accordion {
    color: #444;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.4s;
    padding: 15px 0 15px 25px;
    margin: 0;
    background: #fbb34d;
    border-radius: 10px;
    z-index: 3;
    position: relative;
}

#content-box .faq-content:before {
    content: "";
    background: #f24709;
    border-radius: 12px 0;
    width: 60px;
    height: 55px;
    position: absolute;
    top: -5px;
    left: -7px;
    z-index: 0;
}

#content-box .faq-content:after{
    content: "";
    background: #f24709;
    width: 65px;
    height: 64%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 24px;
    right: -6px;
    border-radius: 12px 0;
}
.faq-content .accordion.active:hover .faq-content:after{
    display: none;
}
div#content-box .faq-content button.accordion.active, button.accordion:hover {
    opacity: 1;
}
div#content-box .faq-content button.accordion:before {
    content: "\f077";
    font-family: 'Fontawesome';
    font-size: 14px;
    color: #000;
    float: right;
    position: absolute;
    top: 4px;
    font-weight: normal;
    line-height: 45px;
}
div#content-box .faq-content button.accordion.active:before {
    content: "\f078";
    font-family: 'Fontawesome';
}
div#content-box .faq-content div.panel {
    max-height: 0;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 5px 0 15px;
    border-radius: 10px 10px;
    border-top: 0;
    background: linear-gradient(0deg,#8972ea,#516ced 80%) no-repeat;
    padding: 10px 25px 0;
    z-index: 3;
    position: relative;
}
div#content-box .faq-content div.panel p{
    margin:0 0 10px;
}
div#content-box .faq-content div.panel.show {
    opacity: 1;
    max-height: 500px;  
}
main#innerpage-box div#content-box .faq-title {
    margin: 0;
    padding: 0 25px;
    font-weight: 600;
    line-height: 25px;
    word-break: break-word;
    text-align: left;
    font-size: 18px;
}
main#innerpage-box div#content-box .faq-title:after {
    display: none;
}
div#content-box .faq-content.padding0 p {
    font-size: 15px;
    padding: 25px 25px 10px 25px;
    letter-spacing: 1px;
    word-break: break-word;
}

/*-----------------------
## End FAQS page
-----------------------------*/
/*===========*/
.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%}

}
/* Catalogue slider Start */
.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.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; 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;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## 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: #1d62b8;
    position: absolute;
    /* padding: 2px; */
    z-index: 300;
    top: 6px;
    right: 20px;
    font-size: 8px;
    border-radius: 20px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #ffe723;
}
.total-count img {    
    width: auto;
    height: auto;
    margin: 0px 0 0;
}
.total-count {
    text-align: right;
}
.total-count i {
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
    background: transparent;
        -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.total-count a:hover i{
    transform: translateY(-5px);
}
/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/
.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;
    /*margin-top: 30px;*/
}

#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.left i:hover {
    color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
    color: #ea70a1;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -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;
        position: relative;
    width: 100%;
    overflow: hidden;
    top: -48px;
    z-index: 1;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
#innerpage-box{
    padding:0;
    background: #ffffff;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
     padding: 0 1em;
    border-radius: 10px;
    margin-bottom: 10px;
}
#content-box h4{
    margin: 20px 0 5px 0; 
}
#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
#content-box ul li:before {
       content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ul li:hover:before {
    transform: scale(1.4);
}

.widget-area ul li:before {
    content:"\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #f72985;
    font-size: 10px;
     display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: none;
}
.widget-area ul li:hover:before {
    transform: scale(1.4);
}
#content-box ol li:before {
          transform: scale(1);
    transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before {
    transform: scale(1.2);
}

#content-box ul li {
    margin: 15px 0;
    line-height: normal;
}
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;
}
.page_featured {
      margin: 0 4em;
    margin-bottom: 2em;
    padding: 10em 4em;
}
img.ht-page-header-img{
    width: 100%;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.sticky {
    display: block;
}
.total-hentry {
    margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
    display: none;
}

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

}

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

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

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

.ht_left_sidebar #primary{
    float: right;
}

.ht_left_sidebar #secondary{
    float: left;
}

.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
}

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

.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;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

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

.toggle-bar{
    display: none;
}

.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
   0%{
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
    25%{
        text-shadow:
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000,
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000;
    }
    50%{
        text-shadow:
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000,
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000;
    }
    75%{
        text-shadow:
            4px 4px 0 #000, 3px 3px 0 #000,
            2px 2px 0 #000, 1px 1px 0 #000,
            -4px -4px 0 #000, -3px -3px 0 #000,
            -2px -2px 0 #000, -1px -1px 0 #000;
    }
    100% {
        text-shadow:
            4px -4px 0 #000, 3px -3px 0 #000,
            2px -2px 0 #000, 1px -1px 0 #000,
            -4px 4px 0 #000, -3px 3px 0 #000,
            -2px 2px 0 #000, -1px 1px 0 #000;
    }
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
   .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
   .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}

.woocommerce ul.products li.product .price .amount {
    font-size: 24px;
    color: #1863b6;
    font-weight: 400;
}
.woocommerce ul.products li.product .price del .amount {
    font-size: 14px;
    font-weight: 400;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    width: 40px;
    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: #000;
    height: 40px;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}

#innerpage-box p {
    font-size: 15px;
}
.widget-area ul ul {
        margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box li {
    font-size: 15px;
}
.sidebar_list {
    margin-top: 2em;
}
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li {
    border-bottom: none;
}
.widget-area .woocommerce ul.cart_list li, .widget-area .woocommerce ul.product_list_widget li {
    padding: 12px 12px 12px;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}

.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, .widget-area .woocommerce ul.product_list_widget li img, .widget-area .woocommerce-page ul.product_list_widget li img {
    width: 74px;
    height: 74px;
}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area .woocommerce ul.product_list_widget li img:hover {
    opacity: 0.8;
}
.widget-area .woocommerce .widget_shopping_cart_content p {
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
    height: 3em;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left;
}

div#blog-box.innerpage-whitebox {
    padding: 0;
    margin: 0;
}
.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;
    word-break: break-word;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 100%;
}

main#innerpage-box div#commentsAdd textarea#comment {
    background: transparent;
}
div#respond textarea#comment {
    background: transparent;
}
div#comments input[type="submit"] {
    padding: 10px 20px;
    border-radius: 5px;
    height: 50px;
}


main#innerpage-box .woocommerce-product-search .search-field {
    border: 1px solid #e9e7e7;
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
        border: none !important;
}
div#secondary .social-profile-icons ul li i {
    padding:5px 5px 5px 5px;
    margin: 0;
    font-size: 20px;
}
/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.entry-readmore a {
    padding: 2px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
/*-----------------------
## End search  
-----------------------------*/

.inner-blog-post{
       /* padding: 2em; */
    /* border: 1px solid #eaeaea; */
    margin: 0em 0em 2em;
    border-radius: 10px;
}

.inner-blogpost {
    position: relative;
    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
}
main#innerpage-box .ht-blog-thumbnail {
    overflow: hidden;
    position: relative;
}
main#innerpage-box .blog-date {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
main#innerpage-box .blog-date span {
    color: #f72985;
}
main#innerpage-box .inner-blogpost:hover .blog-date span {
    color: #516ced;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 350px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
        opacity: 0.75;
    transform: scale(1.1);
}

main#innerpage-box .ht-blog-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg,#516ced,#8972ea 80%) no-repeat;
    transition: all .4s ease;
}
main#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail .overlay {
    opacity: 0.6;
}

main#innerpage-box .ht-blog-thumbnail .overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a {
    border-radius: 50%;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #f72985;
    text-align: center;
    line-height: 50px;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
}
main#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail .overlay .box .content > a {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.inner-blogpost-info {
      margin-bottom: 15px;
    padding: 2.5em 3em 1em 2em;
    border-radius: 0 0 5px 5px;
    position: relative;
}

main#innerpage-box #blog-box h2 {
    margin-bottom: 10px;
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.inner-blog-excerpt {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 12px;
}
main#innerpage-box #blog-box .socialMedia {
     position: absolute;
    right: 5px;
    top: 5px;
}

main#innerpage-box #blog-box .socialMedia ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 9999;
    position: relative;
}
main#innerpage-box #blog-box .socialMedia ul li{
    display:inline-block;
    margin-left: -50px;
    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;
}
main#innerpage-box #blog-box .socialMedia ul li a.site-button{
    border-radius: 50%;
    width: 45px;
    line-height: 45px;
    height: 45px;
    display: block;
    color: #fff;
    background: #516bec;
}
main#innerpage-box #blog-box .socialMedia ul li a.site-button:hover{
    background:#f72985;
}
main#innerpage-box #blog-box .socialMedia ul:hover li.share-button a.site-button{
    background:#f72985;
}   
main#innerpage-box #blog-box .socialMedia ul:hover li{
    margin-left: 4px;
}



#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{
    color: #f72985;
        margin-bottom: 5px;
}
#blog-box .ht-blog-date .fa{
   margin-right: 5px;
}

.ht-blog-thumbnail .socialMedia {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    transition: .5s;
}
.ht-blog-thumbnail .socialMedia a {
       font-size: 18px;
    padding: 5px 10px;
    line-height: 18px;
    margin: 0 0px;
    transition: 0s;
    background: #f72985;
       border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
      box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    display: inline-block;
}
.ht-blog-thumbnail .socialMedia a:hover {
    background: #fff;
}
/*-----------------------
## Blog category Page 
-----------------------------*/
.inner_contentbox {
    position: relative;
    top: -3em;
    background: #fff;
    padding: 2em 1em 0;
    border-radius: 10px;
    box-shadow: 1px -34px 30px #5d5d5d17;
}

/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6
 {
    word-break: break-word;
    font-weight: 500;
    margin-bottom: 40px;
}
body.page-template-default main#innerpage-box h1:after,
body.page-template-default main#innerpage-box h2:after,
body.page-template-default main#innerpage-box h3:after,
body.page-template-default main#innerpage-box h4:after,
body.page-template-default main#innerpage-box h5:after,
body.page-template-default main#innerpage-box h6:after,

.page-template-templates main#innerpage-box h1:after,
.page-template-templates main#innerpage-box h2:after,
.page-template-templates main#innerpage-box h3:after,
.page-template-templates main#innerpage-box h4:after,
.page-template-templates main#innerpage-box h5:after,
.page-template-templates main#innerpage-box h6:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    margin: 0;
    position: relative;
    top:15px;
}
/*.blog .page-main-header {
    padding-top: 1em;
}*/
#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
}

  .page-template-templates main#innerpage-box #blog-box h2:after {
    display: none;
 }
 #innerpage-box .widget-area .widget-title {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background-color: transparent;
    /*text-transform: uppercase;*/
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
    display: block;
    text-align: left;
    border-radius: 0;
}
.widget-area .widget h4:after {
    position: absolute;
    content: "";
    width: 38%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
}
main#innerpage-box .widget-area .tagcloud a {
   margin: 0;
    border: none;
    position: relative;
    box-shadow: unset;
    border-radius: 0;
}
.widget-area .tagcloud {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    /*border-bottom: none;*/
}
.widget-area .textwidget {
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area li span.post-date {
    margin-bottom: 1em;
    position: relative;
    display: list-item;
}
.widget-area .widget_media_image img {
    padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 {
     padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 .gallery-item a{
    padding: 0;
}
.widget-area div#calendar_wrap {
    padding:0px 2px 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget_calendar table {
    border-collapse: separate;
    width: 100%;
}
body.page-template-default #innerpage-box .widget-area .widget-title:after ,
 .page-template-templates #innerpage-box .widget-area .widget-title:after {
       position: relative;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
    background-image: none;
    display: block;
    /* width: 50px; */
    /* height: 3px; */
    margin: 0;
    /* position: relative; */
    top: 11px;
}
.widget-area .woocommerce-product-search, .widget-area form#searchform {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px;
}
.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f105";
    margin: 0 5px 0;
}
.widget-area ul ul {
    border-radius: 0;
    border:none;
}
.widget-area ul ul li {
    padding-left: 10px;
    border-bottom: none;
}
.widget-area ul ul li a {
    padding: 0;
}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover,
div#secondary li.current_page_item > a:before{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #444;
}
.widget_calendar tfoot tr td {
    border: none;
    padding: 0px;
}
/*--------------------------------------------------------------
## 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;
}
 main#innerpage-box h2.woocommerce-loop-product__title {
    font-weight: 600;
 }

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

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

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

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0;
}
.woocommerce ul.products li.product .price del{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    display: inline;
    font-weight: 400;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul li:before{
    display: none;
}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
  display: inline-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: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background: #333;
   /* border:1px solid #333;*/
    color: #FFF;
}

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

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 30px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
   /* box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    -webkit-clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);
    clip-path: polygon(9% 0, 100% 0%, 91% 100%, 0% 100%);*/
}

.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 24px;
    color: #000;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.single_inner .page-main-header {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce .product_meta a{
    color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 1;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.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;  
      padding: 10px;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

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

.woocommerce ul.products li.product strong {
    display: inline-block;
}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}
/**/
ul.themetext {
    margin: 0;
    padding: 0;
    list-style: none;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title {
    margin: 0;
}

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


.single_post .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars button {
    padding: 7px 25px;
    border: 1px solid;
    width: 100%;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
        margin-bottom: 0px;
}
div#sidebars ins {
    background: none;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# 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 {
    min-width: 180px;
    background-color: #000;
    color: #fff;
    min-width: 180px;
    color: #fff;
    padding: 0 25px;
    height: 50px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 0;
    opacity: 1;
}
.woocommerce .quantity .qty {
    height: 50px !important;
    width: 63px;
    padding-right: 4px;
    margin-right: 25px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.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{
    top: 0 !important;
    left: 0 !important;
    position: relative;
}

.woocommerce div.product .woocommerce-product-rating{
    line-height: 0px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    overflow: hidden;
}
.woocommerce ul.products li.product a img {
    transform: scale(1);
    transition: all 1s ease 0s;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
     transform: scale(1.05);
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#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;
        padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    padding-top: 40px;
}
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;
}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}
.woocommerce #reviews #comments ol.commentlist li {
    display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
}
/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as {
    display: block;
    font-weight: 400;
    line-height: 1.6;
}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {
    padding: 1px 0;
    text-decoration: none;
}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating {
    margin: 0;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}
/*===================== responsive ==========================*/
@media screen  and (min-width: 2675px){


/*.navigation .mainmenu li:first-child {
    -webkit-clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 0% 100%);
}*/
.navigation .mainmenu {
    position: relative;
    left: -56px;
}

}
@media screen and (min-width: 2568px) and (max-width: 2675px){

.head-menu {
    position: relative;
    /*left: -60px !important;*/
   /* width: 66%;*/
    padding: 1px 0;
}
.navigation .mainmenu {
    position: relative;
    left: -23px;
}
/*.navigation .mainmenu li:first-child {
   clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);
}*/

}

@media screen and (min-width: 2360px) and (max-width: 2567px){

.head-menu {
    position: relative;
    /*left: -60px !important;*/
   /* width: 66%;*/
    padding: 1px 0;
}
.navigation .mainmenu {
    position: relative;
    /*left: -23px;*/
}

}

@media screen and (min-width: 1986px) and (max-width: 2361px){

.head-menu {
    position: relative;
   /* left: -50px !important;*/
    /*width: 66%;*/
    padding: 1px 0;
}
.navigation .mainmenu {
    position: relative;
    /*left: -23px;*/
}

}


@media screen and (min-width: 1900px) and (max-width: 1985px){

.head-menu {
    position: relative;
    padding: 1px 0;
}

}

@media screen and (min-width: 1600px) and (max-width: 1898px){
.head-menu {
    position: relative;
    padding: 1px 0;
}

}

@media screen and (max-width: 1520px){
    .single-team .in-our-team ul > li > a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 1510px) and (min-width: 1445px){

    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

@media screen and (max-width: 1380px){ 
 .share-btn ul li a.site-button {
    width: 30px;
    line-height: 30px;
    height: 30px;
}

.slider_content {
    left: 52%;
}
.slider_section .extimg img.ex {
    width: auto;
    max-width: 25%;
}
.margin-sec {
    margin: 0 3em;
}
.features-area .fs-in-area:hover a.icon span {
    line-height: 110px;
    font-size: 62px;
}
.features-area .fs-in-area a.icon span:after {
    width: 80%;
    height: 85%;
    top: 8px;
    left: 12px;
}

.featured-single-area {
    margin: 0 3em;
}
.counter-area .cd-single {
    margin: 0 1em 1em;
}
.counter-area .cd-single:hover:after {
    left: 75px;
}

.contact-area .ts-area-thumb img {
    width: 100px;
    height: 100px;
}
.contact-area .ts-area-thumb {
    right: -33%;
}
.contact-area .contactb a.btn {
    padding: 12px 35px;
    font-size: 15px;
}

.h-s-width {
    width: 25%;
}

.counter-area .cd-title {
    padding-left: 10px;
}

.counter-area .counter-post-boxes {
    margin: 0;
}

.widget_calendar table thead tr th {
    font-size: 10px;
    padding: 3px;
}

.navigation .mainmenu {
    left: 0;
}

}

@media screen and (max-width: 1800px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
        left: -360px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -360px;
    }
}

@media screen and (max-width: 1690px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
        left: -350px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -350px;
    }
}

@media screen and (max-width: 1600px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
           left: -333px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -333px;
    }
}

@media screen and (max-width: 1510px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
           left: -315px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -315px;
    }
}

@media screen and (max-width: 1410px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
           left:-285px
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -285px;
    }
}
@media screen and (max-width: 1295px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
          left: -274px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -274px;
    }
}
@media screen and (max-width: 1230px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
           left: -255px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -255px;
    }
}
@media screen and (max-width: 1130px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
           left: -238px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -238px;
    }
}
@media screen and (max-width: 1025px){
    #newvideo .owl-carousel .owl-nav button.owl-prev:before {
            left: -215px;
    }
    #newvideo .owl-carousel .owl-nav button.owl-next:before{
        right: -215px;
    }
}



@media screen and (max-width: 1300px){
.inner-nav-clip{
    background-color: transparent!important;
}

.navigation .mainmenu>li>a {
    font-size: 13px;
    padding: 5px 12px 4px;
}
.videocategory-area .video-title-box img {
    height: 215px;
}
}

@media screen and (min-width: 1441px){ 
.h-s-width {
    width: 26%;
}
.head-menu {
    position: relative;
    padding: 0px 0;
}

}
@media screen and (min-width: 1442px) and (max-width: 1540px){
.header-share {
    padding-right: 0;
}
.slider_section .extimg img.ex{
    max-width: 30%;
}

}

@media screen and (min-width: 1025px) and (max-width: 1440px){ 
#featured p.headtext {
    padding-right: 14em;
}
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
.service_inbox .service_inbox-content {
    padding: 10px 15px;
}
.contact-area .contact-text p{
    padding: 0 10px;
}


.page-template-default #innerpage-box .service_inbox .title {
    margin: 0;
}
 main#innerpage-box #blog-box .socialMedia ul li a.site-button{
        width: 30px;
        line-height: 30px;
        height: 30px;
}
 main#innerpage-box #blog-box .socialMedia ul li{
    margin-left: -30px;
}

main#innerpage-box .ht-blog-thumbnail img {
    height: 272px;
}

.contact-l {
    padding: 4em 1em 4em 3em;
}
.contact-r {
    padding: 2em 3em 3em 2em;
}
.contact-l .section-title p {
    margin-right: 3em;
}

}
@media screen and (min-width: 320px) and (max-width: 1200px){
#testimonials .con-inn {
    top: 0px;
}
#clientlogo .support-single {
    padding: 0 2em;
}
}

@media screen and (min-width: 1024px) and (max-width: 1200px){
  #quote-carousel .carousel-control.left {
    left: -42px;
}
#support .section-area-text{
    padding:5px 0;
}

header .heaadermiddletxt p{
    font-size: 12px;
}
header .header-text,
.headenquiry{
    font-size: 13px;
}
header .socialalign a{
    margin: 1px 5px;
}
.ht-main-title {
    margin: 3.5em 0 0.5em;
}
#innerpage-box .ts-area-thumb img {
    height: 100px !important;
}

.contact-area .about-area-btn .btn span{
    white-space: normal;
}

.slider_section .extimg img.ex{
    max-width: 20%;
}
.slide-btn{
    bottom: 110px;
}
.slide-btna a.btn{
    font-size: 14px;
    padding: 10px 20px;
}
#innerpage-box .ts-area-thumb:before, #innerpage-box .ts-area-thumb:after{
    width: 100px;
    height: 100px;
}

body.page-template-default main#innerpage-box .single-service-bx .service-icon img {
    width: 100%;
    height: 220px;
}
.inner-page-gallery img {
    width: 100%;
    height: 200px;
}

.footer-area .wpcf7:after{
    right: 7px;
}

.contact-area .about-area-btn .btn:before {
    margin: 0 1px 0px 0px;
    width: 10%;
}
#quote-carousel .carousel-control.right {
    right: -42px;
}

.ht-slider-highlighttext {
    font-size: 30px;
}

.ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
}

.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: -5px;
}

.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: -14px;
}
.slider_section .title {
       font-size: 35px;
    line-height: 55px;
}
.slider_section .title span {
   font-size: 20px;
}
.slider_section .sub-title {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 18px;
}
.slider_content {
    /*top: 76%;*/
    width: 747px;
    left: 60%;
}
.img-slide-responsive {
    right: 800px;
    top: -155px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}

    .team-area .single-team-img {
        top: 1em;
    }
    .team-area .team-text {
        margin: 0px 5px 3.5em;
    }

.share-btn ul li a.site-button {
    width: 35px;
    line-height: 35px;
    height: 35px;
}

.features-area .fs-in-area a.icon span:after {
    width: 80%;
    height: 85%;
    top: 8px;
    left: 12px;
}
.features-area .fs-in-area:hover a.icon span {
    line-height: 110px;
    font-size: 62px;
}
#testimonials .ts-area-single {
    padding: 2em 0.8em;
}

}
@media screen and (min-width: 994px) and (max-width: 1023px){
 .team-area img {
    width: 100px;
    height: 100px;
}
.team-area .single-team-img {
    top: -2em;
}
.team-area .team-text {
    padding: 5.5em 1em 1em;
    margin: 0px 5px 3.5em;
}
#testimonials .ts-area-single {
    padding: 2em 0.2em;
}
#newsletter .box-form {
    margin: 0 4em;
}
}
@media screen and (min-width: 770px) and (max-width: 1022px){
    #newsletter .box-form {
    margin: 0 4em;
}
}

@media screen and (min-width: 320px) and (max-width: 1024px){
    header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
    header.site-header .d-flex, div#navbarNavDropdown {
    margin: 0 0%;
}
#featured p.headtext {
    padding-right: 0;
}
    .hd-b-area {
    float: right;
}
.section-title p{
    padding: 1em 0;
}
#innerpage-box .single-team-img img {
    width: 100%;
    height: 280px;
}

    .slider_section .title{
        padding-bottom: 5px;
    }
    .slider_section .sub-title{
        margin-top: 0px;
    }

    .innerpage-whitebox{
        padding: 1em 0em 1em 0em;
    }
    header.site-header .list-inline.m-a0{
        padding-left: 0px !important;
    }
    header.site-header .text-bx.padding0{
        padding-left: 15px;
    }
    header.site-header input[type="search"] {
    width: 100%;
}

}

@media screen and (max-width: 1200px){
.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;
}
div#newvideo {
    padding-left:1em;
      padding-right: 1em;
}
div#newvideo .owl-theme .owl-nav {display: none !important;}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 19.33%;
}
}

@media (max-width: 1012px){
    .slider_section .title {
        font-size: 35px;
        line-height: 35px;
    }
    .slider_section .title b {
        font-size: 35px;
        margin-bottom: 0px;
    }
    .ht-slide img {
    height: auto !important;
}
.img-slide-responsive {
    position: absolute;
    right: 620px;
    top: -6px;
}
.tp-loop-wrap.rs-wave {
    min-width: 620px !important;
}

.slider_content {
    /*width: 390px;*/
    margin-left: -400px;
    left: 48%;
  /*  top: 76%;*/
}
.slider_section a.btn {
    padding: 15px 30PX;
    font-size: 14px;
}
.slider_section a.btn.btn-lg.f-btn i {
    padding-left: 20px;
}
.slider-btn {
    margin-top: 0.7em;
}
.header-transparent .sticky-header {
    padding: 0;
}
.top-bar-head {
    margin-top: 1em;
    padding: 0;
}
    }

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

    }
     @media (max-width: 992px){
       .slider_section .title {
            font-size: 30px;
            line-height: 45px;
            margin-bottom: 0px;
        }
        .slider_section .title span {
            font-size: 18px;
            margin-bottom: 0px;
            letter-spacing: 16px;
        }
        .slider_content {
           /* top: 67%;*/
            width: 700px;
            left: 63%;
        }
.sf-arrows .sf-with-ul:after{
        right: 30px !important;
}
.ht-site-title, .site-title {
        font-size: 23px;
}

.hamburger-menus {
    top: 15px;
    margin: 0 !important;
}
.top-bar-head .head-menu {
    padding-right: 0;
}
.blog-area .blog-thumbnail img{
   height: 400px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 313px;
}

.total-count i {
    font-size: 16px;
    padding: 8px;
}

.service-area .single-service-bx:nth-child(2) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(5) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(8) .service-icon a.services-img, 
.service-area .single-service-bx:nth-child(11) .service-icon a.services-img {
    position: relative;
}
.top-bar-head .head-menu {
    width: 20%;
}
.h-s-width {
    width: 60%;
}
.service-area .spring-1 {
    right: -425px;
}
.service-area .layer-2 {
    left: -22%;
}
.service-area .layer-2 img {
    max-width: 55%;
}
.contex-about {
    padding: 1em 0em;
}

.call-area .owl-carousel .owl-dots.disabled,
.call-area .owl-carousel .owl-nav.disabled{
    display: block;
}

.appo-l-overlay {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.footer_contact-small-box:nth-child(2) {
    padding: 0;
    border: none;
}
.footer_contact-small-box:nth-child(3) {
    padding: 0;
}

.header-contact {
    padding-right: 0;
}

.contact-l .section-title p {
    margin-right: 2em;
}
.ht-newsletter-member-wrap input[type="text"], 
.ht-newsletter-member-wrap input[type="email"], 
.ht-newsletter-member-wrap input[type="url"], 
.ht-newsletter-member-wrap input[type="password"], 
.ht-newsletter-member-wrap input[type="search"], 
.ht-newsletter-member-wrap input[type="number"], 
.ht-newsletter-member-wrap input[type="tel"], 
.ht-newsletter-member-wrap input[type="range"], 
.ht-newsletter-member-wrap input[type="date"], 
.ht-newsletter-member-wrap input[type="month"], 
.ht-newsletter-member-wrap input[type="week"], 
.ht-newsletter-member-wrap input[type="time"], 
.ht-newsletter-member-wrap input[type="datetime"], 
.ht-newsletter-member-wrap input[type="datetime-local"], 
.ht-newsletter-member-wrap input[type="color"], 
.ht-newsletter-member-wrap input[type="file"],
.ht-newsletter-member-wrap select, 
.ht-newsletter-member-wrap textarea{
    padding: 18px 30px;
}
.ht-newsletter-member-wrap input[type="submit"] {
    padding: 12px 23px;
    font-size: 12px;
}
/*.single-footer-1,.single-footer-2, .single-footer-3{
    width: 31.333333%;
}*/
/*.single-footer-4,.single-footer-5 {
    width: 50%;
}*/
.footer_contact-small-box{
    padding: 0 0em 1em 0em;
}
header .socialalign a {
    margin: 1px 5px;
}

}

@media screen and (max-width: 990px){
    div#postproducts .Postp_titlearea h3 {
        font-size: 35px;
        line-height: 45px;
    }
    div#postproducts .Postp_titlearea h3 b {
        font-size: 40px;
    }
    div#postproducts .Postp_titlearea p {
        font-size: 13px;
        line-height: 20px;
    }
    div#postproducts .ppost-area .postp_sarea .Postp_titlearea {
        padding: 1em 0;
    }
    div#postproducts .postp-area-btn a {
        font-size: 12px;
        padding: 8px 35px;
    }
    div#postproducts .postp-area-btn {
        margin-top: 1em;
    }
    .page-main-header {
        padding: 3em 0 3.5em!important;
    }

}
@media screen and (max-width: 990px){
div#testimonials .ts-pd {
    padding-top: 0;
}
}
@media screen and (max-width: 992px){
    nav .headenquiry{
        display: inline-block;
    }
    .headenquiry{
        display: none;
        margin-left: 10px;
    }
}
@media screen and (max-width: 768px){
   
    main#innerpage-box h6.faq-title{
        padding: 10px 75px 8px 17px !important;
    }
 /*   .slider_content {
    top: 55%;
}*/
#innerpage-box .innertest-item{
    width: 100%;
}
#innerpage-box .item.featureditems {
    width: 50%;
}
#newsletter .section-title h3{
    font-size: 40px;
}
#newsletter .newsvideoframe img {
    height: 450px;
}
    .single-productpage .innerpage-whitebox,
    .single-productpage #sidebars {
        margin-top: 00px;
    }
    .ht-footer.ht-footer1,
    .ht-footer.ht-footer2,
    .ht-footer.ht-footer3,
    .ht-footer.ht-footer4 {
        width: 100% !important;
    }

    .ht-slide-caps-title.animated.fadeInDown {
        font-size: 26px;
    }
    .ht-main-navigation li{
        padding-right: 00px;
    }
    img.ht-page-header-img{
        height: 275px;
    }
    .ht-site-title a, .site-title a{
        top: 0 !important;
    }
    .ht-slide-cap-title.animated.fadeInDown
    {
        font-size: 22px;
    }
    .ht-slide-cap-desc.animated.fadeInDown{
     font-size: 13px;
     line-height: 20px;
 }
 .newsletter-form-box input[type="submit"]{
    left: 0px;
}
#quote-carousel .carousel-control.right {
    right: 0;
    top: 140px;
}
#quote-carousel .carousel-control.left {
    left: -7px;
    top: 140px;
}
#quote-carousel .carousel-control {
    margin-top: -50px;
}
.ht-slide-cap-descmore {
    margin-top: 5px;
}
.section-title h2,
#about h2.section-title1,
#project .section-title4 h2{
    font-size: 32px;
}
body.admin-bar .navigation {
    top: 45px;
}
.top-bar-head {
    width: 100%;
}

}
@media screen and (max-width: 767px){
     div#clientlogo .pro_b-area-data {
        margin-bottom: 1em;
    }
    .gallery-area .gtopbtn{
        margin: 0;
    }
}

@media screen and (min-width: 810px) and (max-width: 825px){
    .hamburger-menus {
        right: -25px;
    }
}


@media screen and (max-width: 320px){
    header .socialalign a span {
    font-size: 16px;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 28px;
    /* background: #ff3f; */
    border-radius: 50%;
    text-align: center;
}
}
@media screen and (min-width: 320px) and (max-width: 425px){
    body {
        position: inherit; 
    }
header .socialalign a span {
    font-size: 18px;
}
header .socialalign a {
    margin: 1px 0px;
}

#about .about-right-img {
    top: 1em;
}
.contact-area .middle-cirle{
    width: 300px;
    height: 300px;
}
#innerpage-box .item.featureditems {
    width: 100%;
}
#newsletter .newsvideoframe img {
    height: 350px;
}
.slide-btn{
    bottom: 35px !important;
}
#testimonials .ts-area-bx {
    padding: 0 1em 0em 0;
}
#testimonials .owl-theme .owl-nav{
        display: none;
    }
.logo{
        bottom: 0;
    }

#newsletter .section-title2 h3{
    font-size: 32px;
}
#newsletter .section-title2 p{
    margin:1em 0;
}
#innerpage-box .item.teamwidth{
    width: 100% !important;
}
#innerpage-box .item.galleryitems{
    width: 100%;
}
#newsletter .box-form{
    margin: 0;
}
}

@media screen and (max-width: 768px){
    .slider_section p{
        padding-left: 10px;
    }
    .slider_section .extimg img.ex{
    max-width: 22%;
}
.slide-btn{
    bottom: 110px;
}
.slide-btna a.btn{
    font-size: 14px;
    padding: 10px 20px;
}

#innerpage-box .item.teamwidth{
    width: 50%;
}

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

#primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
#secondary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}

div#postproducts .ppost-area .postp_sarea {
    margin-bottom: 2em;
}
 div#postproducts{
        padding: 2em 0 0 !important;
}
 main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 {
        font-size: 30px;
    }
    #ht-contactus-wrap .contact_l_area span {
        font-size: 22px;
    }
    #ht-contactus-wrap .contact-info {
        margin-top: 18px;
        font-size: 14px;
    }
    .pd-r {
            padding: 2em 0;
        padding-right: 2em;
    }
    .pd-l {
        padding: 2em 0;
        padding-left: 2em;
    }
    .social_area i.fa {
        right: 49%;
    }
    div#offer {
        padding: 1em 0 !important;
        
    }
}

@media screen and (min-width: 669px){
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: none;
}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: block;
}

}

@media screen and (max-width: 668px){
    div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {
        float: none;
    }
    #ht-contactus-wrap .contact_area {
    padding: 0px 0em 0;
}
#ht-contactus-wrap .address-box {
    text-align: center;
}
.social_area {
    text-align: center;
}
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
#ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
    display: none;
}
 #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
    display: block;
}
#ht-contactus-wrap .contact_l_area span {
    font-size: 35px;
}
#ht-contactus-wrap .contact-info {
    font-size: 15px;
}
.social_area i.fa {
    right: 45%;
}
.mg-3 {
    margin: 1em 0 0;
}
.pd-r {
    padding: 0em 0;
}
.pd-l {
    padding: 0em 0;
}
main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4, .page-template-contact-template main#innerpage-box .Address_area h4, .page-template-contact-template main#innerpage-box .social_area h4 {
    font-size: 28px !important;
} 
#ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
    padding: 0;
}
#ht-contactus-wrap .address-box {
    text-align: center;
}
#ht-contactus-wrap .contact-page-form {
    padding: 0 1em 1em;
}
#ht-contactus-wrap .contact-sm-links li a span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
}

}

@media screen and (max-width: 580px){
    .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: 568px){

}

@media screen and (min-width: 320px) and (max-width: 768px){
.logobox img {
     padding-top: 0 !important;
 }
 #support{
    padding: 1em 0 !important;
 }
 #about{
    position: relative;
    overflow: hidden;
}
#featured {
   padding-left: 1em;
}
header .header-right-inn{
    background: none !important;
}
#testimonials .ts-area-single{
    margin: 1em;
    padding: 1em;
}
#testimonials .ts-area-content{
    padding: 1em 0;
}
#newsletter .section-title h2 {
    font-size: 25px;
}
#newsletter .box-form {
    margin: 0 2em;
}
#gallery .owl-carousel .owl-nav {
    display: none !important;
}
#innerpage-box .ts-area-thumb {
    width: 100%;
}

#innerpage-box .ts-area-thumb img{
    height: 100px;
}
#innerpage-box .ts-area-thumb {
    margin: 0 6% 6% 2%;
}
#project h4{
    font-size: 26px;
}
.logo-header {
    text-align: left;
}
.contact-area .section-title1{
    border:none;
}
#project .section-title4 {
    margin: 2em 0;
}
#project .topbtn {
    margin: 2em 0;
}
#clientlogo{
    padding: 1em 0 !important;
}
 header .header-contact{
    border: none;
 }
header .heaadermiddletxt p{
    padding-left: 25px;
    margin: 10px 0;
}
header.site-header li {
    display: block;
    padding-bottom: 10px;
}
#about .about-right-img img{
    height: 450px;
}
#about .abimgbx{
    left: -2%
}
.main-dispaly.padding0 {
        padding-left: 20px;
}
#slider .owl-nav span{
    display: none;
}
.slider_section .extimg{
    width: 100%;
}
#membership-section .membership-post-boxes img {
    width: 100%;
    height: 300px;
}
#service,#about,#project,#testimonials,
#newsletter,#newsletter .newslettersign-box,#contact{padding: 1em 0 !important;}
.blog-area .blog-single {padding: 1em 1em;}
.blog-area .inner-area-title { margin-bottom: 20px;}

.footer-area .wpcf7:after {
    right: -18px;
    top: -35px;
}
.footer-area .footer-social-links {
    float: left;
    top: 15px;
}
    div#testimonials .owl-theme .owl-nav {
        top: 0;
        right: 0;
    }
    #testimonials button.owl-prev span,#testimonials button.owl-next span{
        font-size: 28px;
    }
    #innerpage-box .ts-area-c p{
        font-size: 16px;
    }
    .contact-area .ab-text {
        padding: 0 ;
    }
    .contact-area .contact-l {
     padding:1em 1em 1em 1em;
    }
    
    header.site-header button.header-btn{
        float: left;
    }
    .top-bar-head {
    position: relative;
    }

    .hamburger-menus {
    float: left;
    }

    .header.site-header ul.sub-menu li a:hover{
        padding-left: 15px;
        padding-right: 15px;
    }
    .navigation .mainmenu li ul li{
        top: auto;
    }
    .navigation .mainmenu li:hover > ul{
        position: relative;
        top: auto;
    }
    .navigation .mainmenu li:hover ul li:hover > ul{
        position: relative;
        left: 0;
    }
    .navigation .mainmenu li{
        bottom: auto;
    }
    .logo{
        top: 50%;
    }
    .navigation .mainmenu li ul li a{
        padding: 5px 0 5px 25px;
    }
    .navigation .mainmenu li a{
        text-align: left;
    }
    .navigation .mainmenu li:hover > ul{
        width: 100%;
    }
#about .abtlast {
    padding: 1em 1em;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
}
}

@media screen and (min-width: 320px) and (max-width: 768px){
    header.site-header .main-dispaly.padding0 {
        padding-right: 20px;
    }
    .navigation .mainmenu {
        right: 0;
        padding-left: 0;
    }
    .ht-section-title:after {
        width: 65%;
    }
        .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: 30px !important;
        }

        .sf-arrows .sf-with-ul:after{
            right: 40px;
        }
        .navigation .mainmenu li a{
            box-shadow: none;
        }
        .ti-home:before{
            left: 15px;
            top: 12px;
        }
        .is-fixed .main-bar ul.sub-menu {
            margin-top: 0 ;
        }
        .navigation .mainmenu li a,
        header.site-header ul.sub-menu li a{
          padding: 5px 0 5px 10px;
      }
      .ht-menu.clearfix ul {
        margin-left: 0;
    }

    header.site-header ul.sub-menu li a {
        padding: 5px 45px;
    }
    ul.sub-menu{
        position: relative;
        box-shadow: none;
        border-top: 0;
        margin-top: 0px;
        margin-left: 0;
        padding: 0;
    }

}

@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%;
    }
    .site-header .navbar-toggler, 
    .site-header .is-fixed .navbar-toggler {
        margin: 22px 0 22px 10px;
        box-shadow: none;
    }
    .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){

.footer-area .bottom-area{padding: 20px 0 !important;}
.footer-area .gallery-item{max-width: 50%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text {
    text-align: center;
    margin-bottom: 0;
}
.slider_section .layer-2{top: 12.9%;}
.slider_section .layer-8 {
top: 11.5%;
}

.header-transparent .is-fixed .main-bar h1.ht-site-title {
position: relative;
top: 60px;
text-align: center;
}

header.site-header span.text, .single-header-info span.theme-color {
font-size: 14px;
}
.slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }

.bx-controls-direction { display: none;  }
.slider_section .layer-3{ top: 50.9%; }

header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
div#navbarNavDropdown{  margin: 0%; }

.slider_section .box{ right: 0; }
.slider_section .box-hover, .box-hover-2, .slider_section .box{ width: 700px; }
.ht-site-description{padding-top: 0;text-align: left; }

.header-top-container{ padding:0px !important; }

.header-transparent .is-fixed .main-bar{position: static !important;}
.header-transparent .is-fixed .main-bar h1.ht-site-title,
.header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
.navigation .mainmenu li a:after{ content: none; }
.navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
.sf-arrows .sf-with-ul:before{ right: 40px !important; }

.header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
.top-bar-head { width: 100%;}
div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
.header-seo.header-transparent .is-fixed .main-bar img {
    position: relative;
    top: 80px;
}
.header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;}
}

@media screen and (max-width: 747px){
.slider_gradiant {
    right: 0%;
}
.tp-loop-wrap.rs-wave {
    min-width: 617px !important;
}
.img-slide-responsive {
    position: absolute;
    right: 617px;
}
/*.slider_content {
    left: 56%;
    top: 70%;
}*/

}

@media screen and (max-width: 640px){
.slider_gradiant {
    right: 0%;
}
.slider_content {
    left: 76%;
}
.head-menu {
    position: relative;
    left: 0px;
    width: 100%;
    padding: 1px 0;
}
.total-count .count {
    top: 15px;
    right: 14px;
}
.hd-b-area {
    padding: 15px 2px 20px 0px;
}

.total-count {
    margin-top: 10px;
}

.slider_section .owl-theme .owl-nav {
    display: none;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    margin: 5px 14px;
}
.slider_section .owl-theme .owl-dots .owl-dot span:before {
    font-size: 10px;
}
.slider_section .owl-theme .owl-dots .owl-dot.active span:before {
    width: 15px;
}
.margin-sec {
    margin: 0 3em;
}
.service-area .spring-1 img {
    max-width: 20%;
}
.service-area .spring-1 {
    right: -455px;
    top: 158px;
}
.service-area .layer-2 {
    left: -13%;
}
.service-area .layer-2 img {
    max-width: 25%;
}

a.call-num {
    font-size: 18px;
}
.call-label {
    font-size: 18px;
}

.features-area .fs-in-area a.icon {
    padding-top: 8px;
}

.featured-single-area {
    margin: 0 3em;
}
.features-area .spring-1 {
    left: -40px;
}

.contact-area #quote-carousel .carousel-indicators {
    right: -11px;
    bottom: -23%;
}
.footer-block {
    margin: 0px 1em;
}
.footer-area .widget {
    margin-bottom: 1.5em;
}
footer#footer.footer-area .widget-title {
    margin-bottom: 1em;
}

.h-s-width {
    width: 80%;
}

.contact-l {
    padding: 3em 1em 3em 1em;
}
.contact-content .phone {
    font-size: 26px;
    line-height: 32px;
}

.contact-r {
    padding: 2em 1em 2em 1em;
}

.newslettersign-box {
    background-size: 60% !important;

}
.single-footer-1, .single-footer-2, .single-footer-3,.single-footer-4 , .single-footer-5{
    width: 100%;
}

#newvideo .section-title {
    padding: 0 2em 0 0;
}
.container {
    width: 100%;
}
.videocategory-area .video-title-box img {
    height: auto;
}
}


@media screen and (min-width: 639px) and (max-width: 722px){

.tp-loop-wrap.rs-wave {
        min-width: 586px !important;
    }
    .img-slide-responsive {
        right: 586px;
    }

}

@media screen and (min-width: 627px) and (max-width: 685px){

.tp-loop-wrap.rs-wave {
    min-width: 490px !important;
}
.img-slide-responsive {
    right: 490px;
}
}
@media screen and (min-width: 521px) and (max-width: 621px){

.tp-loop-wrap.rs-wave {
    min-width: 475px !important;
}
.img-slide-responsive {
    right: 475px;
}

}
@media screen and (min-width: 521px) and (max-width: 594px){

.tp-loop-wrap.rs-wave {
    min-width: 380px !important;
}
.img-slide-responsive {
    right: 380px;
}

}

@media screen and (max-width: 520px){
#featuredproduct .col-md-3 {
    width: 100%;
    padding: 15px;
}
#newarrival .col-md-3.na_area {
    width: 100%;
}
.slider_section a.btn.btn-lg.f-btn i {
    padding-left: 15px;
}
.slider_section .title {
    font-size: 18px;
    line-height: 23px;
}
.slider_section .title span {
    font-size: 14px;
    margin-bottom: 0px;
    letter-spacing: 6px;
}
.slider_section .sub-title {
    font-size: 12px;
    line-height: 16px;
    padding: 0;
}
.slider_section a.btn {
    font-size: 10px;
    padding: 10px 13px;
    border-radius: 8px;
}
 .slider_content {
    left: 88%;
    z-index: 999;
    width: 468px;
}
.tp-loop-wrap.rs-wave {
    min-width: 380px !important;
}
       .img-slide-responsive {
        right: 380px;
    }
.hamburger-menus {
    top: 0px;
}
.top-bar-head .head-menu {
    padding-right: 0em;
}
#ht-contactus-wrap .Address_area {
    padding: 5em 3em;
}
.footer-area .overlay{
    padding: 0!important;
}
.s-footer {
    margin-bottom: 1em;
}

}


@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        font-size: 12px;
    }
    .contact-area .bottom-cirle{
        display: none;
    }
    .slider_content {
        top: 52%;
        width: 345px;
        left: 100%;   
    }
    .slide-btna a.btn{
        padding: 8px 20px;
        font-size: 10px;
        top: 90px;
    }
    .gallery-area .gtopbtn{
        margin: 0;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 300px !important;
    }
       .img-slide-responsive {
        right: 300px;
    }
#innerpage-box .innertest-item {
    width: 100%;
    padding: 0;
}
.contact-area .contact-rbx{
    display: none;
}
.contact-area .contact-rinn{
    padding: 1em 0;
}
.contact-area .section-title1 h4{
    font-size: 22px;
}
.contact-area .section-title1 p {
    font-size: 14px;
    padding: 0;
}
.ht-inquiry-member-wrap input[type="submit"] {
    padding: 15px 35px;
    font-size: 16px;
    width: 85%;
}
.contact-area .contact-r {
    padding:0;
}
    .share-btn ul li a.site-button {
        width: 25px;
        line-height: 25px;
        height: 25px;
    }

    main#innerpage-box #blog-box .socialMedia ul li a.site-button{
        width: 40px;
        line-height: 40px;
        height: 40px;
    }
    main#innerpage-box #blog-box .socialMedia ul li {
        margin-left: -40px;
    }
    .page_featured {
        margin: 0 2em;
        margin-bottom: 1em;
        padding: 3em 4em;
      /*  background-position: center!important; */
    }
    body.page-template-default main#innerpage-box h1, .ht-main-title, #ht-contactus-wrap h1 {
    font-size: 25px !important; 
}

.blog-area .blog-single {
    padding: 1em 1em;
}
/*.newslettersign-box {
    margin:0 1em;
}*/

.blog-area .blog-read-more a {
    padding: 10px 25px;
    font-size: 11px;
}

}

@media screen and (min-width: 320px) and (max-width: 475px){
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce ul.products li.product h3{
        font-size: 20px !important;
    }
    .single-productpage .innerpage-whitebox{
        padding: 0;
    }
    .woocommerce-page.columns-3 ul.products li.product, 
    .woocommerce.columns-3 ul.products li.product {
        width: 30.75%;
        width: 100% !important;
    }
    #blog-box h2{
        font-size: 22px !important;
    }
    div#blog-box.innerpage-whitebox {
        padding: 0em 1em 2em 1em;
    }
    .slider_section .char{
        font-size: 12px;
        height: 20px;
    }
    .slider_section p{
        width: 90%;
        font-size: 12px;
        line-height: 20px !important;
        padding: 0;

    }
    .ht-slide-cap-desc{
       font-size: 28px;
       line-height: 35px;
       margin-bottom: 10px;
   }
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        margin-bottom: 10px;
    }
    #newsletter .section-title h3{
    font-size: 34px;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){

#about .about-right-img img{
    height: 390px;
}

.footer-area .footerlayer-3{bottom: 10%;}
.footer-area .footerlayer-2{bottom: 40%;}
.footer-area .footerlayer-1{top: 2%;left: 35.3%;}
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}

.newsletter-area div.wpcf7 input[type="file"]{left: 25%;}
.slider_section i.fa{font-size: 10px;}
.slider-social-icon > span{letter-spacing: 0;}
.slider_section .layer-3 img {
width: 30px;
}
 .header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
.resp_head_box{margin-bottom: 0;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
.header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
div#sb-search {margin-left: 0;}
header.site-header input[type="search"]{width: 100%;}
header.site-header span.sb-icon-search,
header.site-header input[type="submit"]{right: 0;}

.slider_section::after{width: 0;}

.slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
.social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
.slider_section .layer-5 img,.slider_section .layer-8 img{ width: 25px;}

.slider_section .layer-6 img, .slider_section .layer-4 img{width: 15px; }
.slider_section .layer-3 img{ width: 40px; }
.slider_section .layer-8{top: 10.5%;}
.slider_section .layer-6 { bottom: 10%;right: 62.4%;}
.slider_section .layer-5 { bottom: 92px; }
.slider_section .layer-4 { top: 73.5%; }
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 380px;}
.slider_section .btn:hover:before{top: 6px; }
.slider_section .box-hover, .box-hover-2{height: 340px;}
.slider_section .box-hover, .box-hover-2{ margin-top: 0; }

.slider_section .btn{font-size: 14px; padding: 8px 32px 8px 32px;}
.slider_section .box{ height: 325px; right: 0%;}

.single-header-info { text-align: center; padding: 0;}

}


@media screen and (min-width: 320px) and (max-width: 375px){
.slider_section .box-hover, .box-hover-2, .slider_section .box { width: 360px; }
.slider_section .box-hover, .box-hover-2{height: 305px; }
.slider_section .box{ height: 300px;}
.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    margin-right: -27px;
    padding: 10px 18px;
}

.slider_content {
    left: 110%;
    z-index: 999;
    /*width: 360px;*/
}
.tp-loop-wrap.rs-wave {
    min-width: 250px !important;
}
   .img-slide-responsive {
    right: 250px;
}
.slider_section .title {
      font-size: 18px;
    line-height: 18px;
}
.slider_section .title b {
    font-size: 18px;
    margin-bottom: 0px;
}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
}
.slider-btn {
    margin-top: 0.5em;
}
.ht-site-title, .site-title {
    font-size: 16px;
}
.ht-site-description {
    font-size: 10px;
}
.navicon {
    top: -60px !important;
}
.page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
#ht-contactus-wrap .Address_area {
    padding: 3em 3em;
}
.blog-area .blog-thumbnail img{
    height: 315px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 247px;
}
.total-count .count {
    right: 8px;
}
.service-area .single-service-bx .service-icon a.services-img img {
    height: 240px;
}
.features-area .layer-2 {
    right: -120%;
}

.counter-area .counter-post-boxes {
    margin: 0 2em;
}

.features-area .layer-2, .fproduct-area .layer-2 {
    right: -120%;
}
.contact-area #quote-carousel .carousel-indicators {
    right: -5px;
    bottom: -20%;
}
.testimonials-area .ts-area-c p {
    font-size: 16px;
}
#newvideo .newest-video img {
    height: 300px;
}
}

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

.slider_content {
    left: 118%;
}

main#innerpage-box .ht-blog-thumbnail img {
      height: 192px;
}
.margin-sec {
    margin: 0 2em;
}
.service-area .single-service-bx .service-icon a.services-img img {
    height: 215px;
}
.features-area .layer-2 {
    right: -145%;
}
.counter-area .counter-post-boxes {
    margin: 0 1em;
}
.share-btn ul li a.site-button {
    margin: 7px 2px 0;
}

.contact-small-box span.fa {
    font-size: 40px;
}
.contact-content {
    font-size: 11px;
}
.contact-content .phone {
    font-size: 17px;
    line-height: 28px;
}
.ht-inquiry-member-wrap div.wpcf7 .ajax-loader {
    display: contents;
}
.inner-page-gallery img {
    height: 200px;
}

}

@media screen and (min-width: 320px) and (max-width: 320px){
    .newsletter-area h2 {
    font-size: 30px;
}
    .slider_section div.slider-social-icon{left: 45px;}
    .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 45px;
}

.slider_section .box-hover, .box-hover-2, .slider_section .box {width: 300px;}
.slider_section .box-hover, .box-hover-2 { height: 270px; }
.slider_section .box {height: 275px;}

.slider_section .title { font-size: 13px; }
.slider_section .sub-title { font-size: 15px;}

.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}

.ht-slide-cap-desc { line-height: 15px;}
.woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
.star-rating {padding-top: 9px;}

.toggle-bar {right: 25px !important;}
.slider_section .title {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
}
.slider_section .title b{
      font-size: 15px;
}
.slider_section .sub-title {
    line-height: 15px;
      font-size: 11px;
}
.slider_content {
    left: 130%;
    width: 280px;
}
.slider_section a.btn {
    font-size: 10px;
    /*padding: 6px 15px;*/
}

.page_featured {
    margin-bottom: 0em;
}
.total-count .count {
    right: 0px;
}
.features-area .layer-2, .fproduct-area .layer-2,  .blog-area .layer-2  {
    right: -142%;
}
.contact-area #quote-carousel .carousel-indicators {
    right: -5px;
    bottom: -17%;
}
.blog-area .blog-area-wrap {
    margin: 0 1em;
}
.blog-area .blog-read-more {
    left: -5%;
}
#newvideo .newest-video img {
    height: 270px;
}

}
main#innerpage-box .tagcloud a {
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    padding: 7px;
    display: inline-block;
}
div#secondary select option {
    background: transparent;
}

body.home.blog .page-main-header img {
    display: none;
}
.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li{
    padding: 5px 0;
}
h1.product_title.entry-title {
    word-break: break-word;
}
.select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
div#payment,
#coupon_code{
    background: transparent !important;
}
#content-box li.blocks-gallery-item:before {
    content: none;
}
div#content-box li.blocks-gallery-item figure img {
    padding: 5px;
    margin-bottom: 0;
}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{
    opacity: 0.7;
}
main#innerpage-box ul.children {
    border: 0;
}
.woocommerce-MyAccount-content .woocommerce-info {
    background: transparent !important;
}
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled]{
    opacity: 1 !important;
}



/*Gallery Popup*/
.popup-content {
    display: none
}
.row-boxes {
    margin-right: -15px;
    margin-left: -30px;
}
.big-box, .boxes {
    /*padding-right: 0px;*/
    margin-bottom: 15px;
}
.big-box a, .boxes a {
    display: block;
}

#cboxLoadedContent {
    padding: 5px;
}
#cboxLoadedContent iframe, #cboxLoadedContent img {
    max-width: 100%;
    margin-bottom: 15px;
}
#cboxLoadedContent p {
    margin: 0;
    padding: 0;
}
.page-main-header h1.ht-main-title{
    font-weight: bold;
    font-size: 50px;
}


main#innerpage-box .Video-Cat img {
    width: 100%;
    height: 265px;
}
main#innerpage-box .Video-Cat .ser-ot {
    text-align: center;
}
main#innerpage-box .videocategory-area .video-title-box h4:after{
    content: none;
}
main#innerpage-box .videocategory-area .ser-ot{
        top: -50px;
}
main#innerpage-box .videocategory-area .video-title-box{
     top: 00px;
}
@media (max-width: 576px){

main#innerpage-box .Video-Cat img {
    height: auto;
}
}


.single_post #featured,
.single.single-our-gallery #gallery {
    background: none;
}
.single_post .featured-area .fea-popup-content,
.single.single-our-gallery .popup-content {
    display: block;
    width: 100%;
}
.single_post #featured iframe,
.single.single-our-gallery #gallery iframe{
    width: 100%;
}
main#innerpage-box .galleryboxes h5:after {
    content: none !important;
}
main#innerpage-box .galleryboxes h5 a {
    font-size: 20px;
    font-weight: 600;
}
div#newvideo h6 a {
    font-size: 23px;
    font-weight: 600;
}
div#newvideo h5 a {
    font-size: 18px;
    font-weight: 600;
}
.single_post #featured{
    padding-left: 0 !important;
}