/*------------------------------------------------------------------
 * This is main css file for theme. It is broken into following sections:
 * #  Browser Reset
 * #  Global Styles
 * #  Cursor
 * #  Preloader
 * #  Splash
 * #  Header Styles
        ##Menu
        ##MegaMenu
        ##Search
        ##Cart
        ##Side Panel
 * #  Mobile Header  
 * #  Slide Nav 
 * #  Search Box
 * #  Side Panel
 * #  Page Title
 * #  Main Layout
 * #  Blog
 * #  Single Blog
        ##Post Type
        ##Navigation
        ##Related Posts
 * #  Widgets
        ##Calendar
        ##Profile
        ##Recent Posts
        ##Author box
 * #  Comments styles
 * #  Back To Top
 * #  Side bar styles
 * #  Page 404
 * #  Pagination
 * #  Footer styles
 * #  Portfolio List
 * #  Portfolio Single
        #Video Portfolio
        #Split Portfolio  
 * #  Double Heading
 * #  Fancy Heading
 * #  Creative Heading
 * #  ProgressBar
 * #  Service
 * #  Showcase
 * #  Layers
 * #  Split
 * #  Comparison
 * #  Accordion
 * #  Half Slider
 * #  Circle Text
 * #  Video Popup
 * #  Line Carousel
 * #  Fancy Scrolling
 * #  Team
 * #  Single Team
 * #  Fancy Portfolio
 * #  Clients
 * #  Underline Link
 * #  Line
 * #  Lists
 * #  Arrow Icon
 * #  Interactive
 * #  Calendar Portfolio
 * #  Split Portfolio
 * #  Highlights
 * #  Full Slider
 * #  Water Slider
 * #  Collectios Image
 * #  Priceing Table
 * #  Counter
 * #  Image Scroll
 * #  Video Preview
 * #  Info Box
 * #  Animation Text
 * #  Image Spot
 * #  Testimonials
 * #  Contact Form
 * #  Mailchimp Form
 * #  Google Map
 * #  Shop List
 * #  Single Product
 * #  Woocommerce Grid
 * #  Shop Responsive
 * #  Responsive
-------------------------------------------------------------------*/

/* ========================================================================== 
   #Browser Reset - start
========================================================================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, s up, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
    /* for vertical split screen slider shortcode on touch devices */
}

body {
    overflow-x: hidden;
}
body.dark-theme{
    background-color: #181818;
}
mark {
    padding: 0 5px;
    color: inherit;
}

strong {
    font-weight: 700;
}

pre {
    max-width: 100%;
    margin-top: 18px;
    margin-bottom: 20px;
    padding: 20px;
    word-wrap: break-word;
    border-style: solid;
    border-width: 1px;
    overflow: auto; 
    background: #ebf0f9;}  
}

code,
kbd,
tt,
var,
pre {
    font-family: monospace;
}

ul,
ol {
    padding: 0 0 20px 0;
}

li ul {
    padding-bottom: 0;
}

textarea {
    min-height: 50px;
    height: 122px;
}

a {
    -webkit-transition: color 300ms;
    -o-transition: color 300ms;
    -moz-transition: color 300ms;
    transition: color 300ms;
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label,
legend {
    display: block;
    margin-bottom: 5px;
}

iframe {
    width: 100%;
    display: block;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table:not(:last-child) {
    margin-bottom: 22px;
}

table th {
    border: 0;
    padding: 5px 7px;
    text-align: center;
}

table td,
table th {
    padding: 10px 0;
    text-align: left;
    vertical-align: middle;
}
table td{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
table tbody th {
    font-size: 20px;
    font-weight: 500;
}

a img {
    border: none;
}

img, .wp-caption {
    max-width: 100%;
    height: auto;
}

iframe {
    width: 100%;
    display: block;
}

label,
legend {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
}

form.post-password-form {
    margin-bottom: 10px;
}

form.post-password-form input[type='submit'] {
    margin-top: 5px;
}

select,
option {
    z-index: 10;
}

dl {
    margin-bottom: 1.75em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 1.75em;
}

p {
    margin: 0 0 16px 0;
}

p:empty {
    display: none;
    padding: 0;
    margin: 0;
}

figure {
    margin-right: 0;
    margin-left: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none !important;
}

a {
    text-decoration: none;
    color: inherit;
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
}

/* Webkit */
::selection {
color: #ffffff;
}

/* Gecko/Mozilla */
::-moz-selection {
color: #ffffff;
}
/* ========================================================================== 
   #Browser Reset - End
   ========================================================================== */
/* ========================================================================== 
   #Global Styles - Start
   ========================================================================== */   
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
.admin-bar {
    margin-top: 32px;
}
.admin-bar .full-menu-header .full-screen-header.custom_over_bg ,
.admin-bar .full-screen-header.custom_over_bg,
.admin-bar .full-screen-header.sticky-screen,
.admin-bar .header_over_bg,
.admin-bar .header_over_bg .ma-sticky-header,
.admin-bar .menu-container,
.admin-bar #main{
    margin-top: 32px;
}

/* aligning */
.aleft {
    text-align: left;
}

.acenter {
    text-align: center;
}

.aright {
    text-align: right;
}

body ul,
body ol {
    margin-left: 0.4em;
    padding-left: 0.9em;
}

body ul li,
body ol li {
    position: relative;
    z-index: 1;
    line-height: 30px;
}
ul li:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 2px;
  width: 0.375em;
  height: 0.375em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
body ul>li:last-child,
body ol>li:last-child {
    padding-bottom: 0;
}
body ol {
    list-style: none;
}
body ul.hedju_dash li {
list-style: none;    
padding-left: -webkit-calc(1.1em + 14px);
padding-left: -moz-calc(1.1em + 14px);
padding-left: calc(1.1em + 14px); }
body ul.hedju_dash li:before {
content: '';
top: 20px;
width: 0.9375em;
height: 0.0625em;
-webkit-border-radius: unset;
-moz-border-radius: unset;
border-radius: unset; }

body ul.hedju_plus li {
list-style: none;    
padding-left: 25px; }
body ul.hedju_plus li:before {
content: '';
position: absolute;
z-index: 1;
top: 12px;
left: 7px;
width: 8px;
height: 2px; }
body ul.hedju_plus li:after {
content: '';
position: absolute;
z-index: 1;
top: 9px;
left: 10px;
width: 2px;
height: 8px; }

body ul.hedju_check li {
list-style: none;    
padding-left: -webkit-calc(1em + 13px);
padding-left: -moz-calc(1em + 13px);
padding-left: calc(1em + 13px); }
body ul.hedju_check li:before {
content: "\f00c";
font-family: "Font Awesome 6 Free";
font-weight: 900;
width: 0;
height: 0;
top: 0;
left: 0;
font-size: 1em; }

body ul.hedju_slash li {
list-style: none;    
padding-left: 25px; }
body ul.hedju_slash li:before {
content: '/';
width: 0;
height: 0;
top: 0;
left: 7px;
font-size: 1.05em;
font-weight: 700; }

body ul.no-list-style li {
padding: 0; }
body ul.no-list-style li:before {
display: none; }

body ol {
    counter-reset: li;
}

body ol[start="1"] {
    counter-reset: li 0;
}

body ol[start="2"] {
    counter-reset: li 1;
}

body ol[start="3"] {
    counter-reset: li 2;
}

body ol[start="4"] {
    counter-reset: li 3;
}

body ol[start="5"] {
    counter-reset: li 4;
}

body ol[start="6"] {
    counter-reset: li 5;
}

body ol[start="7"] {
    counter-reset: li 6;
}

body ol[start="8"] {
    counter-reset: li 7;
}

body ol[start="9"] {
    counter-reset: li 8;
}

body ol[start="10"] {
    counter-reset: li 9;
}

body ol[start="11"] {
    counter-reset: li 10;
}

body ol[start="12"] {
    counter-reset: li 11;
}

body ol[start="13"] {
    counter-reset: li 12;
}

body ol[start="14"] {
    counter-reset: li 13;
}

body ol[start="15"] {
    counter-reset: li 14;
}

body ol[start="16"] {
    counter-reset: li 15;
}

body ol[start="17"] {
    counter-reset: li 16;
}

body ol[start="18"] {
    counter-reset: li 17;
}

body ol[start="19"] {
    counter-reset: li 18;
}

body ol[start="20"] {
    counter-reset: li 19;
}

body ol[start="21"] {
    counter-reset: li 20;
}

body ol[start="22"] {
    counter-reset: li 21;
}

body ol[start="23"] {
    counter-reset: li 22;
}

body ol[start="24"] {
    counter-reset: li 23;
}

body ol[start="25"] {
    counter-reset: li 24;
}

body ol[start="26"] {
    counter-reset: li 25;
}

body ol[start="27"] {
    counter-reset: li 26;
}

body ol[start="28"] {
    counter-reset: li 27;
}

body ol[start="29"] {
    counter-reset: li 28;
}

body ol[start="30"] {
    counter-reset: li 29;
}

body ol>li {
    position: relative;
    counter-increment: li;
}

body ol>li:before {
    content: "."counter(li);
    display: inline-block;
    position: static;
    height: auto;
    margin-left: -1em;
    margin-right: calc(0.25em + 8px);
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
    direction: rtl;
    line-height: 1;
}

body ul ol>li:before {
    top: 0;
    background-color: transparent !important;
}

body li ol {
    margin-bottom: 0;
    padding-bottom: 0;
}

input[type='text'],
input[type='url'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='time'],
select,
textarea {
    display: block;
    height: 50px;
    width: 100%;
    margin: 0 0 20px 0;
    border-width: 1px;
    border-style: solid;
    padding: 10px 10px;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.7;
    transition: 0.3s;
    background: none;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 5px .4375em 0 0;
}

input[type="radio"]~label,
input[type="checkbox"]~label {
    display: inline;
}

input[type='text']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='time']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

input[type='text']::placeholder,
input[type='url']::placeholder,
input[type='search']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='tel']::placeholder,
input[type='time']::placeholder,
textarea::placeholder {
    font-size: 16px;
    outline: none;
    -webkit-appearance: none;
    transition: 0.4s;
}

input[type='text']:focus:-ms-input-placeholder,
input[type='text']:active:-ms-input-placeholder,
input[type='url']:focus:-ms-input-placeholder,
input[type='url']:active:-ms-input-placeholder,
input[type='search']:focus:-ms-input-placeholder,
input[type='search']:active:-ms-input-placeholder,
input[type='email']:focus:-ms-input-placeholder,
input[type='email']:active:-ms-input-placeholder,
input[type='password']:focus:-ms-input-placeholder,
input[type='password']:active:-ms-input-placeholder,
input[type='tel']:focus:-ms-input-placeholder,
input[type='tel']:active:-ms-input-placeholder,
input[type='time']:focus:-ms-input-placeholder,
input[type='time']:active:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
textarea:active:-ms-input-placeholder {
    opacity: 0;
}

input[type='text']:focus::placeholder,
input[type='text']:active::placeholder,
input[type='url']:focus::placeholder,
input[type='url']:active::placeholder,
input[type='search']:focus::placeholder,
input[type='search']:active::placeholder,
input[type='email']:focus::placeholder,
input[type='email']:active::placeholder,
input[type='password']:focus::placeholder,
input[type='password']:active::placeholder,
input[type='tel']:focus::placeholder,
input[type='tel']:active::placeholder,
input[type='time']:focus::placeholder,
input[type='time']:active::placeholder,
textarea:focus::placeholder,
textarea:active::placeholder {
    opacity: 0;
}


input[type='submit'],
button {
    display: inline-block;
    height: 50px;
    max-width: 100%;
    margin-bottom: 0;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
    outline: none;
    padding: 6px 26px;
    cursor: pointer;
    -webkit-appearance: none;
    background: transparent;
    transition: 0.4s;
    text-transform: uppercase;
}
input[type='submit']:after{
    content: '';
    background: #000;
    width: 100px;
    height: 200px;
}

input[type='submit']:hover,
button:hover {
    color: #ffffff;
}

input[type='submit']:focus,
button:focus {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.08);
}

input[type='submit']:hover,
input[type='submit']:active,
input[type='submit']:focus {
    color: #ffffff;
}

textarea {
    height: 120px;
    padding-top: 15px;
}

.select__holder {
    position: relative;
    margin-bottom: 20px;
}

@media (min-width: 380px) {
    .select__holder {
        display: inline-block;
    }
}

.select__holder:before {
    content: '\f104';
    display: block;
    position: absolute;
    z-index: 0;
    right: 15px;
    margin-top: 5px;
    font-family: 'Flaticon';
    font-size: 12px;
    font-weight: 900;
    line-height: 50px;
    pointer-events: none;
    transform: rotate(90deg);
}

.select__holder select {
    margin-bottom: 0;
    height: 60px;
    width: 250px;
    padding: 10px 15px 10px 15px;
    -webkit-appearance: none;
    appearance: none;
}

form.post-password-form {
    margin-bottom: 20px;
}

form.post-password-form p:first-child {
    margin-bottom: 24px;
}

form.post-password-form label {
    display: inline-block;
    width: 100%;
    margin-right: 8px;
}

@media (min-width: 600px) {
    form.post-password-form label {
        width: calc(100% - 130px);
        max-width: 270px;
    }
}

form.post-password-form label input[type='password'] {
    width: 100%;
    margin-top: 5px;
}

form.post-password-form input[type='submit'] {
    height: 60px;
    min-width: 170px;
}

form.post-password-form input[type='submit']:hover {
    color: #ffffff;
}

blockquote {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 30px 0 50px !important;
    font-weight: 500;
    font-size: 26px;
    line-height: 45px;
    quotes: none;
    border: 1px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 60px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wp-block-pullquote blockquote::before,
.wp-block-quote::before{
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.wp-block-pullquote blockquote::after,
.wp-block-quote::after{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
blockquote>* {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    margin: 0;
}
.blockquote p{
    color: #fff;
}
blockquote:before,
blockquote:after {
    content: '';
    content: none;
}


blockquote cite {
    font-style: normal;
    font-weight: 500;
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 15px;
}
/* Highlighter */
span.highlighter {
  padding: 0 0.2em;
  color: #ffffff; }
/* Dropcaps */
.dropcap,
.elementor-drop-cap,
.dropcap-bg {
  float: left;
  margin-top: 0.2em;
  margin-right: 1em;
  text-align: center;
  width: 2em;
  height: 2em;
  line-height: -webkit-calc(2em - 4px);
  line-height: -moz-calc(2em - 4px);
  line-height: calc(2em - 4px);
  font-size: 1.875em;
  font-weight: 700;
  color: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  border-width: 3px;
  border-style: solid; }

p.has-drop-cap:not(:focus):first-letter {
  font-size: 3em;
  line-height: 1.2;
  font-weight: 600; }
.wp-block-gallery {
    margin-top: 30px;
    margin-bottom: 30px !important;
}

small {
    font-size: 0.8em;
}

code,
tt,
kbd {
    font-size: 87.5%;
    word-break: break-word;
}

i,
cite,
em,
var,
address,
dfn,
q {
    font-style: italic;
}

kbd {
    font-family: monospace;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ==========================================================================
Cursor - Start
========================================================================== */
.cursor-outer {
            position: fixed;
            z-index: 10000000;
            opacity: .5;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid #d90a2c;
            -webkit-transition:  .13s;
            -moz-transition:  .13s;
            -o-transition:  .13s;
            transition:  .13s;
            transform: translate(-50%,-50%);
            pointer-events: none;
            visibility: hidden;
}

.cursor-inner {
            position: fixed;
            z-index: 10000000;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #d90a2c;
            -webkit-transition:  .1s;
            -moz-transition:  .1s;
            -o-transition:  .1s;
            transition:  .1s;
            transform: translate(-50%,-50%);
            pointer-events: none;
            visibility: hidden;
}

.custom-cursor .cursor-outer.cursor-link {
    width: 50px;
    height: 50px;
}

.custom-cursor .cursor-inner.cursor-link {
    background: 0 0 !important;
    text-align: center;
}

.custom-cursor .cursor-inner.cursor-link:after {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    position: absolute;
    font-size: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.custom-cursor .cursor-outer.cursor-carousel {
    border: none;
    opacity: 1;
    width: 40px;
    height: 40px;
    background: #fff;
}

.custom-cursor .cursor-inner.cursor-carousel {
    width: 40px;
    height: 40px;
    background: 0 0 !important;
    text-align: center;
    -webkit-animation: cursor-carousel-anim 1s infinite both;
    animation: cursor-carousel-anim 1s infinite both;
}

.custom-cursor .cursor-inner.cursor-carousel:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    color: #fff;
    position: absolute;
    font-size: 16px;
    top: 50%;
    left: 0;
    margin-left: -30px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    height: 60px;
    width: 60px;
    line-height: 60px;
    display: inline-block;
}

.custom-cursor .cursor-inner.cursor-carousel:after {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    color: #fff;
    position: absolute;
    font-size: 16px;
    top: 50%;
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    height: 60px;
    width: 60px;
    line-height: 60px;
    display: inline-block;
}

.custom-cursor .cursor-inner.cursor-blend-mode {
    position: fixed;
    z-index: 10000000;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
    -moz-transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
    -o-transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
    transition: left 0.3s, top 0.3s, width 0.3s, height 0.3s;
    transform: translate(-50%, -50%);
    pointer-events: none;
    visibility: hidden;
    mix-blend-mode: multiply;
}

.custom-cursor .cursor-outer.cursor-blend-mode {
    opacity: 0;
    visibility: hidden;
}

.custom-cursor .cursor-inner.cursor-blend-mode-d {
    position: fixed;
    z-index: 10000000;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-transition: left 0.1s, top 0.1s, width 0.3s, height 0.3s;
    -moz-transition: left 0.1s, top 0.1s, width 0.3s, height 0.3s;
    -o-transition: left 0.1s, top 0.1s, width 0.3s, height 0.3s;
    transition: left 0.1s, top 0.1s, width 0.3s, height 0.3s;
    transform: translate(-50%, -50%);
    pointer-events: none;
    visibility: hidden;
    mix-blend-mode: difference;
}

.custom-cursor .cursor-outer.cursor-blend-mode-d {
    opacity: 0;
    visibility: hidden;
}

/**
* ----------------------------------------
* animation cursor
* ----------------------------------------
*/
@-webkit-keyframes cursor-carousel-anim {
    0% {
        width: 40px;
    }

    50% {
        width: 35px;
    }

    100% {
        width: 40px;
    }
}

@keyframes cursor-carousel-anim {
    0% {
        width: 40px;
    }

    50% {
        width: 35px;
    }

    100% {
        width: 40px;
    }
}

/* ==========================================================================
Cursor - End
========================================================================== */
/* ==========================================================================
Preloader - Start
========================================================================== */
.loading-background-effect::after {
  content: '';
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
.loading-background-effect.animated_effects::after {
  display: block;
  animation: reveal 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
}
.loading-background-effect.animatedback::after {
  display: block;
  animation: revealBack 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
}

@keyframes reveal {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes revealBack {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}


.loading-side-splash-holder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    transition: all 0s 0.5s cubic-bezier(0.645, 0.05, 0.355, 1);
    width: 100%;

    z-index: 1000;
}   

.loading-side-splash-holder.side-show-splash {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translate3d(0, 0%, 0);
}
.loader-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loader-ripple div {
  position: absolute;
  opacity: 1;
  border-radius: 50%;
  animation: loader-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loader-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes loader-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}


/* ==========================================================================
   Preloader - End
========================================================================== */
/* ==========================================================================
Header Styles - Start
========================================================================== */
.ma-header-holder{
    position: relative;
    z-index: 2;
}
.ma-header-holder h1{
    letter-spacing: 3px;
}
.ma-header-holder h1 a{
    font-size: 40px;
    line-height: 1;    
}
.header_over_bg{
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;    
}
.header-vc_custom{
    position: relative;
    z-index: 2;
    width: 100%;
}
.hedju-header .hedju-mobile-header, .canvas-mobile-holder, .ma-header-holder .ma-dark-header,
.dark-theme .ma-header-holder .ma-main-header, .ma-main-header .header-custom_sticky, 
.ma-sticky-header .header-custom_main {
    display: none;
}
.ma-dark-header h1 a{
    color: #fff;
}
.dark-theme .ma-header-holder .ma-dark-header{
    display: block;
}

.ma-header-rows{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; 
}
.ma-header-boxed{
    margin-right: auto;
    margin-left: auto;
    width: 1170px;  
}
.ma-header-full{
    width: 100%;
}
.header_align_right{
    text-align: right;
}
.header_align_center{
    text-align: center;
}
.header_align_left{
    text-align: left;
}
.ma-header-holder.center_header_dir .position_center{
display: flex;
width: 100%;
justify-content: center;
}
.ma-header-holder.right_header_dir .position_center{
display: flex;
width: 100%;
justify-content: flex-end;
}
.ma-header-holder.left_header_dir .position_center{
display: flex;
width: 100%;
justify-content: flex-start;
}
.position_left {
    padding-right: 15px;
}
.position_right {
    padding-left: 15px;
}
.header_container_part {
    display: flex;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header_container_part > * {
    display: inline-block;
    vertical-align: middle;
}
/* #Sticky Header */
.ma-sticky-header {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
overflow: hidden;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
color: #fff;
}

.ma-sticky-header.sticky_active {
overflow: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}

.header_sticky_shadow, .header_main_shadow{
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}

/* ==================== ##Menu ==================== */
.primary-nav {
    height: 100%;
    z-index: 99;
    height: 100px;
}
.primary-nav > ul {
    height: 100%;
    margin-left: 0;
    padding: 0;
}
.primary-nav > ul >li {
    height: 100%;
}
.primary-nav > ul li {
    position: relative;
    padding-left: 0;
}
.primary-nav ul li.menu-item-has-children {
    z-index: 555;
}
.primary-nav ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
}
.primary-nav > ul > li > a {
    display: flex;
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center;
    padding: 0 24px;
    color: inherit;
    text-transform: uppercase;
    letter-spacing: 0.37px;
    transition: 0.3s;
}

.primary-nav > ul > li > a > span {
    position: relative;
    line-height: 1;
    display: inline-block;
    overflow: hidden;


}
.primary-nav > ul > li > a > span > span.item_text {
    display: inline-block;
    line-height: 1;
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.46,.11,.02,.94);
    transition: transform .6s cubic-bezier(.75,.2,0,.94);    
}
.primary-nav > ul > li > a > span > span.item_text_clone{
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(150%);    
    transition: transform .5s cubic-bezier(.46,.11,.02,.94);
    transition: transform .6s cubic-bezier(.75,.2,0,.94);    
}
.primary-nav ul li ul {
    display: block;
    position: absolute;
    z-index: 555;
    top: calc(100% + 15px);
    left: -12px;
    min-width: 250px;
    white-space: nowrap;
    margin-top: 0;
    margin-left: 0;
    padding: 21px 0 27px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;  
}
.primary-nav ul li ul.menu-sub-content .menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 34px 5px 34px;
    color: inherit;
    opacity: 1;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; 
}
.primary-nav ul li ul.menu-sub-content .menu-item a .item_text_clone{
    display: none;
    opacity: 0;
    visibility: hidden;
}

.primary-nav ul li ul:not(.mega-menu) li {
    display: block;
}

.primary-nav > ul > li.menu-item-has-children > a > .menu-item_plus,
.primary-nav > ul > li.mega-menu-custom > a > .menu-item_plus{
    height: 100%;
    padding-left: 20px;
}

.primary-nav > ul > li.menu-item-has-children > a > .menu-item_plus:before,
.primary-nav > ul > li.mega-menu-custom > a > .menu-item_plus:before{
    position: absolute;
    right: 0;
    top: 50%;
    content: "\f103";
    font-family: Flaticon;
    vertical-align: middle;
    font-weight: 700;
    font-size: 11px;
    transform: translateY(-50%) rotate(270deg);
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;    
}


.primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(2) > .sub-menu .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(3) > .sub-menu .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(4) > .sub-menu .sub-menu {
    right: 100%;
}
.primary-nav ul:hover li:hover a{
    opacity: 1;
}
.primary-nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.primary-nav ul  li.menu-item-has-children:hover .menu-item_plus:before,
.primary-nav ul  li.mega-menu-custom:hover .menu-item_plus:before{
    transform: translateY(-50%) rotate(90deg);
} 


.primary-nav > ul > li:hover > a > span > span.item_text{
    transform: translateY(-150%);    
}

.primary-nav > ul > li:hover > a > span > span.item_text_clone{
    transform: translateY(0);    
}
.primary-nav > ul > li:hover > a > span > span.item_text:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}
/******sub sub menu********/
.primary-nav ul li ul ul {
    top: -3px;
    left: 100%;
}
.primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a:before {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f104";
    font-family: Flaticon;
    font-size: 12px;
    margin-top: 3px;
    vertical-align: middle;
    font-weight: 400;
        -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; 
}
.primary-nav ul li ul li:hover ul {
    top: -21px;
}
.primary-nav ul li ul li > a > span {
    position: relative;
    display: inline-block;
    padding-left: 0;
}
.header_lamp .primary-nav ul li ul li > a > span > span.item_text:after {
    display: block;
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    transition: all .4s ease;
    background-color: #fff;
}
.primary-nav ul li ul li.current-menu-ancestor.current-menu-parent > a > span > span.item_text:after,
.primary-nav ul li ul li.current-menu-item > a > span > span.item_text:after, 
.primary-nav ul li ul li.current_page_item > a > span > span.item_text:after, 
.primary-nav ul li ul li:hover > a > span > span.item_text:after {
    width: 100%;
}

.header_lamp .primary-nav > ul > li > a span.item_text_dec {
    display: inline-block;
    margin: 0px 6px 2px;
    line-height: 1;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    background-color: currentColor;
    opacity: 0;
    visibility: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
}
.primary-nav > ul > li:hover > a span.item_text_dec, 
.primary-nav > ul > li.current-menu-item > a span.item_text_dec, 
.primary-nav > ul > li.current_page_item > a span.item_text_dec, 
.primary-nav > ul > li.current-menu-ancestor > span.item_text_dec, 
.primary-nav > ul > li.current-menu-parent > a span.item_text_dec, 
.primary-nav > ul > li.current_page_parent > a span.item_text_dec, 
.primary-nav > ul > li.current_page_ancestor > a span.item_text_dec {
    visibility: visible;
    opacity: 1;
}
/* ==================== ##MegaMenu ==================== */
.primary-nav ul li.mega-menu-custom {
    position: static;
}

.primary-nav ul li.mega-menu-custom ul.mega-menu {
    display: flex;
    position: absolute;
    z-index: 555;
    top: calc(100% + 15px);
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;   
    padding: 0; 
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
}
.primary-nav ul li.mega-menu-custom ul.mega-menu .elementor-container{
    padding: 30px;
}
.primary-nav ul li.mega-menu-custom ul.megamenu_fullwidth {
    max-width: none !important;
    width: 100vw !important;
    left: 50% !important;
    right: 50% !important;
    margin-right: -50vw !important;
    margin-left: -50vw !important;
}

.primary-nav ul li.mega-menu-custom ul.megamenu_fullwidth li,
.primary-nav ul li.mega-menu-custom ul.megamenu_fullwidth ul {
    width: 100%;
}
.primary-nav ul li.mega-menu-custom:hover>ul.mega-menu {
    z-index: 556;
    top: calc(100% + 0px);
    opacity: 1 !important;
    visibility: visible !important;
    transform: rotateX(0) translateZ(0);
}
.hedju-link-megaimage{ 
display: flex;
    align-items: center;
    justify-content: space-between;
    color: inherit;
    font-weight: 500;
    transition: all 0s, -webkit-text-decoration 0.3s ease-in-out;
    transition: all 0s, text-decoration 0.3s ease-in-out;
    transition: all 0s, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
} 
.hedju-holder-megaimage{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-align: center; 
}
.hedju-holder-megaimage img{
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 8%);
    border-radius: 3px;
    margin-bottom: 10px;
    transition: 0.4s;
}
.hedju-link-megaimage:hover .hedju-holder-megaimage > img {
    transform: translateY(-10px);
}
.hedju-link-megaimage, .hedju-link-megaimage:hover{
    color: inherit;
}
/* ==================== ##Search ==================== */
.header_search{
    position: relative;
    font-size: 16px;
}
.header_search_wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; 
}
.header_search:hover{
    cursor: pointer;
}
/* ==================== ##Cart  ==================== */
.header_cart{
    height: 100px;
}
.header_cart .header_cart-field{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.header_cart-button{
    position: relative;
    font-size: 16px;
}
.header_cart-button:after {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.header_cart-button-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;     
}
.hedju_mini_cart {
    position: absolute;
    width: 141px;
    right: 0;
    text-align: left;
    width: 320px;
    height: auto;
    max-height: 500px;
    z-index: 10;
    padding: 20px;
    overflow: auto;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    visibility: hidden;
    cursor: default;
}
.hedju_mini_cart ul li a, .hedju_mini_cart ul li .woocommerce-Price-amount{
    color: inherit !important;
}
.header_cart-field:hover .hedju_mini_cart {
    opacity: 1;
    visibility: visible;
}
.header_cart a, .header_cart-button-wrapper a,
.header_cart a:hover, .header_cart-button-wrapper a:hover{
    color: inherit;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
margin: 15px 0 0; 
}

.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
margin-top: 16px;
margin-bottom: 32px;
padding: 0; 
}

.woocommerce ul.cart_list li:last-child, .woocommerce ul.product_list_widget li:last-child {
margin-bottom: 0; 
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
text-transform: capitalize;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
}
body .wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{
    background-color: transparent !important;
}
.woocommerce ul.cart_list .woocommerce-Price-amount, .woocommerce ul.product_list_widget .woocommerce-Price-amount{
    font-size: 11px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;    
}
.woocommerce ul.cart_list li.mini_cart_item a.remove{
    width: 100%;
    text-align: right;
    font-size: 0;
}
.hedju_mini_count span {
    position: absolute;
    z-index: 1;
    height: 20px;
    min-width: 20px;
    margin-top: -5px;
    margin-left: 10px;
    border-radius: 50%;
    padding: 0;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    color: #fff;
}
.hedju_mini_cart .woo_mini_cart{
    width: 100%;
}
.hedju_mini_cart .woo_mini_cart .woocommerce-Price-amount{
    font-size: 14px !important;
}
body .hedju_mini_cart .woocommerce-mini-cart__buttons a{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    cursor: pointer;
    padding: 12px 20px;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    box-sizing: border-box;
    text-transform: uppercase;
    border: 1px solid currentColor; 
}
body .hedju_mini_cart .woocommerce-mini-cart__total{
    text-transform: uppercase;
}
body .hedju_mini_cart .woocommerce-mini-cart__buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
margin-top: 4px;
margin-bottom: -2px; 
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
width: 75px;
height: 75px;
margin-left: 0;
margin-right: 15px;
margin-top: -2px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.woocommerce-mini-cart__total {
width: 100%;
margin: 15px 0 20px;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; 
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}

.woocommerce-mini-cart__total{
font-weight: 800;
font-size: 16px;
}

.woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins {
text-decoration: none; 
}
.widget_products ul.product_list_widget li del,
.widget_products ul.product_list_widget li ins{
    display: inline-block;
}

/* ==================== ##Side Panel ==================== */
.side_panel_inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;    
}
.slide-nav_btn {
    position: relative;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px;
    color: inherit;
}
.slide-nav_btn:hover{
    color: inherit;
}


.slide-nav_btn .slide-nav_btn_warp {
    position: relative;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    width: 17px;
    padding: 8px 0;
    transition: transform 0.15s linear;
}

.slide-nav_btn span span {
    background: currentColor;
    position: absolute;
    width: 5px;
    height: 5px;
    transition: -webkit-transform 0.45s ease, margin 0.45s ease, color 0s;
    transition: -o-transform 0.45s ease, margin 0.45s ease, color 0s;
    transition: -moz-transform 0.45s ease, margin 0.45s ease, color 0s;
    transition: transform 0.45s ease, margin 0.45s ease, color 0s;
}

.slide-nav_btn span span:nth-child(1) {
    top: 0;
    left: 0;
}

.slide-nav_btn span span:nth-child(2) {
    top: 0;
    right: 0;
}

.slide-nav_btn span span:nth-child(3) {
    bottom: 0;
    right: 0;
}

.slide-nav_btn span span:nth-child(4) {
    bottom: 0;
    left: 0;
}

.slide-nav_btn span:hover span:nth-child(1) {
    margin-left: 12px;
}

.slide-nav_btn span:hover span:nth-child(2) {
    margin-top: 11px;
}

.slide-nav_btn span:hover span:nth-child(3) {
    margin-right: 12px;
}

.slide-nav_btn span:hover span:nth-child(4) {
    margin-bottom: 11px;
}

.header_button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_button.btn-size-xl .as-btn {
    font-size: 14px;
    padding: 18px 35px;
}

.header_button.btn-size-lg .as-btn {
    font-size: 14px;
    padding: 18px 31px;
}

.header_button.btn-size-md .as-btn {
    font-size: 14px;
    padding: 18px 25px;
}

.header_button.btn-size-sm .as-btn {
    font-size: 13px;
    padding: 8px 15px;
}

/*******hamburger*******/

.hedju-hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    z-index: 100;
}

.hedju-hamburger .hamburger-holder {
    position: relative;
    z-index: 1;
    padding: 11px;
    border-radius: 50%;
}

.hamburger-holder .hamburger-holder-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
    transition: transform 0.15s linear 0s;
}

.hamburger-holder .hamburger-holder-inner span {
    border-radius: 4px;
    height: 2px;
    margin: 3px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.hamburger-holder .hamburger-holder-inner span:nth-of-type(1) {
    width: 50%;
}

.hamburger-holder .hamburger-holder-inner span:nth-of-type(2) {
    width: 100%;
}

.hamburger-holder .hamburger-holder-inner span:nth-of-type(3) {
    width: 75%;

}

.hamburger-holder .hamburger-holder-inner.hamburger-close span:nth-of-type(1) {
    transform-origin: bottom;
    transform: translate(-11px, 3px) rotatez(45deg);
}

.hamburger-holder .hamburger-holder-inner.hamburger-close span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg)
}

.hamburger-holder .hamburger-holder-inner.hamburger-close span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(-2px, -4px) rotatez(45deg);
}

.hedju-adv-hamburger {
    position: relative;
}

.hedju-adv-hamburger .adv-hamburger-holder {
    position: relative;
    display: flex;
    z-index: 1;
    padding: 11px;
}

.adv-hamburger-holder .adv-hamburger-holder-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
    transition: transform 0.15s linear 0s;
}

.adv-hamburger-holder .adv-hamburger-holder-inner span {
    border-radius: 4px;
    height: 2px;
    margin: 3px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.adv-hamburger-holder .adv-hamburger-holder-inner span:nth-of-type(1) {
    width: 50%;
}

.adv-hamburger-holder .adv-hamburger-holder-inner span:nth-of-type(2) {
    width: 100%;
}

.adv-hamburger-holder .adv-hamburger-holder-inner span:nth-of-type(3) {
    width: 75%;

}

.adv-hamburger-holder .adv-hamburger-holder-inner.adv-hamburger-close span:nth-of-type(1) {
    transform-origin: bottom;
    transform: translate(-11px, 3px) rotatez(45deg);
}

.adv-hamburger-holder .adv-hamburger-holder-inner.adv-hamburger-close span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg)
}

.adv-hamburger-holder .adv-hamburger-holder-inner.adv-hamburger-close span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(-2px, -4px) rotatez(45deg);
}

/* Vertical Header */
.vertical-menu-header{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 75px;
    display: inline-block;
    z-index: 100;
    background-color: #fff;
}
.vertical-menu-header .vertical-menu-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 40px;
    
}       
.vertical-menu-area{
    align-items: center;
    display: flex;
    flex-direction: column;
    place-self: start center;
    width: 100%;
            margin-top: 24px;

}
.vertical-menu-area-c{
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.vertical-menu-area-d{
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    align-self: flex-end;
        place-self: end center;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin-bottom: 24px;
}
.vertical-menu-area-d a{
    color: inherit;
}
.vertical-menu-inner{
    border-right-style: solid;
    border-right-width: 1px;
}
/* Full Header */

.full-screen-header{
    position: relative;
    z-index: 100;
    width: 100%;
    display: flex;
    align-items: center;
}
.full-screen-header.custom_over_bg{
    position: absolute;
    z-index: 997;
    width: 100%;
    left: 0;
    top: 0;
}

.boxed-screen-header{
position: relative;
width: 1170px; 
margin: 0 auto;
display: flex; 
align-items: center;
}
.full-screen-header.sticky-screen {
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
overflow: hidden;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
color: #fff;
}

.full-screen-header.sticky_active {
overflow: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
 .menu-container{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
 }  

.menu-container::before {
    content: '';
    position: absolute;
    width: calc(100% - 100px);
    height: calc(100% + 30px);
    top: -30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.menu-container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 180px);
    top: 100px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
  .menu-container .menu-container-warp{
    display: flex;
    align-items: center;
    overflow-y: auto;
    width: 1170px;
    justify-content: center;
    margin: 0 auto;
  }
  .animated_effects .menu-container{
    z-index: 100;
    position: fixed;
    -webkit-animation: fade-in .9s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
            animation: fade-in .9s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;

  }
  .background-effect::after {
  content: ' ';
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
.animated_effects .background-effect::after {
  display: block;
  -webkit-animation: reveal 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
   animation: reveal 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
}
.animatedback .background-effect::after {
  display: block;
  -webkit-animation: revealBack 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
  animation: revealBack 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
}  



@-webkit-keyframes reveal {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes reveal {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
@-webkit-keyframes revealBack {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes revealBack {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}



@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.custom-position_left{
    padding-right: 15px;
    width: 25%;
    align-items: center;
    justify-content: flex-start;
} 

.custom-position_center{
    display: flex;
    width: 50%;
    justify-content: center;
} 
.custom-position_right{
    padding-left: 15px;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}    
.nav-trigger {
  position: relative;
  background: transparent;
  cursor: pointer;
  width: 60px;
  height: 50px;
  padding: 0;
  margin: 0;
  color: inherit;
  display: inline-block;
}

.nav-trigger span {
    display: block;
    height: 2px;
    width: 30px;
    background: currentColor;
    transition: all 0.15s ease;
    position: absolute;
    transform: rotate(0deg);
}

.nav-trigger span:first-child {
    width: 38px;
    top: 16px;
    right: 0;
}
.nav-trigger span:last-child {
    width: 38px;
    top: 29px;
    left: 0;
}
.nav-trigger:hover span:first-child,
.nav-trigger:hover span:last-child{
width: 60px;
}
body.animated_effects{
   overflow: hidden !important;
}
body.animated_effects .nav-trigger span {
  top: 23px;
}
body.animated_effects .nav-trigger span:first-child {
  transform: rotate(45deg);
  width: 60px;
}
body.animated_effects .nav-trigger span:last-child {
  transform: rotate(-45deg);
  width: 60px;
}

.header-hedju-button {
    padding: 22px 40px;
    width: auto;
    color: inherit;
}
.header-hedju-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.header-hedju-button {
    background-color: transparent !important;
}
.header-hedju-button .header-text_holder {
    color: currentColor;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}
.header-button_text{
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
}
.header-hedju-button::after {
    border: 1px solid currentColor;
  
}
.header-hedju-button::after, .header-hedju-button::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.header-hedju-button::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.header-hedju-button::before {
    color: currentColor;
    content: "\f4ad";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    top: 18px;
    left: 18px;
    width: 5px;
    height: 5px;
    z-index: 1;
    font-size: 18px;
}

.header-hedju-button:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.header-hedju-button:hover::before{
    z-index: 1;

}
.header-hedju-button:hover .header-button_text::after {
    opacity: 1;
    animation: scale 1s infinite alternate;
}
.header-hedju-button .header-button_text::after {
    content: "";
    opacity: 0;
    top: 3px;
    right: -15px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    background-color: currentColor;
}

/*******hamburger*******/

.spacepress-hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    z-index: 100;
}

.hamburger-holder-vertical {
    position: relative;
    z-index: 1;
    border-radius: 50%;
}

.hamburger-holder-vertical .hamburger-inner-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
    transition: transform 0.15s linear 0s;
}

.hamburger-holder-vertical .hamburger-inner-vertical span {
    background-color: currentColor;
    border-radius: 4px;
    height: 2px;
    margin: 3px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.hamburger-holder-vertical .hamburger-inner-vertical span:nth-of-type(1) {
    width: 50%;
}

.hamburger-holder-vertical .hamburger-inner-vertical span:nth-of-type(2) {
    width: 100%;
}

.hamburger-holder-vertical .hamburger-inner-vertical span:nth-of-type(3) {
    width: 75%;

}

.hamburger-holder-vertical .hamburger-inner-vertical.hamburger-close span:nth-of-type(1) {
    transform-origin: bottom;
    transform: translate(-11px, 3px) rotatez(45deg);
}

.hamburger-holder-vertical .hamburger-inner-vertical.hamburger-close span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg)
}

.hamburger-holder-vertical .hamburger-inner-vertical.hamburger-close span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(-2px, -4px) rotatez(45deg);
}


/* ==========================================================================
Header Styles - End
========================================================================== */
/* ==========================================================================
   Header Menu - Start
========================================================================== */  
.primary-navmenu_vertical_dir ul,
.primary-navmenu_vertical_dir li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.primary-navmenu_vertical_dir{
    position: relative;
    max-height: 700px;
    overflow-y: auto;
}
.primary-navmenu_vertical_dir ul{
    font-size: 65px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 70px;
}
.primary-navmenu_vertical_dir>ul.vertical_switch_on {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block !important;
}
.primary-navmenu_vertical_dir ul.vertical_switch_on li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
}
.primary-navmenu_vertical_dir ul.vertical_switch_on li a {
    padding: 10px 0;
    margin: 0;
}

.primary-navmenu_vertical_dir ul li a {
    color: #fcfcfc !important;
    position: relative;
}
.primary-navmenu_vertical_dir ul.vertical_switch_on li a span {
    display: inline;
}
.primary-navmenu_vertical_dir > ul > li > a {
    display: flex;
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 24px;
    color: inherit;
    letter-spacing: 0.37px;
    transition: 0.3s;
}

.primary-navmenu_vertical_dir > ul > li > a > span {
    position: relative;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
}

.primary-navmenu_vertical_dir > ul > li > a > span > span.item_text {
    display: inline-block;
    line-height: 1;
    transform: translateY(0);
    transition: transform .5s cubic-bezier(.46,.11,.02,.94);
    transition: transform .6s cubic-bezier(.75,.2,0,.94);
}
.primary-navmenu_vertical_dir > ul > li > a > span > span.item_text_clone {
    display: inline-block;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(150%);
    transition: transform .5s cubic-bezier(.46,.11,.02,.94);
    transition: transform .6s cubic-bezier(.75,.2,0,.94);
}
.primary-navmenu_vertical_dir > ul > li:hover > a > span > span.item_text {
    transform: translateY(-150%);
}
.primary-navmenu_vertical_dir > ul > li:hover > a > span > span.item_text_clone {
    transform: translateY(0);
}

.primary-navmenu_vertical_dir .vertical-button_trigger {
    z-index: 1;
    cursor: pointer;
        width: 70px;
    height: 70px;
    color: #FFFFFF !important;
    border: 1px solid #d0d0d0;
}
.primary-navmenu_vertical_dir .vertical-button_trigger:before{
    content: '';
    display: inline-block;
    border-top-width: 2px;
    border-top-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 11px;
    height: 11px;
    visibility: visible;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: inherit;
    margin-left: 0 !important;
}

.primary-navmenu_vertical_dir ul li ul.sub-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none;
    width: 100%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
    display: none;
}
.primary-navmenu_vertical_dir ul li ul {
    position: relative;
    top: 0 !important;
    left: 0;
    right: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 30px 30px;
    min-width: auto;
    color: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
    white-space: initial;
    overflow: hidden;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.primary-navmenu_vertical_dir .vertical-button_trigger.is-active:before {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    -moz-transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    -o-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
}
.primary-navmenu_vertical_dir ul li ul.menu-sub-content .menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px 5px 0;
    color: inherit;
    height: 100%;
    opacity: 1;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.primary-navmenu_vertical_dir ul li ul li > a > span {
    position: relative;
    display: inline-block;
    padding-left: 0;
}
.primary-navmenu_vertical_dir ul li ul.menu-sub-content .menu-item a .item_text_clone{
    display: none;
    opacity: 0;
    visibility: hidden;    
}
.primary-navmenu_vertical_dir ul li ul li > a > span > span.item_text:after {
    display: block;
    content: '';
    height: 1px;
    width: 0;
    position: absolute;
    transition: all .4s ease;
    background-color: #fff;
}

.primary-navmenu_vertical_dir ul li ul li > a > span > span.item_text:after {
    background-color: #ffffff !important;
}
 .primary-navmenu_vertical_dir {
    width: 60%;
}

.primary-navmenu_vertical_dir ul li ul.menu-sub-content .menu-item a{
    font-size: 40px;
    text-transform: capitalize;
    line-height: 45px;
}
/* ==========================================================================
   Header Menu - End
========================================================================== */  
/* ==========================================================================
Mobile Header - Start
========================================================================== */

/* Mobile Switcher */

.ma-header-row_wrapper {
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.mobile_flex,
.mobile_flex .header_search {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile_nav_wrapper .ma-menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
}

.open-menu-mob .mobile_nav_wrapper .ma-menu_overlay {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.mobile-overlay-menu .mobile_nav_wrapper .ma-menu_box {
    position: fixed;
    z-index: 999;
    transition: opacity 0.2s;
    overflow: hidden;
    width: 300px;
    height: 100%;
    top: 0;
    transform: translateX(-100%);
    transition: transform .45s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mobile-overlay-menu .mobile_nav_wrapper.right .ma-menu_box {
    right: 0 !important;
    transform: translateX(100%);
}

.open-menu-mob .mobile-overlay-menu .mobile_nav_wrapper .ma-menu_box {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    overflow: visible;
}

.mobile-overlay-menu .ma-menu-outer_content {
    position: absolute;
    padding: 30px;
    width: 100%;
    bottom: 17px;
    top: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
}

.mobile_nav_wrapper .ma-menu_collapsed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: transparent;
}

.open-menu-mob .mobile_nav_wrapper .ma-menu_collapsed {
    opacity: 1;
    visibility: visible;
    z-index: 99;
    cursor: pointer;
}

.mobile-collapsed-menu .mobile_nav_wrapper .ma-menu_box {
    position: fixed;
    z-index: 999;
    transition: opacity 0.2s;
    overflow: hidden;
    width: 300px;
    height: 100%;
    top: 0;
    transform: translateX(-100%);
    transition: transform .45s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mobile-collapsed-menu .mobile_nav_wrapper.right .ma-menu_box {
    right: 0 !important;
    transform: translateX(100%);
}

.open-menu-mob .mobile-collapsed-menu .mobile_nav_wrapper .ma-menu_box {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    overflow: visible;
}

.mobile-collapsed-menu .ma-menu-outer_content {
    position: absolute;
    padding: 30px;
    width: 100%;
    bottom: 17px;
    top: 0;
    right: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.open-menu-mob .collapsed_menu {
    transition: transform .45s ease-in-out;
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
}

.open-menu-mob.nav-align_right .collapsed_menu {
    transition: transform .45s ease-in-out;
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
}

.mobile-vertical-menu .ma-menu-outer_content {
    padding: 30px;
    overflow-y: auto;
}

.hedju-mobile-container .header_side {
    max-width: 100%;
    box-sizing: border-box;
}

.ma-menu_outer .ma-menu-outer_content::-webkit-scrollbar {
    display: none;
}

.mobile_nav_wrapper .ma-menu-outer_content>* {
    margin-top: 20px;
}

.mobile_nav_wrapper .ma-menu-outer_content>*:first-child {
    margin-top: 0;
}

.mobile_nav_wrapper .primary-nav>ul li {
    position: static;
}

.mobile_nav_wrapper .primary-nav>ul.mobile_switch_on {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block !important;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
}

.mobile_nav_wrapper .primary-nav ul li ul li>a>span:before {
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>a>span:before,
.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-item>a>span:before,
.mobile_nav_wrapper .primary-nav ul li ul li.current_page_item>a>span:before {
    display: inline-block;
}

.mobile_nav_wrapper .primary-nav {
    width: -webkit-calc(100% + 17px);
    width: -moz-calc(100% + 17px);
    width: calc(100% + 17px);
}

.mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children:after,
.mobile_nav_wrapper .primary-nav>ul>li.menu-item-has-children>a:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li a {
    color: inherit !important;
    position: relative;
}

.mobile_nav_wrapper .primary-nav>ul>li.menu-item-has-children>a:after,
.mobile_nav_wrapper .primary-nav>ul>li.mega-menu.mega-cat>a:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav>ul>li>a:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav>ul>li>a>span {
    padding-right: 0 !important;
}

.mobile_nav_wrapper .primary-nav>ul>li.current-menu-item>a>span:after,
.mobile_nav_wrapper .primary-nav>ul>li.current_page_item>a>span:after,
.mobile_nav_wrapper .primary-nav>ul>li.current-menu-ancestor>a>span:after,
.mobile_nav_wrapper .primary-nav>ul>li.current-menu-parent>a>span:after,
.mobile_nav_wrapper .primary-nav>ul>li.current_page_parent>a>span:after,
.mobile_nav_wrapper .primary-nav>ul>li.current_page_ancestor>a>span:after {
    width: 100%;
}

.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>a>span,
.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-item>a>span,
.mobile_nav_wrapper .primary-nav ul li ul li.current_page_item>a>span,
.mobile_nav_wrapper .primary-nav ul li ul li:hover>a>span {
    color: inherit;
}

.mobile_nav_wrapper .primary-nav>ul>li>a>span.button_trigger:after,
.mobile_nav_wrapper .primary-nav ul li ul li>a:before {
    display: none;
}

.primary-nav ul li ul .menu-item.back {
    margin-left: -21px;
}

.primary-nav ul li ul .menu-item.back a {
    display: inline-block !important;
    color: inherit !important;
}

.primary-nav ul li ul .menu-item.back:before {
    content: "\f177";
    display: inline-block;
    position: static;
    width: auto;
    height: auto;
    padding-right: 5px;
    font: normal normal normal 14px/1 FontAwesome;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
    -moz-transition: color 0.4s;
    transition: color 0.4s;
    color: inherit !important;
}

.mobile_nav_wrapper .primary-nav ul li ul {
    position: relative;
    top: 0 !important;
    left: 0;
    right: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 30px;
    min-width: auto;
    color: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
    white-space: initial;
    overflow: hidden;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a {
    padding: 13px 0;
    margin: 0;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span {
    display: inline;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span.menu-item_plus {
    display: none;
}

.mobile_nav_wrapper .primary-nav>ul>li>a span:before {
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children>a:after,
.mobile_nav_wrapper .primary-nav>ul>li.menu-item-has-children>a:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul li {
    border-bottom: 0 !important;
    margin: 0;
}

.mobile_nav_wrapper .primary-nav ul li ul li:hover>a {
    background: transparent;
    color: inherit;
}

.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>a,
.mobile_nav_wrapper .primary-nav ul li ul li.menu-item.current-menu-item>a {
    background: transparent;
}

.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent>a>span:after,
.mobile_nav_wrapper .primary-nav ul li ul li.menu-item.current-menu-item>a>span:after {
    opacity: 1;
    visibility: visible;
}

.mobile_nav_wrapper .primary-nav ul li ul li>a>span {
    padding: 0;
    background: none !important;
}

.mobile_nav_wrapper .primary-nav ul li ul li>a>span:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 21px;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 0;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none;
    width: 100%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:hover,
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:focus {
    padding-left: 0;
}

.hedju-mobile-header .primary-nav ul li ul.menu-sub-content .menu-item a {
    display: flex;
    padding: 10px 0 10px 0;
    color: inherit;
    font-size: 14px;
    opacity: 1;
    transition: 0s;
}
.hedju-mobile-header .hedju-mobile-container h1, .hedju-mobile-header .hedju-mobile-container h1 a{
    color: inherit;
    font-size: 40px;
    line-height: 1;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span.item_text_clone{
    display: none !important;
}
/* Button Switcher */
.mobile_nav_wrapper .primary-nav .button_trigger {
    width: 36px;
    height: 36px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin-right: 0;
}

.mobile_nav_wrapper .primary-nav .button_trigger:before {
    content: '';
    display: inline-block;
    border-top-width: 2px;
    border-top-style: solid;
    border-left-width: 2px;
    border-left-style: solid;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 8px;
    height: 8px;
    visibility: visible;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: inherit;
    margin-left: 0 !important;
}

.mobile_nav_wrapper .primary-nav .button_trigger:after {
    display: none;
}

.mobile_nav_wrapper .primary-nav .button_trigger.is-active:before {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    -moz-transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    -o-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
}

.ma-container-mob {
    margin: 0 auto;
}

.ma-theme-header .hedju-mobile-header .ma-logo-container img {
    vertical-align: middle;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_right"] .header_area_container>* {
    padding-left: 25px;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_right"] .header_area_container>*:first-child {
    padding-left: 0;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_left"] .header_area_container>* {
    padding-right: 25px;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_left"] .header_area_container>*:last-child {
    padding-right: 0;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_center"] .header_area_container>* {
    padding-left: 25px;
    padding-right: 25px;
}

.hedju-mobile-header .ma-header-row .header_side[class^="position_center"] .header_area_container>*:last-child,
.hedju-mobile-header .ma-header-row .header_side[class^="position_center"] .header_area_container>*:first-child {
    padding-right: 0;
    padding-left: 0;
}

.hedju-mobile-header .header_search:before {
    content: '';
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: middle;
}
.hedju-mobile-header .header_search i {
    font-size: 26px;
    line-height: 30px;
}
.mobile-header_spacing{
    width: 30px;
}
.mobile-menu-trigger {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #fff;
    z-index: 111;
    padding: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.open-menu-mob .mobile-menu-trigger{
    border-width: 1px;
    border-style: solid;   
}
.menu-trigger-op {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
}

.mobile-menu-trigger span {
    background: #fff;
    border-radius: 4px;
    height: 2px;
    margin: 3px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.mobile-menu-trigger span:nth-of-type(1) {
    width: 50%;
}

.mobile-menu-trigger span:nth-of-type(2) {
    width: 100%;
}

.mobile-menu-trigger span:nth-of-type(3) {
    width: 75%;
}

.mobile-menu-trigger span:first-child {
    margin-bottom: 4px;
}

.mobile-menu-trigger span:last-child {
    margin-top: 4px;
}

.menu-box-search .hedju-form-holder {
    position: relative;
}

.menu-box-search .ma-search-submit {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 65px;
    height: 65px;
    text-align: center;
    opacity: 1;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    -moz-transition: all .45s ease;
    transition: all .45s ease;
    border-color: transparent;
    border:1px solid currentColor;
}

body.admin-bar .ma-menu_box {
    top: 46px;
    height: -webkit-calc(100vh - 46px);
    height: -moz-calc(100vh - 46px);
    height: calc(100vh - 46px);
}

.logo-standard {
    max-width: inherit;
}
.logo_rotate_active .logo-standard,
.logo_rotate_active .logo-sticky{
    -webkit-animation: rotate-center 5s linear infinite;
    animation: rotate-center 5s linear infinite;    
}

.open-menu-mob .menu-trigger-op span:nth-of-type(1) {
    transform-origin: bottom;
    transform: translate(-12px, 4px) rotatez(45deg);
}

.open-menu-mob .menu-trigger-op span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
}

.open-menu-mob .menu-trigger-op span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(-2px, -4px) rotatez(45deg);
}

/* ==========================================================================
Mobile Header - End
========================================================================== */
/* ==========================================================================
Theme Settings - Start
========================================================================== */
.theme-options-holder{
    position: relative;
}
.theme-options-btn-area{
    position: fixed;
    width: 50px;
    height: 50px;
    background: #111;
    right: 0;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.theme-options-box-area {
    width: 340px;
    padding: 50px 30px;
    background: #111;
    position: fixed;
    right: -340px;
    top: 40%;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.theme-options-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 100%;
    width: 100%;
    font-size: 26px;
    cursor: pointer;
}
.theme-options-btn:hover{
    color: #FFF !important;
}

.theme-options-btn .c_anim{
    -webkit-animation: rotate-center 2s linear infinite both;
    animation: rotate-center 2s linear infinite both;
    
}

.theme-options-box_mode{
display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px; 
}
.theme-options-mode{
    display: flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    padding: 10px 15px;
    text-transform: uppercase;  
    justify-content: space-between;
    align-items: center;   
    cursor: pointer; 
    transition: all 0.2s;
}

.theme-options-mode .caption-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s, color 0.1s;
    visibility: visible;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    height: 24px;
    width: 24px;
    margin-left: 10px;
    transition: all 0.2s;
}
.theme-options-mode.active_mode .caption-icon,
.theme-options-mode.active_cursor .caption-icon,
.theme-options-mode.active_dir .caption-icon{
    background: rgba(255, 255, 255, 1);
}
.theme-options-mode.active_mode .caption,
.theme-options-mode.active_cursor .caption,
.theme-options-mode.active_dir .caption{
    color: rgba(255, 255, 255, 1);
}
.theme-options_light .caption-icon:before {
    content: url(../img/sun.svg);
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}
.theme-options_dark .caption-icon:before{
    content: url(../img/moon.svg);
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}
.theme-options_cursor_animate .theme-options_bg{
    background-image: url(../img/cursor.png);
    background-repeat: no-repeat;
    background-size: cover;      
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}
.theme-options_cursor_default .theme-options_bg{
    background-image: url(../img/circumference.png);
    background-repeat: no-repeat;
    background-size: cover;      
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}

.theme-options_rtl .theme-options_bg{
    background-image: url(../img/turn-right.png);
    background-repeat: no-repeat;
    background-size: cover;      
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}

.theme-options_ltr .theme-options_bg{
    background-image: url(../img/circumference.png);
    background-repeat: no-repeat;
    background-size: cover;      
    display: block;
    width: 14px;
    height: 14px;
    transition: 0.2s;
    line-height: 1;
}

.theme-options-heading .theme-options_title{
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #FFF;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.theme-options-mode_holder:not(:last-child){
    margin-bottom: 30px;    
}
body.theme-options-open .theme-options-btn-area{
    right: 340px;
    
}
body.theme-options-open .theme-options-box-area{
    right: 0;
}
.options-btn_open{
    display: none !important;
    opacity: 0;
}
.options-btn_close{
    display: flex;
    opacity: 1;
}
body.theme-options-open .options-btn_open{
    display: flex!important;
    opacity: 1;
}
body.theme-options-open .options-btn_close{
    display: none !important;
    opacity: 0;
}
/* ==========================================================================
Theme Settings - End
========================================================================== */
/* ==========================================================================
Slide Nav - Start
========================================================================== */
.slide-nav {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.slide-nav .slide-nav_warp {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    width: 20px;
    padding: 10px 0;
    transition: transform 0.15s linear;
}

.slide-nav span span {
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.slide-nav span span:nth-child(1) {
    top: 0;
    left: 0;
}

.slide-nav span span:nth-child(2) {
    top: 0;
    right: 0;
}

.slide-nav span span:nth-child(3) {
    bottom: 0;
    right: 0;
}

.slide-nav span span:nth-child(4) {
    bottom: 0;
    left: 0;
}

.slide-nav span:hover span:nth-child(1) {
    margin-left: 15px;
}

.slide-nav span:hover span:nth-child(2) {
    margin-top: 15px;
}

.slide-nav span:hover span:nth-child(3) {
    margin-right: 15px;
}

.slide-nav span:hover span:nth-child(4) {
    margin-bottom: 15px;
}

.slide-nav_background {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: auto;
    visibility: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    visibility: hidden;
    transition-delay: 1s;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}

.vc_slide-active .slide-nav_background {
    visibility: visible;
}

.slide-nav_header {
    height: 5.625rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: end;
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, -100%);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.vc_slide-active .slide-nav_header {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    transition-delay: 1s;
}

.slide-nav_header .slide-nav_close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
}

.slide-nav-close_warp {
    position: relative;
    z-index: 1;
    padding: 11px;
    border-radius: 50%;
}

.slide-nav-close_warp:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.slide-nav-close_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
}

.slide-nav-close_inner span:nth-of-type(1) {
    transform-origin: bottom;
    transform: translate(-11px, 3px) rotatez(45deg);
    width: 50%;
}

.slide-nav-close_inner span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
    width: 100%;
}

.slide-nav-close_inner span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(-2px, -4px) rotatez(45deg);
}

.slide-nav-close_inner span {
    background-color: #fff;
}

.slide-nav-close_inner span {
    border-radius: 4px;
    height: 2px;
    margin: 3px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.slide-nav_content {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: auto;
    visibility: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vc_slide-active .slide-nav_content {
    visibility: visible;
}

.slide-nav-content_wrapper {
    height: 100%;
}

.slide-nav-content_holder {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.slide-nav-content_warp {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 3.75rem 0.625rem 0;
    opacity: 0;
    visibility: hidden;
}

.slide-nav-content_warp.slide-nav_boxed {
    width: 1170px;
    margin: 0 auto;
}

.slide-nav-content_warp .vc_row {
    width: 100%;
}

.vc_slide-active .slide-nav-content_warp {
    visibility: visible;
    opacity: 1;
}

.slide-nav-content_warp .primary-nav {
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
    transform: translate(-100%, 0px);
    height: 100%;
}

.vc_slide-active .slide-nav-content_warp .primary-nav {
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    transition-delay: 1s;
    transform: translate(0px, 0px);
}

.flash-bg {
    display: flex;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.flash-bg_holder {
    flex: 1 auto;
    height: 100%;
}

.flash-bg_rows {
    height: 100%;
}

.flash-bg_col {
    float: left;
    position: relative;
    height: 100%;
    width: 25%;
}



.vc_slide-active .flash-bg_col:before {
    transform: scaleY(1);
    transition-delay: .25s;
}

.flash-bg_col span {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: transform .3s .3s cubic-bezier(.7, 0, .2, 1), opacity .3s .3s cubic-bezier(.7, 0, .2, 1);
}

.flash-bg_rows .flash-bg_col:nth-child(1) span {
    transition-delay: .1s;
}

.flash-bg_rows .flash-bg_col:nth-child(2) span {
    transition-delay: .3s;
}

.flash-bg_rows .flash-bg_col:nth-child(3) span {
    transition-delay: .6s;
}

.flash-bg_rows .flash-bg_col:nth-child(4) span {
    transition-delay: .9s;
}

.vertical_col .flash-bg_col span {
    transform: scaleY(0);
    transform-origin: top;
}

.vc_slide-active .vertical_col .flash-bg_col span {
    transform: scaleY(1);
}

.horizontal_col .flash-bg_col span {
    transform: scaleX(0);
    opacity: 0;
    transform-origin: left center;
}

.vc_slide-active .horizontal_col .flash-bg_col span {
    transform: scaleX(1);
    opacity: 1;
    transform-origin: right center;
}

/******slide nav menu *****/
.slide-nav-content_warp .primary-nav>ul {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block !important;
}

.slide-nav-content_warp .primary-nav ul li ul {
    background-color: transparent;
}

.slide-nav-content_warp .primary-nav ul li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
}

.slide-nav-content_warp .primary-nav>ul li {
    position: relative;
}

.slide-nav-content_warp .primary-nav ul li a {
    padding: 10px 0;
    margin: 0;
    position: relative;
    text-transform: capitalize;
}

.slide-nav-content_warp .primary-nav > ul > li.menu-item-has-children > a > .menu-item_plus:before {
    content: "\f102" !important;
    transform: translateY(-50%) rotate(0deg) !important;
}
.slide-nav-content_warp .primary-nav ul li.menu-item-has-children:hover .menu-item_plus:before{
   transform: translateY(-50%) rotate(0deg);
}
.slide-nav-content_warp .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a:before{
    content: "\f102" !important;
}    
.slide-nav-content_warp .primary-nav ul li a span {
    display: inline;
}

.slide-nav-content_warp .primary-nav .button_trigger {
    margin: 0 50px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.slide-nav-content_warp .primary-nav .button_trigger.is-active {
    transform: rotate(45deg);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.slide-nav-content_warp .primary-nav .button_trigger:before {
    content: "\f102";
    font-weight: 400;
    font-family: "Ionicons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slide-nav-content_warp .primary-nav ul li ul.sub-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none;
    width: 100%;
    display: block;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}
.slide-nav-content_warp .primary-nav ul li ul.menu-sub-content .menu-item a {
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
    color: inherit;
    opacity: 1;
    transition: 0s;
}
.slide-nav-content_warp .primary-nav ul li ul {
    position: absolute;
    top: 100px;
    left: 100%;
    right: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    color: inherit;
    opacity: 1;
    visibility: visible;
    white-space: initial;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;    
}

.slide-nav-content_warp .primary-nav ul li:hover > ul {
    top: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.adv-slide-nav {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.adv-slide-nav .adv-slide-nav_warp {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    width: 20px;
    padding: 10px 0;
    transition: transform 0.15s linear;
}

.adv-slide-nav span span {
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.adv-slide-nav span span {
    background-color: #222222;
}

.adv-slide-nav span span:nth-child(1) {
    top: 0;
    left: 0;
}

.adv-slide-nav span span:nth-child(2) {
    top: 0;
    right: 0;
}

.adv-slide-nav span span:nth-child(3) {
    bottom: 0;
    right: 0;
}

.adv-slide-nav span span:nth-child(4) {
    bottom: 0;
    left: 0;
}

.adv-slide-nav span:hover span:nth-child(1) {
    margin-left: 15px;
}

.adv-slide-nav span:hover span:nth-child(2) {
    margin-top: 15px;
}

.adv-slide-nav span:hover span:nth-child(3) {
    margin-right: 15px;
}

.adv-slide-nav span:hover span:nth-child(4) {
    margin-bottom: 15px;
}

.adv-slide-nav_background {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: auto;
    visibility: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    visibility: hidden;
    transition-delay: 1s;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}

.vc_adv-slide-active .adv-slide-nav_background {
    visibility: visible;
}

.adv-slide-nav_header {
    height: 5.625rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: end;
    opacity: 0;
    visibility: hidden;
    transform: translate(0px, -100%);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.vc_adv-slide-active .adv-slide-nav_header {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    transition-delay: 1s;
}

.adv-slide-nav_header .adv-slide-nav_close {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
}

.adv-slide-nav-close_warp {
    position: relative;
    z-index: 1;
    padding: 11px;
    border-radius: 50%;
}

.adv-slide-nav-close_warp:hover {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.adv-slide-nav-close_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 25px;
    cursor: pointer;
}
.adv-slide-nav-close_inner:before{
    content: '\f10d';
    display: flex;
    z-index: 2;
    width: 60px;
    height: 60px;
    font-family: flaticon;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    transform: rotate(135deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    background-color: transparent;
    cursor: pointer;
}
.adv-slide-nav-close_inner:hover:before {
    -webkit-animation: rotate-search-close 0.3s ease-in-out both;
    animation: rotate-search-close 0.3s ease-in-out both;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
}    

.adv-slide-nav_content {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: auto;
    visibility: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vc_adv-slide-active .adv-slide-nav_content {
    visibility: visible;
}

.adv-slide-nav-content_wrapper {
    height: 100%;
}

.adv-slide-nav-content_holder {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.adv-slide-nav-content_warp {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3.75rem 0.625rem 0;
    opacity: 0;
    visibility: hidden;
}

.adv-slide-nav-content_warp.adv-slide-nav_boxed {
    margin: 0 auto;
    height: 100%;
}
.adv-slide-nav_bottom{
    margin: 0 auto;
    padding: 30px 0 3.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.adv-slide-nav_bottom ul{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    visibility: visible;
    opacity: 1;
}

.adv-slide-nav-content_warp .vc_row {
    width: 100%;
}
.vc_adv-slide-active .adv-slide-nav-content_warp {
    visibility: visible;
    opacity: 1;
}
.adv-slide-nav-content_warp .primary-nav {
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
    transform: translate(-100%, 0px);
    height: 100%;
}
.vc_adv-slide-active .adv-slide-nav-content_warp .primary-nav {
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    transition-delay: 1s;
    transform: translate(0px, 0px);
}

.flash-bg {
    display: flex;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.flash-bg_holder {
    flex: 1 auto;
    height: 100%;
}

.flash-bg_rows {
    height: 100%;
}

.flash-bg_col {
    float: left;
    position: relative;
    height: 100%;
    width: 25%;
}

.flash-bg_col:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transform: scaleY(0);
    transform-origin: center top;
    transition: transform .75s cubic-bezier(.7, 0, .2, 1);
}

.vc_adv-slide-active .flash-bg_col:before {
    transform: scaleY(1);
    transition-delay: .25s;
}

.flash-bg_rows .flash-bg_col:nth-child(1) span {
    transition-delay: .1s;
}

.flash-bg_rows .flash-bg_col:nth-child(2) span {
    transition-delay: .3s;
}

.flash-bg_rows .flash-bg_col:nth-child(3) span {
    transition-delay: .6s;
}

.flash-bg_rows .flash-bg_col:nth-child(4) span {
    transition-delay: .9s;
}

.vertical_col .flash-bg_col span {
    transform: scaleY(0);
    transform-origin: top;
}

.vc_adv-slide-active .vertical_col .flash-bg_col span {
    transform: scaleY(1);
}

.horizontal_col .flash-bg_col span {
    transform: scaleX(0);
    opacity: 0;
    transform-origin: left center;
}

.vc_adv-slide-active .horizontal_col .flash-bg_col span {
    transform: scaleX(1);
    opacity: 1;
    transform-origin: right center;
}

/******adv-slide nav menu *****/
.adv-slide-nav-content_warp .primary-nav>ul {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block !important;
}

.adv-slide-nav-content_warp .primary-nav ul li ul {
    background-color: transparent !important;
}

.adv-slide-nav-content_warp .primary-nav ul li {
    display: block;
    float: none;
    height: auto;
    padding: 0;
}

.adv-slide-nav-content_warp .primary-nav>ul li {
    position: relative;
}

.adv-slide-nav-content_warp .primary-nav ul li a {
    padding: 10px 0;
    margin: 0;
    position: relative;
    text-transform: capitalize;
}

.adv-slide-nav-content_warp .primary-nav > ul > li.menu-item-has-children > a > .menu-item_plus:before {
    content: "\f102" !important;
    transform: translateY(-50%) rotate(0deg) !important;
}
.adv-slide-nav-content_warp .primary-nav ul li.menu-item-has-children:hover .menu-item_plus:before{
   transform: translateY(-50%) rotate(0deg);
}
.adv-slide-nav-content_warp .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a:before{
    content: "\f102" !important;
}    
.adv-slide-nav-content_warp .primary-nav ul li a span {
    display: inline;
}

.adv-slide-nav-content_warp .primary-nav .button_trigger {
    margin: 0 50px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.adv-slide-nav-content_warp .primary-nav .button_trigger.is-active {
    transform: rotate(45deg);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    transition-delay: 0.1s;
}

.adv-slide-nav-content_warp .primary-nav .button_trigger:before {
    content: "\f102";
    font-weight: 400;
    font-family: "Ionicons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.adv-slide-nav-content_warp .primary-nav ul li ul.sub-menu {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    border: none;
    width: 100%;
    display: block;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
}
.adv-slide-nav-content_warp .primary-nav ul li ul.menu-sub-content .menu-item a {
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px;
    color: inherit;
    opacity: 1;
    transition: 0s;
}
.adv-slide-nav-content_warp .primary-nav ul li ul {
    position: absolute;
    top: 100px;
    left: 100%;
    right: 0 !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    color: inherit;
    opacity: 1;
    visibility: visible;
    white-space: initial;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;    
}

.adv-slide-nav-content_warp .primary-nav ul li:hover > ul {
top: 0 !important;
opacity: 1 !important;
visibility: visible !important;

}
.adv-slide-bottom-list-info, .adv-slide-bottom-list-info li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.adv-slide-bottom-list-info li{
    display: inline-block;
    margin-right: 1.2em;
}
.adv-slide-bottom-list-info a{
    color: inherit;
    text-decoration: none;
}    
.adv-slide-bottom-list-info li a{
    width: 40px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;   
}

.adv-slide-nav-content_warp, .adv-slide-nav_bottom{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;    
}

.vc_adv-overlay-active .adv-slide-nav-content_warp,
.vc_adv-overlay-active .adv-slide-nav_bottom{
    visibility: visible;
    opacity: 1;
}
/* ==========================================================================
Slide Nav - End
========================================================================== */
/* ==========================================================================
Search Box - Start
========================================================================== */
.ma-search-holder{
position:fixed;
top:0;
left:0;
right:0;
background: #0f0f2b;
z-index: 99999;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.ma-search-holder.active_search{
opacity: 1;
visibility: visible;    
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.search-container{
    height: 450px;
    padding: 40px 50px 0;
}
.search-container .ma-search-field{
    color: #fff;
    margin-bottom: 0;
}
.search-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
}
.search-content{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.active_search .search-header-icon{
    position: relative;
    font-size: 35px;
    line-height: 30px;
    color: #fff;     
}

.search-header-icon:before{
    content: '\f10d';
    display: flex;
    z-index: 2;
    width: 60px;
    height: 60px;
    font-family: flaticon;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    transform: rotate(135deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    background-color: transparent;
    cursor: pointer;
}
.search-header-icon:hover:before {
    -webkit-animation: rotate-search-close 0.3s ease-in-out both;
    animation: rotate-search-close 0.3s ease-in-out both;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
}
.ma-form-holder-inner {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ma-field-holder {
    display: block;
    position: relative;
    flex: 1;
}

.ma-field-holder input[type=text].ma-search-field{
    margin-bottom: 0px;
    border-right: none;
}
.ma-form-holder-inner .ma-search-submit{
    position: relative;
    width: auto;
    height: 60px;
    padding: 0 5px;
    font-size: 30px!important;
    line-height: 30px;

    background-color: transparent;
    border: none;
    outline: 0;
    opacity: 1;
    cursor: pointer;
    text-align: center;
    background: transparent !important;
}

.ma-form-holder-inner .search-line {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #7b848e;
}
.ma-form-holder-inner .search-line:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all .5s .5s;
    -moz-transition: all .5s .5s;
    transition: all .5s .5s;   
}
.active_search .ma-form-holder-inner .search-line:after{
    width: 100%;
}
.ma-form-holder-inner .ma-search-field{
    border: none;
}

.ma-form-holder-inner .ma-search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7b848e;
  font-size: 18px!important;
}
.ma-form-holder-inner .ma-search-field::-moz-placeholder { /* Firefox 19+ */
  color: #7b848e;
  font-size: 18px!important;
}
.ma-form-holder-inner .ma-search-field:-ms-input-placeholder { /* IE 10+ */
  color: #7b848e;
  font-size: 18px!important;
}
.ma-form-holder-inner .ma-search-field:-moz-placeholder { /* Firefox 18- */
  font-size: 18px!important;
  color: #7b848e;
}
.hedju_404_search .ma-form-holder-inner .ma-search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 20px!important;
}
.hedju_404_search .ma-form-holder-inner .ma-search-field::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-size: 20px!important;
}
.hedju_404_search .ma-form-holder-inner .ma-search-field:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-size: 20px!important;
}
.hedju_404_search .ma-form-holder-inner .ma-search-field:-moz-placeholder { /* Firefox 18- */
  font-size: 20px!important;
  color: #fff;
} 
.hedju-form-widget .ma-form-holder-inner .ma-search-submit{
    font-size: 22px;
    padding: 0;
    width: 60px
}
.hedju-form-widget .ma-form-holder-inner .ma-search-field{
    margin: 0 !important;
    height: 60px;
    padding: 3px 50px 0 15px;
    box-sizing:border-box;
}
@-webkit-keyframes rotate-search-close {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@keyframes rotate-search-close {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
/* ==========================================================================
Search Box - End
========================================================================== */
/* ==========================================================================
Side Panel - Start
========================================================================== */
.side-panel_holder{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.45s ease-in-out;
    z-index: 9999;
}
.side-panel_holder {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.45s ease-in-out;
    z-index: 10000;
}
.side-panel_header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
}
body.side-panel_active .side-panel_holder {
    opacity: 1;
    visibility: visible;
}

.side-panel_holder.side-panel_open {
    opacity: 1;
    visibility: visible;
}

.side-panel_header_icon{
    position: relative;
    font-size: 35px;
    line-height: 30px;
    color: #fff;
}
.side-panel_header_icon:before{
    content: '\f10d';
    display: flex;
    z-index: 2;
    width: 60px;
    height: 60px;
    font-family: flaticon;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    transform: rotate(135deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    background-color: transparent;
    cursor: pointer;
}
.side-panel_header_icon:hover:before {
    -webkit-animation: rotate-search-close 0.3s ease-in-out both;
    animation: rotate-search-close 0.3s ease-in-out both;
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
}
/* ==========================================================================
Side Panel - End
========================================================================== */
/* ==========================================================================
Page Title - Start
========================================================================== */
.page-header {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 0;
}
.page-header::before {
    content: '';
    position: absolute;
    width: calc(100% - 100px);
    height: calc(100% + 30px);
    top: -30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.page-header::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 180px);
    top: 100px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.ma-header-wrapper {
    width: 1350px;
    z-index: 9;
    margin-left: auto;
    margin-right: auto;
    transition: transform .45s ease-in-out;
}
.ma-header-wrapper:before,
.ma-header-wrapper:after {
    content: '';
    display: table;
    line-height: 0;
}
.page-header_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    word-wrap: break-all;
}

/* ==================== #breadcrumbs ==================== */
.page-header_breadcrumbs ul.woo-breadcrumbs_ul,
.page-header_breadcrumbs ul.woo-breadcrumbs_ul li{
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}
.page-header_breadcrumbs ul.woo-breadcrumbs_ul li a{
    line-height: 26px;
}
.page-header_breadcrumbs ul.woo-breadcrumbs_ul li{
    display: inline-block;
}
.single-product .breadcrumbs .delimiter{
    line-height: 30px;
}
.page-header_breadcrumbs a,
.page-header_breadcrumbs a:hover {
    color: inherit;
}

.page-header_breadcrumbs {
    margin-top: 26px;
}

.page-header_breadcrumbs .delimiter:not(:last-child) {
    color: inherit;
    margin: 0 8px;
    opacity: 1;
}

.page-header_breadcrumbs .delimiter:not(:last-child):before {
    display: inline-block;
    vertical-align: bottom;
    font-size: 19px;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/* ==========================================================================
Page Title - End
========================================================================== */
/* ==========================================================================
Main Layout - Start
========================================================================== */
/* container */
#main {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    transition: transform .45s ease-in-out;
}
#main_full_page{
    transition: transform .45s ease-in-out;    
}
.main_full_page{
    position: relative;
    overflow: hidden;
}
.page-content-warp{
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.page-full-width{
    margin-left: auto;
    margin-right: auto;   
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
.row [class*='as_col-'] {
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
[class*='as_col-'] {
    float: left;
    min-height: 1px;
}
.row:after, .row:before, .page-content-warp:after, .page-content-warp:before, .page-full-width:after, .page-full-width:before, .clearfix:after, .clearfix:before {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
}
.row.sidebar_left .content, .row.sidebar_sidebar_left .content {
    float: right;
}
.top-padding{
    padding-top: 50px;
}
/* ==========================================================================
Main Layout - End
========================================================================== */
.blog-posts .standard-list .blog-post_media{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.blog-posts .blog-post-item{
    margin-bottom: 65px;
}
.blog-posts .standard-list .blog-post_media_part {
    position: relative;
    line-height: 0;
    border-radius: 0;
    transition: 0.4s;
}
.blog-posts .standard-list .blog-post_media_part img{
    display: block;
    width: 100%;
}
.blog-posts .standard-list .blog-post_media .post_date {
    position: absolute;
    line-height: 30px;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin: 0;
}
.blog-posts .standard-list .hide_image .post_date, .blog-posts .standard-list.format-no_featured:not(.format-gellery) .post_date{
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
}
.blog-post-item.centered-post-item.format-no_featured>div,
.blog-post-item.left-post-item.format-no_featured>div,
.blog-post-item.creative-post-item.format-no_featured>div,
.blog-post-item.standard-list.format-no_featured>div{
        border-width: 1px;
        border-style: solid;
} 
.blog-posts.centered-post-item .hide_image .blog-post_content, .blog-posts .centered-post-item.format-no_featured .blog-post_content,
.blog-posts.left-post-item .hide_image .blog-post_content, .blog-posts .left-post-item.format-no_featured .blog-post_content,
.blog-posts.creative-post-item .hide_image .blog-post_content, .blog-posts .creative-post-item.format-no_featured .blog-post_content,
.blog-posts.standard-list .hide_image .blog-post_content, .blog-posts .standard-list.format-no_featured .blog-post_content{
    padding: 26px 40px 36px;
}
.blog-posts .centered-post-item.format-no_featured:not(.format-gellery) .blog-post_media,
.blog-posts .left-post-item.format-no_featured:not(.format-gellery) .blog-post_media,
.blog-posts .creative-post-item.format-no_featured:not(.format-gellery) .blog-post_media,
.blog-posts .standard-list.format-no_featured:not(.format-gellery) .blog-post_media{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.format-icon{
    padding: 18px 19px;
}
.format-icon i{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
}
.link-box{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}
.single-hedju-page .link-box,
.search-page-container .link-box{
    margin-bottom: 50px;
}
.link-box a{
    display: block;
    z-index: 9;
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-transform: uppercase;
}
.link-box::before, .quote-box::before{
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.link-box::after, .quote-box::after{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.quote-box{
padding: 60px;
position: relative;
overflow: hidden;
margin-bottom: 0;  
}
.single-hedju-page .quote-box{
    margin-bottom: 50px;
}
.quote-text{
    position: relative;
    font-size: 30px;
    line-height: 43px;
    font-weight: 700;
    text-transform: uppercase;

}
.hero-content .link-box .link-text, .hero-content .quote-text span {
    display: block;
    z-index: 3;
}
.quote-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}
.quote-author-pos{
    padding-left: 5px;
}
 .hero-content .quote-box .quote-text{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

.format-video .blog-post_media iframe, .format-audio .blog-post_media iframe {
    position: absolute;
    z-index: 1;
    height: 100%;
}
.format-audio .post-audio {
    position: relative;
    margin-bottom: 30px;
}
.format-video .post-video iframe , .format-audio .post-audio iframe{
    position: absolute;
    z-index: 1;
    height: 100%;
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
}
.format-video .post-video {
    margin-bottom: 30px;
}
.single-post-gallery .owl-nav{
    position: absolute !important;
    right: 0;
    bottom: 0;
}
.gallery-next, .gallery-prev {
    height: 40px;
    width: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.gallery-next span, .gallery-prev span {
    font-size: 14px;
    line-height: 40px;
}
.single-post-gallery .owl-carousel .owl-nav button.owl-next,
.single-post-gallery .owl-carousel .owl-nav button.owl-prev,
.single-post-gallery .owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    height: auto;
}
.post_date{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 9px 19px;
    letter-spacing: 0.1em;
    display: inline-block;
    margin-top: -1px;
    margin-left: -1px;
    transition: 0.4s;
}
.blog-posts .post_meta-wrap {
    margin-bottom: 10px;
}
.blog-posts .post_meta-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.blog-posts .meta-data {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    color: #D0D0D0;
}
.blog-posts .meta-data:first-child > * {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    padding: 0;
    margin: 0;
    line-height: inherit;
}
.blog-posts .meta-data a{
    color: inherit !important;
}

.blog-posts .post_categories span {
    display: inline-block;
    position: relative;
    line-height: inherit;
    transition: 0.4s;
}
.blog-posts .post_categories span:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
}
.blog-posts .meta-data > span:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: -2px 4px 2px;
    line-height: inherit;
    vertical-align: inherit;
}
.blog-posts .blog-post_title {
    font-size: 30px;
    display: block;
    margin-bottom: 0;
    word-wrap: break-word;
    clear: both;
    line-height: 46px;
}
.blog-posts .blog-post_title > a{
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}
.blog-posts .as_col-6 .blog-post_title,
.blog-posts .as_col-4 .blog-posts .blog-post_title, 
.blog-posts .as_col-3 .blog-posts .blog-post_title{
    font-size: 24px;
    line-height: 1.7;
}
.blog-posts .blog-post_title + .blog-post_text {
    margin-top: 10px;
}

.blog-post-bottom{
    padding-top: 30px;
    margin-top: 30px;
    border-top-width: 1px;
    border-top-style: solid;
}

.posts-list .as_col-6:nth-child(2n+1), .related-posts .as_col-6:nth-child(2n+1){
clear: left;
}

.posts-list .as_col-4:nth-child(3n+1), .related-posts .as_col-4:nth-child(3n+1){
clear: left;
}

.posts-list .as_col-3:nth-child(4n+1), .related-posts .as_col-3:nth-child(4n+1) {
clear: left;
}
.blog-link img{
    display: block;
    width: 100%;
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;    
}
.blog-post-item:hover .blog-link img {
    transform: scale(1.1);
}
/* ==================== ##Creative Item ==================== */
body .blog-posts .creative-post-item{
    position: relative;
}
body .blog-posts .creative-post-item.format-standard>div{
    display: flex;
    align-items:flex-start;
    align-content:flex-start;    
    flex-direction: row;
        
}
body .blog-posts .creative-post-item.format-standard .blog-post_media{
    display: flex;
    flex-basis: 44%;
    width: auto;
    flex-grow: 0;
    flex-shrink: 0; 
    padding-right: 20px;   
}
body .blog-posts .creative-post-item.format-standard .blog-post_content{
    display: flex;
    padding-left: 20px;
    flex-direction: column;
    justify-content: space-between; 
    align-self: stretch;   
}
body .blog-posts .creative-post-item.format-standard .blog-post_content .blog-post_title a{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: all .3s ease-in-out;
}
body .blog-posts .creative-post-item.format-standard .blog-post_content .blog-post_title a:before{
    content: '';
    display: block;
    height: 3px;
    width: 0;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: currentColor ;
    transition: all .3s ease-in-out;
}
body .blog-posts .creative-post-item.format-standard .blog-post_content .blog-post_title a:hover:before{
    width: 100%;
}
body .blog-posts .creative-post-item.format-standard .blog-post_media{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
body .blog-posts .creative-post-item.format-standard .blog-post_media .post_date{

    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    margin: 0;
}
body .blog-posts .creative-post-item .blog-post_media .blog-link{
    position: relative;
    overflow: hidden;
}
body .blog-posts .creative-post-item .blog-post_media .blog-link img{
    transform: scale(1)
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;    
}
body .blog-posts .creative-post-item:hover .blog-post_media .blog-link img{
    transform: scale(1.1);
}

/* ==================== ##Centered Item ==================== */

.centered-post-item:not(.format-no_featured) .blog-post_media, .left-post-item:not(.format-no_featured) .blog-post_media {
    position: relative;
    overflow: hidden;
}

.centered-post-item:not(.format-no_featured) .blog-post_media {
    margin-bottom: -106px;
}
.centered-post-item:not(.format-no_featured) .blog-post_content, .left-post-item:not(.format-no_featured) .blog-post_content {
    padding: 30px 30px 30px;
    margin-right: 40px;
    margin-left: 40px;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
}
.left-post-item:not(.format-no_featured) .blog-post_content{
    margin-right: 60px;
    margin-left: 0px;
}

.centered-post-item.format-standard .blog-post_media .post_date,
.left-post-item.format-standard .blog-post_media .post_date{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 0;
}
.left-post-item:not(.format-no_featured) .blog-post_media {
    margin-bottom: -106px;
}
/* ==========================================================================
Blog - End
========================================================================== */

/* ==================== ##Blog Meta  ==================== */
.blog-post_metas{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;    
    margin-top: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;    
}
.blog-post_metas a{
    color: inherit;
}
.blog-post_metas div:not(:last-child):after{
    content: "";
    width: 10px;
    height: 2px;
    display: inline-block;
    background: currentColor;
    margin: 0 7px 0 6px;
    transform: translateY(2px);
}
.category-holder{
    position: relative;
    display: block;
    transition: all 0.4s; 
}
.category-holder:before {
    content: '';
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 30px;
    height: 2px;
    top: -4px;
    margin-right: 8px;
}

.category-holder .category:not(:last-child)::after {
    content: ",";
    display: inline-block;
    font-style: italic;
    margin: 0 3px 0;
    line-height: 0;
    vertical-align: inherit;
    transform: translateY(-1px);
}

.readmore-link>span{   
    display: inline-flex;
    padding: 0;
    border-radius: inherit;
    border-color: inherit;
    align-items: center;
}
.readmore-link .btn-line {
    display: inline-block;
    width: 2.4em;
    height: 2px;
    margin-inline-end: 1em;
    position: relative;
    background-color: currentColor;
    transition: transform .3s cubic-bezier(.2,.95,.25,1);
    transform-origin: left center;
}   
.readmore-link .btn-line~.btn-txt {
    transition: transform .3s cubic-bezier(.2,.95,.25,1);
}
.btn-txt {
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    font-weight: 700;
    font-size: 13px;
}
.readmore-link .btn-txt~.btn-line {
    margin-inline-end: 0;
    margin-inline-start: 1em;
}
.readmore-link .btn-line-before:after{
    content: '\f104';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -0.19em;
    font-weight: 900;
    color:currentColor;
    font-family: "Flaticon";
    transform: translateY(-50%) scale(1);
 
}
.readmore-link .btn-line-after:after {
    content: '\f104';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -0.19em;
    font-weight: 900;
    color:currentColor;
    font-family: "Flaticon";
    transform: translateY(-50%) scale(0);
 
}
.readmore-link .btn-line-after {
   transform: scaleX(0) translateX(0);
}
.blog-post-item:hover .btn-line-before,
.readmore-link:hover .btn-line-before {
    transform: scaleX(0);
    transform-origin: left center;
}
.blog-post-item:hover .btn-line-after:after,
.readmore-link:hover .btn-line-after:after {
    transition: transform .35s;
    transform: translateY(-50%) scale(1);
}
.blog-post-item:hover .btn-line~.btn-txt,
.readmore-link:hover .btn-line~.btn-txt {
    transform: translateX(-4em);
}
.blog-post-item:hover .btn-line-after,
.readmore-link:hover .btn-line-after {
    transform: scaleX(1) translateX(-3.727em);
}
  
.hedju-button_loadmore {
    padding: 22px 40px;
    width: auto;
}
.hedju-button_loadmore {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.hedju-button_loadmore {
    background-color: transparent !important;
}
.hedju-button_loadmore .button_text_holder_load {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}
.hedju-button_loadmore::after {
    opacity: .5;
}
.hedju-button_loadmore::after, .hedju-button_loadmore::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.hedju-button_loadmore::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.hedju-button_loadmore::before {
    content: "\f102";
    font-family: flaticon;
    font-size: 20px;
    line-height: 20px;
    top: 18px;
    left: 15px;
    height: 18px;
    z-index: 1;
}

.hedju-button_loadmore:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.hedju-button_loadmore:hover::before{
    z-index: 1;
}

.hedju-button_loadmore:hover .button_text::after{
    opacity: 1;
     animation: scale 1s infinite alternate;
}

/* ==========================================================================
   Single Blog - Start
========================================================================== */
body.single-post #main{
    padding-top: 0;
}
.blog-entry-content, .single-hedju-page .content-inner{
    position: relative;
    z-index: 2;
    width: 1170px;
    margin: 0 auto;
}
.blog-entry-content-space{
    height: 50px;
}
.single-hedju-page .single-post-gallery,
.single-hedju-page .post-video,.single-hedju-page .post-audio{
    margin-bottom: 50px;
}
.post-video-warp, .post-audio-warp{
    padding-bottom: 57%;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.post-video-warp iframe,
.post-audio-warp iframe{
    position: absolute;
    z-index: 1;
    height: 100%;
}

.single-post-info{
    position: relative;
    border-top: 1px solid;
    padding-top: 30px;
    margin-top: 40px;
}
.tag-holder{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: flex-start;
    margin-bottom: 3rem;
}
.tag-holder .tags-caption{
    line-height: 36px;
    margin-right: 10px;
}
.tag-holder .tagcloud a{
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 14px !important;
    line-height: 30px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 13px;
    transition: all 0.4s;
    text-transform: lowercase;
    border-radius: 0;
    background: transparent;
}

/* ==================== ##standard Item ==================== */
.fullscreen-post-holder{
    position: relative;
    width: 100%;
}
.full-height{
   height: 100vh; 
}
.fullscreen-post-holder .page-head-container{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.fullscreen-post-holder .page-head-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100;
    clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.fullscreen-post-holder .page-head-image .bg-image{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.fullscreen-post-holder .hero-content{
    position: relative;
    width: 1170px;
}
.fullscreen-post-holder .title{
    font-size: 50px;
    line-height: 60px;
}
.page-dividing-single{
    position: relative;
    margin-top: 30px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    opacity: .3;
}
.fullscreen-post-holder .page-head-meta{
    padding: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between; 
    flex-wrap: wrap;   
}
.fullscreen-post-holder .page-head-meta .meta-holder{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
}

.fullscreen-post-holder .page-head-meta .meta-item:first-child {
    margin-right: 18px;
}
.fullscreen-post-holder .avatar.-small {
    width: 55px;
    height: 55px;
}
.fullscreen-post-holder .avatar {
    background-color: rgba(150, 144, 162, 0.35);
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.fullscreen-post-holder .avatar>img.avatar {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.fullscreen-post-holder .avatar::after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15);
    box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15);
}

.fullscreen-post-holder .meta-holder .meta-item {
    margin-right: 45px;
}
.fullscreen-post-holder .category-holder .category a,
.fullscreen-post-holder .title,
.category-holder .category a,
.fullscreen-post-holder .meta-holder .meta-item a,
.fullscreen-post-holder .social-info a{
    color: inherit;
}
.fullscreen-post-holder .meta-item .prefix {
    font-size: 14px;
    display: block;
    opacity: 0.9;
    margin-bottom: 8px;
}
.fullscreen-post-holder .meta-item {
    line-height: 1.6;
    text-align: left;
}
.fullscreen-post-holder .meta-item span:not(.prefix), .meta-item time:not(.prefix) {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.fullscreen-post-holder .social-info a{
    margin-right: 12px;
    height: 36px;
    width: 36px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

.fullscreen-post-holder .social-info a:not(:last-child){
    margin-right: 12px;
}

.sticky-pagination{
    width: 280px;
    position: fixed;
    z-index: 102;
    right: 4vh;
    bottom: 4vh;
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;    
}
.sticky-pagination-holder{
    height: 100%;
    padding: 30px;
}
.sticky-pagination-holder a{
    color: inherit;
}
.pagination-dividing{
    height: 1px;
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #222;
}
.pagination-wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
}
.pagination-title{
    font-weight: 700;
   line-height: 24px; 
   font-size: 15px;
}

.next-pagination .pagination-title{
    margin-right: 10px;
}
.prev-pagination .pagination-title{
    margin-left: 10px;
}
.pagination-media{
    position: relative;
    width: 70px;
    max-width: 70px;
}
.pagination-media img{
    width: 70px;    
    max-width: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
}

.pagination-media .image-pagination{
    display: block;
}
.empty_img_link .pagination-media{
    display: none;
}
.pagination-media_overlay{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
    justify-content: center;   
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f50;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
    visibility: hidden;
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;    
}
.pagination-media .image-pagination::after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    -webkit-box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15);
    box-shadow: inset 0 0 0 0.3125rem rgba(150, 144, 162, 0.15);
}
.overlay-next i, .overlay-prev i {
    transition: 0.5s;
    color: #fff;
    font-size: 18px;
}
.overlay-next i{
    margin-right: 20px;
}
.overlay-prev i {
   margin-left: 20px;
}
.next-pagination:hover .pagination-media_overlay.overlay-next{
    opacity: 1;
    visibility: visible;
}
.next-pagination:hover .pagination-media_overlay.overlay-next i{
    opacity: 1;
    visibility: visible;
    margin-right: 0;
}
.prev-pagination:hover .pagination-media_overlay.overlay-prev{
    opacity: 1;
    visibility: visible;
}
.prev-pagination:hover .pagination-media_overlay.overlay-prev i{
    opacity: 1;
    visibility: visible;
    margin-left: 0;
}

/* ==================== ##Related Posts ==================== */
.related-posts{
    position: relative;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}
.related-posts-title{
    margin-bottom: 40px;
}
.related-posts-title h3{
    font-size: 26px;
}

/* ==================== ##Attachment Image ==================== */
.attachment_image_inner .meta-holder{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: wrap;
}
.attachment_image_inner .meta-item:first-child {
    margin-right: 1rem;
}
.attachment_image_inner .avatar.-small {
    width: 3rem;
    height: 3rem;
}
.attachment_image_inner .avatar {
    background-color: rgba(150, 144, 162, 0.35);
    width: 3.5rem;
    height: 3.5rem;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.attachment_image_inner ul,
.attachment_image_inner li{
    list-style: none;
}

.attachment_image_inner .meta-item .prefix {
    font-size: 15px;
    display: block;
    opacity: 0.75;
}
.attachment_image_inner .meta-item span:not(.prefix), .meta-item time:not(.prefix) {
    font-weight: 600;
    font-size: 0.95em;
}
.attachment_image_inner .meta-holder .meta-item {
    margin-right: 30px;
}
.attachment_image_inner .meta-item {
    line-height: 1.4;
    text-align: left;
}
/* ==========================================================================
Single Blog - End
========================================================================== */
/* ==========================================================================
Search - Start
========================================================================== */
.search-page-container .blog-post-item>div{
    align-items: flex-start;
    display: flex;
    position: relative;
    border-style: solid;
    border-width: 1px;
}
.search-page-container .blog-post-item .blog-post_content{
    padding: 26px 40px 36px;
    width: 100%;   
}
/* ==========================================================================
Search - End
========================================================================== */
/* ==========================================================================
Widgets - Start
========================================================================== */

/* ==================== #Widgets Base ==================== */
.widget {
    position: relative;
    z-index: 1;
}

.widget:not(:first-child) {
    padding-top: 45px;
}

.widget_block h2,
.widget_block h3,
.widget .widget-title,
.wp-block-search__label {
    margin: 15px 0 20px;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
}


.widget_outline .widget {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    padding: 15px;
}

.widget_outline .widget:not(:last-child) {
    margin-bottom: 40px;
}
.widget_outline .widget .widget-title-style,
.widget_title_r .widget .widget-title-style {
    display: flex;
    position: relative;
    height: 2px;
    margin-top: 15px;
    border-radius: 2px;
}
 .widget .widget-title-style {
    display: flex;
    position: relative;
    height: 4px;
    margin-top: 15px;
}
.widget_outline .widget-content{
    padding: 15px;
}
.widget_search_a_widget .widget-content,
.widget_profile_widget .widget-content{
    padding: 0 !important;
    border: none !important;
}
.sp-widget-search .ma-search-field {
    margin-bottom: 0;
}

.widget .widget-title .rsswidget {
    line-height: 0;
}

.widget .widget-title .rsswidget img {
    margin-top: 6px;
}

.widget .widget_block .wp-block-search {
    margin: 0;
}

.widget .wp-block-search .wp-block-search__input {
    margin: 0;
}

.wp-block-search .wp-block-search__button {
    height: 60px;
    padding: 10px 7px;
    line-height: 1.7;
    margin-right: 0;
    margin-left: 0;
    color: #fff;
}

.widget_block .wp-block-group {
    margin-top: 0;
    margin-bottom: 0;
}

.widget ul, .widget ol {
    padding-left: 0;
}

.widget ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
}

.widget ul li a {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    color: inherit !important;
}
body .widget a:hover{
    color: inherit !important;
}
.widget ul,
.widget div ul {
    padding-bottom: 0;
}

.widget.widget_recent_comments ul {
    margin-top: -11px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.widget ul li li,
.widget div ul li li {
    margin-left: 10px;
    padding-bottom: 0;
    line-height: 30px;
}

.widget ul li ul ul li {
    margin-left: 9px;
}

.widget_archive ul,
ul.wp-block-archives,
.widget_recent_entries ul,
.widget_categories ul,
.widget_pages ul,
.wp-block-categories-list,
.widget_product_categories ul,
.wc-block-product-categories ul,
.widget_meta ul,
.widget_nav_menu ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.widget_categories ul,
.wp-block-categories-list,
.wp-block-archives-list,
.wp-block-latest-posts__list,
.widget_product_categories ul,
.wc-block-product-categories ul{
    margin-top: -8px;
}
.wp-block-archives-list li a{
    position: relative;
}
.widget_archive ul li ul li:last-child,
.widget_recent_entries ul li ul li:last-child,
.widget_categories ul li ul li:last-child,
.widget_product_categories ul li ul li:last-child,
.wc-block-product-categories ul li ul li:last-child,
.wp-block-categories-list li ul li:last-child,
.widget_meta ul li ul li:last-child {
    border-bottom: 0;
}

.widget_archive ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_product_categories ul ul,
.wc-block-product-categories ul ul,
.wp-block-categories-list ul,
.widget_meta ul ul {
    margin-top: 0;
    padding: 0 0 5px;
}

.widget_archive ul ul a,
.widget_recent_entries ul ul a,
.widget_categories ul ul a,
.widget_product_categories ul ul a,
.wc-block-product-categories ul ul a,
.wp-block-categories-list ul a,
.widget_meta ul ul a {
    color: #939393;
    padding: 0;
}

.widget_archive ul ul li:after,
.widget_recent_entries ul ul li:after,
.widget_categories ul ul li:after,
.widget_product_categories ul ul li:after,
.wc-block-product-categories ul ul li:after,
.wp-block-categories-list ul li:after,
.widget_meta ul ul li:after {
    display: none;
}

.widget_archive ul li ul,
.widget_recent_entries ul li ul,
.widget_categories ul li ul,
.widget_product_categories ul li ul,
.wc-block-product-categories ul li ul,
.wp-block-categories-list li ul,
.widget_meta ul li ul {
    margin-top: -8px;
}

.widget_categories ul li:before,
.widget_product_categories ul li:before,
.wp-block-categories-list li:before,
.wc-block-product-categories ul li:before {
    display: none !important;
}

.widget_categories ul li ul.children,
.widget_product_categories ul li ul.children,
.wp-block-categories-list li ul.children,
.wc-block-product-categories ul li ul.children {
    padding-left: 0.3em;
}

.widget_categories ul li li,
.widget_product_categories ul li li,
.wc-block-product-categories ul li li,
.wp-block-categories-list li li {
    line-height: 34px;
}
.widget ul li a,
.widget_categories ul li a,
.widget_product_categories ul li a,
.wp-block-categories-list li a,
.wc-block-product-categories ul li a {
    display: inline-block;
    position: relative;
    line-height: 1;
    text-transform: capitalize;
}

.wp-block-latest-posts__list li a{
    line-height: 30px !important;
}
.widget_archive ul li a:after,
ul.wp-block-archives li a:after,
.widget_categories ul li a:after,
.wp-block-categories-list li a:after,
.widget_product_categories ul li a:after,
.wc-block-product-categories ul li a:after,
.widget_pages ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}


.widget_archive ul li a:hover:after,
ul.wp-block-archives li a:hover:after,
.widget_categories ul li a:hover:after,
.widget_product_categories ul li a:hover:after,
.wc-block-product-categories ul li a:hover:after,
.wp-block-categories-list li a:hover:after,
.widget_pages ul li a:hover:after {
    opacity: 1;
    width: 100%;
}


.widget_categories ul li:last-child,
.wp-block-categories-list li:last-child,
.wp-block-archives-list li:last-child,
.widget_product_categories ul li:last-child,
.wc-block-product-categories ul li:last-child {
    margin-bottom: -0.15em;
}
.wp-block-categories-list .post_count:before,
.widget_product_categories .post_count:before,
.wc-block-product-categories .post_count:before {
    content: '(';
}
.wp-block-categories-list .post_count:after,
.widget_product_categories .post_count:after,
.wc-block-product-categories .post_count:after {
    content: ')';
}
.wp-block-categories-list,
.widget_categories ul li,
.widget_product_categories ul li,
.wc-block-product-categories ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive ul li,
.wp-block-latest-posts li {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    text-transform: uppercase;
}
.wp-block-categories-list li .post_count,
.widget_categories ul li .post_count,
.widget_product_categories ul li .post_count,
.wc-block-product-categories ul li .post_count,
.widget_meta ul li .post_count,
.widget_archive ul li .post_count {
    margin-left: 5px;
    line-height: 1;
    color: #b3b3b3;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.wp-block-categories-list li ul li .post_count,
.widget_categories ul li ul li .post_count,
.widget_product_categories ul li ul li .post_count,
.wc-block-product-categories ul li ul li .post_count,
.widget_meta ul li ul li .post_count,
.widget_archive ul li ul li .post_count {
    top: 0;
}
.wp-block-categories-list li ul li img,
.widget_categories ul li ul li img,
.widget_product_categories ul li ul li img,
.wc-block-product-categories ul li ul li img,
.widget_meta ul li ul li img,
.widget_archive ul li ul li img {
    display: none;
}
.wp-block-categories-list li img,
.widget_product_categories ul li img,
.wc-block-product-categories ul li img {
    margin-right: 13px;
}

.widget_comments ul li:before,
.widget_meta ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before {
    display: inline-block !important;
    position: relative;
    z-index: 1;
    top: 0;
    width: auto;
    height: auto;
    margin-right: 12px;
    content: "\f15b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 1.2em;
    color: #787373;
    vertical-align: baseline;
    background-color: transparent !important;
}

.widget_meta ul li {
    padding-left: 0;
}

.widget_meta ul li:before {
    content: "\f044";
}

.widget_archive ul li {
    padding-left: 0;
}

body .widget.widget_nav_menu ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    top: -2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block !important;
    position: relative;
    z-index: 1;
    bottom: 2px;
    margin-right: 12px;
    vertical-align: baseline;
}

.widget_recent_comments ul li:before {
    content: "\f4ad";
    top: 3px;
    margin-right: 12px;
}

.widget_recent_comments ul li {
    padding: 5px 0;
    line-height: 28px;
    font-weight: 400;
}

.widget_recent_comments a[rel~=external] {
    text-decoration: underline;
}

.widget_recent_entries ul li:before {
    content: "\f15b";
    top: 2px;
    margin-right: 8px;
    font-weight: 400;
}

.widget_recent_entries ul a {
    font-weight: 500;
}

.widget_recent_entries ul li {
    padding: 1px 0 1px 0;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

.widget_recent_entries ul {
    margin-top: -5px;
}

.widget_recent_entries ul li .post-date {
    display: block;
    text-align: right;
    font-size: 0.8em;
    line-height: 1.5;
}

.widget_recent_entries ul li:after {
    content: '';
    display: table;
    clear: both;
}

.widget_tag_cloud {
    padding-bottom: 5px;
}
.widget_tag_cloud .tagcloud {
    margin-bottom: -17px;
}

.widget_pages ul {
    margin-top: -7px;
    list-style: none;
}

.widget_pages ul ul {
    margin-top: 0;
    margin-left: 0;
}

.widget_pages ul ul li {
    padding-top: 0;
    line-height: 39px;
}

.widget_media_gallery .widget-title {
    margin-bottom: 17px;
}

.widget_archive ul {
    margin-top: -8px;
}

.widget_rss .widget-title>a {
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 0.01em;
}

.widget_rss .widget-title a img {
    display: none;
}

.widget_rss ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.widget_rss li {
    padding: 20px 0 0 0;
}

.widget_rss li:first-child {
    padding-top: 0;
}

.widget_rss li .rsswidget {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
}

.widget_rss li .rss-date {
    display: block;
    margin: 0 0 10px;
    font-size: 15px;
    color: #b3b3b3;
    line-height: 1.5;
    font-style: normal;
}

.widget_rss li .rssSummary {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px;
}

.widget_rss li cite {
    display: block;
    position: relative;
    margin-top: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
}

.widget_rss li cite:before {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    content: "\f4ff";
    margin-right: 5px;
}

.widget_recent_comments .widget-title,
.widget_meta .widget-title {
    margin-bottom: 17px;
}

.widget_recent_comments:not(:first-child) {
    margin-top: -11px;
}

.widget_categories .widget-title {
    margin-bottom: 20px;
}

.widget_categories form {
    padding-top: 10px;
}

.widget_recent_entries:not(:first-child),
.widget_meta:not(:first-child),
.widget_archive:not(:first-child) {
    margin-top: -7px;
}

.widget_tag_cloud:not(:first-child) {
    margin-top: -4px;
}

  .widget .select__holder {
    width: 100%; }
.widget select {
    width: 100%;
    margin-bottom: 0;
    height: 60px;
    padding: 10px 15px 10px 15px;
    -webkit-appearance: none;
    appearance: none;

}
.wp-block-archives-dropdown,
.wp-block-categories-dropdown {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select {
    height: 50px;
    min-width: 270px;
}

body .widget_search .search-form .search-field,
body .widget_search .woocommerce-product-search .search-field,
body .widget_product_search .search-form .search-field,
body .widget_product_search .woocommerce-product-search .search-field{
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    padding: 0px 53px 0 20px;
    font-weight: 400;
    outline: none;
    overflow: hidden;
 }
.wp-block-latest-comments__comment{
    list-style: none;
    padding-left: 0;
} 

body .widget ul li .widget_menu_arrow {
    display: block;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 50px;
    position: absolute;
    padding: 0 15px;
}

body .widget ul li .widget_menu_arrow:before {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    position: absolute;
    font-size: 12px;
    right: 0;
    top: 0;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

body .widget ul li.widget_menu_active>.widget_menu_arrow:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.widget ul li ul.children {
    display: none;
}

body .widget .menu .menu-item .sub-menu {
    position: relative;
    display: none;
    margin-top: 10px;
    padding: 0 0 10px 0;
}


body .widget .ma-form-holder-inner .ma-search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7b848e;
  font-size: 18px!important;
}
body .widget .ma-form-holder-inner .ma-search-field::-moz-placeholder { /* Firefox 19+ */
  color: #7b848e;
  font-size: 18px!important;
}
body .widget .ma-form-holder-inner .ma-search-field:-ms-input-placeholder { /* IE 10+ */
  color: #7b848e;
  font-size: 18px!important;
}
body .widget .ma-form-holder-inner .ma-search-field:-moz-placeholder { /* Firefox 18- */
  font-size: 18px!important;
  color: #7b848e;
}

/* ==================== ##calendar ==================== */
body .wp-block-calendar {
    margin-top: 20px;
    margin-bottom: 20px;
}

body .widget_calendar table {
    margin-bottom: 10px;
}

body .wp-block-calendar th {
    font-weight: 500;
}

body .wp-block-calendar tbody td,
body .wp-block-calendar th {
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: transparent;
    background: none;
}

body .widget_calendar .calendar_wrap {
    width: 100%;
    max-width: 370px;
    margin-bottom: 10px;
}

body .wp-block-calendar table caption {
    padding: 8px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}
body .wp-block-calendar a{
    text-decoration: none!important;
}

body .widget_calendar .calendar_wrap table td {
    font-size: 14px;
    padding: 4px 0px;
    position: relative;
    z-index: 1;
    text-align: center;
}

body .widget_calendar .calendar_wrap table td>a:hover {
    display: inline-block;
    width: 100%;
    height: 100%;
}


body .widget_calendar .calendar_wrap table tr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

body .widget_calendar .calendar_wrap table th {
    padding: 5px 0px;
    text-align: center;
}

body .widget_calendar .calendar_wrap table caption {
    font-size: 18px;
    padding: 7px;
}

body .widget_calendar .calendar_wrap table tfoot {
    display: none;
}

body .widget_calendar .calendar_wrap table td#today:before,
body .widget_calendar .calendar_wrap tbody td>a:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body .widget.widget_links_widget ul.col2 li {
    width: 50%;
    float: left;
}

body .widget.widget_links_widget ul {
    padding: 0;
    margin: 0;
}

body .widget.widget_links_widget ul,
body .widget.widget_links_widget ul li {
    list-style: none;
}

body .widget.widget_links_widget ul li a {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
}

body .widget_calendar .wp-calendar-nav,
body .wp-block-calendar .wp-calendar-nav {
    display: flex;
    justify-content: space-between;
}
.widget .tagcloud {
    font-size: 0;
    line-height: 0;
}

.widget .tagcloud a,
.widget .wp-block-tag-cloud a,
.wp-block-tag-cloud a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 14px !important;
    line-height: 30px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 13px;
    transition: all 0.4s;
    text-transform: lowercase;
    border-radius: 0;
    background: transparent;
}

.single-post-info .tagcloud a:not(:last-child):after{
 margin: -2px 3px 3px 4px;  
}

/* ==================== ##Profile ==================== */
body .sidebar .widget.widget_profile_widget .widget-title {
    display: none;
}

body .sidebar .widget.widget_profile_widget .widget-title::before {
    content: none;
}


.profile-box {
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 20;
}

.profile-box-inner {
    padding: 20px;
}

.profile-pic {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
    padding: 15px;
    background-size: cover;
    margin-bottom: 10px;    
}
.profile-pic img{
    display: block;
    width: 100%;

}
.profile-box-content{
    position: relative;
    padding: 20px 15px;
}
.profile-title {
    padding: 0 0 10px;
    text-align: center;
}

.profile-title h4 {
    line-height: 28px;
}

.profile-title h4 span {
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.profile-text {
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 10px;
    font-size: 15px;
}


.profile-soical-icons {
    margin: 15px;
}

.profile-soical {
    text-align: center;
}
.profile-soical a{
    margin: 5px 3px;
    height: 36px;
    width: 36px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}

/* ==================== ##Recent Posts ==================== */
.recent-posts-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    clear: both;
}

.recent-posts-content ul {
    clear: both;
    position: relative;
    display: inline-block;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.recent-posts-content .recent-posts-image a img {
    width: 75px;
    height: 75px;
    display: block;
    max-width: 75px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
}

.recent-posts-span {
    display: block;
}

.recent-clearfix:not(:last-child) {
    margin-bottom: 20px;
}

body .widget .recent-posts-content ul li:last-child {
    margin-bottom: 0;
}

.recent-clearfix:after,
.recent-clearfix:before {
    content: " ";
    display: table;
}

.recent-posts-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.recent-posts-image {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

.recent-posts-text {
    display: table-cell;
    vertical-align: top;

}

.recent-posts-title {
    margin: 0;
    padding: 0;
    line-height: 0;
}

.recent-posts-span a {

    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.recent-posts-content .recent-posts-title span a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
    line-height: 22px;
}

.recent-posts-info-date {
    font-size: 11px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}

.recent-posts-info-date a,
.recent-posts-info-date a:link,
.recent-posts-info-date a:active {
    color: #b2b2b2;
    line-height: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.recent-empty-img {
    width: 75px;
    height: 75px;
    display: block;
    max-width: 75px;
    margin-right: 15px;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;     
}

/* ==================== ##Author box ==================== */

.author-info_wrapper {
    display: flex;
    position: relative;
    z-index: 0;
    margin-top: 60px;
    border-radius: 0;
    padding: 65px 60px;
}
.author-info_wrapper::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.author-info_wrapper::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.author-info_avatar {
    min-width: 100px;
    width: 100px;
    margin-right: 20px;
}
.author-info_avatar img{
    border-radius: 50%;
}
.author-info_content {
    z-index: 9;
    flex-grow: 1;
}
.author-info_name {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #fff;
}
.author-info_name span {
    margin-right: 0.35em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    color: inherit;
}
.author-info_description {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #D0D0D0;
}
.author-info_social-wrapper {
    margin: 15px 0 0;
    line-height: 1;
}
.author-info_social-wrapper .author-info_social-link {
    margin-right: 12px;
    height: 36px;
    width: 36px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
}
/* ==========================================================================
Widgets - End
========================================================================== */
/* ==========================================================================
   Comments styles - Start
========================================================================== */
.comments-section {
    margin: 60px 0;
}

.page-post .comments-section,
.attachment .comments-section {
    margin: 60px 0;
}

#comments #respond {
    position: relative;
    overflow: hidden;
    padding: 65px 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.comments-area input[type='text'],
.comments-area input[type='url'],
.comments-area input[type='search'],
.comments-area input[type='email'],
.comments-area input[type='password'],
.comments-area input[type='tel'],
.comments-area input[type='time'],
.comments-area select,
.comments-area textarea{
    border: none;
    outline: none;
    border-bottom-width: 1px;
    border-bottom-style: solid; 
}
.comments-area input:not([type='checkbox']):not([type='submit']), 
.comments-area select, .comments-area textarea {
    display: block;
    height: 70px;
    max-width: 100%;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    font-family: inherit;
    outline: none;
    border-radius: 30px;
    transition: 0.3s;
    background: #fff;
}
body .comments-area textarea{
    min-height: 50px;
    height: 122px;
}

#comments:before {
    content: '';
    clear: both;
    display: block;
}

#comments>h3 {
    position: relative;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
}

#comments>h3 span {
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
}
#comments .commentlist .comment .commentava img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
}
#comments .pingback .edit-link .comment-edit-link {
    font-size: 12px;
    color: #7e7676;
    margin-left: 5px;
}

#comments .pingback .edit-link .comment-edit-link:hover {
    color: #b9a9cd;
}

#comments .comment-notes {
    margin-bottom: 25px;
    margin-top: 5px;
    font-size: 14px;
    color: #D0D0D0;
}
.logged-in-as{
    color: #D0D0D0;
}
#comments .comment-form-cookies-consent+.form-submit {
    margin-top: 15px;
}

#comments .form-submit {
    margin-bottom: 0;
    clear: both;
    display: inline-block;
}

#comments .form-submit input[type="submit"] {
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 30px;
    font-weight: 700;
    height: 60px;
    line-height: 50px;
}

#comments .form-submit input[type="submit"]:hover {
    color: #fff !important;
}

#comments .form-submit:hover {
    background: transparent;
}

#comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: inherit;
}

#comments .commentlist li.pingback,
#comments .commentlist li.trackback {
    padding: 0;
}

#comments .commentlist li.pingback:before,
#comments .commentlist li.trackback:before {
    display: none;
}
.commment-style{
    position: relative;
   
}.commment-style-inner{
  position: relative; 
   padding: 0 30px; 
}
.commment-style .commment-style-top{
    position: absolute;
    top: 30px;
    width: 100%;
    height: 1px;
    z-index: 9;
    background-color: #fff;
}
.commment-style .commment-style-bottom{
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 30px;
    z-index: 9;
    background-color: #fff;
}
#comments .commentlist+* {
    margin-top: 60px;
}

#comments .commentlist .comment-respond {
    margin: 20px 0;
}

#comments .commentlist .comment {
    padding: 0;
}

#comments .commentlist .comment:before,
#comments .commentlist .comment:after {
    display: none;
}

#comments .commentlist .comment .stand_comment {
    padding: 25px 0 25px 110px;
    margin-bottom: 0;

}

#comments .commentlist .comment .stand_comment .thiscommentbody {
    position: relative;
    z-index: 1;
    min-height: 70px;
}

#comments .commentlist .comment .commentava {
    position: absolute;
    z-index: 1;
    left: -110px;
    top: 2px;
    height: 85px;
    width: 85px;
}

#comments .commentlist .comment.pingback .stand_comment {
    padding-left: 0;
}

#comments .commentlist .comment .children .comment {
    margin-left: 70px;
}

#comments .commentlist .comment .children .stand_comment {
    padding-left: 80px;
}

#comments .commentlist .comment .children .stand_comment .commentava {
    left: -80px;
    width: 50px;
    height: 50px;
}

#comments .commentlist>.comment>.children {
    padding: 0;
}

#comments .commentlist>.comment>.children>.comment {
    margin-left: 110px;
}

#comments .commentlist>.comment:last-child {
    margin-bottom: -1px;
}

#comments .commentlist .comment_info {
    padding-right: 90px;
}

#comments .commentlist .comment_info .meta-wrapper {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
}

#comments .commentlist .comment_info .meta-wrapper * {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 1;
    vertical-align: unset;
}

#comments .commentlist .comment_info .meta-wrapper>span {
    font-size: 0.8125rem;
    font-weight: 400;
}

#comments .commentlist .comment_info .meta-wrapper .comment-edit-link {
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    -moz-transition: color .3s ease;
    transition: color .3s ease;
}

#comments .commentlist .comment_info .meta-wrapper .comment-edit-link span {
    -webkit-transition: 0s;
    -o-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}

#comments .commentlist .comment_author_says {
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    padding-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#comments .commentlist .comment_author_says a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

#comments .commentlist .comment_content {
    margin-top: 10px;
    font-weight: 400;
    line-height: 30px;
    font-size: 16px;
}

#comments .commentlist .comment_content p {
    line-height: 1.67;
}

#comments .commentlist .comment_content p:last-child {
    margin-bottom: 0;
}


#comments .commentlist .comment_content h1,
#comments .commentlist .comment_content h2,
#comments .commentlist .comment_content h3,
#comments .commentlist .comment_content h4,
#comments .commentlist .comment_content h5,
#comments .commentlist .comment_content h6 {
    margin-bottom: 8px;
}

#comments .comment-reply-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    padding: 11px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 11px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


#comments #cancel-comment-reply-link {
    font-weight: 300;
    opacity: 0.8;
    text-transform: capitalize;
}

#comments small #cancel-comment-reply-link {
    font-size: 18px;
    margin-left: 10px;
}

#comments ol.commentlist>li:first-child>.stand_comment {
    padding-top: 0;
}


.bypostauthor {
    font-weight: 400;
}

.comments-title {
    margin-bottom: 28px;
}

body .comment-respond .comment-form>p.form-submit {
    padding: 0;
    overflow: hidden;
}


body .comment-respond .comment-reply-title {
    position: relative;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
}

body .comment-respond .comment-form>p {
    position: relative;   
}

body .comment-respond .comment-form>p.comment-notes {
    margin-top: 20px;
    font-size: 14px;
}

body .comment-respond label {
    margin: 0;
}

body .comment-respond .form_field {
    width: 100%;
    margin-bottom: 30px !important;
}

body .comment-respond textarea.form_field {
    resize: none;
    margin-bottom: 30px !important;
}

body .comment-form-cookies-consent {
    clear: both;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;     
}

body .comment-form-cookies-consent>* {
    display: inline-block;
}

body .comment-form-cookies-consent>input {
    margin-right: 7px;
    margin-left: 0;
    margin-top: 0;
}

body .comment-form-cookies-consent>label {
    display: inline-block !important;
    font-size: 14px;
    vertical-align: middle;
    margin-top: -5px;
    color: #D0D0D0;
}

.wp-block-latest-comments>li {
    padding-left: 0;
}
body ol.wp-block-latest-comments{
    margin-left: 0.4em;
}
 
ol.wp-block-latest-comments.has-avatars {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ol.wp-block-latest-comments.has-avatars li:before {
    display: none;
}

ol.wp-block-latest-comments:not(.has-excerpts):not(.has-avatars) li article {
    display: inline-block;
}

ol.wp-block-latest-comments article {
    margin-bottom: 0;
}
.-unlist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.-unlist li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wp-block-latest-comments__comment {
    line-height: 1.5;
    list-style: none;
    margin-bottom: 1em;
}
.wp-block-latest-comments>li:before{
    display: none;
    content: none;
}
.comments-section ul,
.comments-section ul li {
    list-style: none;
}

/* ==========================================================================
   Comments styles - End
========================================================================== */
/* ==========================================================================
   Back To Top - Start
========================================================================== */
.scroll_up_position {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    top: 100%;
    min-height: -moz-fit-content;
    min-height: fit-content;
    transform: translate(-30px, 5px);
    white-space: nowrap;
    padding: 0;
}   
.scroll_up_position.scroll_active{
    opacity: 1;
}
.scroll_up_btn.scroll_active {
    transform: translate(-30px, -142px);
}
.scroll_up_btn:before {
    content: '\f101';
    display: flex;
    z-index: 2;
    width: 60px;
    height: 60px;
    font-family: flaticon;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    transform: rotate(90deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.scroll_up_btn:hover:before {
    -webkit-animation: rotate-scroll-up 0.6s ease-in-out both;
    animation: rotate-scroll-up 0.6s ease-in-out both;
}

  /**
     * ----------------------------------------
     * animation rotate-center
     * ----------------------------------------
     */
@-webkit-keyframes rotate-scroll-up {
      0% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
      }

      100% {
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }          
    }
@keyframes rotate-scroll-up {
      0% {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
      }

      100% {
        -webkit-transform: rotate(450deg);
                transform: rotate(450deg);
      }

    }

/* ==========================================================================
   Back To Top - End
   ========================================================================== */  
/* ==========================================================================
   Side bar styles - Start
   ========================================================================== */
.hedju-bar {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 998;
    min-height: 56px;
    list-style: none;
}

.hedju-bar.center {
    top: 50%;
}

.hedju-bar.bottom {
    bottom: 10%;
}

.hedju-bar.left {
    left: 4.4vh;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-90deg) translate(-50%, 0);
    -ms-transform: rotate(-90deg) translate(-50%, 0);
    transform: rotate(-90deg) translate(-50%, 0);
}

.hedju-bar.right {
    right: 4.4vh;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-90deg) translate(50%, -100%);
    -ms-transform: rotate(-90deg) translate(50%, -100%);
    transform: rotate(-90deg) translate(50%, -100%);
}

.hedju-scroll-top {
    opacity: 0;
    visibility: hidden;
}

.hedju-scroll-top {
    font-weight: 600;
    margin-right: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: width cubic-bezier(.4, 0, .2, 1) .4s, opacity cubic-bezier(.4, 0, .2, 1) .4s, color 0s;
    -o-transition: width cubic-bezier(.4, 0, .2, 1) .4s, opacity cubic-bezier(.4, 0, .2, 1) .4s, color 0s;
    transition: width cubic-bezier(.4, 0, .2, 1) .4s, opacity cubic-bezier(.4, 0, .2, 1) .4s, color 0s;
}

.hedju-scroll-top-warp {
    width: 60px;
    height: 2px;
    margin-right: 15px;
    position: relative;
}

.hedju-scroll-top-warp:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: currentColor;
    opacity: .3;
}

.hedju-scroll-top .scroll-progress-bar {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: currentColor;
}

.scroll-progress-bar:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    margin-top: -2px;
    background: currentColor;
}

.visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.social-links-holder {
    font-weight: 700;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.social-links-holder li {
    margin: 0 5px;
}

.social-links-holder li a {
    color: inherit;
}

.social-links-holder li a:not(:last-child):after {
    content: ".";
    display: inline;
    padding-left: 10px;
}

/* ==========================================================================
   Side bar styles - End
========================================================================== */
/* ==========================================================================
   Page 404 - Start
========================================================================== */
.error404-inner {
    max-width: 900px;
    margin: 100px auto;
    text-align: center;
    padding: 0 15px;
}
.error404-head{
    padding: 0px 60px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    background: #0e0e0e;
}
.error404-head::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.error404-head::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.error404-head h1{
    font-size: 300px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 50px;
}
.error404-title {
    font-size: 42px;
    line-height: 1.277;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 12px;
}

.error404-text {
    margin-bottom: 40px;
}

.error404-button {
    margin: 20px 0;
}

.error404-button-warp{
    padding-top: 20px;
    z-index: 1;
    position: relative;
}
  
.error404-btn {
    padding: 22px 40px;
    width: auto;
}

.error404-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
}

.error404-btn .button_text_holder_error {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}
.error404-btn::after {
    opacity: .5;
}
.error404-btn::after, .error404-btn::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.error404-btn::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.error404-btn::before {
    content: "\f102";
    font-family: flaticon;
    font-size: 20px;
    line-height: 20px;
    top: 18px;
    left: -170px;
    height: 18px;
    z-index: 1;
}

.error404-btn:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.error404-btn:hover::before{
    z-index: 1;
}

.error404-btn:hover .button_text::after{
    opacity: 1;
     animation: scale 1s infinite alternate;
}
/* ==========================================================================
Page 404 - End
========================================================================== */
/* ======================================================================
    Pagination - Start
====================================================================== */
.woocommerce nav.woocommerce-pagination{
    margin-top: 50px;
}
.ma-pagination,
.woocommerce nav.woocommerce-pagination ul {
    padding-bottom: 30px;
    margin-top: -20px;
    display: block;
    clear: both;
    border: 0;
    border-right: 0;
    margin: 0;
    font-size: 0;
}

.ma-pagination .page,
.ma-pagination li,
.woocommerce nav.woocommerce-pagination ul .page,
.woocommerce nav.woocommerce-pagination ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 0;
    border: 0;
    float: none;
}
.elementor-section .ma-pagination{
    padding: 0;
}

.ma-pagination.pagination_text .page,
.ma-pagination.pagination_text li {
    margin: 0 18px;
}

.ma-pagination.aright .page:last-child,
.ma-pagination.aright li:last-child,
.woocommerce nav.woocommerce-pagination ul .page:last-child,
.woocommerce nav.woocommerce-pagination ul li:last-child {
    margin-right: 0;
}

.ma-pagination.aleft .page:first-child,
.ma-pagination.aleft li:first-child,
.woocommerce nav.woocommerce-pagination ul .page:first-child,
.woocommerce nav.woocommerce-pagination ul li:first-child {
    margin-left: 0;
}

.ma-pagination .page-numbers,
.ma-pagination li-numbers,
.woocommerce nav.woocommerce-pagination ul .page-numbers,
.woocommerce nav.woocommerce-pagination ul li-numbers {
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-weight: 700;
    display: block;
    padding: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-align: center;
    color: inherit;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    line-height: inherit;
    min-width: auto;
}

.ma-pagination.pagination_box .page-numbers,
.ma-pagination.pagination_box li-numbers,
.woocommerce nav.woocommerce-pagination ul .page-numbers,
.woocommerce nav.woocommerce-pagination ul li-numbers {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-width: 1px;
    border-style: solid; 
    font-size: 18px;
    font-weight: 600;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;    
}

.pagination_box .ma-pagination-arrow {
    display: inline-block;
    padding: 4px;
}
.woocommerce-pagination .ma-pagination-arrow {
    display: inline-block;
    padding: 4px;
}
.btn-arrow {
    font-size: 22px;
}
.hedju_page_link, .page-link{
    margin-top: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;  
    text-align: center;  
}
.hedju_page_link a, .page-link a, .page-link span{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-width: 1px;
    border-style: solid; 
    font-size: 18px;
    font-weight: 600;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%; 
} 
.hedju_page_link a, .page-link a,
.hedju_page_link span, .page-link span{
    margin-right: 5px;
}
.hedju_page_link a:first-child,
.page-link a:first-child,
.hedju_page_link span:first-child,
.page-link span:first-child{
    margin-left: 5px;
}
/* ======================================================================
    Pagination - End
   ====================================================================== */
/* ==========================================================================
    Footer styles - Start
========================================================================== */
.footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer .footer-warp-full{
    position: relative;
    width: 100%;
    margin: 0 auto;    
}
.footer-warp{
    position: relative;
    margin: 0 auto;
    width: 1170px;
}
.footer.hedju-footer_uncover {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: left .33s cubic-bezier(.694, .0482, .335, 1);
    -moz-transition: left .33s cubic-bezier(.694, .0482, .335, 1);
    transition: left .33s cubic-bezier(.694, .0482, .335, 1);
}

.footer-top {
    padding: 90px 0 70px;
    overflow: hidden;
}

.full-footer .footer-ma-inner {
    margin-right: -15px;
    margin-left: -15px;
}
.footer-ma-inner {
   transition: transform .45s ease-in-out;    
}

body .footer-top .footer-item {
    padding: 30px 15px;
}

body .footer-top .hedju_image-widget a {
    display: inline-block;
}

.footer-item {
    float: left;
}

.hidden_footer .footer-top {
    display: none;
}
.footer ul, .footer li{
    list-style: none;
}
/* ==========================================================================
Footer styles - End
========================================================================== */
/* ==========================================================================
   Portfolio List - Start
========================================================================== */

/* ---- .grid-item ---- */
.hedju_grid_sizer.size_12{
  width: 100%;
}
.hedju_grid_sizer.size_6{
  width: 50%;
}
.hedju_grid_sizer.size_4{
  width: 33.33333333%;
}
.hedju_grid_sizer.size_3{
  width: 25%;
}
.hedju_grid_sizer.size_5{
  width: 20%;
}
.hedju_portfolio_item img {
  display: block;
  width: 100%;
}
.ma_cpt_section  .portfolio__filter a,
.hedju_portfolio_item .portfolio-cat_link,
.hedju_portfolio_item .readmore-link{
    color: inherit;
}
.ma_cpt_section{
    padding: 0px 45px;
}

.ma_cpt_section::before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
}
.ma_cpt_section::after {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
}
.ma_cpt_section.line_2::before{
    left: 50%;
}
.ma_cpt_section.line_2::after{
    content: none;
    display: none;
}
.ma_cpt_section.line_3::before{
    left: 33.9%;
}
.ma_cpt_section.line_3::after{
    left: 65.9%;
}
.ma_cpt_section.line_4::before{
    left:26%;
}
.ma_cpt_section.line_4::after{
    left: 64%;
}
.ma-portfolio_container{
    height: 100%;
    z-index: 9;
    overflow: hidden;
}
.portfolio_space.normal_space {
    margin-left: 0;
    margin-right: 0;
}
.portfolio_warp {
    position: relative;
    overflow: hidden;
}
.hedju_portfolio_item .image_wrapper {
    line-height: 0;
    padding-bottom: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}
.portfolio_stand .text_info_portfolio{
    text-align: left;
    margin: 15px 0px 0px 0px;    
}
.portfolio_stand .portfolio-category_name a {
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.portfolio_stand .portfolio-category_name .dote:not(:first-child)::before{
    font-size: 12px;
}
.portfolio-pinterest .hedju_portfolio_item .image_wrapper{
   padding-bottom: 0; 
}
.hedju_portfolio_item .portfolio_headings .title a{
    position: relative;
}
.hedju_portfolio_item .portfolio_headings .title a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;  
}
.hedju_portfolio_item:hover .portfolio_headings .title a:after{
    opacity: 1;
    width: 100%;
}
.hedju_portfolio_item .image_wrapper>a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.portfolio-pinterest .hedju_portfolio_item .image_wrapper>a {
    position: relative !important;
}
.hedju_portfolio_item .image_wrapper>a img {
    opacity: 0;
}
.hedju_portfolio_item .image_wrapper.hover_overlay .hidden_info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hidden_info {
    line-height:1;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    z-index: 2;
}
.hedju_portfolio_item .image_wrapper .hidden_info .portfolio-link {
    position: static;
    display: block;
    color: inherit;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}
.hedju_portfolio_item .image_wrapper.hover_slide_top .hidden_info {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 20px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
transform: translateY(-130%);
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.hedju_portfolio_item .image_wrapper.hover_slide_bottom .hidden_info {
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.hedju_portfolio_item .image_wrapper.hover_slide_left .hidden_info {
  display: flex;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    padding: 20px 30px 22px 30px;
    opacity: 0;
    overflow: hidden;
    transition: 0.5s;
    top: initial;
    top: 50%;
    left: 0;
    height: auto;
    align-items: flex-start;
    width: 100%;
    max-width: 300px;
    word-break: break-word;
    transform: rotateY(20deg);
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    transition: opacity 0.5s, transform 0.5s;
    transform-origin: left center;    
}
.image_wrapper.hover_slide_left:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transform: translate3d(0, 100%, 0);
    transition: all 0s 0.5s cubic-bezier(0.645, 0.05, 0.355, 1);
    transform: translate3d(0, 0%, 0);
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}
.image_wrapper.hover_slide_left:hover:before {
  display: block;
  animation: reveal 1s cubic-bezier(0.645, 0.05, 0.355, 1) both;
}
.hedju_portfolio_item .image_wrapper.hover_slide_left{
        -webkit-transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        perspective: 300px;
}
.hedju_portfolio_item .image_wrapper .hidden_info .portfolio-title_holder,
.hedju_portfolio_item .image_wrapper .hidden_info .portfolio-link_category{
    overflow: hidden;
}
.hedju_portfolio_item .image_wrapper .hidden_info .portfolio-title_holder .portfolio-title_wrapper,
.hedju_portfolio_item .image_wrapper .hidden_info .portfolio-link_category .portfolio-category_holder{
    transform: translateY(100%);
    overflow: hidden;
    display: inline-block;
    transition: 500ms;
    transition-duration: 400ms;
    -webkit-transition: -webkit-transform 0.3s ease,color 0.3s ease,opacity 0.3s ease;
    -ms-transition: -ms-transform 0.5s ease,color 0.3s ease,opacity 0.3s ease;
    transition: transform .5s ease,color 0.3s ease,opacity 0.3s ease;
}
.image_wrapper.hover_slide_top:hover .hidden_info {
opacity: .8;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.image_wrapper.hover_slide_bottom:hover .hidden_info {
opacity: .8;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.hedju_portfolio_item .image_wrapper.hover_slide_left:after {
-webkit-transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
}

.hedju_portfolio_item .image_wrapper.hover_slide_left:hover:after {
opacity: .8;
-webkit-transform: translateX(15px);
-ms-transform: translateX(15px);
transform: translateX(15px);
}

.hedju_portfolio_item .image_wrapper.hover_slide_left:hover .hidden_info {
    transition: opacity 0.2s, transform 0.5s;
    transform: rotateY(0);
    opacity: 1;
    border-left-color: transparent !important;
}

.hedju_portfolio_item .category-holder{
    margin-top: 0;
}

.image_wrapper.hover_overlay:hover .hidden_info,
.image_wrapper.hover_slide_top:hover .hidden_info,
.image_wrapper.hover_slide_bottom:hover .hidden_info  {
    opacity: .8;
    -webkit-transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
    transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
}
.image_wrapper.hover_overlay:hover .hidden_info .portfolio-title_holder .portfolio-title_wrapper,
.image_wrapper.hover_overlay:hover .hidden_info .portfolio-link_category .portfolio-category_holder,
.image_wrapper.hover_slide_top:hover .hidden_info .portfolio-link_category .portfolio-category_holder{
    transform: translateY(0);
    opacity: 1;
}
.image_wrapper.hover_slide_bottom:hover .hidden_info .portfolio-title_holder .portfolio-title_wrapper,
.image_wrapper.hover_slide_bottom:hover .hidden_info .portfolio-link_category .portfolio-category_holder,
.image_wrapper.hover_slide_left:hover .hidden_info .portfolio-title_holder .portfolio-title_wrapper,
.image_wrapper.hover_slide_left:hover .hidden_info .portfolio-link_category .portfolio-category_holder{
    transform: translateY(0);
    opacity: 1;
}
.image_wrapper.hover_hover_zoom {
    transition: transform .5s;
}
.image_wrapper.hover_hover_zoom:hover {
    transform: scale(1.1);
}

.image_wrapper.hover_hover_opacity {
    transition: opacity .5s;
}

.image_wrapper.hover_hover_opacity:hover {
    opacity: .7;
}

.below-image .portfolio_warp .hover_hover_water canvas.ma_water_canvas{
    width: 100% !important;
    height: 100% !important;
}
.portfolio-category_holder .dote:not(:first-child)::before,
.portfolio-category_name .dote:not(:first-child)::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 4px;
    letter-spacing: 0;
    width: 8px;
    height: 1px;
    background-color: currentColor;    
}
.ma-portfolio_container .appear-animation .portfolio_space  {
  opacity: 0; }

.ma-portfolio_container .appear-animation.anim-fade-in.animate .portfolio_space  {
  -webkit-animation: fade_in 0.9s ease forwards;
  -moz-animation: fade_in 0.9s ease forwards;
  -o-animation: fade_in 0.9s ease forwards;
  animation: fade_in 0.9s ease forwards; }

.ma-portfolio_container .appear-animation.anim-slide-top.animate .portfolio_space  {
  -webkit-animation: slide_top 0.5s ease forwards;
  -moz-animation: slide_top 0.5s ease forwards;
  -o-animation: slide_top 0.5s ease forwards;
  animation: slide_top 0.5s ease forwards;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px); }

.ma-portfolio_container .appear-animation.anim-slide-bottom.animate .portfolio_space  {
  -webkit-animation: slide_bottom 0.5s ease forwards;
  -moz-animation: slide_bottom 0.5s ease forwards;
  -o-animation: slide_bottom 0.5s ease forwards;
  animation: slide_bottom 0.5s ease forwards;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px); }

.ma-portfolio_container .appear-animation.anim-slide-left.animate .portfolio_space  {
  -webkit-animation: slide_left 0.5s ease forwards;
  -moz-animation: slide_left 0.5s ease forwards;
  -o-animation: slide_left 0.5s ease forwards;
  animation: slide_left 0.5s ease forwards;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px); }

.ma-portfolio_container .appear-animation.anim-slide-right.animate .portfolio_space {
  -webkit-animation: slide_right 0.5s ease forwards;
  -moz-animation: slide_right 0.5s ease forwards;
  -o-animation: slide_right 0.5s ease forwards;
  animation: slide_right 0.5s ease forwards;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px); }

.ma-portfolio_container .appear-animation.anim-zoom.animate .portfolio_space {
  -webkit-animation: zoom_in 0.5s ease forwards;
  -moz-animation: zoom_in 0.5s ease forwards;
  -o-animation: zoom_in 0.5s ease forwards;
  animation: zoom_in 0.5s ease forwards;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }

@-webkit-keyframes fade_in {
  0% { }
  100% {
    opacity: 1; } }

@-moz-keyframes fade_in {
  0% { }
  100% {
    opacity: 1; } }

@-o-keyframes fade_in {
  0% { }
  100% {
    opacity: 1; } }

@keyframes fade_in {
  0% { }
  100% {
    opacity: 1; } }

@-webkit-keyframes slide_top {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slide_top {
  0% { }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slide_top {
  0% { }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slide_top {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slide_bottom {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slide_bottom {
  0% { }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slide_bottom {
  0% { }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slide_bottom {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slide_left {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slide_left {
  0% { }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slide_left {
  0% { }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slide_left {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slide_right {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slide_right {
  0% { }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slide_right {
  0% { }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slide_right {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes zoom_in {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes zoom_in {
  0% { }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes zoom_in {
  0% { }
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes zoom_in {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
/* ==================================*/ 
.portfolio__filter{
    position: relative;
}
.portfolio__filter{
    border-bottom: 1px solid #6a6a6a;
    background: #fff;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio__filter a{
    margin-right:30px;
    padding: 0;
}
.portfolio__filter a:last-child {
    margin-right: 0 !important;
}

.isotope-filter a{
    position: relative;
}
.isotope-filter a .number_filter {
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    right: -20px;
    line-height: 20px;
    font-size: 11px;
    border-radius: 50%;
    top: -15px;
    font-weight: 800;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    text-align: center;
    color: #ffffff;
    transform: translateY(4px);
    display: block;
}
.isotope-filter a.active .number_filter {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
/* ==================================*/ 

.portfolio-gallery_holder, .portfolio-gallery-inner, .portfolio-gallery-media, .portfolio-gallery-image{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: 1px;
}
.portfolio-gallery-inner, .portfolio-gallery-media .portfolio-gallery-image{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.portfolio-gallery-media .portfolio-gallery-image a, .portfolio-gallery-media .portfolio-gallery-image img {
    display: block;
    width: 100%;
     transition: all 0.5s;
}
.portfolio-gallery-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
     transition: all 0.5s;
}
.portfolio-gallery_holder:hover .portfolio-gallery-overlay{
    opacity: .3;
}
.portfolio-gallery-content{
    position: absolute;
    z-index: 3;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    opacity: 0;
    transition: all 0.5s;
    overflow: hidden;
    padding: 30px;
}
.portfolio-gallery-project .category-holder{
    margin-top: 0;
    margin-bottom: 0;
}
 .gallery_arrow_content{
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    color: #fff;
    padding: 3px 7px;
    font-size: 25px;
    transition: all 0.5s;
    transform:translateX(-5px) rotate(320deg);
    border-radius: 50%;
    height: 65px;
    width: 65px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px;
    border: 1px solid #fff;
}
.gallery_arrow_content a{
    margin-top: 5px;
}
.portfolio-gallery-top-holder{
    position: relative;
    padding: 15px;
}

.portfolio-gallery_holder:hover .portfolio-gallery-content {
    opacity: 1;
    visibility: visible;
}
.portfolio-gallery_holder:hover .portfolio-gallery-image img{
    transform: scale(1.1);
}
.portfolio-gallery-title .title{
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
}
.portfolio-gallery-title{
   opacity: 0;
   visibility: hidden;
    transition: all 0.5s 0.2s;
      transform:translateX(-10px);

}
.portfolio-gallery-project{
  overflow: hidden;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  transform:translateX(-10px);

}

.portfolio-gallery_holder.slide_left_effect:hover .portfolio-gallery-title,
.portfolio-gallery_holder.slide_left_effect:hover .portfolio-gallery-project
{
    opacity: 1;
    visibility: visible;
    transform:translateX(0);

}
.portfolio-gallery_holder:hover .gallery_arrow_content{
    opacity: 1;
    visibility: visible;
    transform:translateX(0) rotate(320deg);    
}

/*******aniamtion****/


@keyframes slide_left {
  0% {

  }

  100% {

  }
}


.card .portfolio-image-holder, .portfolio-image-warp{
        overflow: hidden;
    position: relative;
    margin: 0;
}
.card img {
    overflow: hidden;
    position: relative;
    margin: 0;
}
.card img {
        display: block;
    width: 100%;
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
}
.card-details {
    padding-top: 1.5rem;
}
.project-content{
    position: relative;
   display: flex; 
   width: 100%;
   align-items: center;
   justify-content: space-between;
}
.heading .title{
    font-size: 22px;
}
.category-holder{
    position: relative;
        display: block;
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;

}
.category-holder:before{
    content: '';
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 30px;
    height: 2px;
    top: -4px;
    background-color: currentColor;
}
.category-holder .category a{
    position: relative;
    text-transform: uppercase; 
    font-size: 14px; 
    font-weight: 500; 
}


.show-project{
  overflow: hidden;
  position: relative;
  margin-top: 10px; 
}
.show-project-link{
    -webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
}

.zoom-effect.portfolio-item:hover .portfolio-image-warp img{
        transform: scale(1.1);
}

.readmore-link>span{   
        display: inline-flex;
    padding: 0;
    border-radius: inherit;
    border-color: inherit;
    align-items: center;
}
.portfolio-item .readmore-link .btn-line {
    display: inline-block;
    height: 2px;
    width: auto;
    position: relative;
    background-color: currentColor;
    transition: transform .3s cubic-bezier(.2,.95,.25,1);
    transform-origin: left center;
}   
.portfolio-item .readmore-link .btn-line~.btn-txt {
    transition: transform .3s cubic-bezier(.2,.95,.25,1);
}
.portfolio-item .btn-txt {
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    font-weight: 700;
    font-size: 13px;
}
.portfolio-item .readmore-link .btn-txt~.btn-line {
    margin-inline-end: 0;
    margin-inline-start: 0;
}
.portfolio-item .readmore-link .btn-line-before{
      width: 2.5em;
    margin-inline-end: 1em;
}
.portfolio-item .readmore-link .btn-line-before:after{
    content: '\f104';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -0.19em;
    font-weight: 900;
    color:currentColor;
    font-family: "Flaticon";
    transform: translateY(-50%) scale(1);
 
}
.portfolio-item .readmore-link .btn-line-after:after {
    content: '\f104';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -0.19em;
    font-weight: 900;
    color:currentColor;
    font-family: "Flaticon";
    transform: translateY(-50%) scale(0);
    
}
.portfolio-item .readmore-link .btn-line-after {
   transform: scaleX(0) translateX(0);
}
.portfolio-item:hover .readmore-link .btn-line-before {
    transform: scaleX(0);
    transform-origin: left center;
}
.portfolio-item:hover .readmore-link .btn-line-after:after {
    transition: transform .35s;
    transform: translateY(-50%) scale(1);
}
.portfolio-item:hover .readmore-link .btn-line~.btn-txt {
    transform: translateX(-0.5em);
}
.portfolio-item:hover .readmore-link .btn-line-after {
        margin-inline-end: 0;
    margin-inline-start: 1em;
   width: 2.5em;
    transform: scaleX(1) translateX(-0.5em);
}

/* ==========================================================================
   Portfolio List - End
========================================================================== */   
/* ==========================================================================
   Portfolio Single - Start
========================================================================== */
.signle-portfolio_container {
    position: relative;
    margin-bottom: 35px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.signle-portfolio-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.signle-portfolio-column,
.signle-portfolio-column-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.signle-portfolio-column-wrap {
    width: 100%;
}

.signle-portfolio-column {
    min-height: 1px;
}

.signle-portfolio-column .first-portfolio_item {
    padding: 15px 15px 15px 0;
}

.signle-portfolio-column .last-portfolio_item {
    padding: 15px 0 15px 15px;
}

.signle-portfolio-column-wrap .signle-portfolio-wrap {
    align-content: center;
    align-items: center;
}

.signle-portfolio-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.signle-portfolio-wrap.flex_end {
    justify-content: flex-end;
}

.signle-portfolio-wrap {
    position: relative;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.signle-portfolio-wrap>.signle-portfolio-element {
    width: 100%;
}

.signle-portfolio-widget {
    position: relative;
}

.layout_side .portfolio-item-info_desc {
    margin-bottom: 15px;
}

.layout_side.single-galley-layout .portfolio-item-info_desc {
    margin-bottom: 0;
}

.single-galley-layout .ma-portfolio-single_title,
.single-image-layout .ma-portfolio-single_title {
    margin-bottom: 30px;
}

.single-portfolio-gallery {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.single-portfolio-gallery .blog-item{
    border-top: 1px solid #0E0E0E;
    border-bottom: 1px solid #0E0E0E;
    padding: 30px;
}
.single-portfolio-gallery::before,
.single-portfolio-gallery::after{
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
}

.single-portfolio-gallery.line-4::before {
    background-color: #000;
    left: 33%;
}
.single-portfolio-gallery.line-4::after {
    left: 67%;
    background-color: #000;
}
.single-galley-layout .single-portfolio-gallery .item,
.portfolio-image_item {
    margin-bottom: 30px;
}

.single-galley-layout .single-portfolio-gallery .item a {
    position: relative;
    display: inline-block;
}


.single-galley-layout .single-portfolio-gallery .item a:hover:before,
.single-galley-layout .single-portfolio-gallery .item a:hover:after {
    opacity: 1;
}

.layout_side .signle-portfolio-social{
    margin-top: 15px;
}
.signle-portfolio-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 35px;
}

.signle-portfolio-subtitle,
.portfolio-layout-category a {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: inherit;
    text-transform: uppercase;
}

.portfolio-layout-category span:not(:last-child):before {
    content: '-';
    padding: 0 4px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-top: -3px;
}
.warp-portfolio-subtitle a,
.signle-portfolio-element a{
    position: relative;
    color: inherit;
    text-transform: uppercase;
}
.warp-portfolio-subtitle a:hover,
.signle-portfolio-element a:hover{
    color: inherit;
}
.portfolio-layout-category a{
    position: relative;
}
.portfolio-layout-category a:after,
.warp-portfolio-subtitle a:after,
.signle-portfolio-element a:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    opacity: 0;
    background-color: #d0d0d0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.portfolio-layout-category a:hover:after,
.warp-portfolio-subtitle a:hover:after,
.signle-portfolio-element a:hover:after{
    opacity: 1;
    width: 100%;
}
.signle-portfolio-social a:hover {
    -webkit-animation: rotate-center-social 0.3s ease-in-out both;
    animation: rotate-center-social 0.3s ease-in-out both;
}
.signle-portfolio-social a {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding: 9px;
    margin-right: 10px;
    cursor: pointer;
    line-height: 1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.signle-portfolio-social a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.signle-portfolio-social a:last-child {
    margin-right: 0;
}

.signle-portfolio-social a i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}
.signle-portfolio-social a{
    border-width: 1px;
    border-style: solid;
    border-color: #FFF;
}

.signle-portfolio-image {
    position: relative;
}

.signle-portfolio-image img {
    display: block;
    height: auto;
    width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-info_desc {
    -ms-flex-align: flex-start;
    align-items: flex-start;
    position: relative;
    min-height: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 0;
}

.single-galley-layout .ma-portfolio-info_wrap,
.single-galley-layout .portfolio-info_desc {
    display: block;
}

.signle-portfolio-col-25 {
    width: 25%;
}

.signle-portfolio-col-8 {
    width: 50%;
}

.signle-portfolio-col-4 {
    width: 50%;
}

.layout_side .signle-portfolio-col-5 {
    padding: 0 0 10px;
}

.layout_side .item_annotation_social {
    position: relative;
    z-index: 9;
    margin-top: 15px;
}

.signle-portfolio-col-5 {
    width: 50%;
}

.signle-portfolio-col-5:nth-child(2n+1) {
    clear: left;
}

.info_desc-left,
.info_info-left {
    float: left;
    min-height: 1px;
}

.ma-portfolio-info_wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.signle-portfolio-col-8 .ma-portfolio-info_desc {
    margin-right: 30px;
}
.layout_side.lr-gl .signle-portfolio-col-4 .ma-portfolio-item_inner {
    margin-top: 30px;
} 
.ma-portfolio-info_wrap .ma-portfolio-item_annotation {
    width: 100%;
    margin-left: 60px;
}
.ma-portfolio-item_annotation{
    position: relative;
    padding: 65px 60px;
}
.signle-portfolio-title{
    color: #fff;
}
.signle-portfolio-subtitle, .portfolio-layout-category a{
    color:#D0D0D0;
}
.ma-portfolio-item_annotation::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.ma-portfolio-item_annotation::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.ma-portfolio-info_wrap .ma-portfolio-item_annotation .signle-portfolio-social a {
    margin-right: 10px;
}

.ma-portfolio-info_wrap .ma-portfolio-item-info_desc {
    padding: 12px 0;
    margin-bottom: 10px;
}

.ma-portfolio-item-info_desc {
    width: 50%;
    display: inline-block;
    margin-bottom: 26px;
    vertical-align: top;
}

.ma-portfolio-item_inner {
    width: 100%;
    overflow: hidden;
    z-index: 9;
    position: relative;
}

.ma-portfolio-single_title {
    font-size: 46px;
    line-height: 50px;
    font-weight: 800;
    margin-bottom: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ma-portfolio-info_desc h3,
.single_portfolio_content h3 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

.portfolio-single_footer {
    padding-bottom: 25px;
}

.portfolio-single_footer .hedju-tags a {
    position: relative;
    margin-right: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    transition: 0.4s;
}
.portfolio-single_footer .hedju-tags a:before{
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 20px;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.portfolio-single_footer .hedju-tags a:not(:last-child):after {
    content: '|';
    display: inline-block;
    margin: -2px 5px 2px;
    line-height: inherit;
    vertical-align: middle;
    font-size: 13px;
}
.portfolio-single_footer .hedju-tags a:hover:before {
    bottom: 0;
    opacity: 1;
}
.portfolio-navigation {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    padding: 65px 60px;
}
.portfolio-navigation::before{
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.portfolio-navigation::after{
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.ma-post-navigation {
    position: relative;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.prev-link_wrapper,
.next-link_wrapper {
    position: relative;
    flex: 1;
    max-width: 50%;
    z-index: 9;
}

.prev-link_wrapper {
    display: flex;
    justify-content: flex-start;
}

.next-link_wrapper {
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.ma-post-navigation .back_navigation_button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back_navigation_button .back-nav_page {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.back_navigation_button .back-nav_page:hover {
    opacity: 1;
}

.ma-post-navigation .back-nav_page:hover span:nth-child(1) {
    margin-left: 12px;
}

.ma-post-navigation .back-nav_page:hover span:nth-child(2) {
    margin-top: 12px;
}

.ma-post-navigation .back-nav_page:hover span:nth-child(3) {
    margin-right: 12px;
}

.ma-post-navigation .back-nav_page:hover span:nth-child(4) {
    margin-bottom: 12px;
}

.ma-post-navigation .back-nav_page span {
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    transition: all 0.45s ease;
}


/* ==================== ##navigation ==================== */

.as-post-navigation {
    position: relative;
    overflow: hidden;
    margin: 35px 0;
    padding: 65px 60px;
}
.as-post-navigation::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.as-post-navigation::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.prev-link_wrapper {
    float: left;
}

.next-link_wrapper {
    float: right;
}

.prev-link_wrapper .info_wrapper>a,
.next-link_wrapper .info_wrapper>a {
    display: flex;
    align-items: center;
    position: relative;
    color: inherit;
    transition: 0.8s;
}

.prev-link_wrapper a {
    justify-content: flex-start;
    text-align: left;
}

.prev-link_wrapper .info_wrapper .image_prev,
.prev-link_wrapper .info_wrapper .image_next,
.next-link_wrapper .info_wrapper .image_prev,
.next-link_wrapper .info_wrapper .image_next {
    position: relative;
    align-self: flex-start;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    vertical-align: top;
    transition: inherit;
    overflow: hidden;
}

.as_theme_classic .prev-link_wrapper .info_wrapper .image_prev,
.as_theme_classic .prev-link_wrapper .info_wrapper .image_next,
.as_theme_classic .next-link_wrapper .info_wrapper .image_prev,
.as_theme_classic .next-link_wrapper .info_wrapper .image_next {
    border-radius: 5px;
}

.prev-link_wrapper .image_prev {
    margin-right: 20px;
}

.prev-link_wrapper .image_prev:before {
    content: '\f101';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin-left: 20px;
    font-family: flaticon;
    font-size: 26px;
    line-height: 100px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    font-weight: 900;
}

.prev-link_wrapper .image_prev.no_image:before {
    opacity: 1;
    visibility: visible;
    margin-left: 0;
}

.prev-link_wrapper .info_wrapper>a .prev-link-info_wrapper,
.prev-link_wrapper .info_wrapper>a .next-link-info_wrapper,
.prev-link_wrapper .info_wrapper>a img,
.next-link_wrapper .info_wrapper>a .prev-link-info_wrapper,
.next-link_wrapper .info_wrapper>a .next-link-info_wrapper,
.next-link_wrapper .info_wrapper>a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: inherit;
}

.prev-link_wrapper .image_prev:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.prev-link_wrapper .info_wrapper .prev_title,
.prev-link_wrapper .info_wrapper .next_title,
.next-link_wrapper .info_wrapper .prev_title,
.next-link_wrapper .info_wrapper .next_title {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    max-width: 250px;
    margin-top: -3px;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.44;
    word-wrap: break-word;
    font-weight: 700;
    transition: 0.45s;
    color: #fff;
}

.prev-link-info_wrapper .meta-data,
.next-link-info_wrapper .meta-data {
color: #d0d0d0;
text-transform: uppercase;
}

.prev-link-info_wrapper>span,
.next-link-info_wrapper>span {
    display: block;
}

.prev-link_wrapper .info_wrapper .meta-data>span,
.next-link_wrapper .info_wrapper .meta-data>span {
    margin: 0;
    font-weight: 400;
}

.prev-link-info_wrapper .meta-data>div,
.prev-link-info_wrapper .meta-data>span,
.next-link-info_wrapper .meta-data>div,
.next-link-info_wrapper .meta-data>span {
    transition: 0.45s;
}

.meta-data>span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1.96em 0 0;
    color: inherit;
}

.prev-link_wrapper a:hover .image_prev:before {
    margin-left: 0;
}

.prev-link_wrapper a:hover .image_prev:after,
.prev-link_wrapper a:hover .image_prev:before {
    visibility: visible;
    opacity: 1;
}

.next-link_wrapper a:hover .image_next:before {
    margin-right: 0;
}

.next-link_wrapper a:hover .image_next:after,
.next-link_wrapper a:hover .image_next:before {
    visibility: visible;
    opacity: 1;
}

.next-link-info_wrapper {
    text-align: right;
}
.next-link-info_wrapper .meta-data{
    justify-content: flex-end;
}
.next-link_wrapper .image_next {
    margin-left: 20px;
}

.next-link_wrapper .image_next:before {
    content: '\f102';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    margin-right: 20px;
    font-family: flaticon;
    font-size: 26px;
    line-height: 100px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    font-weight: 900;
    transition: 0.3s;
}

.next-link_wrapper .image_next.no_image:before {
    margin-right: 0;
    opacity: 1;
    visibility: visible;
}

.ma-post-navigation .back-nav_page span:nth-child(1) {
    top: 0;
    left: 0;
}

.ma-post-navigation .back-nav_page span:nth-child(2) {
    top: 0;
    right: 0;
}

.ma-post-navigation .back-nav_page span:nth-child(3) {
    bottom: 0;
    right: 0;
}

.ma-post-navigation .back-nav_page span:nth-child(4) {
    bottom: 0;
    left: 0;
}

.ma-content-aligment-right,
.ma-align-right,
.ma-horizontal-alignment-right {
    text-align: right;
}
.ma-separator-double {
    height: 150px;
}
.ma-separator {
    height: 100px;
}

.ma-half-separator {
    height: 50px;
}

.ma-third-separator {
    height: 30px;
}

.ma-smal-separator {
    height: 15px;
}

.hedju-animate_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}

.hedju-animate_bg div {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    width: 1px;
    background-color: #e5e5e5;
}

.hedju-animate_bg div:nth-child(1) {
    left: 33%;
    bottom: -170px;
}

.hedju-animate_bg div:nth-child(2) {
    left: 66%;
    top: -170px;
}

.hedju-carousel-portfolio .owl-item {
    background-color: #D2527F;
    color: white;
    text-align: center;

}

.hedju-carousel-portfolio .owl-prev {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.hedju-carousel-portfolio .owl-next {
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.hedju-carousel-portfolio .owl-dots {
    counter-reset: slides-nums;
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.hedju-carousel-portfolio .owl-dots:after {
    content: counter(slides-nums);
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.hedju-carousel-portfolio .owl-dots:before {
    content: '';
    width: 50px;
    height: 2px;
    opacity: .6;
    margin: 0 15px 0 20px;
    display: inline-block;
}

.hedju-carousel-portfolio .owl-dot {
    display: inline-block;
    counter-increment: slides-nums;
}

.hedju-carousel-portfolio .owl-dot span {
    display: none !important;
}

.hedju-carousel-portfolio .owl-dot.active:before {
    content: counter(slides-nums);
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    left: 0;
    top: 0;
    margin-left: -160px;
}

.hedju-carousel-portfolio .owl-nav {
    position: absolute;
    z-index: 99;
    width: 100%;
}
/* ==================== ##Video Portfolio ==================== */
.portfolio-video-warp {
    position: relative;
}

.portfolio-video-screen img {
    width: 100%;
    display: block;
}

.portfolio-video-icon {
    position: absolute;
}

.portfolio-video-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
}

.portfolio-video-line {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.portfolio-video-warp .space-video-btn .as_vid-btn-inner{
    background-color: #fff;
}
.portfolio-video-warp .as_vid-btn-inner.vbtn_start:before, .portfolio-video-warp .as_vid-btn-inner.vbtn_start:after{
    border-color: #fff;
}
.portfolio-video-warp .space-video-btn .as_vid-btn-inner:hover {
    color: #fff;
}

.portfolio-video-line-flex {
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

.portfolio-video-line-flex span {
    width: 1px;
    height: 0;
    transition: height 1s ease-in;
}

.line .portfolio-video-line-flex span {
    height: 100%;
}

.portfolio-video-icon .space-video-btn {
    opacity: 0;
    visibility: hidden;
}

.line .portfolio-video-icon .space-video-btn {
    opacity: 1;
    visibility: visible;
    transition: 2s ease-in;
}

.portfolio-social-video {
    position: absolute;
    left: 0;
    bottom: 0;
}

.portfolio-social-video-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
}

.portfolio-social-video-sidebar a {
    width: 46px;
    height: 46px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    color: #FFF;
    z-index: 99;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 10px;
}


/* ==========================================================================
Dark Mode - Start
========================================================================== */
body.dark-theme h1, body.dark-theme h2, body.dark-theme h3, 
body.dark-theme h4, body.dark-theme h5, body.dark-theme h6, 
body.dark-theme .accordion, body.dark-theme .team-holder .team-title a, 
body.dark-theme .attractive-active, body.dark-theme .elementor-icon-list-text,
body.dark-theme .elementor-widget-text-editor,
body.dark-theme .hedju__dark_mode_stroke .hedju-m-content .cariusel-word,
body.dark-theme .standard-style .page-head-meta .meta-holder,
body.dark-theme .pagination-title, body.dark-theme blockquote p, 
body.dark-theme .tag-holder .tagcloud a, body.dark-theme .link-box a,
body.dark-theme .quote-text, body.dark-theme .standard-style .social-info,
body.dark-theme .blog-posts .blog-post_title a, body.dark-theme .quote-author
body.dark-theme .widget .tagcloud a,
body.dark-theme .widget .wp-block-tag-cloud a,
body.dark-theme .wp-block-tag-cloud a,
body.dark-theme .widget_block h2, body.dark-theme .widget .widget-title, 
body.dark-theme .wp-block-search__label, 
body.dark-theme #comments .commentlist .comment_author_says, 
body.dark-theme .pagination-title, 
body.dark-theme .hedju_portfolio_item .portfolio-cat_link,
body.dark-theme .hedju_portfolio_item .readmore-link,
body.dark-theme .interactive-list-content, 
body.dark-theme .hedju_fancy_inner,
body.dark-theme .showcase-pagination_holder .readmore-link,
body.dark-theme .hedju-icon-text-link,
body.dark-theme input[type='text'], body.dark-theme input[type='url'], 
body.dark-theme input[type='search'], 
body.dark-theme input[type='email'], 
body.dark-theme input[type='password'], body.dark-theme input[type='tel'], 
body.dark-theme input[type='time'], body.dark-theme select, body.dark-theme textarea, 
body.dark-theme .tagcloud a, body.dark-theme .wp-block-tag-cloud a, 
body.dark-theme .widget a, 
body.dark-theme .profile-text,
body.dark-theme .social-links-holder li, 
body.dark-theme .social-links-holder li a, 
body.dark-theme .author-info_social-wrapper .author-info_social-link,
body.dark-theme .format-icon, body.dark-theme .author-info_social-wrapper, 
body.dark-theme .quote-author, body.dark-theme .signle-portfolio-title, 
body.dark-theme .profile-title h4 span, body.dark-theme .post-author a, 
body.dark-theme .post-date a, body.dark-theme .title-data .full-size-link a, 
body.dark-theme .post-comment a, body.dark-theme .blog-post_categories span, 
body.dark-theme .post-view a, body.dark-theme .profile-title h4 span, 
body.dark-theme .profile-soical a, body.dark-theme .profile-soical a:link, 
body.dark-theme .profile-soical a:active, body.dark-theme .select__holder:before, 
body.dark-theme select option,
body.dark-theme .widget_rss li .rsswidget, body.dark-theme .widget.widget_recent_entries ul a, 
body.dark-theme .widget_rss li .rsswidget, body.dark-theme .widget_comments ul li:before, 
body.dark-theme .widget_meta ul li:before, body.dark-theme .widget_recent_comments ul li:before, 
body.dark-theme .widget_recent_entries ul li:before, body.dark-theme .widget_rss li cite:before,
body.dark-theme .widget_calendar .calendar_wrap table th, body.dark-theme .wp-block-calendar table th,
body.dark-theme .wp-block-archives-list li a{
    color:#FFFFFF !important;
}
body.dark-theme .hedju-text-creative_content span,
body.dark-theme .image_link-headline-warp, body.dark-theme .hedju_lines_timeline .hedju_lines_item_info {
    color: #FFFFFF;
}
body.dark-theme,
body.dark-theme .blog-posts .meta-data a, body.dark-theme .accordion-panel .panel,
body.dark-theme .blog-posts .meta-data, .blog-post_categories, .title-data, 
body.dark-theme #comments .commentlist .comment_info .meta-wrapper>span,
body.dark-theme .signle-portfolio-subtitle, body.dark-theme .portfolio-layout-category a,
body.dark-theme .wp-block-pullquote cite, body.dark-theme .wp-block-calendar tbody td{
    color: rgba(255,255,255,.75) !important;   
}
body.dark-theme .swiper-pagination-bullet, body.dark-theme .swiper-pagination_line,
body.dark-theme .standard-style .page-dividing-single, body.dark-theme .hedju-carousel-portfolio .owl-dots:before,
body.dark-theme .hedju_lines_timeline .extra_row:nth-child(odd):before,
body.dark-theme .hedju_lines_timeline .extra_row:nth-child(odd):after,
body.dark-theme .sidebar .widget .ma-form-holder-inner .search-line{
    background-color: rgba(255,255,255,.75);
}
body.dark-theme .sticky-post .sticky,
body.dark-theme .hedju__dark_mode_light, body.dark-theme .hedju__dark_mode_light_inner .elementor-widget-wrap,
body.dark-theme .hedju__dark_mode_light_container .elementor-widget-container,
body.dark-theme .hedju-infobox, body.dark-theme .sticky-pagination-holder, 
body.dark-theme blockquote, body.dark-theme .author-info_wrapper,
body.dark-theme .centered-post-item:not(.format-no_featured) .blog-post_content, 
body.dark-theme .left-post-item:not(.format-no_featured) .blog-post_content,
body.dark-theme #comments #respond {
    background-color: #181818!important;
}

body.dark-theme .hedju__dark_mode_outline h1, body.dark-theme .hedju__dark_mode_outline h2, 
body.dark-theme .hedju__dark_mode_outline h3, body.dark-theme .hedju__dark_mode_outline h4, 
body.dark-theme .hedju__dark_mode_outline h5, body.dark-theme .hedju__dark_mode_outline h6,
body.dark-theme .has-background .wp-block-group__inner-container p
{
color:#181818 !important;
}


body.dark-theme .hedju__dark_mode_rgba h1, body.dark-theme .hedju__dark_mode_rgba h2, 
body.dark-theme .hedju__dark_mode_rgba h3, body.dark-theme .hedju__dark_mode_rgba h4, 
body.dark-theme .hedju__dark_mode_rgba h5, body.dark-theme .hedju__dark_mode_rgba h6
{
color:rgba(255, 255, 255, 0.05) !important;
}
body.dark-theme .hedju__dark_mode_hide h1, body.dark-theme .hedju__dark_mode_hide h2, 
body.dark-theme .hedju__dark_mode_hide h3, body.dark-theme .hedju__dark_mode_hide h4, 
body.dark-theme .hedju__dark_mode_hide h5, body.dark-theme .hedju__dark_mode_hide h6
body.dark-theme .hedju__dark_mode_opactiy{
    color: transparent !important;
}
body.dark-theme input[type=text], body.dark-theme input[type=url], body.dark-theme input[type=search], 
body.dark-theme input[type=email], body.dark-theme input[type=password], 
body.dark-theme input[type=tel], body.dark-theme input[type=time], 
body.dark-theme input[type=number], body.dark-theme input[type=date], 
body.dark-theme textarea, body.dark-theme .sticky-pagination-holder, 
body.dark-theme select option,
body.dark-theme .author-info_wrapper, body.dark-theme #comments #respond, 
body.dark-theme .hedju-form-widget .ma-form-holder-inner .ma-search-field, body.dark-theme .profile-box,
body.dark-theme .page-header{
    background-color: #232323 !important;
}
body.dark-theme .hedju_lines-holder{
    border-left: 1px solid #fff;    
}
body.dark-theme .hedju-line-bg div{
    background-color: rgba(255, 255, 255, 0.05);
}
body.dark-theme input[type='text'], body.dark-theme input[type='url'],
body.dark-theme input[type='search'], body.dark-theme input[type='email'],
body.dark-theme input[type='password'], body.dark-theme input[type='tel'],
body.dark-theme input[type='time'],
body.dark-theme select, body.dark-theme textarea, body.dark-theme table td,
body.dark-theme .signle-portfolio_container, 
body.dark-theme .comments-area input:not([type='checkbox']):not([type='submit']), 
body.dark-theme .comments-area select, body.dark-theme .comments-area textarea{
   border-bottom-color: #FFFFFF6B !important;
}

body.dark-theme.woocommerce .quantity-wrapper,
body.dark-theme.woocommerce .woocommerce-error,
body.dark-theme.woocommerce .woocommerce-info,
body.dark-theme.woocommerce .woocommerce-message,
body.dark-theme.woocommerce-account form .form-row .input-text, body.dark-theme.woocommerce .col2-set > .col-1, 
body.dark-theme.woocommerce .col2-set > .col-2, body.dark-theme.woocommerce .col2-set > [class^="col"], 
body.dark-theme .woocommerce-terms-and-conditions-wrapper, body.dark-theme.woocommerce table.shop_table tbody th, 
body.dark-theme.woocommerce table.shop_table tfoot td, body.dark-theme.woocommerce table.shop_table tfoot th, 
body.dark-theme .select2-container--default .select2-selection--single, body.dark-theme.woocommerce-cart .sidebar-container .cart-collaterals tr.cart-subtotal th, body.dark-theme.woocommerce-cart .sidebar-container .cart-collaterals tr.woocommerce-shipping-totals th, body.dark-theme.woocommerce-cart .sidebar-container .cart-collaterals tr.order-total th, body.dark-theme.woocommerce .quantity-wrapper .qty, body.dark-theme .woocommerce .quantity-wrapper .qty,
body.dark-theme .woocommerce .quantity-wrapper, body.dark-theme .woocommerce .woocommerce-error, body.dark-theme .woocommerce .woocommerce-info, body.dark-theme .woocommerce .woocommerce-message, body.dark-theme .woocommerce-account form .form-row .input-text, body.dark-theme .woocommerce .col2-set > .col-1, body.dark-theme .woocommerce .col2-set > .col-2, body.dark-theme .woocommerce .col2-set > [class^="col"], body.dark-theme .woocommerce-terms-and-conditions-wrapper, .woocommerce table.shop_table tbody th, body.dark-theme .woocommerce table.shop_table tfoot td, body.dark-theme .woocommerce table.shop_table tfoot th, body .select2-container--default .select2-selection--single, body.dark-theme.woocommerce-cart .sidebar-container .cart-collaterals tr.cart-subtotal th, body.dark-theme .woocommerce-cart .sidebar-container .cart-collaterals tr.woocommerce-shipping-totals th, body.dark-theme .woocommerce-cart .sidebar-container .cart-collaterals tr.order-total th{
    border-color: #FFFFFF6B;
}

body.dark-theme.woocommerce .quantity-wrapper .qty, body.dark-theme .quantity-wrapper .qty, body.dark-theme.woocommerce .quantity-wrapper span.plus, body.dark-theme.woocommerce .quantity-wrapper span.minus, body.dark-theme.woocommerce .quantity-wrapper .qty, body.dark-theme .woocommerce .quantity-wrapper span.plus, body.dark-theme .woocommerce .quantity-wrapper span.minus, body.dark-theme .woocommerce .quantity-wrapper span.plus:hover, body.dark-theme .woocommerce .quantity-wrapper span.minus:hover, .woocommerce.single div.product div.summary .product_meta>span,  body.dark-theme.woocommerce div.product span.price, .woocommerce.single div.product .woocommerce-tabs ul.tabs li a, body.dark-theme.woocommerce.single div.product .woocommerce-tabs .comment-reply-title, .woocommerce.single div.product div.summary .product_meta>span a, body.dark-theme  .woocommerce table.shop_table th, body.dark-theme .woocommerce a.remove:before, body.dark-theme .woocommerce-cart-form .coupon .coupon_code, body.dark-theme .woocommerce .woocommerce-error a, body.dark-theme .woocommerce .woocommerce-info a, body.dark-theme .woocommerce .woocommerce-message a, body.dark-theme .woocommerce form .form-row label, .woocommerce-page form .form-row label, body.dark-theme .woocommerce table.shop_table td.product-name, body.dark-theme .woocommerce ul.product_list_widget li a, body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#FFFFFF !important;
}
body.dark-theme .woocommerce-review-link, .product_list_widget .woocommerce-Price-amount, body.dark-theme.woocommerce .summary .product_meta > span span, body.dark-theme .woocommerce table.shop_table td.product-name .product-quantity, body.dark-theme .woocommerce .summary .product_meta > span a, body.dark-theme .woocommerce ul.cart_list .woocommerce-Price-amount, body.dark-theme .woocommerce ul.product_list_widget .woocommerce-Price-amount{
color: rgba(255,255,255,.75) !important;
}
body.dark-theme .woocommerce #review_form #respond, body.dark-theme .woocommerce-cart-form .coupon, body.dark-theme .woocommerce .cart-collaterals .cart_totals, body.dark-theme .woocommerce-page .cart-collaterals .cart_totals, body.dark-theme .woocommerce table.shop_table, 
body.dark-theme.woocommerce #review_form #respond, body.dark-theme.woocommerce-cart-form .coupon, body.dark-theme.woocommerce .cart-collaterals .cart_totals, body.dark-theme.woocommerce-page .cart-collaterals .cart_totals, body.dark-theme .select2-results__options, .select2-search--dropdown{
    background-color: #232323 !important;   
}
body.dark-theme input[type='email'].hedju-subscribe-email, body.dark-theme input[type=text].ma-search-field,
body.dark-theme .woocommerce input[type=text], body.dark-theme .woocommerce input[type=email], 
body.dark-theme.woocommerce-account form .form-row input[type='password'],
body.dark-theme .woocommerce input[type=tel], body.dark-theme .woocommerce textarea, 
body.dark-theme .select2-container--default .select2-selection--single{
    background-color: transparent !important;
}

/* ==========================================================================
Dark Mode - End
========================================================================== */




/* ==========================================================================
Slider - Start
========================================================================== */
.slider-item{
position: relative;
height: 100vh;
width: 100%;

}
.slider-background{
background-size: cover;
background-repeat: no-repeat;
height: 100%;
width: 100%;
opacity: 1;
visibility: visible;
}
.slider-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .3;
background-color: #000;
}
.slider-video-bg, .slider-video-bg video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
object-fit: cover;
object-position: center;
}
.slider-item-content {
position: absolute;
height: 100%;
width: 1170px;
margin: 0 auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
z-index: 3;

}
.slider-item-content.left{
justify-content: left;
align-items: center;
}

.slider-item .subtitle{
font-size: 26px;
font-weight: 500;
color: #FFF;
line-height: 1.2;
text-transform: capitalize;
}
.slider-item .title{
text-transform: inherit;
}
.slider-item .desc{
font-size: 20px;
font-weight: 400;
line-height: 34px;
color: #FFFFFFB0;
}

.slider-layer_holder{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.slider-layer{
position: absolute;
width: 100%;
height: 100%;
right: 0;
bottom: 0;

}

.slider-image-layers {
position: relative;
line-height: 0;
max-width: 100%;
}

.slider-layer_holder img{
position: absolute;
bottom: 0;
right: 0;
}
.slider-layer-animation{
opacity: 0;
visibility: hidden;
}
.swiper-slide-active .start-aniamtion.fade-in{
opacity: 1;
visibility: visible;
}
.slider-info-holder{
    position: relative;
    z-index: 99;
}
.swiper-pagination_hidden{
    visibility: hidden;
    opacity: 0;
}
.slider-nav_holder{
    position: relative;
    z-index: 50;
    width: 1270px;
    margin: 0 auto;
}
.slider-nav_holder .swiper-pagination_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, -75px);
}
.slider-carousel .swiper-pagination-bullet{

    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background: 0 0;
    border: none;
    opacity: 1;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: all .4s cubic-bezier(.3,0,.3,1);
    -webkit-transition: all .4s cubic-bezier(.3,0,.3,1);
}


.slider-carousel .swiper-pagination-bullet:before {
    margin: -2px 0 0 -2px;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: all .4s cubic-bezier(.3,0,.3,1);
    -webkit-transition: all .4s cubic-bezier(.3,0,.3,1);
}

.next-link_wrap, .prev-link_wrap {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    bottom: 1.042vw;
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: 0;
    border: solid 1px transparent;
}  

.next-link_wrap{
    right: 75px;
}

 .hedju-button_slider {
    padding: 22px 40px;
    width: auto;
    color: #fff;
}
.hedju-button_slider {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    left: 75px;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.hedju-button_slider.right{
    left: 0;
}
.hedju-button_slider {
    background-color: transparent !important;
}
.hedju-button_slider .button_text_holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}
.hedju-button_slider .button_text.prev,
.hedju-button_slider .button_text.next{
    line-height: 10px;
}
.hedju-button_slider::after {
    opacity: .5;
}
.hedju-button_slider::after, .hedju-button_slider::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.hedju-button_slider::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.hedju-button_slider::before {
    content: "\f101";
    font-family: flaticon;
    font-size: 20px;
    line-height: 20px;
    top: 18px;
    left: 15px;
    height: 18px;
    z-index: 1;
    font-weight: 900;


}
.hedju-button_slider.right::before{
    transform: rotate(180deg);
}

.hedju-button_slider:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.hedju-button_slider:hover::before{
    z-index: 1;
}

.hedju-button_slider.right::after{
right: 0 !important;
left: auto !important;
}
.hedju-button_slider.right::before{
right: 15px !important;
left: auto !important;

}
.button_text.prev{
    margin-left: 3px;
}
.button_text.next::after,
.button_text.prev::after{
    content: "";
    opacity: 0;
    top: 3px;
    right: -18px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    background-color: #000;
    position: absolute;
    animation: scale 1s infinite alternate;
}
.button_text.next::after{
    left: -18px;
}
.button_text.prev::after{
    right: -18px;
}
.hedju-button_slider:hover .button_text.next::after,
.hedju-button_slider:hover .button_text.prev::after{
    opacity: 1;
}

.slider-item_holder .subtitle span,
.slider-item_holder .title span{
    display: inline-block;
  opacity: 0;

}
.slider-item_holder .btn-slider a,
.slider-item_holder .desc p{
    opacity: 0;
}
.slider-item_holder .title span.custom{
    animation-delay: .3s !important;
}

.swiper-slide-active .slider-item_holder .btn-slider.fade-in a,
.swiper-slide-active .slider-item_holder .subtitle.fade-in span,
.swiper-slide-active .slider-item_holder .title_holder.fade-in span,
.swiper-slide-active .slider-item_holder .desc.fade-in p  {
  -webkit-animation: fade_in 1.3s 0.5s ease forwards;
  -moz-animation: fade_in 1.3s 0.5s ease forwards;
  -o-animation: fade_in 1.3s 0.5s ease forwards;
  animation: fade_in 1.3s 0.5s ease forwards; }

.swiper-slide-active .slider-item_holder .btn-slider.slide-top a,
.swiper-slide-active .slider-item_holder .subtitle.slide-top span,
.swiper-slide-active .slider-item_holder .title_holder.slide-top span,
.swiper-slide-active .slider-item_holder .desc.slide-top p  {
  -webkit-animation: slide_top 0.9s 0.5s ease forwards;
  -moz-animation: slide_top 0.9s 0.5s ease forwards;
  -o-animation: slide_top 0.9s 0.5s ease forwards;
  animation: slide_top 0.9s 0.5s ease forwards;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px); }

.swiper-slide-active .slider-item_holder .btn-slider.slide-bottom a,
.swiper-slide-active .slider-item_holder .subtitle.slide-bottom span,
.swiper-slide-active .slider-item_holder .title_holder.slide-bottom span,
.swiper-slide-active .slider-item_holder .desc.slide-bottom p {
  display: inline-block;
  -webkit-animation: slide_bottom 0.9s 0.5s ease forwards;
  -moz-animation: slide_bottom 0.9s 0.5s ease forwards;
  -o-animation: slide_bottom 0.9s 0.5s ease forwards;
  animation: slide_bottom 0.9s 0.5s ease forwards;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px); 
}
.swiper-slide-active .slider-item_holder .btn-slider.slide-right a,
.swiper-slide-active .slider-item_holder .subtitle.slide-right span,
.swiper-slide-active .slider-item_holder .title_holder.slide-right span,
.swiper-slide-active .slider-item_holder .desc.slide-right p
 {
  -webkit-animation: slide_right 0.9s 0.5s ease forwards;
  -moz-animation: slide_right 0.9s 0.5s ease forwards;
  -o-animation: slide_right 0.9s 0.5s ease forwards;
  animation: slide_right 0.9s 0.5s ease forwards;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px); }
.swiper-slide-active .slider-item_holder .btn-slider.slide-left a,
.swiper-slide-active .slider-item_holder .subtitle.slide-left span,
.swiper-slide-active .slider-item_holder .title_holder.slide-left span,
.swiper-slide-active .slider-item_holder .desc.slide-left p
 {
  -webkit-animation: slide_left 0.9s 0.5s ease forwards;
  -moz-animation: slide_left 0.9s 0.5s ease forwards;
  -o-animation: slide_left 9.5s 0.5s ease forwards;
  animation: slide_left 0.9s 0.5s ease forwards;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px); }
.swiper-slide-active .slider-item_holder .btn-slider.slide-top a,
.swiper-slide-active .slider-item_holder .subtitle.zoom span,
.swiper-slide-active .slider-item_holder .title_holder.zoom span,
.swiper-slide-active .slider-item_holder .desc.zoom p
{
  -webkit-animation: zoom_in 0.9s 0.5s ease forwards;
  -moz-animation: zoom_in 0.9s 0.5s ease forwards;
  -o-animation: zoom_in 0.9s 0.5s ease forwards;
  animation: zoom_in 0.9s 0.5s ease forwards;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5); }
/* ==========================================================================
Slider - End
========================================================================== */
/* ==========================================================================
Double Heading - Start
========================================================================== */

.as-double-heading {
    display: flex;
    flex-direction: column;
}

.as-double-heading .double-subtitle {
    font-size: 16px;
}

.as-double-heading .double-subtitle span {
    position: relative;
    z-index: 1;
}

.as-double-heading .double-subtitle span:before {
    margin-left: -45px;
    margin-right: 10px;
}

.as-double-heading .double-subtitle.subtitle_line span:before, 
.as-double-heading .double-subtitle.subtitle_line span:after {
    content: '';
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 30px;
    height: 2px;
    top: -4px;
}

.as-double-heading.aright .double-subtitle span:before {
    opacity: 0;
}
.as-double-heading.aleft .double-subtitle span:after {
    opacity: 0;
}

.as-double-heading .double-subtitle span:after {
    margin-right: -35px;
    margin-left: 15px;
}

.as-double-heading .double-title-wrapper {
    line-height: inherit;
    font-weight: inherit;
}

.as-double-heading .double-title {
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}
/* ==========================================================================
Double Heading - End
========================================================================== */
/* ==========================================================================
Button - Start
========================================================================== */
.hedju-button {
    padding: 22px 40px;
    width: auto;
}
.hedju-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.hedju-button {
    background-color: transparent !important;
}
.hedju-button .button_text_holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 13px;
    -webkit-user-select: none;
    user-select: none;
}

.hedju-button::after, .hedju-button::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.hedju-button::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.hedju-button::before {
    content: "";
    top: 25px;
    left: 25px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;

}

.hedju-button:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.hedju-button:hover::before{
    z-index: 1;
}

.button_text::after{
    content: "";
    opacity: 0;
    top: 3px;
    right: -15px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
}
.button_text.next::after{
    left: -18px;
}
.button_text.prev::after{
    right: -18px;
}
.hedju-button:hover .button_text::after,
.hedju-button:hover::before{
    opacity: 1;
     animation: scale 1s infinite alternate;
}

.hedju-button.loading .button_text_holder{
    display: none;
}
.hedju-button.loading::after{
animation: scale 1s infinite alternate;
}
.hedju-button.loading:hover::after {
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.load_more_wrapper{
    margin-top: 30px;
    text-align: center;
}
@-webkit-keyframes scale {
0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(0.8);
}
}

@keyframes scale {
0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(0.8);
}
}
/* ==========================================================================
Button - End
========================================================================== */
/* ==========================================================================
Split - Start
========================================================================== */ 
.hedju_split_holder{
    position: relative;
    line-height: 0;
    max-width: 100%;
    background-color: transparent;
}
.hedju_split_holder .hedju_split div{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
}
.hedju_split_holder .hedju_split {
    position: relative;
    line-height: 0;
    display: block;
    width: inherit;
    max-width: 100%;
    height: inherit;
    max-height: 100%;
    background-color: transparent;
}
.hedju_split_holder .hedju_split:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}
.hedju_split_holder .show_water img{
    opacity: 0;
}
.hedju_split_holder .show_water canvas{
    height: 100%;
    width: 100%;
    background-color: transparent;
}
.hedju-split-top, .hedju-split-right, .hedju-split-bottom, .hedju-split-left{
    opacity: 0;
    visibility: hidden;
}
.hedju_active_animation .hedju-split-top, .hedju_active_animation .hedju-split-right, .hedju_active_animation .hedju-split-bottom, .hedju_active_animation .hedju-split-left{
    opacity: 1;
    visibility: visible;
}
.hedju_active_animation .hedju-split-top{

  animation: hedju-split-from-top 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.hedju_active_animation .hedju-split-right{

  animation: hedju-split-from-right 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.hedju_active_animation .hedju-split-bottom{

  animation: hedju-split-from-bottom 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.hedju_active_animation .hedju-split-left{

  animation: hedju-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}

/**
 * ----------------------------------------
 * animation Split Top
 * ----------------------------------------
 */
@keyframes hedju-split-from-top {
from {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0  100% 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
} 
}

@-webkit-keyframes hedju-split-from-top {
from {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); } 
}

/**
 * ----------------------------------------
 * animation Split Left
 * ----------------------------------------
 */
@keyframes hedju-split-from-left {
from {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
} 
}

@-webkit-keyframes hedju-split-from-left {
from {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); } 
}

/**
 * ----------------------------------------
 * animation Split Right
 * ----------------------------------------
 */
@keyframes hedju-split-from-right {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
} 
}

@-webkit-keyframes hedju-split-from-right {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); } 
}

/**
 * ----------------------------------------
 * animation Split Bottom
 * ----------------------------------------
 */
@keyframes hedju-split-from-bottom {
from {
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
} 
}

@-webkit-keyframes hedju-split-from-bottom {
from {
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); } 
}
/* ==========================================================================
Split - End
========================================================================== */
/* ==========================================================================
Service - Start
========================================================================== */

.ma-services-1_right .ma-services-1 .ma-services_number {
margin-left: auto; }

.ma-services-1_right .ma-services-1 .ma-services_media-wrap {
left: 0;
right: initial; }

.ma-services-1_center .ma-services-1 .ma-services_number {
margin-left: auto;
margin-right: auto; }

.ma-services-1_center .ma-services-1 .ma-services_media-wrap {
left: 50%;
right: initial;
transform: scale(1) translateX(-50%); }

.ma-services-1_center .ma-services-1:hover .ma-services_media-wrap {
transform: scale(1) translateX(-50%); }
.ma-services-1{
margin-top: 150px;
}
.ma-services-1 .ma-services_wrap {
transition: 0.4s;
position: relative;
z-index: 1;
}
.ma-services-1 .active.ma-services_wrap::after{
content: '';
position: absolute;
width: 50px;
height: 50px;
right: 110px;
bottom: 25px;
z-index: -1;
border-radius: 50%;
}
.ma-services-1 .ma-services_media-wrap {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: inline-block;
box-sizing: content-box;
border-radius: 50%;
text-align: center;
transition: 0.6s;

transform: scale(1); }

.ma-services-1 .ma-services_title {
font-size: 24px;
line-height: 1.5;
transition: 0.4s;
text-transform: uppercase; }

.ma-services-1 .ma-services_readmore {
display: inline-block; }

.ma-services-1 .ma-services_item-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
left: 0;
top: 0; }

.ma-services-1 .ma-services_number {
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
border-radius: 50%;
font-size: 24px;
font-weight: 800;
transition: 0.4s; }

.ma-services-1 .serv-icon {
display: block;
line-height: inherit;
font-size: inherit; }
.ma-services-1 .serv-icon img {
display: block;
width: 60px;
}
.ma-services_media-wrap {
padding: 100px;
}

.ma-services_number {
color: #000;
}
.ma-services_title {
margin: 30px 0px 10px 0px;
color: #1c1c1c;}
.ma-services_media-wrap {
margin-left: 60px;
margin-top: -100px;

}
.ma-services_text {
font-weight: 400;
color: #404040;
padding-right: 100px;
line-height: 30px;}

.ma-services-1 .active .ma-services_media-wrap,
.ma-services-1:hover .ma-services_media-wrap {
transform: scale(1.1); 
}
.ma-services-1 .active .ma-services_media-wrap img,
.ma-services-1:hover .ma-services_media-wrap img{
transform: scale(1.5); 
}
.ma-services-1 .active .ma-services_number{
background-color: #000;
color: #fff;
}
/* ==========================================================================
Service - End
========================================================================== */
/* ==========================================================================
List Style - Start
========================================================================== */

.ma-list ol , .ma-list ul{
    padding: 0;
    margin: 0;
}
.ma-list .ma-list_ordered ol {
    list-style: none;
    counter-reset: ma-counter;
}
.ma-list .ma-list_ordered ol li {
    counter-increment: ma-counter;
}
.ma-list .ma-list_ordered ol li::before {
    content: counter(ma-counter) ". ";
    color: #d00000;
    display: block;
    position: absolute;
    z-index: 1;
    font-weight: 900;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 0;
}

.ma-list .ma-list_square ul li, .ma-list .ma-list_circle ul li, .ma-list .ma-list_dashes ul li, .ma-list .ma-list_ordered ol li {
    position: relative;
    z-index: 1;
    padding-left: calc(1em + 5px);
    line-height: 38px;
    list-style: none;
}
.ma-list .ma-list_square ul li:before, .ma-list .ma-list_circle ul li:before, .ma-list .ma-list_dashes ul li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 2px;
    width: 6px;
    height: 6px;
}
.ma-list .ma-list_circle ul li:before {
    border-radius: 50%;   
}
.ma-list .ma-list_dashes ul li:before{
    height: 3px;
}
/* ==========================================================================
List Style - End
========================================================================== */
/* ==========================================================================
Marquee Text - Start
========================================================================== */
.hedju-icon-text{
position: relative;
text-align: center;
overflow: hidden;
font-weight: 700;
width: 100%;
height: 200px;
}
.hedju-icon-text::before{
margin: 0;
content: '';
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border-radius:100%;
-webkit-border-radius: 100%;
transition: all .5s cubic-bezier(.3,0,.3,1);
-webkit-transition: all .5s cubic-bezier(.3,0,.3,1);
transform: scale(0);
-webkit-transform: scale(0);
pointer-events: none;
margin: -400px 0 0 -400px;
left: 50%;
top: 50%;
width: 800px;
height: 800px;   
z-index: -1;
}

.hedju-icon-text-warp{
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.hedju-icon-text-warp img{
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.hedju-icon-text-desc{
overflow: hidden;
position: absolute;
left: 50%;  
top: 50%; 
transform: translate(-50%, -50%);
margin: 0;
font-size: 24px;
line-height: 1;

}


.animation-icon-text {
position: relative;
width: 100%;
}
.animation-icon-text div {
overflow: hidden;
width: 50%;
height: 100%;
transform: skewX(-20deg);
}

.animation-icon-text span {
padding: 0 10px;
}

.hedju-icon-text_left span {
display: block;
visibility: hidden;
opacity: 0;
}

.hedju-icon-text_right {
position: absolute;
right: 0;
top: 0;

}

.hedju-icon-text_right span {
position: absolute;
width: 100%;
left: -100%;
visibility: hidden;
opacity: 0;
}
.hedju-icon-text:hover .hedju-icon-text-warp img{
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.hedju-icon-text:hover .hedju-icon-text_left span{
opacity: 1;
visibility: visible;
animation: hedju-slide-left .7s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.1) forwards;
transform: translateX(200px) skewX(20deg);
}
.hedju-icon-text:hover .hedju-icon-text_right span{
opacity: 1;
visibility: visible;    
transform: translateX(-200px) skewX(20deg);
animation:  hedju-slide-right .7s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.1) forwards;
}
.hedju-icon-text:hover:before{
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes hedju-slide-left {
from {
transform: translateX(200px) skewX(20deg);
}
to {
transform: translateX(0%) skewX(20deg);
}
}
@keyframes hedju-slide-right {
from {
transform: translateX(-200px) skewX(20deg);
}
to {
transform: translateX(0%) skewX(20deg);
}
}



/* ==========================================================================
Image & Text - End
========================================================================== */
/* ==========================================================================
Line - Start
=======================================================================*/
.hedju_line{
    position: relative;
    width: 100%;
    display: flex;
}
.hedju_line.right{
    align-items: flex-end;
    justify-content: flex-end;
}
.hedju_line.center{
    align-items: center;
    justify-content: center;
}
.hedju_line.left{
    align-items: flex-start;
    justify-content: flex-start;
}
.hedju_line:before{
    content: '';
    transition: all 1s;
    display: inline-block;
    width: 0;
}
/* ==========================================================================
Line - End
===========================================================================*/
/* ==========================================================================
Testimonial - Start
===========================================================================*/
.testimonial_item{
position: relative;
display: flex;
align-items: center;
opacity: 0;
}
.h-style .testimonial_item{
    padding: 65px 60px;
}
.h-style .testimonial_item::before{
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.h-style .testimonial_item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.swiper-slide-active .testimonial_item{
    opacity: 1;
}
.testimonial_item_author{
position: relative;
width: 35%;
display: flex;
align-items: center;
padding-bottom: 50px;
padding-right: 30px;

}
.testimonial_item_author .author_thumbnail img{
width: 170px;
height: 170px;
border-radius: 50% 50% 50% 50%;
}
.testimonial_item_content{
position: relative;
width: 65%;
padding-left: 55px;
padding-bottom: 100px;
}

.author_meta{
padding-left: 30px;
}

.author_meta .author_name{
font-size: 26px;
font-weight: 700;

}
.testimonial_item_info{
display: flex;
align-items: center;
}

.testimonial_stars{
margin-right: 10px;
padding: 0 10px;
font-size: 12px;
height: 21px;
line-height: 23px;
display: inline-block;
vertical-align: top;
font-weight: 800;
color: #000;
border-radius: 26px;
-webkit-border-radius: 26px;
}
.testimonial_item_quote{
font-weight: 400;
font-size: 26px;
line-height: 40px;
margin-top: 20px;

}
.testimonial-nav-holder{
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -75px;
}
.testimonial-nav-left-holder{
    position: relative;
    width: 35%;
    padding-bottom: 50px;
    padding-right: 30px;
}    
.testimonial-nav-right-holder{
    position: relative;
    width: 75%;
    padding-left: 50px;
    padding-bottom: 100px;
    margin-left: -50px;
}
.testimonial-carousel .next-link_wrap_testimonial, .testimonial-carousel .prev-link_wrap_testimonial {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0;
    border: solid 1px transparent;

}   

.testimonial-carousel .next-link_wrap_testimonial{

    left: 270px;
}

.h-style.testimonial-carousel .next-link_wrap_testimonial,
.h-style.testimonial-carousel .prev-link_wrap_testimonial{
    top: -50px;
}


 .testimonial-carousel .hedju-button_slider {
    padding: 22px 40px;
    width: auto;
}
.testimonial-carousel .hedju-button_slider {
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    left: 75px;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.h-style.testimonial-carousel .hedju-button_slider{
    left: 98px;
}
.testimonial-carousel .hedju-button_slider.right{
    left: 0;
}
.testimonial-carousel .hedju-button_slider {
    background-color: transparent !important;
}
.testimonial-carousel .hedju-button_slider .button_text_holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}
.testimonial-carousel .hedju-button_slider::after {
    opacity: .5;
}
.h-style.testimonial-carousel .hedju-button_slider::after {
    opacity: 1;
}
.testimonial-carousel .hedju-button_slider::after, .testimonial-carousel .hedju-button_slider::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.testimonial-carousel .hedju-button_slider::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.testimonial-carousel .hedju-button_slider::before {
    content: "\f101";
    font-family: flaticon;
    font-size: 20px;
    line-height: 20px;
    top: 18px;
    left: 15px;
    height: 18px;
    z-index: 1;
    font-weight: 900;


}
.testimonial-carousel .hedju-button_slider.right::before{
    transform: rotate(180deg);
}

.testimonial-carousel .hedju-button_slider:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.testimonial-carousel .hedju-button_slider:hover::before{
    z-index: 1;
}

.testimonial-carousel .hedju-button_slider.right::after{
right: 0 !important;
left: auto !important;
}
.testimonial-carousel .hedju-button_slider.right::before{
right: 15px !important;
left: auto !important;

}
.testimonial-carousel .button_text.prev{
    margin-left: 3px;
}
.testimonial-carousel .button_text.next::after,
.testimonial-carousel .button_text.prev::after{
    content: "";
    opacity: 0;
    top: 3px;
    right: -18px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    background-color: #000;
    position: absolute;
    animation: scale 1s infinite alternate;
}
.testimonial-carousel .button_text.next::after{
    left: -18px;
}
.testimonial-carousel .button_text.prev::after{
    right: -18px;
}
.testimonial-carousel .hedju-button_slider:hover .button_text.next::after,
.testimonial-carousel .hedju-button_slider:hover .button_text.prev::after{
    opacity: 1;
    background-color: currentColor;
}
.testimonial_stars .star{
    font-weight: 900;
}
.testimonial_stars .star::before{
    content: "\f005";
    font-family: "Font Awesome 6 Free";
}

.stars_1 .star:nth-child(2),
.stars_1 .star:nth-child(3),
.stars_1 .star:nth-child(4),
.stars_1 .star:nth-child(5)
{
    font-weight: 400;
}

.stars_2 .star:nth-child(3),
.stars_2 .star:nth-child(4),
.stars_2 .star:nth-child(5)
{
    font-weight: 400;
}

.stars_3 .star:nth-child(3),
.stars_3 .star:nth-child(4),
.stars_3 .star:nth-child(5)
{
    font-weight: 400;
}
.stars_4 .star:nth-child(5)
{
    font-weight: 400;
}

/* ==========================================================================
Testimonial - End
===========================================================================*/
/* ==========================================================================
Interactive Showcase - Start
===========================================================================*/
.line-showcase-holder{
position: relative;
line-height: 1;
display: flex;
line-height: 1;
padding: 30px 0;
         
}
.line-showcase-link{
position: relative;
overflow: hidden;
display: block;
padding: 25px 0;
border-bottom: 1px solid rgba( 255,255,255,0.3 );
}

.line-showcase-media{
position: relative;
width: 50%;
}
.line-showcase-content{
position: relative;
width: 50%;
padding-top: 50px;

}        
.line-showcase-info{
display: flex;
align-items: center;
justify-content: space-between;
}
.line-showcase-info_holder{
display: flex;
align-items: center;
}
.line-showcase-num{
font-size: 32px;
font-weight: 700;
margin-right: 24px;
position: relative;
transition: all .45s;
letter-spacing: 2px;

}
.line-showcase-title{
font-size: 32px;
font-weight: 700;
}


.line-showcase-arrow:before {
content: '\f101';
display: flex;
z-index: 2;
width: 70px;
height: 70px;
font-family: flaticon;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 0.6s;
transform: rotate(155deg);
font-size: 25px;
text-align: center;
align-items: center;
justify-content: center;
margin-right: 15px;
font-weight: 900;

}
.line-showcase-link:hover .line-showcase-arrow:before {
-webkit-animation: rotate-center-more 0.6s ease-in-out both;
animation: rotate-center-more 0.6s ease-in-out both;
}
.line-showcase-image{
padding-right: 30px;
position: relative;
display: flex;
align-items: center;
margin-left: 130px;
margin-top: 30px;
position: absolute;
opacity: 0;
visibility: hidden;
}
.line-showcase-image.active{
z-index: 3;
opacity: 1;
visibility: visible;
}
.line-showcase-image img{
display: block;
width: 350px;
opacity: 0;
transform: scale(.5) rotate(0deg);
transition: all .3s;
}

.line-showcase-bg{
position: absolute;
top: 0;
left: 0px;
z-index: 1;
}
.line-showcase-bg img{
width: 395px;
display: block;
animation: scale4 4s infinite alternate;

}
.line-showcase-image.active img{
transition: all .3s;
opacity: 1;
transform: scale(1) rotate(10deg);
}
.hedju_active_animation .line-showcase-info_holder{
-webkit-animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.hedju_active_animation .line-showcase-arrow{
-webkit-animation: opacity-anim 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
animation: opacity-anim 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.8s both;
}
/**
* ----------------------------------------
* animation rotate-center
* ----------------------------------------
*/
@-webkit-keyframes rotate-center-more {
0% {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
-webkit-transform: rotate(155deg);
    transform: rotate(155deg);
}
}
@keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
    transform: rotate(0);
}
100% {
-webkit-transform: rotate(155deg);
    transform: rotate(155deg);
}
}


/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/


@-webkit-keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);            
}
}
@keyframes slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);            
}
}

/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/


@-webkit-keyframes opacity-anim {
0% {
opacity: 0;

}
100% {
opacity: 1;

}
}
@keyframes opacity-anim {
0% {
opacity: 0;

}
100% {
opacity: 1;

}
}


/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/


@-webkit-keyframes opacity-anim {
0% {
opacity: 0;

}
100% {
opacity: 1;

}
}
@keyframes opacity-anim {
0% {
opacity: 0;

}
100% {
opacity: 1;

}
}

/**
* ----------------------------------------
* animation scale
* ----------------------------------------
*/

@-webkit-keyframes scale4 {
0% {
transform: scale(0.98);
}

50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}

@keyframes scale2 {
0% {
transform: scale(0.9);
}

50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}

/* ==========================================================================
Interactive Showcase - End
===========================================================================*/
/* ==========================================================================
Layers - Start
========================================================================== */

.ma-image-layer {
    position: relative;
    line-height: 0;
    max-width: 100%;
}

.ma-image-layer .image-layer-wrapper {
    position: relative;
    line-height: 0;
    display: block;
    width: inherit;
    max-width: 100%;
    height: inherit;
    max-height: 100%;
}
.ma-image-layer .image-layer-wrapper:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}


/* Layers Animation */

.as-image-layers .image-layer-wrapper.fade_in .image-layer-img, .as-image-layers .image-layer-wrapper.slide_up .image-layer-img, .as-image-layers .image-layer-wrapper.slide_down .image-layer-img,
.as-image-layers .image-layer-wrapper.slide_right .image-layer-img, .as-image-layers .image-layer-wrapper.slide_left .image-layer-img{
    opacity: 0;
    visibility: hidden;
}
.as-image-layers .image-layer-wrapper.slide_up .image-layer-img {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%); 
}
.as-image-layers .image-layer-wrapper.slide_down .image-layer-img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); 
}
.as-image-layers .image-layer-wrapper.slide_right .image-layer-img {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); 
}
.as-image-layers .image-layer-wrapper.slide_left .image-layer-img {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%); 
}
.as-image-layers.layer_animate .image-layer-wrapper.fade_in .image-layer-img, .as-image-layers.layer_animate .image-layer-wrapper.slide_up .image-layer-img, .as-image-layers.layer_animate .image-layer-wrapper.slide_down .image-layer-img,
.as-image-layers.layer_animate .image-layer-wrapper.slide_right .image-layer-img, .as-image-layers.layer_animate .image-layer-wrapper.slide_left .image-layer-img {
    opacity: 1;
    visibility: visible;
}
.as-image-layers.layer_animate .image-layer-wrapper.slide_up .image-layer-img, .as-image-layers.layer_animate .image-layer-wrapper.slide_down .image-layer-img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); 
}
.as-image-layers.layer_animate .image-layer-wrapper.slide_right .image-layer-img, .as-image-layers.layer_animate .image-layer-wrapper.slide_left .image-layer-img {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); 
}
.as-image-layers.layer_animate .image-layer-wrapper.upDown .image-layer-img img {
animation: upDown 2s infinite alternate;
}
.as-image-layers.layer_animate .image-layer-wrapper.leftRight .image-layer-img img {
animation: leftRight 2s infinite alternate;
}
.as-image-layers.layer_animate .image-layer-wrapper.scale1 .image-layer-img img {
animation: scale1 2s infinite alternate;
}
.as-image-layers.layer_animate .image-layer-wrapper.scale2 .image-layer-img img {
animation: scale2 2s infinite alternate;
}
.as-image-layers.layer_animate .image-layer-wrapper.scale3 .image-layer-img img {
animation: scale3 2s infinite alternate;
}

@keyframes upDown {
0% {
transform: translateY(-10px); }
100% {
transform: translateY(10px); } }
@keyframes leftRight {
0% {
transform: translateX(-10px); }
100% {
transform: translateX(10px); } }
@keyframes scale1 {
0% {
transform: scale(0.9); }
100% {
transform: scale(1.1); } }
@keyframes scale2 {
0% {
transform: scale(0.8); }
50% {
transform: scale(1.1); }
100% {
transform: scale(0.8); } }
@keyframes scale3 {
0% {
transform: scale(1); }
50% {
transform: scale(0.6); }
100% {
transform: scale(1); } }
/* ==========================================================================
Layers - End
========================================================================== */

/* ==========================================================================
Creative Heading - Start
========================================================================== */
.hedju-text-creative_holder{
position: relative;
}
.hedju-text-creative_inner{
overflow: hidden;
opacity: 1;
}
.hedju-text-creative_content{
position: relative;
display: inline-block;
opacity: 0;
visibility: hidden;
}
.hedju-text-creative_content.active{
    opacity: 1;
    visibility: visible;
}
.hedju-text-creative_content span{
display: inline-block;
position: relative; 
transform: translate(0%, 110%) rotate(20deg);
opacity: 0;
visibility: visible;
}

.tranform_on .hedju-text-creative_content.active span{
animation: 1s creative_text cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
animation-delay: calc(.09s * var(--i));
} 
.tranform_off .hedju-text-creative_content.active span{
animation: 1s creative_text_off cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
animation-delay: calc(.09s * var(--i));
}    


@keyframes creative_text {
0% {
transform: translate(0%, 110%) rotate(20deg);
opacity: 1;
visibility: visible;
}
100%{
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
}

@-webkit-keyframes creative_text {
0% {
transform: translate(0%, 110%) rotate(20deg);
opacity: 1;
visibility: visible;
}
100%{
transform: translate(0px, 0px);
opacity: 1;
visibility: visible;
}
}

@keyframes creative_text_off {
0% {
transform: translate(0px, 0px) rotate(20deg);    
opacity: 0;
visibility: visible;
}
100%{
transform: translate(0px, 0px);    
opacity: 1;
visibility: visible;
}
}

@-webkit-keyframes creative_text_off {
0% {
transform: translate(0px, 0px) rotate(20deg);
opacity: 0;
visibility: visible;
}
100%{
transform: translate(0px, 0px);    
opacity: 1;
visibility: visible;
}
}
/* ==========================================================================
Creative Heading - End
========================================================================== */ 
/* ==========================================================================
attractive Heading - Start
========================================================================== */
.attractive-heading {
position: relative;
perspective: 300px;
display: flex;
}
.attractive-heading-wrap{
transform: rotateY(100deg);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
transition: opacity 0.5s, transform 0.5s;
opacity: 0;
}
.attractive-active.attractive-heading-wrap{
transition: opacity 0.2s, transform 0.5s;
transform: rotateY(0);
opacity: 1;
}
/* ==========================================================================
attractive Heading - End
========================================================================== */    
/* ==========================================================================
Team - Start
===========================================================================*/

.team-inner{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.team-content-part{
    position: relative;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    line-height: 1;
}
.team-media img{
    width: 100%;
    display: block;

}
.team-content{
 padding:20px 0;
}
.team-content .title{
    margin: 0 0 10px;
}
.team-content .title a {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}

 .team-icon-part{
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    padding: 8px 5px;
    text-align: center;
    line-height: 1; 
 }
.team-icon-part ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.team-icon-part ul li {
    margin:0 4px;
    display: inline-block;
    vertical-align: top;
}
.team-icon-part ul li a {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 70px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    transition: all .4s cubic-bezier(.3,0,.3,1);
    -webkit-transition: all .4s cubic-bezier(.3,0,.3,1);
}

.team-content-part::before, .team-icon-part::before{
    margin: 0;
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .5s cubic-bezier(.3,0,.3,1);
    -webkit-transition: all .5s cubic-bezier(.3,0,.3,1);
    transform: scale(0);
    -webkit-transform: scale(0);
    pointer-events: none;
    margin: -400px 0 0 -400px;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 800px;   
    z-index: -1;

}
.team-box:hover .team-content-part:before,
.team-box:hover .team-icon-part:before {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.swiper-slide-active .hedju-split-left{

  animation: hedju-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}


@keyframes ma-split-from-left {
from {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
} 
}

@-webkit-keyframes ma-split-from-left {
from {
-webkit-clip-path: inset(0 0 0 100%);
clip-path: inset(0 0 0 100%); }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); } 
}
.team-img{
    opacity: 0;
    visibility: hidden;
}

.team-carousel_animation .team-img{
    opacity: 1;
    visibility: visible;
  animation: hedju-split-from-right 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}


/* ==========================================================================
Team - End
===========================================================================*/

/* ==========================================================================
Single Team - Start
========================================================================== */   
.ma_team_item{
padding: 15px 0;
}
.single-page-team_standard .team-separator{
height: 120px;
}  
.team-wrap {
text-align: center;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.team-wrap .team-thumb {
position: relative;
}
.team-ma-inner{
margin: 0 -15px;  
}
.team-thumb img {
width: 100%;
height: auto;
border: none;
display: block;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.single-team .team-title{
padding: 0 0 15px 0;
}
.team-info .team-title h3{
font-weight: 800;
line-height: 36px;
color: #FFF;
}
.team-wrap .team-social {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
justify-content: flex-end;
overflow: hidden;
}
.mark_info_team{
width: 40px;
height: 3px;
margin: 15px 0 8px;
}
.team-wrap .team-social .team-social-inner {
position: absolute;
left: 0;
opacity: 0;
padding-left: 30px;
transform: translateX(-100px);
transition: .5s all ease 0.6s;
transition: .5s all ease 0.6s;
-webkit-transition: .5s all ease 0.6s;
-moz-transition: .5s all ease 0.6s;
-o-transition: .5s all ease 0.6s;
-ms-transition: .5s all ease 0.6s;
}

.team-wrap .team-social .team-overlay{
position: absolute;
width: 100%;
height: 100%;
transform: translateY(-110%);
transition: all 0.5s linear;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.flex-middle {
display: flex;
align-items: center;
justify-content: center;
}

.team-wrap:hover .team-social .team-social-inner {
transform: translateX(0);  
opacity: 1;
}

.team-wrap:hover .team-social .team-overlay{
transform: translateY(0);
opacity: .8;
}

.team-wrap .team-social a {
display: block;
font-size: 14px;
line-height: 1;
margin: 20px 0;
padding: 20px;
background: #fff;
border-radius: 50%;
transition: 0.5s all ease;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
} 

.team-wrap .team-social a:hover {
color: #ffffff;
} 

.team-wrap h4 a {
font-size: 24px;
margin-bottom: 0;
line-height: 34px;
letter-spacing: 1px;
font-weight: 700;
}

.team-wrap span{
font-size: 14px;
text-transform: uppercase;
}

.team-wrap .team-info {
padding: 30px 30px;
background: #f7f5f2;
text-align: left;
}

.team-outer-style{
display: flex;
position: relative;
align-items: flex-start;
width: 100%;
z-index: 1;
margin-bottom: 70px;
border-width: 1px;
border-style: solid;
border-radius: 0;
margin-top: 2px;
margin-right: 0px !important;
margin-left: 0px !important;
justify-content: center;
background-position: top right;
background-size: contain;
background-repeat: no-repeat;
}
.team-outer-style::before {
    content: '';
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 30px);
    top: -15px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.team-outer-style::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100% - 60px);
    top: 30px;
    right: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.single-post .team-outer-style .team-outer-padding {
display: flex;
align-items: center;
justify-content: center;
}
.team-sub-line{
margin-bottom: 10px;
font-size: 12px;
line-height: 1.3;
font-weight: 400;
letter-spacing: 0;
}
.team-sub-line span{
display: inline-block;
position: relative;
padding: 10px 2px 8px;
border-radius: 8px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.1px;
font-weight: 800;
}
.team-sub-line span::before{
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 30px;
height: 2px;
top: -4px;
margin-right: 8px;
background-color: currentColor;
}
.single-team-info{
padding: 10px 0 20px;
}
.team-image-wrap{
overflow: hidden;
}

.single-team .team-info{
position: relative;
padding-top: 90px;
padding-left: 30px;
padding-bottom: 80px;
z-index: 9;
}

.single-team .team-info_item{
margin-bottom: 5px;
}
.single-team .team-info_item h6{
font-weight: 600;
color: #fff;
}
.single-team .team-info_item > * {
display: inline;
color: #d0d0d0}
.single-team .team-info_item h6 + span {
margin-left: 8px;
}

.team-description{
    color: #fff;
font-weight: 500;
}
.team-soical{
padding: 15px 0;  
}
.team-soical-icons{
margin-right: 5px;
}

.team-soical-icons a{
display: inline-block;
font-size: 18px;
text-align: center;
padding: 9px;
margin-right: 15px;
cursor: pointer;
line-height: 1;
margin-right: 5px;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.team-soical-icons a i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.team-soical-icons a:hover{
-webkit-animation: rotate-center-social 0.3s ease-in-out both;
animation: rotate-center-social 0.3s ease-in-out both;
color: #FFF;
}
.team-content h3{
    font-size: 30px;
    text-transform: capitalize;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

.team-content .title-heading .ma-double-title{
    font-size: 30px;
    text-transform: capitalize;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 15px;
}

.single-team .ma-row .ma_col-12{
  padding: 0;
}

/* ==========================================================================
Single Team - End
========================================================================== */  
/* ==========================================================================
Button - Start
===========================================================================*/
.button-holder .hedju-button {
    padding: 22px 40px;
    width: auto;
}
.button-holder .hedju-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    border: unset;
    border-radius: unset;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
}
.button-holder  .hedju-button {
    background-color: transparent !important;
}
.button-holder .hedju-button .button_text_holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
}

.button-holder .hedju-button::after, .button-holder .hedju-button::before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    transition: inherit;
}
.button-holder .hedju-button::after {
    content: "";
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
}
.button-holder .hedju-button::before {
    content: "";
    top: 25px;
    left: 25px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    background-color: #000;

}

.button-holder .hedju-button:hover::after {
    top: 0px;
    right: 0px;
    width: 100%;
    background-color: #000;
    border-radius: 32px 32px 32px 32px;
    opacity: 1;
}
.button-holder .hedju-button:hover::before{
    z-index: 1;
}

.button-holder .hedju-button:hover .button_text{
color: #fff;
    
}

.button-holder .button_text::after{
    content: "";
    opacity: 0;
    top: 3px;
    right: -15px;
    width: 5px;
    height: 5px;
    z-index: 1;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
}
.button-holder .hedju-button:hover .button_text::after,
.button-holder .hedju-button:hover::before{
    opacity: 1;
     animation: scale 1s infinite alternate;
}


@-webkit-keyframes scale {
0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(0.8);
}
}

@keyframes scale {
0% {
    transform: scale(0.8);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(0.8);
}
}
/* ==========================================================================
Button - End
===========================================================================*/

/* ==========================================================================
Marquee Text - Start
========================================================================== */
.hedju-text-marquee {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.hedju-text-marquee .hedju-m-content {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}
.hedju-text-marquee .hedju-m-text {
  padding: 0 5px;
  will-change: transform;
}
.hedju-text-marquee.mask {
   mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%);
   -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%);
}

/* ==========================================================================
Marquee Text - End
========================================================================== */
/* ==========================================================================
Cricle - Start
========================================================================== */
.cricle_text_holder{
    width: 200px;
height: 200px;
border-radius: 50%;
position: relative;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;}
   .cricle_text_warp {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    }
.cricle_text_before {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cricle_text_before svg{

    fill: currentColor;
    transition: fill .25s ease-out;
    overflow: visible;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 22px;
    transform: translate(-40%, -40%);
    stroke-width: 0.025em;
    transition: none;

}
.cricle_text{
    width: 100px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cricle_text{
    -webkit-animation: rotate-center 50s linear infinite;
    animation: rotate-center 50s linear infinite;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}   
/* ==========================================================================
Cricle - End
========================================================================== */

/* ==========================================================================
Counter - Start
========================================================================== */
.as-counter_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.counter_value_wrap{
     display: flex;
    align-items: center;
    justify-content: center;   
}
.counter_value_wrap{
    font-size: 34px;
    font-weight: 900;
}
.counter-suffix{
    margin-right: 5px;
}
.counter-title_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter-title_wrap{
    font-size: 20px;
    font-weight: 600;
}
.ma-counter_style{
    content: '';
    position: relative;
    width: 13px;
    height: 1px;
    margin-right: 4px;
    background-color: currentColor;
}
/* ==========================================================================
Counter - End
========================================================================== */
/* ==========================================================================
Link - Start
========================================================================== */
.hedju-link_dot{ 
display: inline-block;
position: relative;
vertical-align: middle;
box-sizing: border-box;
margin-left: 0;
margin-bottom: 0;
padding-right: 0;
color: inherit;
line-height: 30px;
font-size: 14px;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.hedju-link_dot .link_dot_span:after{
display: block;
content: '';
position: absolute;
width: 0;
height: 1px;
visibility: hidden;
opacity: 0;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.hedju-link_dot:hover .link_dot_span:after{
width: 100%;
visibility: visible;
opacity: 1;
}
.link-tag{
    padding: 3px 8px;  
    margin-left: 5px;  
}
/* ==========================================================================
Link - End
========================================================================== */
/* ==========================================================================
Magic Button - Start
========================================================================== */
.btn_magic_holder {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
a.btn_magic_link::before {
    margin: 0;
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 100%;
    -webkit-border-radius: 100%;
    transition: all .9s cubic-bezier(.3,0,.3,1);
    -webkit-transition: all .9s cubic-bezier(.3,0,.3,1);
    transform: scale(0);
    -webkit-transform: scale(0);
    pointer-events: none;
    margin: -250px 0 0 -250px;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 500px;
    z-index: -1;
    opacity: 0;
}
a.btn_magic_link {
    overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
color: inherit;
text-decoration: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid #FFFFFF33;
width: 165px;
height: 165px;
transition: .3s;
}
a.btn_magic_link:hover:before{
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.btn_magic_link span.text{
color: #fff;
font-size: 18px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.btn_magic_link span.icon{
display: block;
transform: rotate(140deg) translateX(-15px);
    line-height: 1;
}

.btn_magic_link span.icon:before{
content: '\f101';
font-family: flaticon;
font-size: 40px;
font-weight: 900;
}
/* ==========================================================================
Magic Button - Start
========================================================================== */
.rotate-image_holder{
    position: relative;
    width: 100%;
    display: flex;
}
.rotate-image_holder img{
    display: block;
}

.rotate-image_holder img.show_rotate{
-webkit-animation: rotate-center 5s linear infinite;
animation: rotate-center 5s linear infinite;    
}

/* ==========================================================================
Magic Button - End
========================================================================== */
/* ==========================================================================
Contact Form - Start
========================================================================== */
.ma-cf7-top-line{
 position: absolute;
 top: 30px;
 width: 100%;
 height: 1px;
 background-color: #fff;
 z-index: 9;
}
.ma-cf7-down-line{
 position: absolute;
 width: 100%;
 height: 1px;
 background-color: #fff;
 bottom: 30px;
 z-index: 9;
}
.formcf7_holder{
    padding: 15px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.formcf7_inner{
padding: 50px 15px;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #181818;
}
.ma-cf7-holder{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ma-cf7-holder h3{
    color: #fff;
    font-size: 26px;
    line-height: 36px;
}
.ma-cf7-holder h5{
    color: #D0D0D0;
    font-size: 14px;
    margin-bottom: 10px;
}
.wpcf7-form-wrap .wpcf7-text {
  width: 100%;
  border: none;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
  background-color: transparent;
  resize: none;
}
.wpcf7-form-wrap .wpcf7-text {
   padding-left: 40px;
}

.wpcf7-form-wrap {
   position: relative;
   background-color: #fff;
   margin-bottom: 15px;
   border-radius: 15px;
}

.wpcf7-form-wrap i {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 18px;

}  
.wpcf7-form-wrap .wpcf7-textarea_icon {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 20px;
}   
.wpcf7-form-wrap .line {
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
    margin-top: -1px;
}
.wpcf7-form-wrap .line:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.wpcf7-form-wrap:hover .line:before{
    width: 100%;
}
.wpcf7-form-submit .wpcf7-submit{
    font-size: 18px;
    border: 1px solid #fff;
    font-weight: 700;
    height: 65px;
    border-radius: 50px;
    line-height: 1;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
    color: #181818 !important;
}

.wpcf7-form-submit {
    margin-top: 15px;
}
.wpcf7-form-wrap .wpcf7-not-valid-tip{
    display: none;
}
.wpcf7 form .wpcf7-response-output, .wpcf7 .formcf7_inner p{
    margin: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border: none !important;
}

.wpcf7 form .wpcf7-response-output{
    padding: 0 15px 15px !important;    
}
.light-theme .wpcf7-form-wrap .line:before{
    background-color: #fff;    
}
/* ==========================================================================
Contact Form - End
========================================================================== */
/* ==========================================================================
mailchimp Form - Start
========================================================================== */
.hedju-subscribe-holder{
    position: relative;
}

.hedju-subscribe-holder .hedju-subscribe-email {
    padding-left: 40px;
}
.hedju-subscribe-holder .hedju-subscribe-form-wrap {
    position: relative;
}
.hedju-subscribe-holder .hedju-subscribe-email {
    width: 100%;
    border: none;
    border-radius: 4px;
    margin: 0 0 8px;
    outline: none;
    padding: 8px;
    box-sizing: border-box;
    transition: 0.3s;
    background-color: transparent;
    resize: none;
    color: #fff;
}
.hedju-subscribe-holder .hedju-subscribe-email {
    padding-left: 40px;
}
.hedju-subscribe-holder i {
    position: absolute;
    left: 3px;
    top: 15px;
    font-size: 20px;
    color: #fff;
}
.hedju-subscribe-holder .line {
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
    background-color: #535353;
    margin-top: -1px;
}
.hedju-subscribe-holder .line:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.hedju-subscribe-holder .hedju-subscribe-submit{
    position: absolute;
    font-size: 0px !important;
    background: none !important;
    background-color: transparent !important;
    right: 0;
    top: -10px;
    z-index: 1;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.hedju-subscribe-holder .hedju-subscribe-submit:before{
    content: '\f102';
    display: block;
    position: absolute;
    z-index: 0;
    right: 15px;
    font-family: 'Flaticon';
    font-size: 18px;
    font-weight: 900;
    line-height: 10px;

}
.hedju-subscribe-holder .line:before {
    background-color: #ffffff;
}

.hedju-subscribe-holder:hover .line:before {
    width: 100%;
}

/* ==========================================================================
mailchimp Form - End
========================================================================== */
/* ==========================================================================
Google Map - Start
========================================================================== */
.elementor-widget-google_maps iframe {
    -webkit-filter: grayscale(80%) invert(90%) contrast(90%);
    filter: grayscale(80%) invert(90%) contrast(90%);
}
/* ==========================================================================
Google Map - End
========================================================================== */
/* ==========================================================================
Responsive - Start
========================================================================== */
@media only screen and (min-width: 1441px) {
    .page-content-warp, .ma-header-wrapper, .boxed-screen-header,
    .ma-header-boxed, .page-title-warp, .footer .footer-warp,
    .slider-item-content, .menu-container .menu-container-warp{
    width: 1300px;
    }
    .slider-nav_holder{
        width: 1393px;
    }
}
@media only screen and (max-width: 1200px) {
 
    .ma-header-holder, .header-hedju-button .header-text_holder, .vertical-menu-header, .canvas-holder, .scroll_up_position,
    .hedju-filter-holder .filter-holder .filter-col{
        display: none;
    }
    .header-hedju-button:hover::after{
        width: 50px !important;
    }
    .hedju-header .hedju-mobile-header {
    position: relative;
    z-index: 99;
    display: block;
    } 
    .primary-navmenu_vertical_dir{
        width: 70%;
    } 
    .blog-entry-content, .boxed-screen-header, .single-hedju-page .content-inner, .slider-item-content,
    .fullscreen-post-holder .hero-content, .page-content-warp, .ma-header-wrapper, .menu-container .menu-container-warp,
    .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 950px;
    }
    .slider-nav_holder{
        width: 1050px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default, 
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default, 
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default,
    body.elementor-page.single main .elementor-section-boxed .elementor-container{
    width: 950px;
    max-width: 950px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container,
    body.elementor-default .elementor-container:not(.elementor-column-gap-no){
    width: 950px;
    max-width: 950px;
    }      
    .elementor-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
    body .blog-posts .creative-post-item.format-standard .blog-post_content .blog-post_title a::before {
        content: none;
    }
    .menu-container::before,
    .page-header::before{
        width: calc(100% - 30px);
        left: 15px;
    }
    .row .hedju-team.as_col-4{
        width: 50%;
    }
    .hedju-team{
        margin-bottom: 50px;
    }
    .full-slider_inner, .full-slider_bottom{
        width: 100%;
        padding: 0 15px;
    }
    .interactive-portfolio_inner{
        grid-template-columns: repeat(2, 1fr);    
    }
    .accordion{
        flex-wrap: wrap;
    }
    .accordion .accordion-title, .panel-wrap{
        width: 100%;
    }
    .accordion .accordion-subtitle{
        padding: 10px 0 0;
    }
    .accordion .accordion-mark{
        position: absolute;
        right: 0;
    }
    .wpb_wrapper{
        display: block;
    }
    .testimonial_item_content{
        padding-left: 0 !important;
        width: 100% !important;
        border: none !important;
    }
    .testimonial_item_author, .testimonial-nav-left-holder{
        display: none !important;
    }
    .testimonial-nav-right-holder{
        width: 100% !important;
    }
    .testimonial-nav-right-holder{
        margin-left: -125px;
    }
    .h-style .testimonial-nav-right-holder{
        margin-left: -90px;
    }   
    .canvas-mobile-holder{
        display: block;
        position: relative;
        background-position: center;
        background-size: cover;    
    }
    .footer .elementor-column.elementor-col-25{
        margin-bottom: 30px;
    }
    .desc_slider, .full-slider_arrow{
        display: none;
    } 
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(1){
        width: 30vMax!important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(7){
        width: 100px !important;
        top: 6% !important;
    } 
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(9){
        right: 0 !important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(4){
        width: 101px !important;
        right: 0 !important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(2){
        width: 100px !important;
        left: 0 !important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(3){
        width: 95px !important;
        right: 40% !important;  
        top: 80% !important;      
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(10){
        width: 122px !important;
        bottom: 8% !important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(8){
        bottom: 1% !important;
    }
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(6){
        top: 82% !important;
        left: 10% !important;   
    }

    .interactive-list-content{
        width: 50%;   
    }
    .interactive-list-subtitle{
        width: 15%;
    }
    .interactive-list-info, .interactive-list-media{
        display: none;
    }
    .fullscreen-post-holder .page-head-meta .meta-holder{
        flex: 100%;
    }
    .fullscreen-post-holder .page-head-meta .social-info{
        flex: 100px;
    }
    .fullscreen-post-holder .meta-holder .meta-item{
      margin-bottom: 60px;
    } 
    .fullscreen-post-holder .title{
        font-size: 40px;
        line-height: 55px;
    } 
    .portfolio-multiple_holder .slider-portfolio-wrap .slider-portfolio_inner:nth-child(1){
        width:60%;
    } 
    .slider-portfolio_info{
        font-size: 50px;
    }
    .slider-portfolio_info a.title-category{
        margin-left: 50px;
    }
    .custom-text-size .hedju_fancy_text{
        font-size: 80px;
    }
    .line-showcase-media{
        display: none;
    }    
    .line-showcase-holder .line-showcase-content{
        width: 100%;
    }
    .portfolio__filter{
        flex-wrap: wrap;

    }
    .portfolio__filter .filter-right{
        flex: 100%;
    }
    .portfolio__filter .filter-right:last-child{
        margin-top: 20px;
    }
    .ma_cpt_section{
        padding: 0;
    }
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
width: 950px;
}
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
width: 950px;
}
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
width: 950px;
}
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
width: 950px;
}
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
width: 950px;
}
body.elementor-default .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-default .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-active .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-active .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-preview .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-preview .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body.elementor-default .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-active .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-preview .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
    
}

@media only screen and (max-width: 1024px) {

  .row .content.as_col-9, .row .content.as_col-9-1 {
    width: 100%; 
   }

    .row .sidebar-container.as_col-3,
    .row .sidebar-container.as_col-4,
    .row .sidebar-container.as_col-4-1,
    .row .main-content.as_col-8,
    .row .main-content.as_col-9,
    .row .main-content.as_col-9-1,
    .signle-portfolio-col-8, 
    .signle-portfolio-col-4 {
        width: 100%;
    }
    .row .as_col-7,
    .row .as_col-6,
    .row .as_col-5,
    .row .as_col-4,
    .row .as_col-4-1,
    .hedju-filter-holder .hedju-filter_logo_col-3 .item-filter,
    .row .as_col-3,
    .hedju-filter-holder .hedju-filter_logo_col-4 .item-filter,
    .row .as_col-1-5,
    .hedju-filter-holder .hedju-filter_logo_col-5 .item-filter,
    .row .as_col-1-6,
    .blog-posts .row .as_col-7,
    .blog-posts .row .as_col-6,
    .blog-posts .row .as_col-5,
    .blog-posts .row .as_col-4,
    .blog-posts .row .as_col-4-1,
    .blog-posts .row .as_col-3,
    .blog-posts .row .as_col-1-5,
    .blog-posts .row .as_col-1-6,    
    .signle-portfolio-col-25,
    .row .product-category_holder .as_col-6
    {
        width: 50%;
    }

    .blog-posts .hide_image .blog-post_content, 
    .blog-posts .format-no_featured .blog-post_content {
        padding: 26px 30px 36px;
    } 

    .blog-posts .blog-post-item{
    margin-bottom: 40px;
    }

    .sidebar-container{
        margin-top: 40px;
    }
    .sidebar-container .sidebar{
        padding-right: 15px;
        padding-left: 15px;
    }    
    .ma-portfolio-info_wrap, .signle-portfolio-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    } 
    .signle-portfolio-column .last-portfolio_item {
      padding: 15px 0 15px 0px;
    }
    .signle-portfolio-column .last-portfolio_item .signle-portfolio-wrap{
      justify-content: start;  
    }
    .ma-portfolio-info_wrap .ma-portfolio-item_annotation {
     margin-left: 0;
    }
    .signle-portfolio-col-8 .ma-portfolio-info_desc {
        margin-right: 0;
    }
   
    .row .single-portfolio-gallery .as_col-4,
    .row .single-portfolio-gallery .as_col-3,
    .row .product-category_holder .as_col-4,
    .row .product-category_holder .as_col-3 {
        width: 50%;
    }
    .row .as_col-6:nth-child(2n+1) {
        clear: left;
    }

    .row .as_col-4:nth-child(3n+1) 
    .row .as_col-4-1:nth-child(3n+1) {
        clear: none;
    }

    .row .as_col-4:nth-child(2n+1)
    .row .as_col-4-1:nth-child(2n+1) {
        clear: left;
    }

    .row .as_col-3:nth-child(2n+1) {
        clear: left;
    }
    .signle-portfolio-col-5,
    .split-slingle-portfolio .single-portfolio-image img {
        width: 100%;
    }

    .ma-portfolio-item_inner .signle-portfolio-col-5 {
        width: 50%;
    }

    .split-slingle-portfolio {
        margin-top: 0;
    }

    .split-portfolio_info {
        padding-top: 50px !important;
    }

    .split-portfolio_annotation {
        margin-right: 0;
        margin-left: 0;
    }

    .split-slingle-portfolio {
        margin-top: 0;
    }  
    .product-category_warp{
        margin-bottom: 15px;
    } 
    .team-outer-style{
        margin-bottom: 0;
    }    
    .team-image-wrap{
        margin: 0;
        padding-top: 80px;
        padding-left: 30px;
        padding-bottom: 60px;
    }
    .sidebar_showcase{
        display: none;
    }
    .content_showcase{
        width: 100%;
    }
    .hedju_fancy_portfolio_holder{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-items: center;        
    }
    .fullscreen-post-holder .meta-holder .meta-item{
      margin-bottom: 30px;
    }
    .slice-service-warp{
        flex-direction: column;
    }
    .slice-service-overlay .slice-vertical-info{
        writing-mode: inherit;
        transform: rotate(0deg);
    }
    .slice-service-item.active .slice-service-title:before{
        display: none !important;
    }
    .footer .elementor-column.elementor-col-25,
    .footer .elementor-column.elementor-col-20{
        width: 50% !important;
    }
}

@media only screen and (max-width: 992px) {
  .blog-entry-content, .boxed-screen-header, .single-hedju-page .content-inner, .slider-item-content,
  .fullscreen-post-holder .hero-content, .page-content-warp, .blog-entry-content, .menu-container .menu-container-warp,
  .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 728px;
  }
  .slider-nav_holder{
    width: 820px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container,
  body.elementor-default .elementor-container:not(.elementor-column-gap-no){
    width: 728px;
    max-width: 728px;
  }  
    .blog-posts .hide_image .blog-post_content, 
    .blog-posts .format-no_featured .blog-post_content {
        padding: 26px 30px 36px !important;
    }   

  .blog-posts .blog-post-item{
    margin-bottom: 40px;
  } 
  .fullscreen-post-holder .meta-holder .meta-item{
    margin-bottom: 30px;
  }

body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    max-width: 728px;
  }
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    max-width: 728px;
  }
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    max-width: 728px;
  }
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    max-width: 728px;
  }
body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    max-width: 728px;
  } 
}

@media only screen and (max-width: 768px) {
    .ma-pagination.aright, .woocommerce-pagination.aright {  
      text-align: left;  
    } 
    .ma-pagination, .woocommerce nav.woocommerce-pagination ul {
        margin-bottom: 50px;
    } 

    .blog-posts .hide_image .blog-post_content, 
    .blog-posts .format-no_featured .blog-post_content {
        padding: 26px 30px 36px !important;
    } 
    .ma-pagination.aright .page:first-child, .ma-pagination.aright li:first-child,
    .woocommerce nav.woocommerce-pagination ul .page:first-child,
    .woocommerce nav.woocommerce-pagination ul li:first-child {
        margin-left: 0;
    }
    .ma-pagination .page, .ma-pagination li, .woocommerce nav.woocommerce-pagination ul .page,
    .woocommerce nav.woocommerce-pagination ul li {
        margin-top: 15px;
        margin-right: 15px;
        margin-left: 0;
    }
    .blog-posts .blog-post_title{
        font-size: 36px !important;
        line-height: 50px !important;
    }     
    .prev-link_wrapper {
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
    }

    .next-link_wrapper {
        width: 100%;
        max-width: 100%;
        align-items: flex-end;
    }

    .prev-link_wrapper,
    .next-link_wrapper {
        margin-bottom: 50px;
    }
    .blog-entry-content-space{
       height: 20px; 
    }
    .prev-link_wrapper .info_wrapper .prev_title,
    .prev-link_wrapper .info_wrapper .next_title,
    .next-link_wrapper .info_wrapper .prev_title,
    .next-link_wrapper .info_wrapper .next_title {
        max-width: 100%;
    }      
    .row .hedju-team.as_col-4, .signle-portfolio-col-25{
        width: 100%;
    }
    .blog-posts .blog-post-item{
        margin-bottom: 40px;
    }   

    .half-slider_inner{
        flex-wrap: wrap;
    } 

    .half-slider_inner .half-slider_col{
    width: 100%;
    height: 50%; 
    } 
    .half-slider_holder .slider-dots {
        position: absolute;
            left: 50%;
        transform: translate(-50%,0);
    }               
    .content_showcase{
        width: 100%;
    }
    .sidebar_showcase, .cricle_text_warp_full, .desc_slider, .full-slider_arrow{
        display: none;
    } 
    .interactive-portfolio_inner{
    grid-template-columns: repeat(1, 1fr);    
    }  
      #comments .commentlist .comment .stand_comment,
      #comments .commentlist .comment .children .stand_comment {
        padding-left: 70px; }
      #comments .commentlist .comment .children .comment {
        margin-left: 30px; }
      #comments .commentlist .comment .commentava,
      #comments .commentlist .comment .children .stand_comment .commentava {
        left: -68px;
        height: 50px;
        width: 50px; } 
    .ma-portfolio-info_wrap, .signle-portfolio-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    } 
    .signle-portfolio-column .last-portfolio_item {
      padding: 15px 0 15px 0px;
    }
    .signle-portfolio-column .last-portfolio_item .signle-portfolio-wrap{
      justify-content: start;  
    }  
    .row .single-portfolio-gallery .as_col-4,
    .row .single-portfolio-gallery .as_col-3 {
        width: 100%;
    } 
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(1) {
      width: 50vMax!important;
    }
    .hedju-exploding-portfolio{
        height: 500px;
    }    
    .ma-post-navigation .back_navigation_button,
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(2),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(3),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(4),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(5),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(6),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(7),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(8),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(9),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(10),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(11){
        display: none!important;
    }
    .portfolio-item_description{
        padding: 30px;
        width: 85%;
    }
    .interactive-list-subtitle, .showcase-pagination_holder{
        display: none;
    }
    .fullscreen-post-holder .meta-holder .meta-item{
        margin-bottom: 30px;
    }
    .fullscreen-post-holder .title{
        font-size: 36px;
        line-height: 50px;
    }
    .portfolio-multiple_holder .slider-portfolio-wrap .slider-portfolio_inner:nth-child(1),
    .interactive-list-media img, .testimonial-swiper .swiper-slide_button{
        display: none;
    }

}
@media only screen and (max-width: 767px) {
  .blog-entry-content, .boxed-screen-header, .single-hedju-page .content-inner, .slider-item-content,
  .fullscreen-post-holder .hero-content, .page-content-warp, .ma-header-wrapper, .menu-container .menu-container-warp,
  .blog-entry-content, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 560px;
  }

  .slider-nav_holder{
    width: 650px;
  }
  .primary-navmenu_vertical_dir ul, 
  .primary-navmenu_vertical_dir li{
    font-size: 50px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container,
  body.elementor-default .elementor-container:not(.elementor-column-gap-no){
    width: 560px;
    max-width: 560px;
  }  
    .portfolio-item_description{
    padding: 30px;
    width: 85%;
    }
    .portfolio-multiple_holder .slider-portfolio-wrap .slider-portfolio_inner:nth-child(1),
    .interactive-list-media img{
    display: none;
    }
    .hedju-exploding-portfolio{
        height: 500px;
    }         
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(1) {
      width: 50vMax!important;
    }     
    .interactive-list-content{
        width: 100%;
    }
    .ma-button-holder{
        display:none;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
        width: 560px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
        width: 560px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
        width: 560px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
        width: 560px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
    body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
    body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
        width: 560px;
    }   
}
@media only screen and (max-width: 600px) {
    .blog-entry-content, .boxed-screen-header, .single-hedju-page .content-inner, .slider-item-content,
    .fullscreen-post-holder .hero-content, .page-content-warp, .ma-header-wrapper, .menu-container .menu-container-warp,
    .blog-entry-content, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
        width: 420px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container,
    body.elementor-default .elementor-container:not(.elementor-column-gap-no){
        width: 420px;
        max-width: 420px;
    }
    .primary-navmenu_vertical_dir .vertical-button_trigger {
        width: 60px;
        height: 60px;
    }
    .slider-nav_holder {
      width: 510px;
    }
    .search-header-icon:before{
        width: 45px;
        height: 45px; 
        font-size: 20px;       
    }  
    .search-container{
        padding: 20px;
    } 
    .primary-navmenu_vertical_dir ul, .primary-navmenu_vertical_dir li{
        font-size: 40px;
    } 
    .primary-navmenu_vertical_dir ul li ul.menu-sub-content .menu-item a{
        font-size: 30px;
        line-height: 40px;
    }
    .link-box a{
        font-size: 36px;
    }  
    .ma-search-holder .ma-header-boxed .ma-search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 16px!important;
    }
    .ma-search-holder .ma-header-boxed .ma-search-field::-moz-placeholder { /* Firefox 19+ */
        font-size: 16px!important;
    }
    .ma-search-holder .ma-header-boxed .ma-search-field:-ms-input-placeholder { /* IE 10+ */
        font-size: 16px!important;
    }
    .ma-search-holder .ma-header-boxed .ma-search-field:-moz-placeholder { /* Firefox 18- */
        font-size: 16px!important;
    }
    .row .as_col-7,
    .row .as_col-6,
    .row .as_col-5,
    .row .as_col-4,
    .row .as_col-4-1,
    .hedju-filter-holder .hedju-filter_logo_col-3 .item-filter,
    .row .as_col-3,
    .hedju-filter-holder .hedju-filter_logo_col-4 .item-filter,
    .row .as_col-1-5,
    .hedju-filter-holder .hedju-filter_logo_col-5 .item-filter,
    .row .as_col-1-6,
    .blog-posts .row .as_col-7,
    .blog-posts .row .as_col-6,
    .blog-posts .row .as_col-5,
    .blog-posts .row .as_col-4,
    .blog-posts .row .as_col-3,
    .blog-posts .row .as_col-1-5,
    .blog-posts .row .as_col-1-6,     
    .signle-portfolio-col-25,
    .row .product-category_holder .as_col-6,
    .row .product-category_holder .as_col-4,
    .row .product-category_holder .as_col-3 {
        width: 100%;
    }
    .row .hedju-team.as_col-4{
        width: 100%;
    } 
    .blog-posts .hide_image .blog-post_content, 
    .blog-posts .format-no_featured .blog-post_content {
        padding: 26px 30px 36px !important;
    } 
    .blog-posts .blog-post_title{
        font-size: 36px !important;
        line-height: 50px !important;
    }
    .row .single-portfolio-gallery .as_col-4 {
        width: 100%;
    } 
    .single-galley-layout .single-portfolio-gallery .item{
    padding-right: 0;
    padding-left: 0;
    }       
    .half-slider_inner{
        flex-wrap: wrap;
    } 
    .half-slider_inner .half-slider_col{
    width: 100%;
    height: 50%; 
    }  
    .content_showcase{
        width: 100%;
        padding: 0 30px;
    }
    .blog-posts .blog-post-item{
        margin-bottom: 40px;
    } 

    body .blog-posts .creative-post-item.format-standard > div {
        flex-direction: column;    
    }
    body .blog-posts .creative-post-item.format-standard .blog-post_media{
        flex-basis: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    } 
    body .blog-posts .creative-post-item.format-standard .blog-post_content .blog-post_title a::before {
        content: none;
    }
    .sidebar_showcase, .cricle_text_warp_full, .desc_slider, .full-slider_arrow{
        display: none;
    }
    .author-info_wrapper{
        flex-wrap: wrap;
    }
    .author-info_wrapper .author-info_avatar, 
    .author-info_wrapper .author-info_content{
        flex: 100%;
    }
    .author-info_content{
        margin: 30px 0 0;
    }
    .interactive-portfolio_inner{
    grid-template-columns: repeat(1, 1fr);    
    }
    .title-overlay-data > span, .title-data > span{
        padding-bottom: 15px;
    } 
    .fullscreen-post-holder .title{
        font-size: 36px;
        line-height: 50px;
    }
    .ma-post-navigation{
        display: block;
    }   
    .prev-link_wrapper {
        width: 100%;
        max-width: 100%;
        align-items: flex-start;
    }

    .next-link_wrapper {
        width: 100%;
        max-width: 100%;
        align-items: flex-end;
    }

    .prev-link_wrapper,
    .next-link_wrapper {
        margin-bottom: 50px;
    }

    .prev-link_wrapper .info_wrapper .prev_title,
    .prev-link_wrapper .info_wrapper .next_title,
    .next-link_wrapper .info_wrapper .prev_title,
    .next-link_wrapper .info_wrapper .next_title {
        max-width: 100%;
    } 
    .interactive-list-content{
        width: 100%;
    }
    .ma-button-holder{
        display:none;
    }
    #comments .commentlist .comment .stand_comment,
    #comments .commentlist .comment .children .stand_comment {
    padding-right: 20px; 
    }
    #comments .commentlist .comment_info {
    padding-right: 10px; 
    }    
    #comments .commentlist .comment .commentava,
    #comments .commentlist .comment .children .stand_comment .commentava {
    left: -68px;
    height: 50px;
    width: 50px; 
    } 
    .hedju-showcase-line .showcase-line-content{
    width: 80%;    
    }
    .showcase-line-info{
        display: none;
    }
    .showcase-line-btn:before{
        width: 50px;
        height: 50px;
    }
    .ma-portfolio-info_wrap, .signle-portfolio-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    } 
    .signle-portfolio-column .last-portfolio_item {
      padding: 15px 0 15px 0px;
    }
    .signle-portfolio-column .last-portfolio_item .signle-portfolio-wrap{
      justify-content: start;  
    } 
    .single-portfolio-gallery{
        margin-right: 0;
        margin-left: 0;
    }  
    .hedju_fancy_portfolio_holder{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .team-outer-style{
        display: block;
    }
    .team-image-wrap{
        margin: 0;
        padding: 30px 0 15px;
    }
    .team-info{
        padding: 30px 0;
    }

    .footer .elementor-column.elementor-col-25,
    .footer .elementor-column.elementor-col-20{
        width: 100% !important;
    }
    .ma-post-navigation .back_navigation_button,
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(2),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(3),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(4),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(5),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(6),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(7),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(8),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(9),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(10),
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(11){
        display: none!important;
    }
    .portfolio-item_description{
        padding: 30px;
        width: 85%;
    }
    .interactive-list-subtitle, .showcase-pagination_holder{
        display: none;
    }
    .fullscreen-post-holder .meta-holder .meta-item{
        margin-bottom: 30px;
    } 
    .blog-entry-content-space{
       height: 20px; 
    }
    .portfolio-multiple_holder .slider-portfolio-wrap .slider-portfolio_inner:nth-child(1),
    .interactive-list-media img, .testimonial-swiper .swiper-slide_button{
    display: none;
    }
    .hedju-exploding-portfolio{
        height: 500px;
    }        
    .hedju-exploding-portfolio .hedju-exploding-warp .hedju-image-exploding:nth-child(1) {
      width: 50vMax!important;
    }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: 420px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: 420px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: 420px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: 420px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: 420px;
  } 
}

@media only screen and (max-width: 480px) {

    .row .as_col-6,
    .row .as_col-5,
    .row .as_col-4,
    .row .as_col-4-1,
    .hedju-filter-holder .hedju-filter_logo_col-3 .item-filter,
    .row .as_col-3,
    .hedju-filter-holder .hedju-filter_logo_col-4 .item-filter,
    .row .as_col-1-5,
    .hedju-filter-holder .hedju-filter_logo_col-5 .item-filter,
    .row .as_col-1-6,
    .row .as_col-7,
    .blog-posts .row .as_col-7,
    .blog-posts .row .as_col-6,
    .blog-posts .row .as_col-5,
    .blog-posts .row .as_col-4,
    .blog-posts .row .as_col-4-1,
    .blog-posts .row .as_col-3,
    .blog-posts .row .as_col-1-5,
    .blog-posts .row .as_col-1-6,     
    .row .product-category_holder .as_col-6,
    .row .product-category_holder .as_col-4 ,
    .row .product-category_holder .as_col-3{
      width: 100%;
    }      
  .blog-entry-content, .boxed-screen-header, .single-hedju-page .content-inner,
  .fullscreen-post-holder .hero-content, .page-content-warp, .ma-header-wrapper,
  .menu-container .menu-container-warp, .slider-item-content,
  .blog-entry-content, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  .slider-nav_holder{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .sidebar-container .sidebar{
    padding-right: 0px;
    padding-left: 0px;
  }
  body.elementor-default .elementor-section-boxed .elementor-container,
  body.elementor-default .elementor-container:not(.elementor-column-gap-no){
    width: 90%;
    max-width: 90%;
  }
  .blog-posts .blog-post-item{
    margin-bottom: 40px;
  } 
  .blog-posts .blog-post_title{
    font-size: 36px !important;
    line-height: 50px !important;
  }   
  .widget_outline .widget{
    padding: 15px;
  }
  .fullscreen-post-holder .meta-holder .meta-item{
    margin-bottom: 30px;
  }
  .fullscreen-post-holder .title,
  .link-box a{
      font-size: 36px;
      line-height: 50px;
  }  
  .blog-entry-content-space{
     height: 20px; 
  }       
  #comments .commentlist .comment_author_says,
  .woocommerce #comments ~ #review_form_wrapper .commentlist .comment_author_says {
    margin-bottom: 5px; }
  #comments .commentlist .comment .children .comment,
  .woocommerce #comments ~ #review_form_wrapper .commentlist .comment .children .comment {
    margin-left: 15px; }
  #comments .comment-reply-link,
  .woocommerce #comments ~ #review_form_wrapper .comment-reply-link {
    position: relative; }
  #comments #respond,
  .woocommerce #comments ~ #review_form_wrapper #respond {
    padding: 25px 0px 25px; }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }   
}

@media (min-width: 768px) {
  .row .as_col-12 {
    width: 100%; }
  .row .as_col-11 {
    width: 91.66666667%; }
  .row .as_col-10 {
    width: 83.33333333%; }
  .row .as_col-9 {
    width: 75%; }
  .row .as_col-9-1 {
    width: 73%; }
  .row .as_col-8 {
    width: 66.66666667%; }
  .row .as_col-7 {
    width: 58.33333333%; }
  .row .as_col-6 {
    width: 50%; }
  .row .as_col-5 {
    width: 41.66666667%; }
  .row .as_col-4-1 {
    width: 27%; }    
  .row .as_col-4 , .hedju-filter_logo_col-3 .item-filter{
    width: 33.33333333%; }
  .row .as_col-3 , .hedju-filter_logo_col-4 .item-filter {
    width: 25%; }
  .row .as_col-1-5, .hedju-filter_logo_col-5 .item-filter {
    width: 20%; }
  .row .as_col-1-6 {
    width: 16.66%; }
  .row .as_col-2 {
    width: 16.66666667%; }
  .row .as_col-1 {
    width: 8.33333333%; }
  .row .as_portfolio_list-first > ul {
    font-size: 0.9vw;
    padding-bottom: 1vw; }
  .row .as_portfolio_list-first > ul li {
      line-height: 1.88vw; } 
    .row .as_col-4-8 {
    width: 48%; } 
    .row .as_col-5-2 {
    width: 52%; }          
}
/* ==========================================================================
Responsive - End
========================================================================== */