/*
Theme Name: My Resume Pro
Theme URI: https://luzuk.com/demo/my-resume/
Author: luzuk Themes
Author URI: www.luzuk.com/
Description: Online CV Resume is the perfect product for you to make a great first impression. It is the way for you to create your personal website of your achievements and experiences .It is SEO optimized, multipurpose, multilingual and has responsive design. The Theme has a well designed layout but with customization features you get complete authority over it. You can present your profile digitally with spectacular design.You can create your website or vCard in no time. This theme is made with a bootstrap framework which gives it robust functioning. It is clean coded with mobile friendly layout. With the customization feature you will be able to make any changes you want.The modern design ensures better presentation of your portfolio. It has a responsive design with CTA i.e Call To Action button for fast responses and loading speed. This theme is exceptional for developer, designer, programmer, freelancer, writer, lawyer, musician, trainer, photographer or any other professions. With powerful RyanCV and all the ready-made layouts and components. This theme has minimal coding to ensure superfast loading. Demo: https://www.luzukdemo.com/demo/my-resume/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-resume-pro
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    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-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 2px;
    padding-top: 15px;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding:0px;
}
div#secondary .widget_calendar td {
    padding: 6px 4px;
}
/*--------------------------------------------------------------
# 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;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote {
    margin: 0 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-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
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: "" "";
}
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: #ff80b0;
    color: #fff;
    border-radius: 20px 0 20px;
    text-align: center;
    font-weight: 600;
}

.widget-area ul{
    list-style: none;
    padding:0;
    margin: 0;
}
.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;
}
.widget-area a{
    text-decoration: none;
    color: #404040;
}
.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;
   /* background: transparent;*/
    border-radius: 5px;
    padding: 10px;
    line-height: 1.6;
}
div#secondary .textwidget form select option{background: none !important;}
div#secondary .widget div.wpcf7 select {
    background: transparent;
}
div#secondary label {
    width: 100%;
}
#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;
}

/*--------------------------------------------------------------
## 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
--------------------------------------------------------------*/
.section-title {
    margin-bottom: 5em;
}
.section-title h2 {
    word-break: break-word;
    font-weight: 800;
    font-size: 31px;
    margin-bottom: 15px;
} 

.section-title h2 span:before {
    display: inline-block;
    margin: 0 25px 0px 0;
    content: " ";
    text-shadow: none;
    width: 3%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #01aff4;
    position: relative;
    bottom: 0;
    animation: nudge 5s linear infinite alternate;
}

.section-title h2:before {
    display: inline-block;
    content: " ";
    text-shadow: none;
    width: 1.5%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #01aff4;
    position: relative;
    bottom: 7px;
    left: 45px;
    animation: nudge 5s linear infinite alternate;
}

.section-title h2 span:after {
    display: inline-block;
    margin: 0 0 0px 25px;
    content: " ";
    text-shadow: none;
    width: 3%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #01aff4;
    position: relative;
    bottom: 0;
    animation: nudger 5s linear infinite alternate;
}

.section-title h2:after {
    display: inline-block;
    content: " ";
    text-shadow: none;
    width: 1.5%;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: #01aff4;
    position: relative;
    bottom: 7px;
    left: -38px;
    animation: nudger 5s linear infinite alternate;
}
@keyframes nudge {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(10px, 0);
  }
  
  80% {
    transform: translate(-10px, 0);
  }
}
@keyframes nudger {
  0%, 100% {
    transform: translate(0, 0);
  }
  
  50% {
    transform: translate(-10px, 0);
  }
  
  80% {
    transform: translate(10px, 0);
  }
}

.section-subtitle p{
    font-size: 18px;
}
.inner-area-title {    
    font-size: 23px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 3em;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    word-break: break-word;
}
.inner-area {
    padding-left: 175px;
}
.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: 0em 0 0.5em;
    padding-top: 1em;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0em 0em 0.4em rgba(255,255,255,0.6);
    text-align: center;
}

.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: 800;
    font-size: 25px;
    line-height: 1;
    padding: 0;
    margin: 0;
}
.ht-site-title a, .site-title a{
    text-decoration: none;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 32px;
}
.ht-site-description{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}
#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;
}
main#innerpage-box h2,
main#innerpage-box h3,
main#innerpage-box h4,
main#innerpage-box h5,
main#innerpage-box h6{
font-weight: 600;
    margin-bottom: 15px;
      }
/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.breadcrumbbox {
      padding: 0px 0 2.5em;
    text-align: center;
}
.breadcrumbbox span{
    color:#000;
    margin:0 3px;
}
/*===========================================
## 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
/*----------------------------------------*/
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
    background: #fe5722;
    color:#fff;
    clear: both;
    padding: 12em 0 4em;
        background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}
.blog .page-main-header {
    padding-top: 1em;
}
.lower-header .header-social-links {
    margin: 20px 0;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
    display: none;
}
.resp_header_btn p {
    display: none;
}
.pd-0{
    padding: 0;
}
.header-right .single-header-info {
    text-align: right;
}
.top-bar-head .head-menu {
    padding: 0;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}
.logo {
    padding: 1.5em 20px;
    text-align: center;
    margin: 0 auto;
}

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

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

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

.header.site-header ul.sub-menu li a{   
    display: block;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.header.site-header ul.sub-menu li:hover a{
   background: none;
    border-radius: 0px;
    -moz-transform: translate(15px, 0%);
    -ms-transform: translate(15px, 0%);
    -webkit-transform: translate(15px, 0%);
    -o-transform: translate(15px, 0%);
    transform: translate(15px, 0%);
    overflow: hidden;
}

.header.site-header ul.sub-menu li a:before {
   content: "\f064";
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-left: -17px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
}
.ht-sticky-header .header-transparent {
    position: fixed;
    left: 0;
    right: 0;
}
@media only screen and (max-width: 1300px) {
ul.sub-menu {
    position: relative;
    box-shadow: none;
}
.navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate3d(0px, -12px, 0px);
}
.footer-area .top-area {
    padding: 0px 0em 1em 0em !important;
}

}

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

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


}
.navigation .mainmenu li:after,
div#navbarNavDropdown li.current_page_item:after{
       content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 0px;
}
.navigation .mainmenu li:hover:after, 
.navigation .mainmenu li:focus:after, 
.navigation .mainmenu li:active:after,
div#navbarNavDropdown li.current_page_item:hover:after,
div#navbarNavDropdown li.current_page_item:focus:after, 
div#navbarNavDropdown li.current_page_item:active:after{
      -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

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


/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    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;
    font-weight: 500;
    position: relative;
}

header.site-header ul {
    margin: 0;
}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
   padding: 2px 0;
   float: right;
}
.navigation .mainmenu {
 position: relative;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header {
    position: relative;
    z-index: 99999;
    width: 100%;
    position: fixed;
   /* top: 0;*/
    left: 0;
    width: 175px;
    height: 100% !important;
    z-index: 9999;
    text-align: left;
    padding: 0px 0px 0px 0px;
    z-index: 1 !important;
}
.person-initial p {
        text-align: center;
    font-size: 43px;
    font-weight: 900;
    color: #000;
    padding: 0.3em 0;
    border: 1px solid #dddad5;
    margin: 0;
}
.banner-l-area {
    padding: 18px 0 0;
    background: #fff;
}
.person-desg p {
    text-align: right;
    background: #03b0f5;
    padding: 5px 5px 5px 30px;
    display: inline-block;
    float: right;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%);
    background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}
@keyframes animated
{

    0% 
    {
        background-position: 0%;
    }

    100% 
    {
        background-position: 400%;
    }

}



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

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

.page-template-home-template .innerpage-header{
    display: none;
}
.innerpage-header {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 30px;
}
/*---------------------------------------------------------------
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 {
    background: #fff;
}

.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{
    position: relative;
    top: 75px;
    right: 13px;
}
.share-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.share-btn ul{
    margin:0;
    padding:0;
    list-style:none;
    z-index: 2;
    position: relative;
}
.share-btn ul li{
    display:inline-block;
    margin-left: 6px;
    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{
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    height: 40px;
    display: block;
    color: #fff;
    background: #ff80b0;
    transform: scale(1);
    transition: all 1s ease 0s;
    z-index: 99 !important;    
}
.share-btn ul li a.site-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #03b0f4;
    border-radius: 50%;
    -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:hover a.site-button:before, 
.share-btn ul li:focus a.site-button:before, 
.share-btn ul li:active a.site-button:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.share-btn ul:hover li.share-button a.site-button{
    background:#ff80b0;
}   
.share-btn ul:hover li{
    margin-left: 10px;
}
.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;
}
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
.social-icon-container {
    position: relative;
    right: 20px;
}
.slider_section{
    position: relative;
}

.slider_section .ht-slide-cap-desc span {
    color: #ff80b0;
}
.slider_section .bx-wrapper .bx-next{
    transition: all 0.8s ease;
}

    .slider_section .bx-wrapper .bx-prev{
        transition: all 0.8s ease;
        width: 50px !important;
        line-height: 40px;
        text-align: center;
    }

   @keyframes an{
    from{
        opacity: 0;
        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
    }
    to{
        opacity: 1;
        transform: perspective(500px) translate3d(0, 0, 0);
    }
}
.bx-controls-direction {
    display: none;
}
.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.2;
    z-index: 1;
}
.slider_content{
    position: absolute;
    top: 20%;
    left: 63%;
    width: 640px;
    margin-left: -513px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 3.5em 0em;
    text-align: center;
    z-index: 999;
}

.ht-slide img {
    width: 100%;
}


.slider_section .bx-wrapper .bx-controls-direction a{
    height: 40px;
    text-indent: initial !important;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}
.slider_section .bx-wrapper .bx-prev{
    background: transparent url(images/pre1.html.htm) no-repeat left;
    left: auto;
    right: 50%;
    top: auto;
    bottom: 5%;
}
.slider_section .bx-wrapper .bx-next{
    background: transparent url(images/next1.html.htm) no-repeat right;
    right: 48%;
    top: auto;
    bottom: 5%;
}
.slider_section .bx-wrapper .bx-next {
    line-height: 40px;
}
.ct-btn-scroll {
 width: 20px;
 position: absolute;
 bottom: 30px;
 left: 0;
 right: 0;
 margin: auto;
 z-index: 9;
 border-radius: 50%;
 -webkit-transition: background-color 0.25s ease-in-out;
 transition: background-color 0.25s ease-in-out;
}

.slider_section .bx-wrapper .bx-controls-direction a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( to right, #fff, #fff 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
        transform: scale(1);
    transition: all 0.5s ease 0s;
}
.slider_section .bx-wrapper .bx-prev:before, .slider_section .bx-wrapper .bx-next:before {
    content: "\f08a";
    font-family: FontAwesome;
    display: block;
    color: #fff;
}
.slider_section .bx-wrapper .bx-prev:hover:before, .slider_section .bx-wrapper .bx-next:hover:before{
    content: "\f004";
    font-family: FontAwesome;
    display: block;
    color: #fff;
}
.slider_section .bx-wrapper .bx-controls-direction a:hover {
  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
    transform: scale(1.6);
}

.slider_section .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;
}
.slider_section .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
.midix.infinite, .midix_hover.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.slider_section .site-button {
    margin-top: 5px;
}
.slider_section .box-hover, .box-hover-2{
  display: inline-block;
  width: 822px;
  height: 462px;
  margin-top: 30px;
  animation: Animate1 5s infinite alternate ease-in-out;
}
.slider_section .box-title{
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  color: #fff;
  text-shadow: 0 0 80px rgba(#000, 0.4);
  letter-spacing: 2px;
  
}
.slider_section .box{
  position: relative;
  display: inline-block;
  width: 1100px;
   right: -20%;
    top: 45%;
}
@keyframes Animate1{
  0%{transform:translateY(3%)}
  to{transform:translateY(-3%)}
}
@keyframes Animate2{
  0%{transform:translateY(0%)}
  to{transform:translateY(-30%)}
}
.slider_section .title {
    font-size: 100px;
    font-weight: 500;
    padding-bottom: 25px;
    word-break: break-word;
    line-height: 110px;
}
.slider-border img {
    max-width: 100%;
    margin: 1em auto 1.5em;
}
.slider_section .title span {
    display: block;
    border: 7px double #c8c8c6;
    width: 120px;
    height: 120px;
    line-height: 105px;
    margin: 0 auto;
    border-radius: 50%;
}
.slider_section .sub-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 25px;
    word-break: break-word;
    margin-top: 10px;
}

/*==========================fallingeffect css====================*/
@media screen and (max-width: 767px){
.slider_section .fallingeffect {
    display: none;
}
}
.slider_section .fallingeffect {   
    text-align: center;
   /* width: 100%;*/
     width: auto;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 1;
    overflow: hidden;
}

.slider_section .fallingeffect span {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: -280px 40px 54px  -34px;    
    position: relative;    
    -webkit-animation: fallingLeaves 10s infinite  linear;
    -moz-animation: fallingLeaves 10s infinite  linear;
}
.slider_section .fallingeffect span:before {
    content: '\f004';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    /*color: #620209;*/
}
.slider_section .fallingeffect span:nth-child(5n+5) {
    -webkit-animation-delay: 1.3s;
    -moz-animation-delay: 1.3s;
}
.slider_section .fallingeffect span:nth-child(3n+2) {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}
.slider_section .fallingeffect span:nth-child(2n+5) {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
}

.slider_section .fallingeffect span:nth-child(3n+10) {
    -webkit-animation-delay: 2.7s;
    -moz-animation-delay: 2.7s;
}
.slider_section .fallingeffect span:nth-child(7n+2) {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
}
.slider_section .fallingeffect span:nth-child(4n+5) {
    -webkit-animation-delay: 5.5s;
    -moz-animation-delay: 5.5s;
}
.slider_section .fallingeffect span:nth-child(3n+7) {
    -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
}
@-webkit-keyframes fallingLeaves {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}
@-moz-keyframes fallingLeaves {
  0% {
    opacity: 1;    
    -webkit-transform: translate(0, 0px) rotateZ(0deg);
  }
  75% {
    opacity: 1;   
    -webkit-transform: translate(100px, 600px) rotateZ(270deg); 
  }
  100% {
    opacity: 0;    
    -webkit-transform: translate(150px, 800px) rotateZ(360deg);
  }
}

/*----------------------------------------*/
/*  Testimonials Area
/*----------------------------------------*/
div#personbanner {
    background: #f2f3f5;
    padding-bottom: 3em;
}
div#personbanner .section-title {
    margin-bottom: 0em;
}
.testimonials-l {
    background: #fff;
    text-align: left;
    padding-left: 2.5em;
}
.test-content {
    background: #fff;
    padding: 15px 35px 10px 30px;
}
.test-content:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 17px solid #ffffff;
    border-bottom: 14px solid transparent;
    left: -8px;
    top: -9px;
    position: absolute;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(138deg);
}

div#testimonials .ts-pd {
    padding-top: 4em;
}
.testimonials-area .ts-area-single:hover  .ts-social a {
    left: 14px;
    right: 14px;
    top: 14px;
    bottom: 4px;
    position: absolute;
    background: #fff;
    opacity: 0.7;
}

.testimonials-area .ts-social a i {
    position: absolute;
    top: 50%;
    left: 0%;
    font-size: 20px;
    color: #fe80af;
    line-height: 60px;
    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);
}

.testimonials-area .ts-area-single:hover .ts-social a i,
 .testimonials-area .ts-area-single.hover .ts-social a 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;
}

.testimonials-area .ts-area-desg{
    line-height: 10px;
}
.testimonials-area .ts-area-desg span {
    color: #fd7fad;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}
.testimonials-area .tsarea-date {
       font-size: 10px;
    color: #988f92;
    position: relative;
    bottom: 10px;
}

.testimonials-area .ts-area-desg .ts-desg-border:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    background-color: #ff80b0;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
.testimonials-area .ts-area-desg .ts-desg-border:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    background-color: #ff80b0;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
.testimonials-area .ts-area-single:hover .ts-desg-border:after  {
    width: 100%;
    left: 0%;
    right: auto;
}

.testimonials-area #quote-carousel {
    padding: 0 10px 0 10px;
}
.testimonials-area #quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 30px;
    margin-right: -19px;
    z-index: 2;
}
.testimonials-area .carousel-indicators li {
    background-color: #fcbed9;
    border: 1px solid #fcbed9;
   
}
.testimonials-area #quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 0;
    margin: 0 4px;
}
.testimonials-area #quote-carousel .carousel-indicators .active {
    background: #f72b84;
    width: 10px;
    height: 10px;
    border-color: #f72b84;
    opacity: 1;
    overflow: hidden;
    margin-right: 0;
    margin: 0 4px;
}

.testimonials-area .section-title h2 {
    color: #1f1f1f;
    font-size: 22px;
    margin: 0;
    font-weight: 600;
}
.testimonials-area .section-title h2:before, .testimonials-area .section-title h2:after{
    display: none;
}
.testimonials-area h6.ts-area-title {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 600;
    margin: 0;
    transition: all 0.3s ease 0s;
    margin-bottom: 5px;

}
.testimonials-area .ts-area-single:hover h6.ts-area-title {
    letter-spacing: 2px;
}
.testimonials-area .ts-area-single {
    padding: 1.3em 12px 0.5em 1.5em;
}

.testimonials-area .ts-area-c p {
       margin-bottom: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}
.testimonials-area .section-area-text {
    margin-bottom: 18px;
}
.testimonials-area .section-area-text i{
    color: #ff80b0;
}

.testimonials-area .ts-shape-area{
       position: relative;
    text-align: center;
    z-index: 2;
}

.testimonials-area .ts-shape-area i.fa.fa-quote-left {
    font-size: 100px;
    z-index: 2;
    color: #ff80b0;
}
.testimonials-area .tsarea-section {
    position: relative;
}
.testimonials-area .hscroll-line {
    top: 18em;
    right: 36%;
    height: 1px;
    position: absolute;
    overflow: hidden;
    width: 360px;
    transform: rotate(90deg);
    tranform-origin: 50% 50%;
    z-index: 2;
}
.testimonials-area .hscroll-line::before, .testimonials-area .hscroll-line::after {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.testimonials-area .hscroll-line:before {
    background: #feafce;
}
.testimonials-area .hscroll-line::after {
    background: #dc5187;
    animation: move 2s infinite;
}
.testimonials-area .hs-icon {
    top: 28em;
    right: 49%;
    height: 30px;
    position: absolute;
    overflow: hidden;
    width: 30px;
    z-index: 3;
    background: #fff5f9;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fed6e6;
    color: #fd7fad;
}
.testimonials-area .hs-dot:before {
       content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fed2e4;
    margin: 0 -3px 0 0;
    position: absolute;
    top: 7em;
    right: 50%;
    transition: all 0.4s ease 0s;
    opacity: 1;
    z-index: 4;
}
.testimonials-area .hs-dot:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fed2e4;
    margin: 0 -3px 0 0;
    position: absolute;
    top: 28.5em;
    right: 50%;
    transition: all 0.4s ease 0s;
    opacity: 1;
    z-index: 4;
}
.testimonials-area .carousel-indicators {
    display: none;
}
.ts-area-thumb {
    position: relative;
    top: 10px;
}
.ts-area-thumb img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 2px;
    border: 1px dashed transparent;
    transition: all 0.3s ease 0s;
}
.ts-area-single:hover .ts-area-thumb img {
    border: 1px dashed #000;
}
/*----------------------------------------*/
/*  03. Skill Area
/*----------------------------------------*/

div#skill {
    padding-top: 1em;
    padding-bottom: 3em;
    background: #f2f3f5;
    padding-left: 200px;
    padding-right: 15px;
}
div#skill .skill-post{
     background: #fff;
    padding: 0em 4em 3em;
    position: relative;
    margin-bottom: 3em;
}

.skill-icon {
    font-size: 65px;
    background: #fff;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    border: 10px solid #f5f6f8;
}
.skill-icon span {
    font-size: 65px;    
    line-height: 100px;
    color: #1d9ed8;
}
div#skill h4.sk-title {
       font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
    top: -20px;
    color: #020202;
}
div#skill p.sk-text {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 17px;
    z-index: 2;
    position: relative;
    color: #646464;
}
.skill-post-boxes {
    padding: 3em 0px 0;
}
.pd-12 {
    padding: 0 12px;
}
.skill-icon {
    position: relative;
    top: -60px;
    margin: 0 auto;
        z-index: 2;
}
@keyframes sp {
    from {
        transform: translate(0, -10px);
    }

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

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

.skill-post::before {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    z-index: -1;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-30deg) translateZ(0px);
    opacity: 0;
}
.skill-post:hover::before {
    opacity: 1;
    transform: perspective(1200px) rotateX(0deg) translateZ(0px);
    transition-delay: 0.1s;
    z-index: 2;
    background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}

div#skill .skill-post:hover h4.sk-title {
   color: #fff;
}
div#skill .skill-post:hover p.sk-text {
    color: #fff;
}
div#skill .skill-post .sk-readmore a{    
       padding: 10px 20px;
    color: #2fa8dd;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;
    z-index: 2;
    font-size: 15px;
    font-weight: 500;
    white-space: normal;
    transition: all 0.3s ease 0s;
}
div#skill .skill-post .sk-readmore a i {
    font-size: 10px;
    padding-left: 3px;
}
div#skill .skill-post .sk-readmore a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s;
    border-radius: 50px;
}
div#skill .skill-post:hover .sk-readmore a::before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}

div#skill .skill-post .sk-readmore:hover a {
   letter-spacing: 2px;
}

/*----------------------------------------*/
/*  04. Our Story Area
/*----------------------------------------*/
#ourstory {
    background: #f2f3f5;
    padding-left: 210px;
    padding-right: 25px;
}
.ourstory-area {
    background: #fff;
}
.story-label {
    position: relative;
    top: -5em;
    background: #fff;
    display: inline-block;
    left: 5em;
}
.story-label h3{
     font-size: 29px;
    font-weight: 600;
    margin: 0;
    padding: 12px 20px;
}
.story-area img {
      transform: scale(1);
    transition: all 1s ease 0s;
    width: 250px;
    height: 250px;
}
.story-area:before {
    display: block;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    content: "";
    position: absolute;
    top: -11px;
    left: 4px;
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    height: 10%;
    width: 10%;
}
.story-area:hover:before {
       height: 25%;
    width: 23%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    z-index: 1;
    border-left: 5px solid #01b0f3;
    border-top: 5px solid #01b0f3;
}

.story-label h3, .story-label h3 sub, .story-label h3 sup{
      background: linear-gradient(to right, #000 20%, #02b0f5 40%, #02b0f5 60%, #000 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 2s linear infinite;
}

 @keyframes shine {
    to {
      background-position: 200% center;
    }
  }


.os-in-area{
    padding: 0px 5em 0 4em;
}
.os-ed-area {
    padding-top: 7em;
    padding-bottom: 4em;
}
.ms-single {
    border-right: 1px solid #02b0f5;
    text-align: right;
}
.ms-date{
        text-align: right;
    background: #03b0f5;
    padding: 8px 35px 5px 55px;
    display: inline-block;
    /* float: right; */
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%);
    background: linear-gradient(90deg, #02b0f5, #0490cf, #02b0f5);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}
.ms-univercity {
    padding: 20px 25px;
}
.ms-text {
    font-size: 16px;
    color: #808080;
    font-weight: 400;
}
.single-top {
    text-align: left;
    padding: 0 3em 0 4em;
}
.single-top h4.title{
    font-size: 21px;
    color: #010101;
    font-weight: 500;
    transition: all 0.3s ease 0s;
}
.os-single-bx:hover .single-top h4.title{
    letter-spacing: 2px;
}
.ms-download-btn {
    text-align: left;
}
.ms-download-btn a {
    background: #03b0f5;
    padding: 20px 5em 25px 5em;
    display: inline-block;
    font-size: 23px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

.ms-download-btn a i {
    padding-right: 25px;
    font-size: 35px;
    position: relative;
    top: 5px;
}
@keyframes bounce {
  0% { transform: translateY(0) }
  25% { transform: translateY(-3px) }
  50% { transform: translateY(0) }
  75% { transform: translateY(-3px) }
  100% { transform: translateY(0) }
}

.ms-download-btn:hover a i{
    -webkit-animation: bounce 0.75s both ease-out 1;
    animation: bounce 0.75s both ease-out 1;
}
/*--------------------------------------------------------------
# 05. project area
--------------------------------------------------------------*/

div#project {
    padding-top: 5em;
    padding-bottom: 4em;
    background: #f2f3f5;
    padding-left: 200px;
    padding-right: 15px;
}
.section-e-project .bg-hovered .thumb_backound{
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
    position: relative;
    height: 382px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 0px;
    text-align: left;

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

    .p-flex-column {
        flex-direction: column;
    }
    .p-flex {
        position: absolute;
        bottom: 0;
        padding: 10px 0px;
        left: 0;
        right: 0;
        width: 100%;

    }
    .section-e-project .bg-hovered .thumb_backound:hover .animeblogtitle a {
        font-weight: 800 !important;
    }

.single-project-bx .projectsbtn a {
    padding: 18px 20px;
    color: #2fa8dd;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: block;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
    white-space: normal;
    transition: all 0.3s ease 0s;
    background: #fff;
}
.single-project-bx .projectsbtn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s;
    border-radius: 0px;
}

.single-project-bx .projectsbtn a:hover::before {
    opacity: 1;
    background-color: #0490cf;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}

.single-project-bx .projectsbtn a:hover{
      color: #fff;
}
.single-project-bx{
    margin-bottom: 3em;
    padding: 0px 1.5em;
}
/*--------------------------------------------------------------
# 06. language skill area
--------------------------------------------------------------*/
#langskill {
    background: #f2f3f5;
    padding-left: 210px;
    padding-right: 25px;
    padding-top: 1em;
    padding-bottom: 0em;
}
.langskill-area {
    background: #fff;
    padding-bottom: 0em;
    padding-top: 5em;
}
.sec-highlightlbl {
    background: #03b0f5;
    padding: 10px 60px;
    display: inline-block;
    font-size: 23px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    background: linear-gradient(90deg, #02b0f5, #0490cf, #02b0f5);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
   -webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    margin-top: 1.5em;
}
.langskill-post{
    text-align: left;
    padding-right: 2em;
}
.langskill-post h4.langsk-title {
    color: #010204;
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 1em;
    transition: all 0.3s ease 0s;
}
.langskill-post:hover h4.langsk-title  {
    letter-spacing: 2px;
}
.langskill-post p.langsk-text {
    color: #808080;
    font-size: 16px;
    padding-right: 2em;
    line-height: 24px;
}
.langsk-dot {
    padding-top: 1em;
}
.langsk-dot .dot {
       width: 100%;
    display: inline-block;
    border-top: 10px dotted #ef9d2b;
}

/*--------------------------------------------------------------
# 07. Counter area
--------------------------------------------------------------*/
#counter {
    background: #f2f3f5;
    padding-left: 210px;
    padding-right: 25px;
    padding-top: 1em;
    padding-bottom: 0em;
}
.counter-area {
    padding-bottom: 0em;
    padding-top: 5em;
    position: relative;
}
    
.counter-area .overlay {
       position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #282828;
    opacity: 0.95;
}

.counterBox .counternum {
    font-size: 41px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.3s ease 0s;
}
.counter-area .counterBox:hover .counternum {
    letter-spacing: 3px;
}

.counterBox .title {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.counter-area .counterBox:hover .title {
   color: #ef9d2b;
}


#counter .counterBox{
    border-right: 1px solid #404040;
    margin-bottom: 2em;
     padding: 2em 0;
}
#counter .col-md-3.col-sm-6.details:nth-child(4) .counterBox, 
#counter .col-md-4.col-sm-6.details:nth-child(3) .counterBox, 
#counter .col-md-6.col-sm-6.details:nth-child(2) .counterBox, 
#counter .col-md-12.col-sm-12.details:nth-child(1) .counterBox,
#counter .col-md-4.col-sm-6.details:nth-child(6) .counterBox,
#counter .col-md-3.col-sm-6.details:nth-child(8) .counterBox {
    border-right: none;
}
/*--------------------------------------------------------------
# 08. Pricing area
--------------------------------------------------------------*/

#pricing {
    background: #f2f3f5;
    padding-left: 210px;
    padding-right: 25px;
    padding-top: 0em;
    padding-bottom: 0em;
}
.pricing-area {
    background: #fff;
    padding-bottom: 5em;
    padding-top: 5em;
}
#pricing .single-pricing{
    border: 1px solid #d4d4d4;
    margin: 0 1.5em 2em;
    padding: 2.5em 0;
        transition: all 0.3s ease 0s;
}
#pricing .single-pricing:hover{
    border: 1px solid #fff;
    box-shadow: 0px 5px 26px 9px rgba(0,0,0,0.1);
}
#pricing h4 {
    font-size: 23px;
    font-weight: 800;
    color: #010204;
    padding: 1em 10px;
    transition: all 0.3s ease 0s;
}
#pricing .single-pricing:hover h4{
    letter-spacing: 3px;
}

#pricing .currency-price {
    text-align: center;
    background: #03b0f5;
    padding: 0px 45px 0 108px;
    display: block;
    width: 85%;
    float: right;
    font-size: 61px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    transition: all linear .5s;
        word-break: break-all;
}

#pricing .currency-price sup {
    font-size: 18px;
    position: relative;
    top: -28px;
    right: 5px;
}

#pricing .currency-price sub {
    font-size: 18px;
    position: relative;
    top: 0;
    right: -3px;
    font-weight: 800;
}
.pricing-icon span {
    color: #ef9d2a;
    font-size: 50px;
}
#pricing ul.pricing-list {
    margin: 2em 0 1em;
    list-style: none;
       padding: 0 10px;
}
#pricing ul.pricing-list li{
    margin: 1em 0;
    list-style: none;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
}
div#pricing .pc-btn {
    margin-top: 2em;
        padding: 0 10px;
}
div#pricing .pc-btn a {
       padding: 15px 30px;
    color: #f19c2a;
    text-align: center;
    position: relative;
    text-decoration: none;
    display: inline-block;
    z-index: 2;
    font-size: 17px;
    font-weight: 600;
    white-space: normal;
    transition: all 0.3s ease 0s;
}
div#pricing .pc-btn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s;
    border-radius: 50px;
}
div#pricing .pc-btn a:hover::before {
    opacity: 1;
    background-color: #000;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}


div#pricing .single-pricing  {
        -webkit-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
div#pricing .single-pricing:hover {
    transform: translateY(-20px);
}


.single-pricing .hi-icon {
        display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 0px auto;
    width: 115px;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.single-pricing .hi-icon {
       -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.single-pricing:hover .hi-icon {
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.6);
}
.single-pricing .hi-icon span{
    font-size: 60px;
    line-height: 70px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.single-pricing {
    overflow: hidden;
}
.single-pricing .hi-icon span:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
    z-index: -1;
    transition: all 0.3s ease-in-out 0s;
}

.single-pricing:hover .hi-icon span:after {
    transform: rotate(-45deg);
    box-shadow: 0px 5px 26px -9px rgba(0,0,0,0.5);
    background: #fff;
}
.single-pricing:hover .hi-icon span{
    line-height: 120px;
}
/*----------------------------------------*/
/*  09. Contact Area
/*----------------------------------------*/
#contact {
    background: #f2f3f5;
    padding-left: 210px;
    padding-right: 25px;
    padding-top: 0em;
    padding-bottom: 0em;
}
.contact-area {
    background: #fff;
    padding-bottom: 5em;
    padding-top: 5em;
}
#contact .contact-title {
    color: #000;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 8px;
}
#contact .contact-text {
    color: #808080;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 2.5em;
}
#contact .contact-icon span {
    font-size: 30px;
    color: #01aff4;
}
#contact .contact-icon {
    text-align: center;
}
#contact .contact-content {
    padding-left: 1em;
    color: #808080;
}
#contact .contact-content a{
    color: #808080;
}

#contact .contact-small-box {
    margin-bottom: 2.5em;
}
#contact .contact-small-box:hover .contact-icon span{    
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 999;
}

div#contact  .ht-contact-member-wrap input::placeholder{
    opacity: 1;
}

.ht-contact-member-wrap input[type="text"], 
.ht-contact-member-wrap input[type="email"], 
.ht-contact-member-wrap input[type="url"], 
.ht-contact-member-wrap input[type="password"], 
.ht-contact-member-wrap input[type="search"], 
.ht-contact-member-wrap input[type="number"], 
.ht-contact-member-wrap input[type="tel"], 
.ht-contact-member-wrap input[type="range"], 
.ht-contact-member-wrap input[type="date"], 
.ht-contact-member-wrap input[type="month"], 
.ht-contact-member-wrap input[type="week"], 
.ht-contact-member-wrap input[type="time"], 
.ht-contact-member-wrap input[type="datetime"],
.ht-contact-member-wrap input[type="datetime-local"], 
.ht-contact-member-wrap input[type="color"],
.ht-contact-member-wrap input[type="file"],
.ht-contact-member-wrap textarea{    
       border: 1px solid #f9f9f9;
    background: none;
    z-index: 2000;
    width: 100%;
    color: #6f757d;
    margin: 0 0 10px 0;
    border-radius: 10px;
    padding: 0px 25px;
    font-size: 16px;
    height: 55px;
    font-weight: 500;
    background: #f9f9f9;
}
.ht-contact-member-wrap input[type="file"] {
    cursor: pointer;
    padding: 10px 20px;
}

.ht-contact-member-wrap select{
    outline: 0;
    border: 1px solid #fff;
    z-index: 2000;
    width: 100%;
    color: #595959;
    margin: 0 0 6px 0;
    border-radius: 10PX;
    padding: 16px 25px;
    font-size: 16px;
    height: 55px;
}

.ht-contact-member-wrap textarea {
      height: 135px;
    padding: 10px 25px;
}
div#contact  .ht-contact-member-wrap textarea::placeholder{
    color:#fff;
}

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

.ht-contact-member-wrap input[type="submit"]{
     display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding: 13px 55px;
    font-size: 18px;
    font-weight: 600;
    background-color: #223cab;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    margin: 0;
    width: 100%;
    box-shadow: none;
    margin-top: 10px;
}
.ht-contact-member-wrap input[type="submit"]:hover {
}
/*--------------------------------------------------------------
# 10. Blog area
--------------------------------------------------------------*/
div#blog {
    padding-top: 1em;
    padding-bottom: 3em;
    background: #f2f3f5;
    padding-left: 200px;
    padding-right: 15px;
    padding-bottom: 6em;
    padding-top: 7em;
}

div#blog .blog-thumbnail{    
    position: relative;
    padding: 0;
    display: inline-block;}
div#blog .news-thumb-wrap{overflow:hidden;position:relative}
div#blog .overlay-author{position:absolute;top:0;font-size: 14px;left:-15px;background-color:#3eb0f5;padding:8px 30px;font-weight:700;text-transform:capitalize;z-index:1;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;-webkit-transform:translate3d(0,-140%,0);transform:translate3d(0,-140%,0)}
div#blog .overlay-author,
div#blog .overlay-author a{color:#fff;font-size: 14px;}
div#blog .blog-post:hover .overlay-author{-webkit-transform:translate3d(0,0%,0);transform:translate3d(0,0%,0)}
div#blog .overlay-author:before{content:'';position:absolute;bottom:-15px;left:0;width:0;height:0;border-top:15px solid #3eb0f5;border-left:15px solid transparent}
div#blog .blog-thumbnail span{display:inline-block;position:absolute;bottom:0;left:0;z-index:1;background-color:#3eb0f5;padding:8px 15px; width: auto;text-align:left;font-weight:700;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
div#blog .blog-thumbnail span a{color:#fff;font-size: 14px;}
div#blog .blog-post:hover .blog-thumbnail span{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
div#blog .blg-date {
    position: absolute;
    top: 0px;
    display: block;
    background: #3eb0f5;
    color: #ffffff;
    font-size: 41px;
    font-weight: 700;
    left: 0px;
    border-radius: 0;
    text-align: center;
    transition: 0.5s ease-in-out;
    line-height: 34px;
    padding: 10px 15px;
}
div#blog .blog-post:hover figure.news-thumb-wrap .blg-date {
    top: 55px;
    transition: 0.5s ease-in-out;
    font-size: 30px;
}
div#blog .blg-date b{
    font-size: 14px;
    text-transform: uppercase;
        display: block;
}
div#blog .blog-post {
    position: relative;
    padding: 0;
    position: relative;
    overflow: hidden;
    padding: 0 1.2%;
    margin-bottom: 2em;
}
  div#blog figure.news-thumb-wrap img {
    width: 100%;
    height: 275px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
div#blog .blog-post:hover figure.news-thumb-wrap img {
    transform: scale(1.05);
}

div#blog .blog-post span b:last-child {
    display: none;
}
div#blog .blog-single {
    text-align: left;
    padding: 2.5em 2.5em 2.5em;
    overflow: hidden;
}

div#blog .blog-post:nth-child(3) .blog-thumbnail, 
div#blog .blog-post:nth-child(4) .blog-thumbnail, 
div#blog .blog-post:nth-child(7) .blog-thumbnail, 
div#blog .blog-post:nth-child(8) .blog-thumbnail, 
div#blog .blog-post:nth-child(11) .blog-thumbnail, 
div#blog .blog-post:nth-child(12) .blog-thumbnail, 
div#blog .blog-post:nth-child(15) .blog-thumbnail, 
div#blog .blog-post:nth-child(16) .blog-thumbnail {
    float: right;
}


div#blog .blog-post:nth-child(3) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(4) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(7) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(8) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(11) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(12) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(15) .blog-thumbnail .overlay-author, 
div#blog .blog-post:nth-child(16) .blog-thumbnail .overlay-author{
    left: auto;
    right:-15px;
}
div#blog .blog-post:nth-child(3) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(4) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(7) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(8) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(11) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(12) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(15) .blog-thumbnail .overlay-author:before , 
div#blog .blog-post:nth-child(16) .blog-thumbnail .overlay-author:before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 15px solid transparent;
}
div#blog .blog-post:nth-child(3) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(4) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(7) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(8) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(11) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(12) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(15) .blog-thumbnail .blg-date , 
div#blog .blog-post:nth-child(16) .blog-thumbnail .blg-date{
    left: auto;
    right: 0;
}
div#blog .blog-post:nth-child(3) .blog-thumbnail span, 
div#blog .blog-post:nth-child(4) .blog-thumbnail span, 
div#blog .blog-post:nth-child(7) .blog-thumbnail span, 
div#blog .blog-post:nth-child(8) .blog-thumbnail span, 
div#blog .blog-post:nth-child(11) .blog-thumbnail span, 
div#blog .blog-post:nth-child(12) .blog-thumbnail span, 
div#blog .blog-post:nth-child(15) .blog-thumbnail span, 
div#blog .blog-post:nth-child(16) .blog-thumbnail span{
    left: auto;
    right: 0;
}
div#blog .blog-post:nth-child(3) .blog-single, 
div#blog .blog-post:nth-child(4) .blog-single, 
div#blog .blog-post:nth-child(7) .blog-single, 
div#blog .blog-post:nth-child(8) .blog-single, 
div#blog .blog-post:nth-child(11) .blog-single, 
div#blog .blog-post:nth-child(12) .blog-single, 
div#blog .blog-post:nth-child(15) .blog-single, 
div#blog .blog-post:nth-child(16) .blog-single{
    text-align: right;
}

div#blog h4 {
    font-size: 20px;
    color: #000103;
    font-weight: 800;
    margin-bottom: 1em;
    transition: all 0.3s ease 0s;
}
div#blog .blog-post:hover h4{
    letter-spacing: 2px;
}
div#blog .section-area-text {
    margin-bottom: 2em;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}

div#blog .blog-hbtn a {
    padding: 15px 0px;
    color: #1a1a1a;
    position: relative;
    text-decoration: none;
    display: inline-block;
    z-index: 2;
    font-size: 15px;
    font-weight: 600;
    white-space: normal;
    transition: all 0.3s ease 0s;
}
div#blog .blog-hbtn a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s;
    border-radius: 50px;
}
div#blog .blog-hbtn a:hover::before {
    opacity: 1;
    background-color: #3eb0f5;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}
div#blog .blog-hbtn a:hover {
    color: #fff;
    padding: 15px 30px;
}
div#blog .blog-hbtn a i {
    font-size: 10px;
    position: relative;
    left: 2px;
}

/*----------------------------------------*/
/*  . Footer Area
/*----------------------------------------*/
.footer-area {
    position: relative;
    background: #1a1a1a url(images/footer-overlay.png) no-repeat center;
    background-position: center;
    background-size: cover;
    padding-left: 175px;
    padding-right: 15px;
}
.footer-area  .bglabel-area {
    position: relative;
}
.footer-area .overlay {
      position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.7;
}
.footer-area li {display: block;margin-bottom: 12px;font-size: 16px;font-weight: 500; }
.footer-area li a {
      font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}
.footer-area li:before {
    content: "\f105";
    font-family: 'Fontawesome';
    font-size: 16px;
    padding-right: 10px;
}
.footer-area li a:hover {color: #FF9210; }
.footer-area .gallery-item {max-width: 15.33%;padding-right: 13px;padding-bottom: 13px;}

.footer-area ul {margin: 0 0 15px 00px;}
.footer-area p {    
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 2;
    font-size: 16px;
}
footer#footer.footer-area .widget-title {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 800;
}
.footer-area .widget.widget_recent_entries li a {font-size: 16px;}

.footer-area .social-profile-icons ul li {    
    display: inline-block;
    padding-right: 8px;
    font-size: 16px;
    font-weight: 800;
}
.footer-area .social-profile-icons ul li:before{
    display: none;
}
.footer-area .widget {margin-bottom: 1.5em;}
.footer-bottom-area ul li {display: inline-block;margin-left: 40px;margin-bottom: 0;position: relative;}
.footer-area .bottom-area {    
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #545454;
    padding-left: 5em;
    padding-right: 5em;
}
.footer-text {
    font-size: 13px;
}
.text-right{
    text-align:right;
}
.footer-area .bottom-area ul { margin-bottom: 0;}

.footer-text, .footer-text a {font-size: 16px;font-weight: 400;}
.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 10px;
    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 .widget select{    
      border: 1px solid;
    font-size: 16px;
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 25px;
    font-style: normal;
    font-weight: 400;
}
.footer-area textarea{
    padding: 20px 25px;
    height: 130px;
}
.footer-area label b {
    position: relative;
    top: 14px;
    left: 36px;
    background: #161616;
    padding: 10px 20px;
    z-index: 1;
}

.footer-area .widget div.wpcf7 select{background: transparent;}

.footer-area input[type="submit"] {  
    padding: 15px 4em 15px 2em;
    display: inline-block;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    border-radius: 0;
}
.footer-area input[type="submit"]:hover{
opacity: 0.8;
}

.footer-area .widget_calendar tfoot tr td a:hover,
.footer-area .s-footer .textwidget p a:hover{
    opacity: 0.6;
}

.footer-area .top-area {
    position: relative;
    overflow: hidden;
    padding: 0px 5em 0.5em 5em;
}

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

.footer-area i.fa {    
       padding: 0;
    font-size: 19px;
    font-size: 21px;
    margin-right: 8px;
}
.footer-area .social-profile-icons i.fa {    
      padding: 0;
    text-align: center;
    margin-right: 0;
    font-size: 27px;
    padding: 5px 10px;
}
.footer-area table tr {text-align: center;line-height: 28px;}
.footer-area table td {font-size: 16px;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 span.wpcf7-list-item {    
    margin: 0 1em 0 0;
}

.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;
    margin-bottom: 2em;
}
footer#footer.footer-area .single-footer-1 .widget-title {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 800;
}
.single-footer-1 {
    padding: 0;
    padding-right: 4em;
}
.single-footer-3 {
    padding: 0;
    padding-left: 4em;
}
.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: 17px;
    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: 28px;
    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;
}
footer#footer.footer-area .bglabel-limg, footer#footer.footer-area .bglabel-rimg {
    position: relative;
    top: -20px;
}
footer#footer.footer-area .bglabel-title {
    padding: 0 2em 0 3em;
}
footer#footer.footer-area .bglabel-limg:before {
    content: '';
    width: 130px;
    height: 1px;
    position: absolute;
    left: -170px;
    right: auto;
    top: 50px;
    background-color: #cccccc;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
footer#footer.footer-area:hover .bglabel-limg:before {
    left: -80px;
    width: 70px;
    background-color: #ff8bb8;
}
footer#footer.footer-area .bglabel-rimg:after {
    content: '';
   width: 130px;
    height: 1px;
    position: absolute;
    left: auto;
    right: -170px;
    top: 50px;
    background-color: #cccccc;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
footer#footer.footer-area:hover .bglabel-rimg:after {
    right: -80px;
    width: 70px;
    background-color: #ff8bb8;
}

footer#footer.footer-area .section-title h2 {
    letter-spacing: 1px;
    color: #feffff;
    margin-bottom: 25px;
    font-family: inherit;
    font-size: 61px;
    padding-bottom: 25px;
    font-weight: 500;
}
.footer-block .footer_contact-small-box{
    padding-top: 1em;
    padding-bottom: 1em;
}
.footer_contact-content, .footer_contact-content small {
    color: #cdcdcd;
    font-size: 19px;
    font-weight: 500;
}
.footer_contact-content, .footer_contact-content small, .footer_contact-content a {
    word-break: break-all;
}
.footer-block .footer_contact-small-box:nth-child(1){
    padding-right: 3em;
    padding-left: 0em;
}
.footer-block .footer_contact-small-box:nth-child(2){
   padding-right: 3em;
   padding-left: 3em;
   border: 1px solid #fed13d;
   border-top: 0;
   border-bottom: 0;
}
.footer-block .footer_contact-small-box:nth-child(3){
    padding-left: 3em;
    text-align: right;
    padding-right: 0em;
}
.footer-block .footer_contact-icon {
    color: #ff80b0;
    font-size: 23px;
    text-align: center;
}

.footer-area form {
    text-align: left;
}
/*--------------------------------------------------------------
#  Gallery
--------------------------------------------------------------*/
.lz-gallery-images {
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.lz-gallery-images:hover {
    box-shadow: 0 0 10px -5px rgba(0,0,0,0.8);
}
.lz-gallery-images:before, .lz-gallery-images:after {
        content: '';
    background: #ff80b0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: rotateX(180deg) scale(0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s ease;
}
.lz-gallery-images:hover:before {
      opacity: 0.7;
    transform: rotateX(0) scale(0.80);
}
.lz-gallery-images:after {
      background: transparent;
    opacity: 1;
    transform: rotateX(0) scaleY(0);
    transform-origin: top center;
    z-index: 0;
}
.lz-gallery-images:hover:after {
  transform: rotateX(0) scaleY(1);
}

.lz-gallery-images img {
    height: 350px;
    width: 100%;
}
.lz-gallery-images img {
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.lz-gallery-images:hover > img {
    transform: scale(1.1);
    transform-origin: left center;
}
.lz-gallery-images .g-content{
    color: #fff;
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 2;
    transition: all 0.5s;
    opacity: 1;
}
.lz-gallery-images .title {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px;
    transform: perspective(500px) rotateX(-90deg);
    transform-origin: bottom center;
    transition: all 0.3s ease 0.2s;
    margin-right: 2em;
}
.lz-gallery-images:hover .title, .lz-gallery-images:hover .g-date {
    transform: perspective(500px) rotateX(0);
}
.lz-gallery-images .g-date {
    font-size: 10px;
    font-weight: 400;
    display: block;
    transform: perspective(500px) rotateX(90deg);
    transform-origin: top center;
    transition: all 0.3s ease 0.2s;
}
.lz-gallery-images:hover .title, .lz-gallery-images:hover .g-date {
    transform: perspective(500px) rotateX(0);
}
.lz-gallery-images .gallery-icon {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 2;
    transition: all 0.3s ease 0.2s;
}
.lz-gallery-images .gallery-icon li {
    display: inline-block;
    transform: scaleY(0);
    transition: all 0.3s ease 0.2s;
}
.lz-gallery-images:hover .gallery-icon li {
    transform: scaleY(1);
}
.lz-gallery-images .gallery-icon li i  {
    font-size: 35px;
    line-height: 29px;
    width: 40px;
    height: 30px;
    margin: 0 3px;
    border-radius: 5px 0;
    display: block;
    transition: all 0.3s ease 0s;
    color: #fff;
}
.pd-12{
    padding: 12px;
}
.bg-pd {
    padding: 25px 0 24px;
}
.testimonials-l.bg-pd {
    padding: 25px 25px 24px 50px;
}

/*----------------------------------------*/
/*  . Testimonials Page
/*----------------------------------------*/
#innerpage-box .inner-ts-w {
    width: 100%;
}

#innerpage-box .ts-area-thumb{
    border: 1px solid #bbb9b2;
    margin-left: 10px;
}
#innerpage-box .ts-area-thumb img {
       width: 100px;
    width: 100%;
    height: 110px;
    position: relative;
    top: 5px;
    right: 5px;
}
#innerpage-box .ts-area-single:hover  .ts-social a {
    left: 14px;
    right: 14px;
    top: 14px;
    bottom: 4px;
    position: absolute;
    background: #fff;
    opacity: 0.7;
}
#innerpage-box .ts-social a i {
    position: absolute;
    top: 50%;
    left: 0%;
    font-size: 20px;
    color: #fe80af;
    line-height: 60px;
    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);
}
#innerpage-box .ts-area-single:hover .ts-social a i,
 #innerpage-box .ts-area-single.hover .ts-social a 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;
}
#innerpage-box .ts-area-desg{
    position: relative;
}
#innerpage-box .ts-area-desg span {
    font-size: 18px;
    z-index: 3;
}
#innerpage-box .tsarea-date {
    font-size: 10px;
    color: #988f92;
}
#innerpage-box .ts-area-desg .ts-desg-border:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    background-color: #ff80b0;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
#innerpage-box .ts-area-desg .ts-desg-border:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: auto;
    right: 0;
    top: -1px;
    background-color: #ff80b0;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    z-index: 2;
}
#innerpage-box .ts-area-single:hover .ts-desg-border:after  {
    width: 100%;
    left: 0%;
    right: auto;
}

#innerpage-box h6.ts-area-title {
    font-size: 18px;
    color: #3d3d3d;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0.6em;
    transition: all 0.3s ease 0s;
    margin-top: 2em;
}
#innerpage-box .ts-area-single:hover h6.ts-area-title {
    letter-spacing: 2px;
}
#innerpage-box .ts-area-single{
    padding: 3em 5em 3em;
}

#innerpage-box .ts-area-c p {
       margin-bottom: 2.5em;
    padding-left: 16px;
    font-style: italic;
}
#innerpage-box .ts-area-single .section-area-text {
    margin-bottom: 17px;
}
#innerpage-box .ts-area-single .section-area-text i{
    color: #ff80b0;
}

#innerpage-box .ts-shape-area{
       position: relative;
    text-align: center;
    z-index: 2;
}

#innerpage-box .ts-shape-area i.fa.fa-quote-left {
    font-size: 100px;
    z-index: 2;
    color: #ff80b0;
}
#innerpage-box .tsarea-section {
    position: relative;
}




#innerpage-box .home-test{display: none;}
.testimonials-area .inner-test{display: none;}

#innerpage-box .test-t{
    position: relative;
}
#innerpage-box .test-t:after{
    content: '';
    display: block;
    clear: both;
}
#innerpage-box .test-t:before{
       content: '';
    background-color: #d94785;
    height: 100%;
    width: 20px;
    border-radius: 0px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}
#innerpage-box .in-test .test-t:first-child:before {
    border-radius: 20px 20px 00px 0px;
}
#innerpage-box .in-test .test-t:last-child:before {
    border-radius: 0px 0px 20px 20px;
}

.in-test .timeline{
    width: 50%;
    padding: 0 60px 0 0;
    margin: 0 10px 20px 0;
    float: left;
}
.in-test .timeline-content{
    background: #3dadf0;
       text-align: right;
    min-height: 125px;
     padding: 20px 30px 20px;
    border-radius: 15px;
    display: block;
    position: relative;
    background: linear-gradient(90deg, #01b0f3, #0490cf, #01b0f3);
    z-index: 1;
    background-size: 400%;
    animation: animated 8s linear infinite;
    transition: all linear .5s;
}
.in-test .test-t:nth-child(even) .timeline-content{
    text-align: left;
}
.in-test .timeline-content:hover{ text-decoration: none; }
.in-test .timeline-icon{
    color: #fff;
    font-size: 45px;
    line-height: 93px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -110px;
}
.in-test .timeline-icon img{
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.in-test .title{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 5px;
    margin: 0;
    transition: all 0.3s ease 0s;
}
.in-test .timeline-content:hover .title {
    letter-spacing: 2px;
}
.in-test .description{
    font-size: 13px;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
    padding: 0;
    text-align: right;
}
.in-test .test-t:nth-child(even) .description{
   text-align: left;
}
.in-test .test-t:nth-child(even) .timeline{
    float: right;
    padding: 0 0 0 60px;
    margin: 0 0 20px 10px;
}
.in-test .test-t:nth-child(even) .timeline .timeline-icon{
    right: auto;
    left: -110px;
}

@media screen and (max-width:767px){
    .in-test .timeline,
    .in-test .test-t:nth-child(even) .timeline{
        width: 100%;
        padding: 0 110px 0 0;
        margin: 0 0 20px 0;
    }
    .in-test .test-t:nth-child(even) .timeline{ padding: 0 0 0 110px; }
}
@media screen and (max-width:479px){
    .in-test .timeline,
    .in-test .test-t:nth-child(even) .timeline{
        padding: 110px 0 0;
    }
    .in-test .timeline-icon,
    .in-test .test-t:nth-child(even) .timeline .timeline-icon{
        transform: translateY(0) translateX(-50%);
        top: -110px;
        left: 50%;
        right: auto;
    }
}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#innerpage-box #content-box .lz-gallery-images .gallery-icon li:before{
    display: none;
}

/*-----------------------
## 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: 52px;
    border-width: 2px;
    border-style: solid;
    border-color: #ff80b0;
    right: 0;
    top: 25px;
    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: 15px 25px;
    color: #ffffff;
    border-radius: 25px 0;
    text-align: center;
    word-break: break-word;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-weight: 500;
}

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: #ff80b0;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
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 
-----------------------------*/
/*-----------------------
## Contact Template
-----------------------------*/
ul.contact-sm-links {
    list-style: none;
    margin: 2em auto 0;
}
ul.contact-sm-links li {
    padding: 7px 0;
    display: inline-block;
}
.social_area {
    padding: 5em 0;
}
#ht-contactus-wrap .contact-sm-links li a span {
      padding: 0;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 60px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    background: #fff;
    border-radius: 50%;
      background:transparent;
}
#ht-contactus-wrap .contact-sm-links li a {
     font-size: 30px;
    border-radius: 50%;
}
#ht-contactus-wrap .contact-sm-links li a:hover span{
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
      background: #fff;
}
main#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%;
     margin: 3em 0;
}

.contact-mapbox iframe {
    z-index: 1;
    width: 100%;
    height: 300px;
}
#ht-contactus-wrap .contact-page-form {
    text-align: left;
}
#ht-contactus-wrap input[type="text"], 
#ht-contactus-wrap input[type="email"], 
#ht-contactus-wrap input[type="url"],
 #ht-contactus-wrap input[type="password"], 
 #ht-contactus-wrap input[type="search"], 
 #ht-contactus-wrap input[type="number"], 
 #ht-contactus-wrap input[type="tel"], 
 #ht-contactus-wrap input[type="range"], 
 #ht-contactus-wrap input[type="date"], 
 #ht-contactus-wrap input[type="month"], 
 #ht-contactus-wrap input[type="week"], 
 #ht-contactus-wrap input[type="time"], 
 #ht-contactus-wrap input[type="datetime"], 
 #ht-contactus-wrap input[type="datetime-local"], 
#ht-contactus-wrap input[type="color"], 
#ht-contactus-wrap select, 
#ht-contactus-wrap textarea {
    margin-bottom: 15px;
    border:2px solid;
    font-size: 14px;
    padding: 10px 8px;
    border-radius: 5px;
}
#ht-contactus-wrap input[type="file"] {
    font-size: 14px;
}
#ht-contactus-wrap textarea {
    height: 60px;
}
#ht-contactus-wrap label {
    font-weight: 400;
        width: 100%;
}
#ht-contactus-wrap select {
    width: 100%;
}
#ht-contactus-wrap input[type="checkbox"], #ht-contactus-wrap input[type="radio"], #ht-contactus-wrap input[type="file"] {
    margin-bottom: 15px;
}
#ht-contactus-wrap input[type=date] {
    line-height: 10px;
    padding: 8px 8px;
}
main#innerpage-box #ht-contactus-wrap h2{
    color: #333333;
    font-size: 45px;
    font-weight: 500;
}
#ht-contactus-wrap input[type="submit"] {
    float: right;
    padding: 10px 30px;
}

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

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

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

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

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

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

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: #ff80b0;
}
#ht-contactus-wrap .contact_l_area i {
    font-size: 45px;
}

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

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for bouncing arrow =========*/
.social_area {
      position: relative;
    background: #ff80b0;
    padding: 8em 0 4em;
    text-align: center;
}
.social_area i.fa{
      font-size: 45px;
    color: #fff;
    z-index: 999;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    top: 60px;
    right: 50%;
    font-size: 43px;
}

main#innerpage-box  .single-contact {padding: 1em 0em 1em 1em;margin-bottom: 1em;}
main#innerpage-box div#single-contact-box .contact-area { margin: 20px 45px 40px 45px;}
#single-contact-box .contact-sm-links li span.fa.fa-facebook { padding: 0px 3px 0px 3px;}
#single-contact-box h3, #single-contact-box h3 small, #single-contact-box  h1 { font-weight: 600;}

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

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

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

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

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

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

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

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

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

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

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

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

main#innerpage-box .blocks-gallery-item img:hover {opacity: 0.8;}


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

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

@media only screen and (max-width: 767px) {
    main#innerpage-box .cp-right {
       padding: 2em 1em 1em 1em;
    }
}
/*-----------------------
## End Contact Template
-----------------------------*/
/*-----------------------
## FAQS page
-----------------------------*/
div#content-box .faq-content button.accordion {
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
    background: #3496d7;
    padding: 4px 6px 4px 4px;
    width: 100%;
    cursor: pointer;
    border-radius: 0;
}
div#content-box .faq-content button.accordion .que-outer{
   color: #444;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    padding: 13px 5em 13px 1em;
    margin: 0;
    background: #fff;
    box-shadow: none;
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
}
div#content-box .faq-content button.accordion.active, button.accordion:hover, div#content-box .faq-content button.accordion.active .que-outer {
    opacity: 1;
}
div#content-box .faq-content button.accordion .que-outer:before {
    content: "\f149";
    font-family: 'Fontawesome';
    font-size: 30px;
    color: #fff;
    float: right;
    position: absolute;
    top: 6px;
    left: 20px;
    font-weight: normal;
    background: #4fbdea;
    width: 50px;
    height: 50px;
    line-height: 45px;
    padding: 0 13px;
    border-radius: 50px;
    border: 3px solid #fff;
}
div#content-box .faq-content button.accordion.active .que-outer:before {
    content: "\f148";
    font-family: 'Fontawesome';
    display: block;
}
div#content-box .faq-content div.panel {
        max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
    margin: 0 0 10px;
    border-radius: 0;
    border-top: 0;
    background: linear-gradient(0deg,#ff80b0,#dc5187 80%) no-repeat;
    border: 3px solid #fff;
    padding: 15px 60px 12px 30px;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}
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 h3.faq-title {
    padding: 0 60px;
    margin: 0;
    font-weight: 300;
    line-height: 28px;
    word-break: break-word;
}
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: #ff80b0;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    
    width: auto;
    height: auto;
    margin: 0px 0 0;
}
.total-count {
    background: #ff80b0;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/
.carousel-inner {
    border-radius: 10px;
}
.quote-box:after{
    content: "";
    background-image: url(images/quote-boxbg.html.htm);
    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;
}
/*--------------------------------------------------------------
## All Luzuk Theme css
--------------------------------------------------------------*/
#allluzuk-theme .thembox {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 3px 8px rgba(63, 78, 100, 0.15);
}
/*--------------------------------------------------------------
## 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: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: 10px 0;
}
main#innerpage-box #content-box ol {
    margin: 0;
}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    position: relative;
    padding-left: 60px;
    min-height: 60px;
    padding-top: 10px;
}
#content-box ol li:before {
    content: counter(li);
    counter-increment: li;
    color: #fff;
    background: #f07100;
    border-radius: 50%;
    font-size: 18px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 30px 0 #88828230;
}
.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;
    font-family: 'Oswald', sans-serif;
}

.single .ht-post-info{
    margin-right: 30px;
    margin-bottom: 20px;
}

.ht-post-info .entry-date{
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.ht-post-info .entry-date span{
    display: block;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}

.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}

.ht-post-wrapper{
    padding-left: 105px;
}

.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}

.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}

.entry-categories a{
    color: #666;
    text-decoration: none; 
}

.entry-readmore{
    margin-top: 20px;
}

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}

section ul{
    padding: 0 0 20px 0;
}

.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{
    background: #000;
    color:#fff;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    font-family: josefin sans,sans-serif;
    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;
}
.error404 .inner_contentbox {
    padding: 3em 2em 2em;
}
.error404 .ht-main-title{
    margin-bottom: 1em;
}
/*-----------------------
## page scroll
-----------------------------*/
#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
}
#back2Top:hover {
    background-color: transparent;
    color: #fff;
}
#innerpage-box p {
    font-size: 15px;
}
#content .tags {
    margin-bottom: 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;
}
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;
}
.widget-area .social-profile-icons ul {
    border: 1px solid #eaeaea;
}
.widget-area .social-profile-icons ul li {
    border: none;
}
#secondary figure.gallery-item a img, #secondary .widget img {
    padding: 5px;
}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover {
    opacity: 0.7;
}

#innerpage-box .widget-area .widget-title {
    word-break: break-word;
    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 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    border-bottom: none;
}
.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 a {
    text-decoration: none;
    color: #404040;
    display: inline-block;
    padding: 14px 0;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize;
    margin: 0;
}
.widget-area .widget h4:after {
    position: absolute;
    content: "";
    width: 35%;
    height: 2px;
    background-color: #000;
    bottom: 0;
    left: 0;
}
.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;
}
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: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.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 15px 15px;
    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;
    margin: 0;
    top: 11px;
}
.widget-area li.recentcomments {
    padding: 10px 15px;
}
.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;
}

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: 15px 7px 0px 7px;
    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-blogpost {
     position: relative;
    margin-bottom: 20px;
}
.ht-blog-thumbnail{
    position: relative !important;
    left: 0;
    margin-top: 0;
}
main#innerpage-box .ht-blog-thumbnail {
    overflow: hidden;
}

main#innerpage-box .ht-blog-thumbnail img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
    height: 100%;
        max-width: 100%;
    vertical-align: middle;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
    transform: scale(1.2);
}
.ht-blog-thumbnail .socialMedia a:before, .ht-blog-thumbnail .socialMedia a:after {
    display: none;
}
.inner-blogpost-info {
    margin-bottom: 15px;
}
main#innerpage-box #blog-box h2 {
    font-weight: 600;
    margin-bottom: 10px;
}
.inner-blog-excerpt {
    font-size: 14px;
    line-height: 20px;
}
#blog-box .ht-blog-date, #blog-box .ht-blog-date .fa{
    color: #ff80b0;
    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: #ff80b0;
    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;
}

main#innerpage-box #blog-box h2 {
    font-size: 20px;
}
.inner-blog-post{
    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: #ff80b0;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    max-height: 350px;
    height: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
}
main#innerpage-box .ht-blog-thumbnail:hover img {
    opacity: 0.75;
    transform: scale(1.2);
}
main#innerpage-box .ht-blog-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg,#ff80b0,#ff80b0 80%) no-repeat;
    transition: all .4s ease;
}
main#innerpage-box .inner-blogpost:hover .ht-blog-thumbnail .overlay {
    opacity: 0.75;
}

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 {
    text-align: center;
    line-height: 50px;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
main#innerpage-box .ht-blog-thumbnail .overlay .box .content > a:before {
    border-radius: 50%;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #f72985;
    position: relative;
    top: 45%;
    padding: 15px;
}
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: 50px;
    line-height: 50px;
    height:50px;
    display: block;
    color:#fff;
    background: #ff80b0;
}
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: 3em 2em 0;
    border-radius: 10px;
}
main#innerpage-box {
    padding-left: 210px;
    padding-right: 30px;
}
.single-post .inner_contentbox {
    padding: 3em 2em 2em;
}
/*--------------------------------------------------------------
## 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;
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
}
.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;
}
.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;
    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 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);
}
.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: 30px !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;
}
.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;
}
.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;
}

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: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
        font-weight: 800;
}
.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;
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    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 #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 .woocommerce-product-rating .star-rating {
    height: 3em;
}
.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;
}
/*===================== responsive ==========================*/
@media screen and (max-width: 1520px){
    div#pricing #curve {
        top: -150px;
    }
    .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:hover .text {
        width: 20rem;
        height: 20rem;
        margin-top: -10rem;
        margin-left: -10rem;
        padding: 35% 10px 0px;
    }
    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

@media screen and (min-width: 1750px){
.section-title h2:before {
    left: 54px;
}
.section-title h2:after {
    left: -47px;
}

#skill .section-title h2:before, #skill .section-title h2:before {
    left: 55px;
}
#project .section-title h2:after, #project .section-title h2:after {
    left: -48px;
}
.story-label {
    left: 3em;
}
}
@media screen and (min-width: 1900px){
.section-title h2:before {
    left: 60px;
}
.section-title h2:after {
    left: -53px;
}
.story-area img {
    width: 300px;
    height: 300px;
}

}
@media screen and (min-width: 2155px){
.story-area img {
    width: 350px;
    height: 350px;
}

}

@media screen and (min-width: 2285px){
.section-title h2:before {
    left: 72px;
}
.section-title h2:after {
    left: -65px;
}
.story-area img {
    width: 400px;
    height: 400px;
}
#project .section-title h2:before {
    left: 74px;
}
#project .section-title h2:after {
    left: -67px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 100%;
    max-height: 455px;
}

}


@media screen and (min-width: 2500px){
.section-title h2:before {
    left: 81px;
}
.section-title h2:after {
    left: -73px;
}
#project .section-title h2:before {
    left: 77px;
}
#project .section-title h2:after {
    left: -69px;
}

}
@media screen and (max-width: 1500px){
    .shedulearea-single {
    margin: 0 12em;
}
.project-area .container, #langskill .container, #counter .container, #pricing .container, .contact-area .container{
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    width: auto !important; 
}
div#project, #langskill, #counter, #pricing, #blog , #contact{
    padding-top: 5em;
    padding-bottom: 4em;
    padding-left: 250px;
    padding-right: 70px;
}
#footer {
    padding-top: 4em;
}
.langskill-post-wrap {
    padding: 0 2em;
}
div#blog .blog-single {
    padding: 2.5em 2.5em 1.8em;
}
div#blog figure.news-thumb-wrap img {
    height: 312px;
}
}
@media screen and (max-width: 1500px){
    .section-title h2:before{
        left: 42px;
    }
    .section-title h2:after {
        left: -35px;
    }
   #project .section-title h2:before {
        left: 41px;
    }
     #project .section-title h2:after {
        left: -33px;
    }
}
@media screen and (max-width: 1425px){
.slider_content {
    top: 18%;
}
.section-title h2:before {
    left: 42px;
}
.section-title h2:after {
    left: -35px;
}

}
@media screen and (max-width: 1380px){ 
    .navigation .mainmenu {
    float: none;
}
.footer_contact-content, .footer_contact-content small {
    font-size: 14px;
}
.footer-block .footer_contact-icon {
    position: relative;
    top: -5px;
}
.single-footer-1, .single-footer-2 , .single-footer-3 {
    padding: 0 2em;
}
.footer-area .bottom-area {
    padding-left: 1em;
    padding-right: 0em;
}
#innerpage-box .ts-area-single {
    padding: 3em 2em 3em;
}
.bridegroom-area .bgarea-img img {
    height: 520px;
}
.section-title h2:before  , #project .section-title h2:before, #langskill .section-title h2:before, #pricing .section-title h2:before{
    left: 38px;
}
.section-title h2:after  , #project .section-title h2:after, #langskill .section-title h2:after, #pricing .section-title h2:after {
    left: -32px;
}
}
@media screen and (max-width: 992px){ 
.navigation {
    border-right: 2px solid #f73189;
}
main#innerpage-box {
    padding-left: 110px;
}

}
@media screen and (max-width: 1200px){ 
.section-title h2:before {
    left: 38px;
}
.section-title h2:after{
    left: -30px;
}

#project .section-title h2:before {
    left: 30px;
}
#project .section-title h2:after {
    left: -22px;
}

div#skill .skill-post {
    padding: 0em 2em 2em;
}
}
@media screen and (max-width: 1200px) and (min-width: 1024px){  
.section-title h2:before{
    left: 33px;
}
.section-title h2:after{
    left: -26px;
}
.section-e-project .bg-hovered .thumb_backound {
    height: 225px;
}
.section-e-project .bg-hovered .thumb_backound h3 {
    font-size: 16px;
}
#project .section-title h2:after, #langskill .section-title h2:after,  #pricing .section-title h2:after {
    left: -23px;
}
#project .section-title h2:before, #langskill .section-title h2:before, #pricing .section-title h2:before{
    left: 30px;
}
.lz-gallery-images img {
    height: 240px;
}

}


@media screen and (min-width: 1300px) and (max-width: 1446px){
    .shedulearea-single {
        margin: 0 20em;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1300px){
.inner-page-gallery {
    width: 20rem;
    height: 20rem;
}

.inner-page-gallery:hover .text {
    width: 20rem;
    height: 20rem;
    margin-top: -10rem;
    margin-left: -10rem;
    padding: 20% 10px 0px;
}
.inner-page-gallery .text {
    right: 40%;
}
.shedule-area .wsarea-text {
    margin: 0 3em;
}
.shedulearea-limg {
    left: -120px;
}
.shedulearea-rimg {
    right: -120px;
}
 .gallery-area .lz-gallery-images img {
    height: 317px;
}
#innerpage-box .ts-area-thumb img {
    height: 100px;
}
.ourstory-area .bx-inner-img img {
    height: 461px;
}
main#innerpage-box .ht-blog-thumbnail img {
     min-height: 270px;
}
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;
}

.ts-area-thumb {
    right: 5px;
}
.os-in-area {
    padding: 0px 4em 0 3em;
}
}
@media only screen and (max-width: 1300px) {
div#blog figure.news-thumb-wrap img {
    height: 215px;
}
.story-area img {
    width: 180px;
    height: 180px;
}
.story-label h3 {
    font-size: 15px;
    padding: 8px 10px;
}
.story-label {
    top: -3.5em;
    left: 4em;
}
.ms-date {
    font-size: 14px;
}

}

@media only screen and (max-width: 992px) {
.site-header {
    width: 100%;
    background-color: transparent !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.person-initial {
    display: none;
}
.inner-area {
    padding-left: 0;
}
.banner-l-area {
    padding: 45px 0 0;
}
div#skill{
    padding-left: 15px;
}
#ourstory{
    padding-left: 25px;
}
div#contact .contact-area {
    padding-top: 3em !important;
}
.appointmentsection {
    padding: 0 15px;
}
#project, #langskill, #counter, #pricing , #contact{
    padding-left: 70px !important;
}
#blog {
    padding-left: 15px !important;
}
div#blog h4 {
    font-size: 16px;
    margin-bottom: 0.8em;
}
div#blog .blog-hbtn a:hover {
    padding: 10px 25px;
}
div#blog .section-area-text {
    margin-bottom: 0.1em;
    font-size: 12px;
    line-height: 18px;
}
div#blog .blog-single {
    padding: 1.3em 1.5em 1em;
}
.os-in-area {
    padding: 0px 1em 4em 1em;
}
body.admin-bar .navigation {
    top: 45px;
}

}


@media screen and (min-width: 1024px) and (max-width: 1200px){
  #quote-carousel .carousel-control.left {
    left: -42px;
}
#quote-carousel .carousel-control.right {
    right: -42px;
}
.ht-slider-highlighttext {
    font-size: 30px;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
}
#ht-appintment-section .box-effect {
   padding: 0;
}
.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: 65px;
    line-height: 75px;
}
.slider_section .title span {
    width: 95px;
    height: 95px;
    line-height: 85px;
}
.slider_section .sub-title {
    font-size: 20px;
}
.slider_content {
    top: 7%;
    width: 440px;
    left: 78%;
    z-index: 999;
}
.img-slide-responsive {
    right: 800px;
    top: -155px;
}
.features-area .inner-area-title {
    font-size: 19px;
}

}

@media screen and (max-width: 1000px){
#counter .col-md-3.col-sm-6.details:nth-child(2) .counterBox {
    border-right: none;
}

}
@media screen and (min-width: 320px) and (max-width: 1440px){
.features-area::before, .pricing-area::after{ width: 102%;}
}
@media screen and (min-width: 320px) and (max-width: 1024px){
    .slider_section::after{    bottom: -10.8%;}
    header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
    header.site-header .d-flex, div#navbarNavDropdown {
    margin: 0 0%;
}
    .features-area .btn{padding: 18px 40px;}
    .features-area .owl-carousel .owl-nav button.owl-next{ right: -20px;  }
    .features-area .owl-carousel .owl-nav button.owl-prev{left: -20px;}
    .slider_section .title{
        padding-bottom: 5px;
    }
    .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;
    }
    #pricing .currency-price {
    padding: 0px 18px 0 35px;
    font-size: 40px;
    }
    #pricing .currency-price sup {
        font-size: 13px;
        top: -22px;
    }
    #pricing .currency-price sub {
        font-size: 13px;
    }
}
@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;
}
}
@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: 50%;
}
.header-transparent .sticky-header {
    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: 60px;
            line-height: 65px;
        }
    .sf-arrows .sf-with-ul:after{
        right: 30px !important;
    }

    .slider_content {
        width: 565px;
        margin-left: -400px;
        left: 65%;
        top: -3%
    }
    .slider_section .title span {
        width: 95px;
        height: 95px;
        line-height: 85px;
    }
    .ht-site-title, .site-title {
        font-size: 23px;
    }
    .header-share {
    top: 55px;
    right: 70px;
}
.hamburger-menus {
    top: 55px;
    right: 2%;
    margin: 0 !important;
}
.site-header {
    position: absolute;
}
.bridegroom-area .bgarea-img img {
     height: 327px; 
}
.bridegroom-h-area {
    height: 425px;
}
.text-r {
    padding-right: 2em;
}
.text-l {
    padding-left: 2em;
}
.hscroll-line {
    right: -9em;
}
.shedulearea-single {
    margin: 0 7em;
}
.shedulearea-limg {
    left: -110px;
}
.shedulearea-rimg {
    right: -110px;
}
.shedulearea-content .wsarea-time {
    font-size: 32px;
}
.shedulearea-content .wsarea-date {
    font-size: 55px;
}
.shedule-h-area {
    height: 705px;
}
.shedule-area .wsarea-text {
    margin: 0 3em;
}
.features-area .fs-single-bx-inner {
    padding: 3em 5em 3em 10px;
}
.features-area .fs-area:nth-child(2n) .fs-single-bx-inner {
    padding: 3em 10px 3em 5em;
}
.features-area .fs-date span {
    font-size: 15px;
}
.features-area .fs-date {
    width: 110px;
    height: 110px;
    top: 30%;
    padding: 32px 15px 10px;
    left: -65px;
}
.features-area .inner-area-title {
    font-size: 28px;
}
.features-area .fs-add {
    font-size: 15px;
    margin-bottom: 1em;
}
.section-area-text {
    margin-bottom: 1em;
    font-size: 13px;
    line-height: 18px;
}

.testimonials-area .tsarea-section {
    display: none;
}
.footer-block .footer_contact-small-box:nth-child(1),
.footer-block .footer_contact-small-box:nth-child(2),
.footer-block .footer_contact-small-box:nth-child(3) {
    padding-right: 1em;
    padding-left: 1em;
}
footer#footer.footer-area .bglabel-limg:before,
footer#footer.footer-area .bglabel-rimg:after {
    display: none;
}
.appont-mg {
    border-left: none;
    margin: 1em 0;
    padding: 0 20px;
}
footer#footer.footer-area .bglabel-title {
    padding: 0 4em 0 4em;
}
#innerpage-box .ts-area-thumb img {
    height: 80px;
}
.ourstory-area .bx-inner-img img {
    height: 335px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 240px;
}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 14%;
}
.header.site-header ul.sub-menu li a {
    text-align: left;
}
.rg_single_image.bt-circle figure img {
    height: 58px;
    width: 58px;
    top: 6px;
    left: 0px;
}
.rg_single_image.bt-circle figure > svg rect {
    height: 68px;
    width: 68px;
}
.rg_single_image.bt-circle figure {
    width: 62px;
    height: 70px;
}
.rg_single_image {
    width: 70px;
    height: 70px;
}
.section-title h2:before {
    left: 30px;
}
.section-title h2:after {
    left: -23px;
}

div#project .section-title h2:before, #langskill .section-title h2:before {
    left: 28px;
}
div#project .section-title h2:after, #langskill .section-title h2:after {
    left: -21px;
}
.story-label {
    top: -0.5em;
    left: 0;
}
.story-area img {
    width: 170px;
    height: 170px;
}
.single-top {
    text-align: left;
    padding: 0 0em 0 0em;
}
.ms-date {
    font-size: 11px;
    padding: 8px 20px 5px 35px;
}
.ourstory-area .os-single-bx-inner {
    padding: 3em 0em 3em 2em;
}
.ourstory-area .os-single-bx h4 {
    font-size: 18px;
}
.ms-download-btn a {
    padding: 15px 3em 20px 1em;
    font-size: 22px;
}
.story-area img {
    width: 100%;
    height: auto;
}
.section-title {
    margin-bottom: 3em;
}
div#blog .blog-post:nth-child(3) .blog-thumbnail, div#blog .blog-post:nth-child(4) .blog-thumbnail, div#blog .blog-post:nth-child(7) .blog-thumbnail, div#blog .blog-post:nth-child(8) .blog-thumbnail, div#blog .blog-post:nth-child(11) .blog-thumbnail, div#blog .blog-post:nth-child(12) .blog-thumbnail, div#blog .blog-post:nth-child(15) .blog-thumbnail, div#blog .blog-post:nth-child(16) .blog-thumbnail {
    float: none;
}
div#blog .blog-thumbnail {
    display: block;
}
main#innerpage-box #single-contact-box .cp-area-address span.fa {
    font-size: 16px;
    width: 26px;
    height: 26px;
    line-height: 26px;
}
main#innerpage-box .cp-left {
    padding: 1.5em 1em;
}
main#innerpage-box .single-contact {
    padding: 0;
}
.lz-gallery-images img {
    height: 260px;
}
div#content-box .faq-content button.accordion .que-outer {
    padding: 13px 1em 13px 1em;
}
.ht-sticky-header .header-transparent {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}


  }

@media screen and (max-width: 990px){
    .page-main-header {
        padding: 0.5em 30px 3em 110px!important;
    }

}
@media screen and (max-width: 990px){

div#testimonials .ts-pd {
    padding-top: 0;
}
.features-area .fs-single-bx-inner-img img {
    height: 305px;
}
}
@media screen and (max-width: 825px){
    .section-title h2:before {
        left: 45px;
        width: 2.5%;
    }
    .section-title h2 span:before {
        width: 6%;
    }
    .section-title h2:after{
        left: -38px;
        width: 2.5%;
    }
    .section-title h2 span:after {
        width: 6%;
    }

    #project .section-title h2:before, #langskill .section-title h2:before ,  #pricing .section-title h2:before,   #contact .section-title h2:before{
        left: 40px !important;
        width: 2.5%;
    }
    #project .section-title h2:after, #langskill .section-title h2:after, #pricing .section-title h2:after,   #contact .section-title h2:after {
        left: -34px !important;
        width: 2.5%;
    }

}

@media only screen and (max-width: 767px) {
    #counter .counterBox {
    border-right: none;
    text-align: center;
}
.footer-text .text-right {
    text-align: center;
}

}

@media screen and (max-width: 715px){
    .section-title h2:before {
        left: 22px;
    }
    .section-title h2:after {
        left: -19px;
    }
}
@media screen and (max-width: 700px){
    .section-title h2:before {
        left: 22px;
    }
    .section-title h2:after {
        left: -18px;
    }
}
@media screen and (max-width: 630px){
    .section-title h2:before {
        left: 19px;
    }
    .section-title h2:after {
        left: -16px;
    }
}
@media screen and (max-width: 575px){
    .section-title h2:before {
        left: 18px;
    }
    .section-title h2:after {
        left: -13px;
    }
}

@media screen and (max-width: 768px){
    main#innerpage-box h6.faq-title{
        padding: 10px 75px 8px 17px !important;
    }
    .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{font-size: 20px;}
/*body.admin-bar .navigation {
    top: 45px;
}*/
.shedulearea-rimg {
    right: -65px;
    bottom: -50px;
}
.shedulearea-limg {
    left: -73px;
    top: -60px;
}
.ourstory-area .os-single-bx:after {
    height: 88%;
}
.ourstory-area .os-single-bx:before {
    height: 88%;
}
.os-area:hover::before, .os-area:hover::after {
    height: 88.2%;
}
#project .section-title h2:before, #langskill .section-title h2:before,  #pricing .section-title h2:before , #contact .section-title h2:before{
    left: 36px !important;
}
#project .section-title h2:after, #langskill .section-title h2:after, #pricing .section-title h2:after,  #contact .section-title h2:after {
    left: -31px !important;
}
.section-e-project .bg-hovered .thumb_backound {
    height: 230px;
}
.section-e-project .bg-hovered .thumb_backound h3 {
    font-size: 18px;
}

}
/*@media screen and (min-width: 810px) and (max-width: 825px){
    .hamburger-menus {
        right: -25px;
    }
    .top-bar-head {
        padding: 10px;
    }
}*/
@media only screen and (max-width: 767px) {
    main#innerpage-box .ht-blog-thumbnail img{
        height: 335px;
    }
    .bgarea-section {
    display: none;
}
.bgarea-links {
    padding-bottom: 3em;
}
.bgarea-links.groom {
    padding-bottom: 0em;
}

.box-up-border img {
    max-width: 25%;
}
div#features {
    padding: 4em 0!important;
}
.slider-border img {
    margin: 0 auto 0.2em;
   max-width: 35% !important;
}

.lz-gallery-images img {
    height: 310px;
}
.logo-header.mostion {
    text-align: center;
}
.person-desg p {
    float: none;
    margin: 0 auto;
    display: table;
}


}
@media screen and (min-width: 320px) and (max-width: 425px){
    body {
        position: inherit; 
    }
}

@media screen and (max-width: 768px){
    .slider_section p{
        padding-left: 10px;
    }
    .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;
}
 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;
    }
    .mg-3 {
        margin: 2em 0;
    }
    .social_area i.fa {
        right: 49%;
    }
    div#offer {
        padding: 1em 0 !important;
    }
}
@media screen and (max-width: 775px){
.header-share {
    top: 55px;
    right: 35px;
}
}
@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){
    #ht-contactus-wrap .contact_area {
    padding: 0px 0em 0;
}
#ht-contactus-wrap .address-box {
    padding: 3em 2em;
    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;
}
.pd-r {
    padding: 0em 0;
}
.pd-l {
    padding: 0em 0;
}
#ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
    padding: 0;
}
#ht-contactus-wrap .address-box {
    padding: 2em 0.5px;
    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-counter{
        width: 75%;
        float: none;
        margin: 0 auto 60px;
    }
    .ht-portfolio{
        width: 50%;
        padding: 4px;
    }
}
    @media screen and (min-width: 320px) and (max-width: 768px){
        .logobox img {
         padding-top: 0 !important;
     }
     .main-dispaly.padding0 {
        padding-left: 20px;
    }
    header.site-header button.header-btn{
        float: left;
    }
    .header.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%;
    }
}
@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);
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){
.footer-area .top-area {
    padding: 10px 0 0px 0 !important;
}
.footer-area .gallery-item{max-width: 14%;}
.footer-bottom-area ul li { margin: 0 15px;}
.footer-bottom-area.text-right {text-align: center;}
.footer-text{ text-align: center; margin-bottom: 15px;}
.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%; }
.features-area .owl-carousel .owl-nav button.owl-next{ right: -25px; }
.features-area .owl-carousel .owl-nav button.owl-prev{ left: -25px;  }
.slider_section .bx-wrapper .bx-prev {
    right: 49%;
}
.slider_section .bx-wrapper .bx-next {
    right: 46%;
}
.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; }
.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;}
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: 73%;
}
.slider_content {
    top: -8%;
    left: 82%;
    z-index: 999;
}
 .slider_section .title span {
    width: 55px;
    height: 55px;
    line-height: 45px;
}
.slider_section .title {
    font-size: 35px;
    line-height: 35px;
}
.slider_section .sub-title {
    font-size: 14px;
    line-height: 14px;
}
.bgarea-section {
    display: none;
}
.bgarea-links {
    padding-bottom: 3em;
}
.bgarea-links.groom {
    padding-bottom: 0em;
}
.slider-border img {
    margin: 0 auto 0.2em;
   max-width: 35% !important;
}
#innerpage-box .ts-area-single {
    padding: 1em 0.5em 1em;
}
.testimonials-area .tsarea-date {
    font-size: 9px;
}
.top-bar-head .head-menu {
    padding: 0;
}
.header-share {
    top: 55px;
    right: 23px;
}
.appont-mg {
    margin: 2em 0;
    padding-left: 0;
    border-left: 0;
}
.appont-rsingle {
    padding: 0 15px;
    opacity: 0.93;
}
#contact .appont-name {
    font-size: 40px;
}
footer#footer.footer-area .section-title h2 {
    font-size: 35px;
}
.ourstory-area .bx-inner-img img {
    height: 450px;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 225px;
}
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;
}
.features-area .fs-single-bx-inner-img img {
    height: 305px;
}
.lz-gallery-images img {
    height: 275px;
}
.inner_contentbox {
    padding: 2em 2em 0;
}
.rg_single_image.bt-circle figure img {
      height: 40px;
    width: 40px;
    top: 5px;
    left: -6px;
}
.rg_single_image.bt-circle figure > svg rect {
     height: 48px;
    width: 48px
}
.rg_single_image.bt-circle figure {
     width: 62px;
    height: 70px;
}
.rg_single_image {
    width: 50px;
    height: 50px;
}
.ourstory-area .os-single-bx-inner {
    padding: 1em 1em 1em 0em;
}
.single-top {
    text-align: right;
}
div#ourstory .ourstory-area {
    padding-bottom: 0em !important; 
    padding-top: 2em !important;
}
.os-in-area {
    padding: 0px 1em 1em 1em;
}
.ms-download-btn a {
    padding: 10px 3em 15px 1em;
    font-size: 14px;
}

.ms-download-btn a i {
    font-size: 25px;
    padding-right: 10px;
}
#project .section-title h2:before , #langskill .section-title h2:before, #pricing .section-title h2:before {
    left: 21px !important;
}
#project .section-title h2:after, #langskill .section-title h2:after, #pricing .section-title h2:after {
    left: -16px !important;
}
div#blog figure.news-thumb-wrap img {
    height: 300px;
}
main#innerpage-box .col-md-5.cp-left {
    left: 0;
    margin: 0 0 1em;
}
#single-contact-box .contact-mapbox {
    padding-right: 0;
}
.contact-mapbox {
    margin: 0em 0;
}
.page-template-contact-template .inner_contentbox {
    padding: 2em 2em 0;
}
.woocommerce table.cart td.actions .coupon .button{
    width: 100%;
}
.woocommerce table.cart td.actions .button,
.woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin-top: 1em;
}

}
@media screen and (min-width: 640px) and (max-width: 731px){
.testimonials-area .ts-area-thumb img {
    height: 60px;
    width: 60px;
}
.section-title h2:before {
    left: 38px;
}
.section-title h2:after {
    left: -33px;
}
.testimonials-area h6.ts-area-title {
    margin-top: 2em;
}
#project .section-title h2:before, #langskill .section-title h2:before, #pricing .section-title h2:before {
    left: 32px !important;
}
#project .section-title h2:after, #langskill .section-title h2:after, #pricing .section-title h2:after {
    left: -27px !important;
}
}
@media screen and (max-width: 375px){
#project .section-title h2:before , #langskill .section-title h2:before{
    left: 18px !important;
}
#project .section-title h2:after,  #langskill .section-title h2:after {
    left: -13px !important;
}
.innerpage-header {
    padding-right: 15px;
    padding-left: 90px;
}
.page-main-header {
    padding: 0.5em 15px 3em 90px!important;
}
main#innerpage-box {
    padding-left: 95px;
    padding-right: 15px;
}
.inner-blogpost-info {
    padding: 2.5em 1em 1em 1em;
}
.page-template-contact-template .inner_contentbox {
    padding: 1em 0.5em 0;
}
main#innerpage-box .cp-right {
    padding: 1em 0.2em 1em 0.2em;
}
.inner_contentbox {
    padding: 1em 0.5em 0;
}
.in-test .timeline-content {
    padding: 20px 15px 20px;
}

}
@media screen and (max-width: 320px){
#project .section-title h2:before,  #langskill .section-title h2:before {
    left: 14px !important;
}
#project .section-title h2:after,  #langskill .section-title h2:after {
    left: -11px !important;
}
.section-e-project .bg-hovered .thumb_backound {
    height: 175px;
}
.section-e-project .bg-hovered .thumb_backound h3 {
    font-size: 12px;
        margin: 0px;
}
.section-e-project .bg-hovered .thumb_backound:hover .animeblogtitle {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}


}



@media screen and (min-width: 639px) and (max-width: 722px){
    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 55%;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 586px !important;
    }
    .img-slide-responsive {
        right: 586px;
    }
}
@media screen and (min-width: 627px) and (max-width: 685px){
    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 61%;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 490px !important;
    }
    .img-slide-responsive {
        right: 490px;
    }
}
@media screen and (min-width: 521px) and (max-width: 621px){
    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 63%;
    }
       .img-slide-responsive {
            right: 475px;
        }
}
@media screen and (min-width: 521px) and (max-width: 594px){
    .slider_content {
           top: 66%;
        left: 73%;
    }
    .img-slide-responsive {
        right: 380px;
}
}
@media screen and (max-width: 520px){
.total-count .count {
    right: 15px;
    width: 15px;
    height: 15px;
    line-height: 7px;
}
.total-count img {
    width: 15px;
    height: 20px;
}
.total-count {
    padding: 18px 25px;
}
.img-slide-responsive {
    right: 380px;
}
.story-area img {
    width: 100%;
}
div#project, #langskill, #counter, #pricing, #contact {
    padding-right: 20px;
    padding-left: 20px !important;
}
div#project {
    padding-bottom: 2em !important;
    padding-top: 3em !important;
}
.langskill-post p.langsk-text {
    padding-right: 0em;
}
.langskill-post {
    padding-right: 0.5em;
}
.sec-highlightlbl {
    padding: 10px 30px;
}
#pricing .currency-price {
    padding: 0px 35px 0 65px;
    font-size: 40px;
}
.inner-blogpost-info {
    padding: 2.5em 1em 1em 1em;
}
.lz-gallery-images img {
    height: 195px;
}
div#content-box .faq-content button.accordion .que-outer:before {
    font-size: 20px;
    top: 15px;
    left: 14px;
    width: 35px;
    height: 35px;
    line-height: 30px;
    padding: 0 9px;
}
main#innerpage-box div#content-box h3.faq-title {
    padding: 0 0 0 33px;
}
div#content-box .faq-content div.panel {
    padding: 15px 15px 12px 15px;
}

}

@media screen and (max-width: 475px){
.section-title h2:before {
    left: 22px;
    width: 3.5%;
}
.section-title h2 span:before {
    width: 6%;
}
.section-title h2:after {
    left: -18px;
    width: 3.5%;
}
.section-title h2 span:after {
    width: 6%;
}
#project .section-title h2:before, #langskill .section-title h2:before{
    left: 26px !important;
}
#pricing .section-title h2:before , #contact .section-title h2:before{
    left: 17px !important;
}
#project .section-title h2:after, #langskill .section-title h2:after {
    left: -21px !important;
}
#pricing .section-title h2:after,  #contact .section-title h2:after {
    left: -13px !important;
}

}
@media screen and (max-width: 375px){
.section-title h2:before {
    left: 20px;
}
.section-title h2:after {
    left: -16px;
}
div#skill .skill-post {
    padding: 0em 1em 2em;
}
#pricing .currency-price {
    padding: 0px 10px 0 40px;
    font-size: 30px;
}
#pricing .currency-price sup {
    font-size: 10px;
    top: -16px;
}
#pricing .currency-price sub {
    font-size: 11px;
}
div#pricing .pc-btn a {
    padding: 15px 25px;
    font-size: 14px;
}

}
@media screen and (max-width: 320px){
.section-title h2:before {
    left: 16px;
}
.section-title h2:after {
    left: -12px;
}
#project .section-title h2:before, #langskill .section-title h2:before {
    left: 19px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
    .ht-site-description{
        font-size: 12px;
    }
    .img-slide-responsive {
        right: 300px;
    }
    .inner-page-gallery {
        width: 280px;
        height: 280px;
    }
    .page_featured {
        margin: 0 2em;
        margin-bottom: 1em;
        padding: 3em 4em;
    }
    body.page-template-default main#innerpage-box h1, .ht-main-title, #ht-contactus-wrap h1 {
    font-size: 25px !important; 
}
.story-area img {
    width: 100%;
}
}
@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 0em 2em 0em;
    }
    .inner-blog-post {
        padding: 0;
    }
    .page-template-blog-right-sidebar .inner_contentbox,
    .page-template-blog-left-sidebar .inner_contentbox,
    .page-template-blog-template .inner_contentbox {
    padding: 1em 1em 0;
}
    .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;
    }
}
@media screen and (min-width: 320px) and (max-width: 475px){
.footer-bottom-area ul li { margin: 0 10px;}
.footer-text, .footer-area li{font-size: 14px;}
.features-area::before {
width: 0;
}
.slider_section i.fa{font-size: 10px;}
.slider-social-icon > span{letter-spacing: 0;}
 .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, .pricing-area::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;}
.single-header-info { text-align: center; padding: 0;}
}
@media screen and (min-width: 320px) and (max-width: 375px){
 .slider_content {
    left: 115%;
    z-index: 999;
    width: 318px;
}   
.img-slide-responsive {
        right: 250px;
    }
    .slider_section .title {
        font-size: 25px;
    line-height: 25px;
}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
}
.ht-site-title, .site-title {
    font-size: 22px;
}
.navicon {
    top: -60px !important;
}
.inner-page-gallery {
    width: 225px;
    height: 225px;
}
 .page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
.header-share {
    top: 36px;
    right: 23px;
}

.section-up-border img {
    max-width: 25%;
}

#innerpage-box .ts-area-desg {
    padding-right: 1em;
}
.testimonials-area .ts-area-desg span, #innerpage-box .ts-area-desg span {
    top: -10px;
    font-size: 11px;
}
#innerpage-box .ts-area-thumb img {
    height: 60px;
}
#innerpage-box h6.ts-area-title {
    margin-top: 1em;
}
.ourstory-area .bx-inner-img img {
     height: 381px; 
}
#coupon_code {
    width: 100% !important;
}
.testimonials-area .ts-area-single {
    padding: 1em 0em 0em 0em;
}
.ht-site-title a, .site-title a {
    font-size: 22px;
}
.person-desg p {
    font-size: 14px;
}
.story-area img {
    width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 360px){
.slider_content {
    left: 118%;
}
.bgarea-links li a {
    padding-left: 1em;
}
.bgarea-links.groom li a {
    padding-right: 1em;
}
.lz-gallery-images img {
    height: 170px;
}
#innerpage-box .ts-area-desg {
    padding-right: 0.5em;
}
.ourstory-area .bx-inner-img img {
     height: 306px; 
}
.slider_content {
    top: -20%;
}
main#innerpage-box .ht-blog-thumbnail img {
    height: 180px;
}
.rg_single_image {
    width: 42px;
    height: 42px;
}
.rg_single_image.bt-circle figure {
    width: 62px;
    height: 70px;
}
.rg_single_image.bt-circle figure > svg rect {
    height: 40px;
    width: 40px;
}
.rg_single_image.bt-circle figure img {
    height: 30px;
    width: 30px;
    top: 5px;
    left: -10px;
}
.section-title h2 {
    font-size: 16px;
}
.os-in-area {
    padding: 0px 0em 1em 0em;
}
.ms-download-btn a {
    padding: 3px 3em 10px 1em;
    font-size: 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 320px){
    .features-area h2{
    font-size: 30px;
}
    .header-transparent .is-fixed .main-bar h1.ht-site-title {
    top: 45px;
}
.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: 15px; }
.toggle-bar {right: 25px !important;}
.slider_section .title {
      font-size: 25px;
    line-height: 25px;
}
.slider_section .title span {
    width: 50px;
    height: 50px;
    line-height: 40px;
}
.slider_content {
    left: 115%;
    z-index: 999;
    width: 285px;
}
.slider_section .sub-title {
    line-height: 15px;
      font-size: 11px;
}
.slider_content {
    left: 130%;
}
.total-count {
    padding: 18px 36px;
}
.total-count .count {
    right: 24px;
}
.total-count .count {
    right: 10px;
}
.total-count {
    padding: 18px 20px;
}
.slider-btn {
    margin-top: 0.3em;
}
.slider_section a.btn {
    font-size: 10px;
    padding: 7px 12px;
}
.page_featured {
    margin-bottom: 0em;
}
.ourstory-area .os-single-bx:after {
    height: 93.5%;
}
.ourstory-area .os-single-bx:before {
    height: 93.5%;
}
.os-area:hover::before, .os-area:hover::after {
    height: 93.5%;
}
.hamburger-menus {
    top: 53px;
}
#innerpage-box .single-bridefamily-img img, #innerpage-box .single-groomfamily-img img {
    height: 205px;
}
.story-area img {
    width: 100%;
}
}
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;
}