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

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;
    background: #ebf0f9;
    overflow: auto; }  
}

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;
}
.underline_anim{
	color: #B3B3B3!important;
}
.ar-link{
	display: none !important;
}
html[dir="rtl"] .ar-link{
	display: block  !important;
}
html[dir="rtl"] .en-link{
	display:none !important;
}
/* ========================================================================== 
   #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;
}
h1, h2, h3{
    text-transform: uppercase;
}
.admin-bar {
    margin-top: 32px;
}
.serv-img img {
    border: 6px solid #B3B3B3 !important;
    background: #000000 !important;
    padding: 30px;
    border-radius: 50% !important;
}
.admin-bar .header_over_bg,
.admin-bar .header_over_bg .ma-sticky-header,
.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.azard_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.azard_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.azard_plus li {
list-style: none;    
padding-left: 25px; }
body ul.azard_plus li:before {
content: '';
position: absolute;
z-index: 1;
top: 12px;
left: 7px;
width: 8px;
height: 2px; }
body ul.azard_plus li:after {
content: '';
position: absolute;
z-index: 1;
top: 9px;
left: 10px;
width: 2px;
height: 8px; }

body ul.azard_check li {
list-style: none;    
padding-left: -webkit-calc(1em + 13px);
padding-left: -moz-calc(1em + 13px);
padding-left: calc(1em + 13px); }
body ul.azard_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.azard_slash li {
list-style: none;    
padding-left: 25px; }
body ul.azard_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: 40px;
    width: 100%;
    margin: 0 0 20px 0;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    font-family: inherit;
    font-size: 18px;
    line-height: 1.7;
    transition: 0.3s;
    background: none;
    border-width: 1px;
    border-style: solid;
	border-radius: 10px;
}
html[dir="rtl"] input[type='text'],
html[dir="rtl"] input[type='url'],
html[dir="rtl"] input[type='search'],
html[dir="rtl"] input[type='email'],
html[dir="rtl"] input[type='password'],
html[dir="rtl"] input[type='tel'],
html[dir="rtl"] input[type='time'],
html[dir="rtl"] select,
html[dir="rtl"] textarea{
	text-align:right;
}
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;
    color: #ffffff;
    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;
    }
}
.azard-double-heading.profile-link .adh-subtitle span{
    font-family: "Cairo", Sans-serif;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    padding: 10px 2px 8px;

}
.select__holder:before {
    content: '\f104';
    display: block;
    position: absolute;
    z-index: 0;
    right: 2px;
    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: 50px;
    width: 250px;
    padding: 10px 0 10px 0;
    -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: 22px;
    line-height: 40px;
    quotes: none;
    border: 1px;
    padding: 35px 35px;
    border-style: solid;
    border-left-width: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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:before,
blockquote:after {
    content: '';
    content: none;
}

blockquote:after {
    content: "\f108";
    font-family: flaticon;
    font-size: 50px;
    line-height: 1;
    position: absolute;
    z-index: -1;
    top: 5px;
    right: 10px;
}
blockquote cite {
    font-style: normal;
    font-weight: 500;
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-top: 13px;
}
/* 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%;
    color: #e83e8c;
    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: 30px;
    height: 30px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    visibility: hidden;
}

.cursor-inner {
    position: fixed;
    z-index: 10000000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    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
========================================================================== */
.azard-preloader-holder{
    display: flex !important;
    width: 100vw;
    height: 100vh !important;
    padding: 150px 0 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    opacity: 0;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    visibility: hidden;
    transition: all .15s .8s ease;
    transform: translateZ(0);   
}
.azard-preloader-warp {
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.azard-preloader-warp-side-container {
    flex: 1 auto;
    position: relative;
    height: 100%;
}
.azard-preloader-warp-side-container:before, .azard-preloader-warp-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(0.7, 0, 0.2, 1);
}
.azard-preloader-warp-side-container span, .azard-preloader-warp-col span {
    display: inline-block;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .65s .3s cubic-bezier(0.7, 0, 0.2, 1);
}
.azard-preloader-holder.preloader-active .azard-preloader-warp-side-container>span, .azard-preloader-holder.preloader-active .azard-preloader-warp-col>span {
    transform: scaleX(1);
    transition-delay: .05s;
}
.preloader-active .azard-preloader-warp-side-container>span, .preloader-active .azard-preloader-warp-col>span {
    transform: scaleX(1);
    transition-delay: .05s;
}
.preloader-boxed {
    width: 1170px;
}
.preload-col {
    width: 25%;
    float: left;
    height: 100%;
}
 .azard-preloader-warp-side-container,  .azard-preloader-warp-side-container span, .azard-preloader-container, .azard-preloader-warp-row, .azard-preloader-warp-col,
  .azard-preloader-warp-col span,  .azard-preloader-warp{
    height: 100%;
}
.azard-preloader-holder.preloader-active {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.preloader-icon{
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
  opacity: 0;
  visibility: hidden;
}
.preloader-active .preloader-icon{
    opacity: 1;
    visibility: visible;
}
.preloader-ripple {
  display: inline-block;
  position: absolute;
  width: 160px;
  height: 160px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);   
}
.preloader-ripple div {
  position: absolute;
  opacity: 1;
  border-radius: 50%;
  animation: preloader-lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.preloader-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes preloader-lds-ripple {
  0% {
    top: 80px;
    left: 80px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 80px;
    left: 80px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 80px;
    left: 80px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 160px;
    height: 160px;
    opacity: 0;
  }
}
/* ==========================================================================
   Preloader - End
========================================================================== */
/* ==========================================================================
   Splash - Start
========================================================================== */
 .azard-splash-screen{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;  
    background: #222;  
    transform: scaleY(1);
    z-index: 9999;
 }
 .azard-splash-holder {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;    
}
.azard-splash-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}
.azard-splash-warp{
        z-index: 3;
    -webkit-clip-path: inset(0 -30px);
    clip-path: inset(0 -30px);
    position: relative;
    display: inline-block;    
}
.azard-splash-warp span{

    visibility: hidden;
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translate(0%, 110%) rotate(20deg);    
}
.splash_active .azard-splash-warp span {
    opacity: 0;
    visibility: hidden;
    animation: 2s slider_box_ani cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
    animation-delay: calc(.09s * var(--i));
}

.azard-splash-img-holder{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.azard-splash-img{
    opacity: 0;
}
.azard-splash-img:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}
.splash_active .azard-splash-img {
    visibility: visible;
  -webkit-animation: zoom_in_splash 0.3s ease forwards;
  -moz-animation: zoom_in_splash 0.3s ease forwards;
  -o-animation: zoom_in_splash 0.3s ease forwards;
  animation: zoom_in_splash 0.3s 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); 
}
.azard-splash-warp:after {
    opacity: 0;
    visibility: hidden;
    content: '';
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #fb3690;
    transition: all .5s;
    z-index: -1;
}
.splash_active .azard-splash-warp:after {
    animation: .8s splash_slide_left forwards;
    animation-delay: 3s;
}
.azard-splash-warp:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #1bbbc9;
    transition: all .5s;
    z-index: -1;
}
.splash_active .azard-splash-warp:before {
    animation: .8s splash_slide_right forwards;
    animation-delay: 4s;

}
@keyframes splash_slide_left {
  0% {
    transform:translateX(-100%);
    opacity: 1;
    visibility: visible;
  }

  100% {
    transform:translateX(0);
  }
}

@keyframes splash_slide_right {
  0% {
    transform:translateX(100%);
    opacity: 1;
    visibility: visible;
  }

  100% {
    transform:translateX(0);
  }
}

@keyframes slider_box_ani {
  0% {
 transform: translate(0%, 110%) rotate(20deg);
    opacity: 1;
    visibility: visible;
  }


  100%{
    opacity: 1;
    visibility: visible;
  transform: translate(0px, 0px);

  }
}

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

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

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

@keyframes zoom_in_splash {
  0% { }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.azard-splash-screen.hide_splash{
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .65s .5s cubic-bezier(0.7, 0, 0.2, 1);
}
.azard-splash-screen.hide_splash .azard-splash-img-holder{
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.azard-splash-screen.hide_splash .azard-splash-holder{
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}
/* ==========================================================================
   Splash - End
========================================================================== */
/* ==========================================================================
Header Styles - Start
========================================================================== */
.ma-header-holder{
    position: relative;
    z-index: 2;
}
.ma-header-holder h1{
    letter-spacing: 3px;
}

.header_over_bg{
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;    
}
.header-vc_custom{
    position: relative;
    z-index: 2;
    width: 100%;
}
.azard-header .azard-mobile-header, .canvas-mobile-holder {
    display: none;
}
.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;
}
.header_container_part {
    display: inline-block;
    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 ul li ul{
    background: #1bbbc9;
    color: #fff;
}
.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;
    letter-spacing: 0.37px;
    transition: 0.3s;
    text-transform: uppercase;
    font-family: "Cairo", sans-serif !important;
}

.primary-nav > ul > li > a > span {
    position: relative;
}
.primary-nav ul li ul {
    display: block;
    position: absolute;
    text-transform: uppercase;
    z-index: 555;
    top: calc(100% + 15px);
    left: -12px;
    min-width: 200px;
    white-space: nowrap;
    margin-top: 0;
    margin-left: 0;
    padding: 21px 0 27px;
    text-align: left;
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 3%);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.03);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 3%);
    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:not(.mega-menu) li {
    display: block;
}
.primary-nav > ul > li.menu-item-has-children > a > span,
.primary-nav > ul > li.mega-menu-custom > a > span{
    padding-right: 10px;
}
.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;    
}

.header_lamp .primary-nav > ul > li > a > span > span.item_text:after {
    display: block;
    content: '';
    position: absolute;
    bottom: -8px;
    border-radius: 0;
    width: 25px;
    height: 3px;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; 
    margin-bottom: 21px;
    visibility: hidden;
    opacity: 0;
    background: currentColor;
}

.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;
    -webkit-transform: rotateX(0) translateZ(0);
    -moz-transform: rotateX(0) translateZ(0);
    transform: rotateX(0) translateZ(0); 
}

.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.current-menu-item > a > span > span.item_text:after,
 .primary-nav > ul > li.current_page_item > a > span > span.item_text:after,
  .primary-nav > ul > li.current-menu-ancestor > a > span > span.item_text:after,
   .primary-nav > ul > li.current-menu-parent > a > span > span.item_text:after,
    .primary-nav > ul > li.current_page_parent > a > span > span.item_text:after,
     .primary-nav > ul > li.current_page_ancestor > a > span > span.item_text:after {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}
.primary-nav > ul > li:hover > a > span > span.item_text:after {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}
/******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;
    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: 2px;
    width: 25px;
    position: absolute;
    bottom: -2px;
    opacity: 0;
    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 {
    margin-bottom: 0;
    opacity: 1;
}
/* ==================== ##MegaMenu ==================== */
.primary-nav ul li.mega-menu-custom {
    position: static;
}

.primary-nav ul li.mega-menu-custom ul.mega-menu {
    display: block;
    position: absolute;
    z-index: 555;
    top: calc(100% + 15px);
    width: 100%;
    max-width: 1100px;
    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: 15px; 
}

.primary-nav ul li.mega-menu-custom ul.megamenu_fullwidth {
    left: 0;
    width: 100%;
}

.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);
}
.azard-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;
} 
.azard-holder-megaimage{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-align: center; 
}
.azard-holder-megaimage img{
    box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 8%);
    border-radius: 3px;
    margin-bottom: 10px;
    transition: 0.4s;
}
.azard-link-megaimage:hover .azard-holder-megaimage > img {
    transform: translateY(-10px);
}
.azard-link-megaimage, .azard-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-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;     
}
.azard_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;
}
.azard_mini_cart ul li a, .azard_mini_cart ul li .woocommerce-Price-amount{
    color: inherit !important;
}
.header_cart-field:hover .azard_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;
}
.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;
}
.azard_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;
}
.azard_mini_cart .woo_mini_cart .woocommerce-Price-amount{
    font-size: 14px !important;
}
body .azard_mini_cart .woocommerce-mini-cart__buttons a{
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0;
    cursor: pointer;
    padding: 12px 30px;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    box-sizing: border-box;
    text-transform: uppercase;
    border: 1px solid currentColor; 
}
body .azard_mini_cart .woocommerce-mini-cart__total{
    text-transform: uppercase;
}
body .azard_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;
}

.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*******/

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

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

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

.azard-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);
}
/* ==========================================================================
Header Styles - 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%);
}
html[dir="rtl"] .open-menu-mob .mobile-collapsed-menu .mobile_nav_wrapper .ma-menu_box ,

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

html[dir="rtl"] .mobile-collapsed-menu .mobile_nav_wrapper .ma-menu_box{
   transform: translateX(100%);

}


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

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

.azard-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;
}
/* 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 .azard-mobile-header .ma-logo-container img {
    vertical-align: middle;
}

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

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

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

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

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

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

.azard-mobile-header .header_search:before {
    content: '';
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: middle;
}
.azard-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 .azard-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;
}

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

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

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

html[dir="rtl"] .open-menu-mob .menu-trigger-op span:nth-of-type(2) {
  transform-origin: top;
  transform: rotatez(45deg);
}
html[dir="rtl"] .open-menu-mob .menu-trigger-op span:nth-of-type(3){
    transform: translate(2px, -4px) rotatez(-45deg);
}
/* ==========================================================================
Mobile Header - 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-form-holder-inner .ma-search-submit{
    position: relative;
    width: auto;
    height: 60px;
    padding: 0 5px;
    font-size: 30px!important;
    line-height: 30px;
    color: #fff;
    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: 30px!important;
}
.ma-form-holder-inner .ma-search-field::-moz-placeholder { /* Firefox 19+ */
  color: #7b848e;
  font-size: 30px!important;
}
.ma-form-holder-inner .ma-search-field:-ms-input-placeholder { /* IE 10+ */
  color: #7b848e;
  font-size: 30px!important;
}
.ma-form-holder-inner .ma-search-field:-moz-placeholder { /* Firefox 18- */
  font-size: 30px!important;
  color: #7b848e;
}
.azard_404_search .ma-form-holder-inner .ma-search-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 20px!important;
}
.azard_404_search .ma-form-holder-inner .ma-search-field::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-size: 20px!important;
}
.azard_404_search .ma-form-holder-inner .ma-search-field:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-size: 20px!important;
}
.azard_404_search .ma-form-holder-inner .ma-search-field:-moz-placeholder { /* Firefox 18- */
  font-size: 20px!important;
  color: #fff;
} 

@-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_overlay{
    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;
    transform: translateX(100%);
    transform: translateX(calc(100% + 30px));
    transition: transform 0.45s ease-in-out;
    z-index: 10000;
}
body.side-panel_active .side-panel_overlay {
    opacity: 1;
    visibility: visible;
}
.side-panel_holder.side-panel_left {
    left: 0;
    right: auto;
    transform: translateX(calc(-100% - 105px));
}
.side-panel_holder.side-panel_open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.side-panel_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
}
.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;
}
.ma-header-wrapper {
    width: 1100px;
    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 2px;
    opacity: 1;
}

.page-header_breadcrumbs .delimiter:not(:last-child):before {
    display: inline-block;
    vertical-align: bottom;
    content: "/";
    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: 1100px;
    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;
}
/* ==========================================================================
Main Layout - End
========================================================================== */
/* ==========================================================================
Blog - Start
========================================================================== */
.blog-posts .blog-post_media{
    position: relative;
    z-index: 1;
}
.blog-posts .blog-post-item{
    margin-bottom: 65px;
}
.blog-posts .blog-post_media_part {
    position: relative;
    line-height: 0;
    border-radius: 0;
    transition: 0.4s;
}
.blog-posts .blog-post_media_part img{
    display: block;
    width: 100%;
}
.blog-posts .blog-post_media .post_date {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    margin: 0;
}
.blog-posts .hide_image .post_date, .blog-posts .format-no_featured:not(.format-gellery) .post_date{
    position: relative;
    margin-top: -1px;
    margin-left: -1px;
}
.blog-post-item.format-no_featured>div,
.search-page-container .blog-post-item>div{
    border-width: 1px;
    border-style: solid;
} 
.blog-posts .hide_image .blog-post_content, .blog-posts .format-no_featured .blog-post_content{
    padding: 26px 40px 36px;
}
.blog-posts .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 a{
    display: block;
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    text-transform: uppercase;
}
.quote-text{
    position: relative;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}
.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;
}
.quote-author-pos{
    padding-left: 5px;
}

.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;
}
.post_date{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
    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-top: 25px;
    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;
}
.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: 32px;
    display: block;
    margin-bottom: 0;
    word-wrap: break-word;
    clear: both;
    line-height: 1.7;
    text-transform: uppercase;
}
.blog-posts .blog-post_title > a{
    text-transform: uppercase;
    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: 20px;
}

.blog-posts .read-more-wrap {
    position: relative;
    padding-top: 30px;
    padding-bottom: 0;
}
.button-read-more{
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
}
.button-read-more: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(155deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    background-color: transparent;
}
.button-read-more:hover:before {
    -webkit-animation: rotate-center-more 0.3s ease-in-out both;
    animation: rotate-center-more 0.3s ease-in-out both;
    border-width: 1px;
    border-style: solid;
}

  /**
     * ----------------------------------------
     * 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 rotate-center
     * ----------------------------------------
     */
    @-webkit-keyframes rotate-center-social {
      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);
      }
    }

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

/* ==================== ##Creative Item ==================== */
body .blog-posts .creative-post-item{
    margin-bottom: 0;
}
body .blog-posts .creative-post-item.format-standard>div{
    display: flex;
    align-items:flex-start;
    align-content:flex-start;    
    flex-direction: row;
    padding: 50px 0;    
}
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 .post_date{
    left: 0;
    right: auto;
}
body .blog-posts .creative-post-item .blog-post_media .media-link{
    position: relative;
    overflow: hidden;
}
body .blog-posts .creative-post-item .blog-post_media .media-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 .media-link img{
    transform: scale(1.1);
}
/* ==========================================================================
Blog - End
========================================================================== */
/* ==========================================================================
Single Blog - Start
========================================================================== */
.single-post_media{
    position: relative;
}
.single-post_media{
    margin-bottom: 30px;
}
.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%;
}
.page-link {
    margin-top: 15px;
}

.page-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.page-link span,
.page-link a {
    display: inline-block;
    text-align: center;
    margin: 0 8px;
    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%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.ma-pagination.pagination_box .page .current,
.ma-pagination.pagination_box .page:hover, 
.page-link .post-page-numbers.current,
.page-link a:hover {
    color: #FFF;
}

/* ==================== ##Post Type ==================== */

.single-title-overlay {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    margin-bottom: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
}

.title-overlay_left {
    justify-content: left;
}

.page-title-inner {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-title-warp {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.page-title-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.single_categories_warp span:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
}
.blog-post_categories a{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.single-post_title .post_title{
    font-size: 50px;
    line-height: 55px;
    word-wrap: break-word;
}

.single-title-overlay .page-header_title .single-post_title .post_title {
    display: block;
    word-wrap: break-word;
    clear: both;
    position: relative;
    z-index: 1;
    line-height: 42px;
    font-weight: 700;
    font-size: 40px;
    margin-top: 25px;
    margin-bottom: 5px;
}
.title-overlay-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    margin: 28px 0 0;
    border-top: 1px solid rgba(238, 238, 238, 0.2);
    padding-top: 15px;
    text-transform: uppercase;
}
.title-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    margin: 30px 0;
    text-transform: uppercase;
}
.blog-info-single .single-post_title{
    margin-top: 10px;
}
.title-overlay-data>span, .title-data>span {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
}

.title-data span .info-num{
    margin-left: 5px;
}
.title-data .post-date:before, .title-data .post-comment:before,
.title-data .post-view:before, .title-data .full-size-link:before {
    content: '|';
    display: inline-block;
    margin: -2px 4px 2px;
    line-height: inherit;
    vertical-align: inherit;
}
.title-overlay-data>span>a, .title-data>span>a {
    font-size: 14px;
    font-style: normal;
    background: none;
}
.title-overlay-data .post-comment  {
    margin-left: auto;
    margin-right: 0;
}
.author-link{
    display: flex;
    justify-content: center;
    align-items: center;
}
.author-link img{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.title-data .author-link img{
    width: 40px;
    height: 40px;
}
.author-link span{
    padding-left: 15px;
    color: #fff;
    font-weight: 500;
}
.title-overlay-data .post-view{
    margin-left: 15px;
    margin-right: 0;
}
.title-overlay-data .info-num{
    margin-left: 7px !important;
}
.tagcloud a, .wp-block-tag-cloud 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;
}
.single-post-info .tagcloud a{
    margin-bottom: 0;
}
.single-post-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 35px;
    font-size: 14px;
    clear: both;
}
.single-post-info .single-social-holder,
.single-post-info .tagcloud-wrapper{
    margin-bottom: 5px;
}

.social-title {
    text-transform: uppercase;
    font-weight: 600;
    vertical-align: middle;
    margin-right: 10px;
}
.social-link {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    transition: 0.45s ease-in-out;
    overflow: hidden;
    width: 30px;
    margin: 0 5px;
    vertical-align: middle;
}
.social-link span{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    border-radius: 50%;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    transition: 0.5s;
}
.social-link:hover{
    -webkit-animation: rotate-center-social 0.3s ease-in-out both;
    animation: rotate-center-social 0.3s ease-in-out both;
}

.social_twitter span {
    background-color: #1da1f2;
}
.social_facebook span {
    background-color: #3b5998;
}
.social_pinterest span {
    background-color: #e40000;
}
.social_linkedin span {
    background-color: #007bb5;
}
.line-bottom{
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.single-post_media{
    position: relative;
    z-index: 1;
}
.single-post_media .link-box:before {
    content: '\f109';
    font-family: 'Flaticon';
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    position: absolute;
    left: 0;
}
.single-post_media .link-text {
    display: block;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    margin-left: 45px;
    color: inherit;
    text-transform: uppercase;
}
.single-post-audio-holder{
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}
.single-post-audio {
    position: relative;
    line-height: 0;
    border-radius: 0;
    transition: 0.4s;
    padding-bottom: 58%;
}
.single-post-audio iframe, .single-post-video iframe {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
}
.single-post-video-holder{
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}
.single-post-video{
     padding-bottom: 57%;
    width: 100%;
    max-width: 100%;
    position: relative;
}
.single-quote-box{
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
    margin-bottom: 50px;
    color: #fff;
}
.single-post_media .quote-text{
    position: relative;
    padding-left: 65px;
    padding-top: 18px;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
}
.single-post_media .quote-text:before {
    content: '\f108';
    font-family: 'Flaticon';
    font-weight: 400;
    position: absolute;
    bottom: 4px;
    left: 2px;
    font-size: 44px;
    line-height: 1;
    transform: rotate(180deg);
}
.single-post_media .quote-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    align-items: center;
    padding-left: 65px;
}
.single-post_media .quote-author span {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
}
.single-post-gallery .owl-nav{
    position: absolute !important;
    bottom: 0;
    left: 0;
}
.gallery-next, .gallery-prev {
    height: 40px;
    width: 40px;
    color: #fff;
    -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;
}
.video-popup {
position: relative;
}

.vid-btn-inner {
display: inline-block;
color: #fff;
width: 65px;
height: 65px;
position: relative;
margin: auto;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.vid-btn-inner:hover{
color: #fff;
}
.vid-btn-inner:before, .vid-btn-inner:after {
content: '';
border-style: solid;
border-width: 1px;
position: absolute;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
animation: vid-animate 1.5s linear infinite;
opacity: 0;
}

.vid-btn-inner i {
line-height: 65px;
margin-left: 8%;
font-size: 21px;
}

.video-popup>span {
margin-left: 15px;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
color: #1b1d21;

letter-spacing: .5px;
}

/**
* ----------------------------------------
* animation vid-animate
* ----------------------------------------
*/

@-webkit-keyframes vid-animate {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);

}
50% {
opacity: 1;

}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes vid-animate {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
}
50% {

opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* ==================== ##navigation ==================== */

.as-post-navigation {
    position: relative;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 35px;    
}

.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: 70px;
    height: 70px;
    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: 21px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.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: uppercase;
    max-width: 250px;
    margin-top: -3px;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.44;
    word-wrap: break-word;
    transition: 0.45s;
}

.prev-link-info_wrapper .meta-data,
.next-link-info_wrapper .meta-data {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.7;
}

.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: 19px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.next-link_wrapper .image_next.no_image:before {
    margin-right: 0;
    opacity: 1;
    visibility: visible;
}

/* ==================== ##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;
}
/* ==========================================================================
Single Blog - End
========================================================================== */
/* ==========================================================================
Search - Start
========================================================================== */
.search-page-container .blog-post-item>div{
    align-items: flex-start;
    display: flex;
    position: relative;
}
.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: 0 0 20px;
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}


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

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

.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: 14px;
    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,
.widget_product_categories ul,
.wc-block-product-categories ul{
    margin-top: -8px;
}

.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;
    text-transform: uppercase;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list li a:after,
.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: 20px;
    left: 0;
    width: 25px;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

ul.wp-block-latest-posts.wp-block-latest-posts__list li a:hover:after,
.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 {
    bottom: 5px;
    opacity: 1;
}


.widget_categories ul li:last-child,
.wp-block-categories-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: 50px;
    padding: 10px 0 10px 0;
    -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-submit{
    width: 40px;
    font-size: 22px !important;
    padding: 0;  
}
body .widget .ma-form-holder-inner .ma-search-field{
    padding: 0;
    margin: 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,
body .widget_calendar .calendar_wrap table td>a:hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #ffffff !important;
}

body .widget_calendar .calendar_wrap table td#today {
    color: #ffffff;
}

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;
    color: #ffffff;
}

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;
    display: inline-block;
    margin-right: 0;
    font-size: 14px !important;
    line-height: 1.5;
    font-weight: 400;
    text-transform: uppercase;
    transition: 0.3s;
}
.widget .wp-block-tag-cloud a:not(:last-child):after,
.wp-block-tag-cloud a:not(:last-child):after,
.widget .tagcloud a:not(:last-child):after,
.tagcloud a:not(:last-child):after{
    content: '|';
    display: inline-block;
    margin: -2px 0px 2px 4px;
    line-height: inherit;
    vertical-align: middle;
    font-size: 13px;
}
.single-post-info .tagcloud a:not(:last-child):after{
 margin: -2px 3px 3px 4px;  
}
.widget .wp-block-tag-cloud a::before,
.wp-block-tag-cloud a::before,
.widget .tagcloud a:before, .tagcloud 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;
}

.widget .wp-block-tag-cloud a:hover:before,
.wp-block-tag-cloud a:hover:before,
.widget .tagcloud a:hover:before,
.tagcloud a:hover:before{
    bottom: 0;
    opacity: 1;
}
/* ==================== ##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;
}
.profile-pic img{
    margin-bottom: 20px;
}

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

.profile-soical {
    text-align: center;
    padding-bottom: 20px;
}

/* ==================== ##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;
}

.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: 600;
    font-size: 16px;
    line-height: 1.2;
}

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

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

.author-info_wrapper {
    display: flex;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}
 .author-info_avatar {
    min-width: 220px;
    width: 220px;
}
.author-info_avatar img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 20px;
}
.author-info_content {
    flex-grow: 1;
    margin: 40px;
}
.author-info_name {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 9px;
}
.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;
}
.author-info_description {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
.author-info_social-wrapper {
    margin: 10px 0 0;
    line-height: 1;
}
.author-info_social-wrapper .author-info_social-link {
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-align: center;
    margin-right: 24px;
    line-height: 30px;
    color: inherit;
}

/* ==========================================================================
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;
}

#comments #respond::after {
    content: "";
    position: absolute;
    bottom: -88px;
    right: -88px;
    width: 180px;
    height: 180px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

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

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

#comments>h3 span {
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
}

#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: 20px;
    margin-top: 15px;
    font-size: 14px;
}

#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: none;
    color: #fff;
}

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

#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: 18px;
    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;
}

#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: 500;
    color: #fff;
    text-transform: uppercase;
    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: 20px;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}

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: 20px !important;
}

body .comment-respond textarea.form_field {
    resize: none;
    margin-bottom: 20px !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;
}

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

.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
   ========================================================================== */
.azard-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;
}

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

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

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

.azard-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%);
}

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

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

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

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

.azard-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: 738px;
    margin: 100px auto;
    text-align: center;
    padding: 0 15px;
}

.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{
    position: relative;
    overflow: hidden;
    transition: .3s all ease;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -ms-transition: .3s all ease;
    font-size: 14px;
    padding: 14px 35px 14px 35px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #fff;
}
.error404-btn:hover{
    color: #fff;
}
/* ==========================================================================
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;
}

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

/* ======================================================================
    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{
    position: relative;
    width: 100%;
    margin: 0 auto;    
}
.footer.azard-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 .azard_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 ---- */
.azard_grid_sizer.size_12{
  width: 100%;
}
.azard_grid_sizer.size_6{
  width: 50%;
}
.azard_grid_sizer.size_4{
  width: 33.33333333%;
}
.azard_grid_sizer.size_3{
  width: 25%;
}
.azard_grid_sizer.size_5{
  width: 20%;
}
.azard_portfolio_item img {
  display: block;
  width: 100%;
}
.ma-portfolio_container{
    height: 100%;
    overflow: hidden;
}
.portfolio_space.normal_space {
    margin-left: 0;
    margin-right: 0;
}
.portfolio_warp {
    position: relative;
    overflow: hidden;
}
.azard_portfolio_item .image_wrapper {
    line-height: 0;
    padding-bottom: 100%;
    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 .azard_portfolio_item .image_wrapper{
   padding-bottom: 0; 
}
.azard_portfolio_item .portfolio_headings .title a{
    position: relative;
}
.azard_portfolio_item .portfolio_headings .title a:after{
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 25px;
    height: 3px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;    
}
.azard_portfolio_item:hover .portfolio_headings .title a:after{
    opacity: 1;
    bottom: 0;
}
.azard_portfolio_item .image_wrapper>a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.portfolio-pinterest .azard_portfolio_item .image_wrapper>a {
    position: relative !important;
}
.azard_portfolio_item .image_wrapper>a img {
    opacity: 0;
}
.azard_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;
}
.azard_portfolio_item .image_wrapper .hidden_info .portfolio-link {
    position: static;
    display: block;
    color: inherit;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}
.azard_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;
}
.azard_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;
}
.azard_portfolio_item .image_wrapper.hover_slide_left .hidden_info {
padding: 15px 25px;
position: absolute;
z-index: 1;
left: 0;
top: 50%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-webkit-transition: transform 0.4s ease;
transition: transform 0.4s ease;
max-width: 90%;
}
.azard_portfolio_item .image_wrapper .hidden_info .portfolio-title_holder,
.azard_portfolio_item .image_wrapper .hidden_info .portfolio-link_category{
    overflow: hidden;
}
.azard_portfolio_item .image_wrapper .hidden_info .portfolio-title_holder .portfolio-title_wrapper,
.azard_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);
}

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

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

.azard_portfolio_item .image_wrapper.hover_slide_left:hover .hidden_info {
opacity: .8;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}

.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;
    margin-top: -4px;
    letter-spacing: 0;
    font-size: 11px;
    
}
.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 List - End
========================================================================== */   
/* ==========================================================================
   Portfolio Single - Start
========================================================================== */
.signle-portfolio_container {
    position: relative;
    margin-bottom: 35px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
.post-type_sp_portfolio{
    padding-right: 15px;
    padding-left: 15px;
}
.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;
    z-index: 1;
    margin-right: -15px;
    margin-left: -15px;
}

.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: 20px;
    left: 0;
    width: 25px;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -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{
    bottom: 0;
    opacity: 1;
}
.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;
    color: #fff;
    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;
}

.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 {
    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%;
    padding: 0;
    margin-left: 60px;
}

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

.ma-portfolio-single_title {
    font-size: 50px;
    line-height: 55px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.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 .azard-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 .azard-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 .azard-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 .azard-tags a:hover:before {
    bottom: 0;
    opacity: 1;
}
.portfolio-navigation {
    padding-top: 15px;
}

.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 {
    flex: 1;
    max-width: 50%;
}

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

.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 {
    height: 100px;
}

.ma-half-separator {
    height: 50px;
}

.ma-third-separator {
    height: 30px;
}

.ma-smal-separator {
    height: 15px;
}

.azard-animate_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
}

.azard-animate_bg div {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    width: 1px;
    background-color: #e5e5e5;
}

.azard-animate_bg div:nth-child(1) {
    left: 33%;
    bottom: -170px;
}

.azard-animate_bg div:nth-child(2) {
    left: 66%;
    top: -170px;
}

.azard-carousel-portfolio .owl-item {
    background-color: #D2527F;
    color: white;
    text-align: center;

}

.azard-carousel-portfolio .owl-prev {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.azard-carousel-portfolio .owl-next {
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

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

.azard-carousel-portfolio .owl-dots:after {
    content: counter(slides-nums);
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.azard-carousel-portfolio .owl-dots:before {
    content: '';
    width: 50px;
    height: 2px;
    opacity: .6;
    margin: 0 15px 0 20px;
    display: inline-block;
}

.azard-carousel-portfolio .owl-dot {
    display: inline-block;
    counter-increment: slides-nums;
}

.azard-carousel-portfolio .owl-dot span {
    display: none !important;
}

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

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

/* ==========================================================================
video - Start
========================================================================== */

    .space-video-btn .as_vid-btn-inner {
        display: inline-block;
        color: #fff;
        width: 65px;
        height: 65px;
        position: relative;
        margin: auto;
        text-align: center;
    }

    .space-video-btn a {
        color: inherit;
    }

    .space-video-btn.vd-btn_right {
        text-align: right;
    }

    .space-video-btn.vd-btn_center {
        text-align: center;
    }

    .space-video-btn.vd-btn_left {
        text-align: left;
    }

    .space-video-btn .as_vid-btn-inner.vbtn_rounded {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .space-video-btn .as_vid-btn-inner.vbtn_round {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .space-video-btn .as_vid-btn-inner i {
        line-height: 65px;
        margin-left: 8%;
        font-size: 21px;
    }

    .space-video-btn .as_vid-btn-inner.vbtn_start:before,
    .space-video-btn .as_vid-btn-inner.vbtn_start:after {
        content: '';
        border-style: solid;
        border-width: 1px;
        position: absolute;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        animation: vid-animate 1.5s linear infinite;
        opacity: 0;
    }

    .space-video-btn .as_vid-btn-inner.vbtn_rounded.vbtn_start:before,
    .space-video-btn .as_vid-btn-inner.vbtn_rounded.vbtn_start:after {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .space-video-btn .as_vid-btn-inner.vbtn_round.vbtn_start:before,
    .space-video-btn .as_vid-btn-inner.vbtn_round.vbtn_start:after {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

/* ---------------------------------------
* animation vid-animate
* ----------------------------------------
*/

@-webkit-keyframes vid-animate {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);

    }

    50% {
        opacity: 1;

    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes vid-animate {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    50% {

        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ==================== ##Split Portfolio ==================== */

.split-slingle-portfolio {
    margin-top: -100px;
    margin-bottom: 30px;
    position: relative;
}

.split-slingle-portfolio .single-portfolio-image img:not(:last-child) {
    margin-bottom: 20px;
}

.split-slingle-portfolio .row {
    margin-left: 0;
    margin-right: 0;
}

.split-portfolio_info {
    padding-top: 20vh !important;
}

.split-portfolio_annotation {
    margin-right: 8vw;
    margin-left: 3vw;
}

.right_split.split-portfolio_annotation {
    margin-right: 11vw;
    margin-left: 0;
}

.split-portfolio_info .portfolio-info_title {
    margin-top: 5px;
}

.portfolio-outer-flex {
    width: 100%;
    display: block;
}

.split-portfolio_info .ma-portfolio-item_inner {
    border: none;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 30px;
    margin-top: 30px;
}

.split-portfolio_info .item_annotation_social {
    border: none;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 30px;
    margin-top: 15px;
}

.portfolio-social-split-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;
}

.portfolio-social-split-sidebar a {
    background-color: transparent;
    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;
    z-index: 99;
}

/* ==========================================================================
   Portfolio Single - End
========================================================================== */
/* ==========================================================================
Load More - Start
========================================================================== */
.load_more_wrapper {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  text-align: center; }
  .load_more_wrapper .button_wrapper:hover .load_more_item {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0); }
  .load_more_wrapper .button_wrapper {
    display: inline-block;
    position: relative;
    margin-bottom: 20px; }
  .load_more_wrapper .load_more_item {
    color: #FFF;
    padding: 15px 25px;
    line-height: 24px;
    display: inline-block;
    position: relative;
    margin: 0;
    font-weight: 500;
        font-size: 18px;
    border: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    white-space: nowrap;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s; }
    .load_more_wrapper .load_more_item:before {
      content: '\f110';
      display: inline-block;
      position: absolute;
      z-index: 99;
      top: 50%;
      left: 50%;
      margin: -10px 0 0 -8px;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 19px;
      color: #fff;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      opacity: 0;
      -webkit-transition: all 0.4s, color 0s;
      -o-transition: all 0.4s, color 0s;
      -moz-transition: all 0.4s, color 0s;
      transition: all 0.4s, color 0s;
      -webkit-animation: rotating 2s linear infinite;
      -moz-animation: rotating 2s linear infinite;
      -o-animation: rotating 2s linear infinite;
      animation: rotating 2s linear infinite; }
    .load_more_wrapper .load_more_item span {
      position: relative;
      z-index: 1; }
    .load_more_wrapper .load_more_item:hover {
      color: #fff !important; }
    .load_more_wrapper .load_more_item.loading:before {
      color: inherit;
      opacity: 1; }
    .load_more_wrapper .load_more_item.loading span {
      opacity: 0; }
    .load_more_wrapper .load_more_item.blog_load_more {
      margin-top: 10px; }
    .load_more_wrapper .load_more_item.full_width_btn .load_more_item {
      width: 100%; }

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0turn);
    transform: rotate(0turn); }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn); } }

@-moz-keyframes rotating {
  0% {
    -moz-transform: rotate(0turn);
    transform: rotate(0turn); }
  100% {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn); } }

@-o-keyframes rotating {
  0% {
    -o-transform: rotate(0turn);
    transform: rotate(0turn); }
  100% {
    -o-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0turn);
    -moz-transform: rotate(0turn);
    -o-transform: rotate(0turn);
    transform: rotate(0turn); }
  100% {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn); } }
/* ==========================================================================
Load More - End
========================================================================== */   
/* ==========================================================================
   Double Heading - Start
   ========================================================================== */   
.azard-double-heading {
    position: relative;
    z-index: 1;
    line-height: 0;
}
.azard-double-heading .adh-subtitle {
    margin-bottom: 17px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0;}
.azard-double-heading .adh-subtitle span {
    display: inline-block;
    position: relative;
    padding: 10px 2px 8px;
    border-radius: 8px;
}    
.azard-double-heading .adh-subtitle span::before, .azard-double-heading .adh-subtitle span::after {
    font-family: 'FontAwesome';
    content: "\f621";
    padding: 0 1em;
    font-size: 0.8333em;
    line-height: 1;
    font-weight: normal;
    letter-spacing: 0;
}
.azard-double-heading .adh-title-wrapper{
     position: relative;
    line-height: 1.4em;
    z-index: 1;
}
.azard-ma-heading {
    position: relative;
    z-index: 2;
}
.azard-box-info_content {
    z-index: 2;
}
.azard-box-info_link a{
    z-index: 2;
}
.ma-title-wrapper{
    line-height: 1;
    font-weight: inherit;
    font-size: inherit;
}
/* ==========================================================================
   Double Heading - End
========================================================================== */
/* ==========================================================================
   Fancy Heading - Start
========================================================================== */

.azard_fancy_text_holder{
    position: relative;
}
.active_fancy_out {
  animation: fancyTextOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.azard_fancy_text.active_fancy_in {
  animation: fancyTextIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.azard_fancy_text {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
 .azard_fancy_text.active_fancy_in {
  position: relative;
  opacity: 1;
}

@keyframes fancyTextIn {
  from {
    transform: translateY(65%) rotateX(-95deg);
    opacity: 0;
  }
  to {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
}

@keyframes fancyTextOut {
  from {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
  to {
    transform: translateY(-65%) rotateX(95deg);
    opacity: 0;
  }
} 

/* ==========================================================================
   Fancy Heading - End
========================================================================== */
/* ==========================================================================
   Creative Heading - Start
========================================================================== */
.azard-text-creative_holder{
position: relative;
}
.azard-text-creative_inner{
overflow: hidden;
opacity: 1;
}
.azard-text-creative_content{
position: relative;
display: inline-block;
opacity: 0;
visibility: hidden;
}
.azard-text-creative_content.active{
    opacity: 1;
    visibility: visible;
}
.azard-text-creative_content span{
display: inline-block;
position: relative; 
transform: translate(0%, 110%) rotate(20deg);
opacity: 0;
visibility: visible;
}

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

@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;
}
}
.azard-creative-space-warp{
    display: inline-block;
}
/* ==========================================================================
   Creative Heading - End
========================================================================== */      
/* ==========================================================================
   ProgressBar - Start
========================================================================== */
.ma-progress-bar .ma-progress-wrapper {
  display: block;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  -webkit-transition: width 1.5s;
  -o-transition: width 1.5s;
  -moz-transition: width 1.5s;
  transition: width 1.5s; }

.ma-progress-bar .progress-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: inherit;
  -o-transition: inherit;
  -moz-transition: inherit;
  transition: inherit; }

.ma-progress-bar .progress-bar-wrap {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  -webkit-transition: inherit;
  -o-transition: inherit;
  -moz-transition: inherit;
  transition: inherit; }

.ma-progress-bar .progress-bar {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 0;
  height: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: inherit;
  -o-transition: inherit;
  -moz-transition: inherit;
  transition: inherit; }

.ma-progress-bar .progress-title {
  font-size: 14px; }

.ma-progress-bar .progress-num-wrapper {
  position: relative;
  z-index: 0;
  margin-left: 5px;
  padding-top: 1px;
  font-size: 14px;
  line-height: inherit; }

.ma-progress-bar .progress-inner {
  -webkit-transition: inherit;
  -o-transition: inherit;
  -moz-transition: inherit;
  transition: inherit;
 }

.ma-progress-bar .progress-wrap .progress-title,
.ma-progress-bar .progress-wrap .progress-num-wrapper {
  line-height: inherit;
  font-weight: 800; }

.ma-progress-bar .progress-num,
.ma-progress-bar .progress-unit {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit; }

.ma-progress-bar.dynamic-value .progress-wrap {
  width: 0; }
  

.ma-progress-bar.dynamic-value .progress-num-wrapper{
    text-align: center;
    border-radius: 15px;
    padding: 5px 9px;
    margin-right: -15px;
}
.ma-progress-bar.dynamic-value .progress-num-wrapper::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;}
.progress_label{
    color: inherit;
}
/* ==========================================================================
   ProgressBar - End
========================================================================== */
/* ==========================================================================
   Service - Start
========================================================================== */   
.azard-service-1{
position: relative;
width: 100%;
}
.azard-service-border{
position: absolute;
height: 0;
width: 1px;
right: 0;
transition: all .6s;
}
.azard-service-border .service-border-inner{
display: block;
height: 0;
transition: all .6s;
}
.azard-service-1 .azard-service-link{
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
left: 0;
top: 0;
}   
.azard-service-num{
position: absolute;
font-size: 160px;
transform: rotate(270deg);
right: 0;
top: -5%;
line-height: 1;
-webkit-text-stroke-width: 1px;
}
.azard-service-content{
position: relative;
margin: 30px 60px 8px 0px;
}
.azard-service-title{
margin: 14px 100px 8px 0px;

}

.azard-service-desc{
margin-top: 25px;
}
.spacer{
height: 30px;
}
.service_active .azard-show{
-webkit-animation: azard-show 1s linear; 
animation: azard-show 1s linear;
}
.service_active .azard-service-border{
height: 100%;
transition: all 1s;
}
.azard-service-btn: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;
color: #fff;
border-style: solid;
border-width: 1px;

}
.azard-service-1:hover .azard-service-border .service-border-inner{
height: 100%;
}
.azard-service-1:hover .azard-service-btn:before {
-webkit-animation: rotate-center-more 0.6s ease-in-out both;
animation: rotate-center-more 0.6s ease-in-out 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 show
* ----------------------------------------
*/

@-webkit-keyframes azard-show {
0% {

visibility: hidden;
opacity: 0;

}

100% {

visibility: visible;
opacity: 1;
}
}

@keyframes azard-show {
0% {

visibility: hidden;
opacity: 0;
}

100% {

visibility: visible;
opacity:1;
}
}
/* ==========================================================================
   Service - End
========================================================================== */
/* ==========================================================================
   Service Icon - Start
========================================================================== */   
.azard-service-icon{
position: relative;
width: 100%;
}

.azard-service-icon .azard-service-link{
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.azard-service-content{
position: relative;
}
.azard-service-btn:before {
content: '\f101';
display: flex;
z-index: 2;
width: 50px;
height: 50px;
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;
color: #222;
border: 1px solid #222;
}
.spacer{
height: 30px;
}
.azard-service-icon:hover .azard-service-btn:before {
-webkit-animation: rotate-center-more 0.6s ease-in-out both;
animation: rotate-center-more 0.6s ease-in-out 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 show
* ----------------------------------------
*/

@-webkit-keyframes azard-show {
0% {

visibility: hidden;
opacity: 0;

}

100% {

visibility: visible;
opacity: 1;
}
}

@keyframes azard-show {
0% {

visibility: hidden;
opacity: 0;
}

100% {

visibility: visible;
opacity:1;
}
}   

/* ==========================================================================
   Service Icon - End
========================================================================== */
/* ==========================================================================
Showcase - Start
========================================================================== */   
.azard-showcase-line{
position: relative;
}
.azard-showcase-line .showcase-line-inner{
position: relative;
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.azard-showcase-line .showcase-line-content{
position: relative;
z-index: 99;
display: flex;
align-items: center;
padding: 0 15px ;
width: 50%;
}
.azard-showcase-line .showcase-line-subtitle {
font-size: 24px;
font-weight: 400;
margin-right: 24px;
position: relative;
transition: all .45s;
}   
.azard-showcase-line .showcase-line-title{
font-size: 50px;
font-weight: bold;
transition: all .45s;
}
.showcase-line-info{
font-size: 15px;
font-weight: 400;
margin-right: 24px;
position: relative;
transition: all .45s;
}
.showcase-line-btn_holder{
    z-index: 100;
}
.showcase-line-btn: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;
border-style: solid;
border-width: 1px;
margin-right: 15px;
}       
.showcase-line-link{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.showcase-line-border{
position: absolute;
width: 0;
height: 1px;
transition: all .6s;
}
.showcase-line-overlay{
position: absolute;
width: 0;
height: 100%;
transition: all .6s;
}
.showcase-line-inner:hover .showcase-line-overlay{
width: 100%;
}
.showcase-line-inner:hover .showcase-line-btn:before {
-webkit-animation: rotate-center-more 0.6s ease-in-out both;
animation: rotate-center-more 0.6s ease-in-out both;
border-style: solid;
border-width: 1px;
}

.showcase_line_active .showcase-line-border{
width: 100%;
z-index: 1;
transition: all 1s;
}

/**
* ----------------------------------------
* 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);
}
}
.portfolio-vertical-images .portfolio-vertical-image {
position: fixed;
left: 10px;
top: 10px;
opacity: 0;
visibility: hidden;
will-change: transform;
pointer-events: none;
}
.portfolio-vertical-images .portfolio-vertical-container {
-webkit-transition: all linear 1s;
-o-transition: all linear 1s;
transition: all linear 1s;
will-change: transform;
overflow: hidden;
}
.portfolio-vertical-images .portfolio-vertical-container>img {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
-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;
max-width: 50%;
}
.portfolio-vertical-images .portfolio-vertical-image.animate {
-webkit-transition: all linear .25s;
-o-transition: all linear .25s;
transition: all linear .25s;}
.visible {
visibility: visible!important;
opacity: 1!important;
}

/* ==========================================================================
Showcase - End
========================================================================== */   
/* ==========================================================================
Layers - Start
========================================================================== */ 
.azard-image-layers{
    position: relative;
    line-height: 0;
    max-width: 100%;    
}
.as-image-layers {
    position: relative;
    line-height: 0;
    max-width: 100%;
}
.as-image-layers .image-layer-wrapper {
    position: relative;
    line-height: 0;
    display: block;
    width: inherit;
    max-width: 100%;
    height: inherit;
    max-height: 100%;
}
.azard-image-layers .as-image-layers:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}

.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); 
}
/* ==========================================================================
Layers - End
========================================================================== */ 
/* ==========================================================================
Split - Start
========================================================================== */ 
.azard_split_holder{
    position: relative;
    line-height: 0;
    max-width: 100%;
    background-color: transparent;
}
.azard_split_holder .azard_split div{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: transparent;
}
.azard_split_holder .azard_split {
    position: relative;
    line-height: 0;
    display: block;
    width: inherit;
    max-width: 100%;
    height: inherit;
    max-height: 100%;
    background-color: transparent;
}
.azard_split_holder .azard_split:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}
.azard_split_holder .show_water img{
    opacity: 0;
}
.azard_split_holder .show_water canvas{
    height: 100%;
    width: 100%;
    background-color: transparent;
}
.azard-split-top, .azard-split-right, .azard-split-bottom, .azard-split-left{
    opacity: 0;
    visibility: hidden;
}
.azard_active_animation .azard-split-top, .azard_active_animation .azard-split-right, .azard_active_animation .azard-split-bottom, .azard_active_animation .azard-split-left{
    opacity: 1;
    visibility: visible;
}
.azard_active_animation .azard-split-top{

  animation: azard-split-from-top 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-right{

  animation: azard-split-from-right 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-bottom{

  animation: azard-split-from-bottom 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-left{

  animation: azard-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}

/**
 * ----------------------------------------
 * animation Split Top
 * ----------------------------------------
 */
@keyframes azard-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 azard-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 azard-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 azard-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 azard-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 azard-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 azard-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 azard-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
========================================================================== */
/* ==========================================================================
Image Underline - Start
========================================================================== */
.azard-image-underline{
    position: relative;
}
.azard-image-underline_warp{

    position: relative;
    overflow: hidden;
}
.azard-image-underline_warp img{
    display: block;
    width: 100%;
    transition: all .5s cubic-bezier(.39,.58,.57,1);
    transition: all .5s cubic-bezier(.39,.58,.57,1);
    transition: all .5s cubic-bezier(.39,.58,.57,1),

}
.azard-image-underline:hover .azard-image-underline_warp img {
    -webkit-transform: scale(1.3) rotateZ(15deg);
    transform: scale(1.3) rotateZ(15deg);
}
.azard-image-underline_title .title a{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    transition: all .3s ease-in-out
}
.azard-image-underline_title .title a:before {
    content: '';
    display: block;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-color: currentColor;
    transition: all .3s ease-in-out;
}
.azard-image-underline_title .title a:hover:before {
    width: 100%;
} 
/* ==========================================================================
Image Underline - End
========================================================================== */
/* ==========================================================================
Image Text - Start
========================================================================== */
.azard-icon-text{
position: relative;
text-align: center;
}
.azard-icon-text-warp img{
    -webkit-animation: azard-show-scale 0.5s ease forwards;
  -moz-animation: azard-show-scale 0.5s ease forwards;
  -o-animation: azard-show-scale 0.5s ease forwards;
  animation: azard-show-scale 0.5s ease forwards;
}
.azard-icon-text-desc{
overflow: hidden;
position: absolute;
left: 50%;  
top: 50%; 
transform: translate(-50%, -50%);
margin: 0;
}

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

.azard-icon-text_left span {
  display: block;
    visibility: hidden;
    opacity: 0;
}

.azard-icon-text_right {
  position: absolute;
  right: 0;
  top: 0;

}

.azard-icon-text_right span {
  position: absolute;
  width: 100%;
  left: -100%;
  visibility: hidden;
  opacity: 0;
}
.azard-icon-text:hover .azard-icon-text-warp img{

    -webkit-animation: azard-hide-scale 0.5s ease forwards;
  -moz-animation: azard-hide-scale 0.5s ease forwards;
  -o-animation: azard-hide-scale 0.5s ease forwards;
  animation: azard-hide-scale 0.5s ease forwards;
}
.azard-icon-text:hover .azard-icon-text_left span{
    opacity: 1;
    visibility: visible;
  animation: azard-slide-left .3s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.1) forwards;
  transform: translateX(200px) skewX(20deg);
}
.azard-icon-text:hover .azard-icon-text_right span{
    opacity: 1;
    visibility: visible;    
  transform: translateX(-200px) skewX(20deg);
  animation:  azard-slide-right .3s 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.1) forwards;
}
@keyframes azard-slide-left {
  from {
    transform: translateX(200px) skewX(20deg);
  }
  to {
    transform: translateX(0%) skewX(20deg);
  }
}
@keyframes azard-slide-right {
  from {
    transform: translateX(-200px) skewX(20deg);
  }
  to {
    transform: translateX(0%) skewX(20deg);
  }
}

@keyframes azard-hide-scale {
  0% {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
  40% {
        transform: scale(1.1);
        opacity: 1;
        visibility: visible;
  }
  70% {
        transform: scale(.5);
        opacity: .5;
        visibility: visible;
  }   
  100% {
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
  }  
}

@keyframes azard-show-scale {
   0% {
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
  } 

  40% {
        transform: scale(.5);
        opacity: .5;
        visibility: visible;
  }   
  70% {
        transform: scale(1.1);
        opacity: 1;
        visibility: visible;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }  
 
}
/* ==========================================================================
Image Text - End
========================================================================== */
/* ==========================================================================
Comparison - Start
========================================================================== */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.twentytwenty-before-label {
    opacity: 0;
}

.twentytwenty-before-label:before {
    content: attr(data-content);
}

.twentytwenty-after-label {
    opacity: 0;
}

.twentytwenty-after-label:before {
    content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px;
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1;
}

.twentytwenty-before {
    z-index: 20;
}

.twentytwenty-after {
    z-index: 10;
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
    box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
    border-right: 6px solid white;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px;
}
/* ==========================================================================
Comparison - End
========================================================================== */
/* ==========================================================================
Accordion  - Start
========================================================================== */

.accordion {
    cursor: pointer;
    width: 100%;
    border: none;
    font-weight: 500;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    -ms-transition: .5s all ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.l_arrow .accordion:after {
    content: '\f30b';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.l_arrow .active-arrow:after {
    content: '\f309';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
}

.chevron .accordion:after {
    content: '\f078';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
}

.chevron .active-arrow:after {
    content: '\f077';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
}

.plus .accordion:after {
    content: '\f067';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    float: right;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
}

.plus .active-arrow:after {
    content: '\f068';
    font-family: "FontAwesome";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
}

.accordion-panel {
    display: none;
    overflow: hidden;
}

.accordion-panel>div {
    margin: 0 !important;
    padding: 0 !important;
}

.square .accordion:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.rounded .accordion:after {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.circle .accordion:after {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.accordion-holder .accordion:not(:first-child) {
    margin-top: 15px;
}
.accordion-holder.underline-accordions .accordion:not(:first-child) {
    margin-top: 5px;
}

/* ==========================================================================
Accordion - End
========================================================================== */
/* ==========================================================================
Half Slider - Start
========================================================================== */
.half-slider_holder{
position: relative;
}
.half-slider_inner{
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
display: none;
opacity: 0; 
}
.half-slider_inner.active_slider{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
visibility: visible;
}
.half-slider_inner .half-slider_col{
width: 50%;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;

}
.half-slider_inner .half-slider_left {
justify-content: center;
align-items: center;
}

.half-slider_content{
text-align: left;
padding: 5% 5%;
width: 100%;
z-index: 10;
}
.half-slider_content h1, .half-slider_right h1{
font-size: 90px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
letter-spacing: 2px;
line-height: 110px;
transform: translateY(0);
padding: 0;
margin: 0;
}
.half-slider_desc{
font-size: 16px;
font-weight: 500;
color: #ccc;
line-height: 30px;
padding-right: 70px;
text-transform: capitalize;
display: none;
}   
.half-slider_image{
width: 350px;
height: 350px;
border-radius: 50%;
margin-top: 30px;
}
.half-slider_inner .half-slider_right {
justify-content: center;
align-items: center;
}   
.half-slider_right{

background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: initial;
color: rgb(255, 255, 255);
transform-origin: 50% 50%;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
}

.half_silder_circle {
z-index: 10;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.half_circular-text {
-webkit-animation: rotate-center 5s linear infinite;
animation: rotate-center 5s linear infinite;
color: #fff;
font-size: 22px;
letter-spacing: 1;
font-weight: 800;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
transition: 0.3s ease-out;
}  
.half_circular-text:before {
content: "";
background-color: #fb3690;
border-radius: 50%;
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} 

.half_circular-text:after {
content: "";
border: 3px solid #1bbbc9;
border-radius: 50%;
width: 130px;
height: 130px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}

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

.half_silder_backline {
width: 4000px;
position: absolute;
transform: rotate(45deg);
background-color: #fb3690;
opacity: 1;
text-align: center;
z-index: -1;
}
.half_silder_backline span {
color: #fff;
padding: 15px;
font-size: 25px;
line-height: 30px;
display: inline-block;
font-weight: 600;
}

.half-slider_content h1,.half-slider_right h1{
opacity: 0;}
.half-slider_content h1 span, .half-slider_right h1 span{
opacity: 0;
visibility: hidden;
}
.half-slider_content h1:after, .half-slider_right h1:after {
content: '';
height: 100%;
width: 0;
display: block;
position: absolute;
bottom: 0;
background: #fff;
transition: all .5s;
z-index: -1;
width: 100%;
}

.active_slider .half-slider_content h1, .active_slider .half-slider_right h1{
animation: .8s half_opacity forwards;
}
.active_slider .half-slider_content h1:after, .active_slider .half-slider_right h1:after{
animation: .8s slider_title_ani forwards;
}

.active_slider .half-slider_content h1, .active_slider .half-slider_right h1{
animation: .8s half_opacity forwards;
animation-delay: .8s;
}
.active_slider .half-slider_content h1:after{
animation: .8s slider_title_ani forwards;
animation-delay: .8s;
}
.active_slider .half-slider_right h1:after{
animation: .8s slider_titler_ani forwards;
animation-delay: .8s;
}
@keyframes slider_title_ani {
0% {
transform:translateX(-100%);
opacity: 1;
visibility: visible;
}

100% {
transform:translateX(0);
}
}

@keyframes slider_titler_ani {
0% {
transform:translateX(100%);
opacity: 1;
visibility: visible;
}

100% {
transform:translateX(0);
}
}

@keyframes half_opacity {
0% {
display: none;
opacity: 0;
visibility: hidden;
}

100% {
display: block;
opacity: 1;
visibility: visible;
}
}

.half-slider_holder .half-slider-arrow {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 20px 0;
    z-index: 99;
}
.half-slider_holder .half-slider_arrow_r, .half-slider_holder .half-slider_arrow_l{
    color: inherit;
    line-height: inherit;
}
.half-slider_holder .half-slider_arrow_l{
    margin-right: 10px;
}
/* ==========================================================================
Half Slider - End
=======================================================================*/
/* ==========================================================================
Circle Text - Start
=======================================================================*/ 
.cricle_text_warp {
    position: absolute;
    left: 50%;
    opacity: 0;
}
.cricle_text_warp.active_cricle{
    opacity: 1;
}
.cricle_animation{
    -webkit-animation: rotate-center 50s linear infinite;
    animation: rotate-center 50s linear infinite;   
}
.cricle_text_before{
    border-radius: 50%; 
    position: absolute;
    font-size: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cricle_text_after{
    border-style: solid;
    border-width: 3px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ==========================================================================
Circle Text - End
=======================================================================*/
/* ==========================================================================
Video Popup - Start
=======================================================================*/
.azard-video-btn{
    position: relative;
    z-index: 1;
    width: 150px;
    height: 150px;
    background-size: cover;
}
.azard-video-btn a{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.azard-video-btn .as_vid-btn-inner {
    display: inline-block;
    position: relative;
    margin: auto;
    text-align: center;
}
.azard-video-btn .as_vid-btn-inner.vbtn_rounded{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.azard-video-btn .as_vid-btn-inner.vbtn_round{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.azard-video-btn .as_vid-btn-inner i {
    line-height: 85px;
    margin-left: 8%;
    font-size: 32px;
}
.azard-video-btn .as_vid-btn-inner.vbtn_start .vbtn_before, 
.azard-video-btn .as_vid-btn-inner.vbtn_start .vbtn_after {
    border-style: solid;
    border-width: 3px;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    animation: vid-animate 1.5s linear infinite;
    opacity: 0;
}
.azard-video-btn .as_vid-btn-inner.vbtn_rounded.vbtn_start .vbtn_before,
.azard-video-btn .as_vid-btn-inner.vbtn_rounded.vbtn_start .vbtn_after{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

.azard-video-btn .as_vid-btn-inner.vbtn_round.vbtn_start .vbtn_before,
.azard-video-btn .as_vid-btn-inner.vbtn_round.vbtn_start .vbtn_after{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; 
}

/**
* ----------------------------------------
* animation vid-animate
* ----------------------------------------
*/
@-webkit-keyframes vid-animate {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes vid-animate {
0% {
-webkit-transform: scale(.5);
transform: scale(.5);
}
50% {

opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* ==========================================================================
Video Popup - End
=======================================================================*/
/* ==========================================================================
Line Carousel - Start
=======================================================================*/
.azard-carousel-line{
    position: relative;
}
.cariusel-word {
    display: inline-block;
}
.cariusel-word .text {
    word-spacing: 6px;
    transition: all 0.3s;
}
.cariusel-word .divider {
    display: inline-block;
    position: relative;
    vertical-align:middle;
    padding: 0 15px;
}
/* ==========================================================================
Line Carousel - End
=======================================================================*/
/* ==========================================================================
Fancy Scrolling - Start
=======================================================================*/
.canvas-holder canvas {
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:auto;
}
.sticky canvas{
  position: fixed;

}
.absolute canvas{
   position: absolute;
   bottom: 0!important;
   top: auto!important;
}
.canvas-holder{
    position: relative;
    display: block;
    width: 100%;
    top: 0;
}
/* ==========================================================================
Fancy Scrolling - End
=======================================================================*/
/* ==========================================================================
Team - Start
=======================================================================*/
.azard-team{
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
margin-bottom: 30px;
}
.azard-team .azard-team-image{
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
width: calc(100% - 65px);
}
.azard-team .azard-team-image img{
display: block;
max-width: 100%;
}
.azard-team .azard-team-content{
vertical-align: middle;
z-index: 20;
position: absolute;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 top;
-ms-transform-origin: 0 top;
transform-origin: 0 top;
display: block;
top: 0;
left: 96%;
width: 100%;
margin: 0;
opacity: 0;
visibility: hidden;
}
.azard-team-subtitle{
margin: 0;
text-transform: uppercase;
font-size: 11px;
line-height: 1.54em;
font-weight: 600;
}
.azard-team-title{
line-height: inherit;
font-size: inherit;
text-transform: uppercase;
}
.azard-team-title a {
font-size: 25px;
line-height: 30px;
}
.azard-team-overlay{
position: absolute;
left: 0;
bottom: 0;
margin: 15px;
display: flex;
flex-direction: column-reverse;
width: 100%;
height: 100%;
}   
.azard-team-overlay .azard-team-icon{
width: 45px;
height: 45px;
margin: 4px;
border-radius: 50%;
font-size: 15px;
line-height: 45px;
text-align: center;
color: #fff;
z-index: 3;
transition: .4s;
}

.azard-team-overlay .azard-team-icon {
opacity: 0;
transform: scale(0.9);
will-change: transform;
}

.azard-team-overlay:hover .azard-team-icon{
opacity: 1;
transform: scale(1.0);
transition: all 0.4s, opacity 0.3s 0.08s, transform 0.4s 0.08s;
}

.azard-team .team-icon-link.azard-show{

opacity: 0;
visibility: hidden; 

-webkit-transform: scale3d(0.2, 0.2, 0.2);
-moz-transform: scale3d(0.2, 0.2, 0.2);
transform: scale3d(0.2, 0.2, 0.2);
}
.azard-team.azard_active_animation .team-icon-link.azard-show{
opacity: 1;
visibility: visible;

-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); 
}
.azard-team .team-icon-link {
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
transition-delay: 1.5s; 
}

.azard_active_animation .azard-team-content.azard-split-from-right-team{
animation: azard-split-from-right-team 1s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
animation-delay: .7s;
}   
.team-icon-link{
opacity: 0;
}
.azard_active_animation .azard-show-zoom.team-icon-link{
-webkit-animation: azard-show 1s linear; 
animation: azard-show 1s linear;
}   
/**
 * ----------------------------------------
 * animation Split Team
 * ----------------------------------------
 */
@keyframes azard-split-from-right-team {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
opacity: 0;
visibility: hidden; }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
opacity: 1;
visibility: visible;
} 
}

@-webkit-keyframes azard-split-from-right-team {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
opacity: 0;
visibility: hidden; }
to {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0); 
opacity: 1;
visibility: visible;
} 
}
/* ==========================================================================
Team - End
=======================================================================*/

/* ==========================================================================
Single Team - Start
========================================================================== */   

.ma_team_item{
padding: 15px 0;
}

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

.team-title{
padding: 0 0 15px 0;
}
.team-info .team-title h3{
line-height: 36px;
}
.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 .round-top{
background-image: url('../img/round-1.png');
background-repeat: no-repeat;
background-position: top left;
}
.team-sub-line{
margin-bottom: 20px;
color: #ffffff;
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;
}
.team-sub-line span::before, .team-sub-line span::after {
font-family: 'FontAwesome';
content: "\f621";
padding: 0 1em;
font-size: 0.8333em;
line-height: 1;
font-weight: normal;
letter-spacing: 0;
}
.single-team-info{
padding: 10px 0 20px;
}
.team-image-wrap{
margin: 80px 30px -100px 150px;
border-radius: 0;
overflow: hidden;
}

.team-info{
padding-top: 80px;
padding-left: 30px;
padding-bottom: 60px;
}

.team-info_item{
margin-bottom: 5px;
}

.team-info_item > * {
display: inline;}
.team-info_item h6 + span {
margin-left: 8px;
}

.team-description{
font-weight: 500;
}
.team-soical{
padding: 15px 0;  
}
.team-soical-icons{
margin-right: 13px;
}

.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-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.facebook_team a {
background: #4661c5;
    border: 1px solid #4661c5;
}
.team-soical-icons.twitter_team a  {
 background: #18a6f0;
 border: 1px solid #18a6f0; 
}
.team-soical-icons.instagram_team a {
   background: #252525;
 border: 1px solid #252525; 
}
.team-soical-icons.linkedin_team a {
  background: #007bb5;
    border: 1px solid #007bb5;
}
.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
========================================================================== */  
/* ==========================================================================
Fancy Portfolio - Start
=======================================================================*/
.wrapper_showcase {
padding: 0 30px;
margin: 0 auto;
overflow: hidden;
position: relative;
padding-top: 30px;
}
.circular-text {
color: #fff;
font-size: 30px;
letter-spacing: 1;
font-weight: bolder;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
transition: 0.3s ease-out;

}
.circular-text span{
padding: 1px;
}
.paroller-showcase{
position: relative;
z-index: 1;
}
.showcase_base {
visibility: hidden;
background: #1bbbc9;
display: inline-block;
height: 350px;

position: absolute;
width: 600px;
transition: all .3s;
opacity: 0;
}
.showcase_base .showcase_base_before {
border-top: 51px solid #1bbbc9;
border-right: 50px solid transparent;
border-left: 20px solid #1bbbc9;
content: "";
height: 0;
left: 0;
position: absolute;
width: 530px;
bottom: -50px;
}
.outer{
width: 600px;
height: 350px;
position: absolute;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.title-wrapper{
position: relative;
z-index: 2;
}
.showcase{
position: relative;
}
.showcase:hover .showcase_base {
opacity: 1;
visibility: visible;
-webkit-transform: translateZ(10px) translateY(15px) translateX(30px);
transform: translateZ(10px) translateY(15px) translateX(30px);
}
.showcase .title {
width: 500px;
position: absolute;
bottom: -36px;
left: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.showcase .title h3{
color: #fff;
font-size: 22px;
margin: 0;
padding: 0;
text-transform: uppercase;
}

.showcase .category{
font-family: inherit;
padding: 2px 15px;
border-radius: 15px;
font-size: 14px;
font-weight: 600;
background: #fb3690;
color: #fff;
line-height: 30px;
margin-right: 7px;
}

.azard-animate_bg {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
overflow: hidden;
}
.azard-animate_bg div {
position: absolute;
top: 0;
right: auto;
bottom: 0;
width: 2px;
}
.azard-animate_bg div:nth-child(1) {
left: 33%;
bottom: -170px; }
.azard-animate_bg div:nth-child(2) {
left: 66%;
top: -170px; }
.azard-animate_bg div span {
width: 3px;
height: 45px;
position: absolute;
top: 0;
left: -1px;
animation-name: animate_bg;
animation-timing-function: linear;
animation-iteration-count: infinite; }
@keyframes animate_bg {
from {
top: 0; }
to {
top: 100%; } } 

.azard-animate_bg div:nth-child(odd) span:nth-child(odd), .azard-animate_bg div:nth-child(even) span:nth-child(even) {
color: #1bbbc9;
}
/* ==========================================================================
Fancy Portfolio - End
=======================================================================*/
.content_showcase{
    width: 15%;
    float: left;
}
.sidebar_showcase {
    width: 70%;
    float: left;
    position: relative;
}
.azard_fancy_portfolio_holder{
    position: relative;
    z-index: 9;
}
.azard_fancy_portfolio{
    position: relative;
    will-change: transform;
    transition: all .5s;
}
.fancy_portfolio_image{
overflow: hidden;
}
.fancy_portfolio_image img{
    display: block;
}
.fancy_portfolio_content {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 40px 40px 19px 40px;
text-align: center;
opacity: 0;
transition: 0.5s;
overflow: hidden;
}
.azard_fancy_portfolio .fancy_portfolio_content > * {
    position: relative;
    z-index: 2;
}
.azard_fancy_portfolio .fancy_portfolio_content > div {
transition: 0.5s;
opacity: 0;
transform: translateY(40px);
}

.azard_fancy_portfolio .fancy_portfolio_content .fancy_portfolio_title {
    transition: 0.7s;
}
.azard_fancy_portfolio:hover .fancy_portfolio_content > * {
opacity: 1;
transform: translateY(0);
}

.portfolio_cats a {
    opacity: 1;
    border-radius: 0;
    transition: 0.4s;
    margin-right: 0;
    margin-left: 4px;
}
.azard_fancy_portfolio .fancy_portfolio_link {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
transition: 0.5s;
}
.azard_fancy_portfolio .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
    background: rgba(34, 35, 40, 0.6);
}
.azard_fancy_portfolio:hover .fancy_portfolio_content, 
.azard_fancy_portfolio:hover .overlay,
.azard_fancy_portfolio:hover .portfolio_link
 {
    opacity: 1;
}
.azard_fancy_portfolio .fancy_portfolio_content .fancy_portfolio_title .title a,
.azard_fancy_portfolio .fancy_portfolio_content .portfolio-category {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    font-weight: inherit;
}

/* ==========================================================================
Clients - Start
=======================================================================*/
.azard-clients-carousel .clients-carousel-owl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.azard-clients-carousel .clients-carousel-owl img {
    width: auto !important;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.carousel_warp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel_item_span{
    display: flex;
    position: relative;
    z-index: 1;
    align-items: center;
    height: -webkit-max-content;
    height: max-content;        
}
.azard-clients-carousel .clients-carousel-owl .anim-ex_image .hover_image {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.azard-clients-carousel .clients-carousel-owl .anim-ex_image .hover_image {
    display: block;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.azard-clients-carousel .clients-carousel-owl .anim-ex_image:hover .hover_image {
    opacity: 1;
    visibility: visible;
}

.azard-clients-carousel .clients-carousel-owl .anim-ex_image a:hover .hover_image+.main_image,
.azard-clients-carousel .clients-carousel-owl .anim-ex_image:hover .hover_image+.main_image {
    opacity: 0;
}

.azard-clients-carousel .clients-carousel-owl .anim-opacity_image img {
    opacity: 0.5;
}

.azard-clients-carousel .clients-carousel-owl .anim-opacity_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-opacity_image:hover img  {
    opacity: 1;
}

.azard-clients-carousel .clients-carousel-owl .anim-zoom_image img {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.azard-clients-carousel .clients-carousel-owl .anim-zoom_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-zoom_image:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.azard-clients-carousel .clients-carousel-owl .anim-grayscale_image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.azard-clients-carousel .clients-carousel-owl .anim-grayscale_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-grayscale_image:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.azard-clients-carousel .clients-carousel-owl .anim-contrast_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-contrast_image:hover img {
    -webkit-filter: contrast(300%);
    filter: contrast(300%);
}

.azard-clients-carousel .clients-carousel-owl .anim-blur_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-blur_image a:hover img  {
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.azard-clients-carousel .clients-carousel-owl .anim-invert_image a:hover img,
.azard-clients-carousel .clients-carousel-owl .anim-invert_image:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.azard-clients-carousel .clients-carousel-owl .anim-rollover_image .hover_image {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

.azard-clients-carousel .clients-carousel-owl .anim-rollover_image:hover .hover_image {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.azard-clients-carousel .clients-carousel-owl .anim-rollover_image a:hover .hover_image+.main_image,
.azard-clients-carousel .clients-carousel-owl .anim-rollover_image:hover .hover_image+.main_image {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.azard_clients_image {
display: flex;
flex-wrap: wrap;
align-items: center;
}

.azard_clients_image .azard_clients_wrapper {
float: left;
display: flex;
align-items: inherit;
justify-content: center;
}
.azard_clients_item{
display: flex;
position: relative;
z-index: 1;
align-items: center;
height: -webkit-max-content;
height: max-content;
}

.img-opacity_image .hover_image {
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
visibility: hidden;
display: block;
opacity: 0;
}
.img-rollover_image .hover_image {
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
visibility: hidden;
display: block;
opacity: 0;
transform: translateY(-100%);
}
.azard_clients_image .img-opacity_image:hover .hover_image {
opacity: 1;
visibility: visible;
}
.azard_clients_image .img-opacity_image:hover .hover_image+.main_image{
opacity: 0;
}
.azard_clients_image .img-rollover_image:hover .hover_image {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.azard_clients_image .img-rollover_image:hover .hover_image+.main_image{
transform: translateY(100%);
}
.azard_clients_image img {
transition: 0.4s;
}
.azard_clients_item.img-rollover_image{

overflow: hidden;   
}

.img-grayscale_image img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.img-grayscale_image:hover img{
-webkit-filter: grayscale(0);
filter: grayscale(0);
}

.img-zoom_image img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.img-zoom_image:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.img-zoom_image:hover img{
-webkit-filter: contrast(300%);
filter: contrast(300%);
}
.img-blur_image:hover img{
-webkit-filter: blur(1px);
filter: blur(1px);
}  

.img-invert_image:hover img{
-webkit-filter: invert(100%);
filter: invert(100%);
}  

.azard_clients_image.items-1 > .azard_clients_wrapper {
width: 100%; }
.azard_clients_image.items-1 > .azard_clients_wrapper:nth-child(2), .azard_clients_image.items-1 > .azard_clients_wrapper:nth-child(n + 3) {
clear: left; }
.azard_clients_image.items-2 > .azard_clients_wrapper {
width: 50%; }
.azard_clients_image.items-2 > .azard_clients_wrapper:nth-child(3), .azard_clients_image.items-2 > .azard_clients_wrapper:nth-child(2n + 5) {
clear: left; }
.azard_clients_image.items-3 > .azard_clients_wrapper {
width: 33.33333%; }
.azard_clients_image.items-3 > .azard_clients_wrapper:nth-child(4), .azard_clients_image.items-3 > .azard_clients_wrapper:nth-child(3n + 7) {
clear: left; }
.azard_clients_image.items-4 > .azard_clients_wrapper {
width: 25%; }
.azard_clients_image.items-4 > .azard_clients_wrapper:nth-child(5), .azard_clients_image.items-4 > .azard_clients_wrapper:nth-child(4n + 9) {
clear: left; }
.azard_clients_image.items-5 > .azard_clients_wrapper {
width: 20%; }
.azard_clients_image.items-5 > .azard_clients_wrapper:nth-child(6), .azard_clients_image.items-5 > .azard_clients_wrapper:nth-child(5n + 11) {
clear: left; }
.azard_clients_image.items-6 > .azard_clients_wrapper {
width: 16.66666%; }
.azard_clients_image.items-6 > .azard_clients_wrapper:nth-child(7), .azard_clients_image.items-6 > .azard_clients_wrapper:nth-child(6n + 13) {
clear: left; } 
/* ======================================================================
Clients - End
=======================================================================*/
/* ======================================================================
Underline Link - Start
=======================================================================*/
.azard-link_underline{ 
display: inline-block;
position: relative;
vertical-align: middle;
transition: all .3s ease-in-out;
box-sizing: border-box;
margin-left: 0;
margin-bottom: 0;
font-size: 14px;
padding-right: 0;
font-weight: 700;
line-height: 34px;
}
.azard-link_underline:before {
content: '';
display: block;
height: 3px;
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
}       
.azard-link_underline:before {
z-index: 1;
width: 0;
transition: all .45s;
}
.azard-link_underline:hover:before {
width: 100%;
}   

.azard-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;
}
.azard-link_dot .link_dot_span:after{
display: block;
content: '';
position: absolute;
bottom: -2px;
border-radius: 0;
width: 25px;
height: 3px;
-o-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
transition: all .3s ease-in;
margin-bottom: 21px;
visibility: hidden;
opacity: 0;
}
.azard-link_dot:hover .link_dot_span:after{
margin-bottom: 0;
visibility: visible;
opacity: 1;
}

/* ==========================================================================
Underline Link - End
=======================================================================*/
/* ==========================================================================
Line - Start
=======================================================================*/
.azard_line{
    position: relative;
    width: 100%;
    display: flex;
}
.azard_line.right{
    align-items: flex-end;
    justify-content: flex-end;
}
.azard_line.center{
    align-items: center;
    justify-content: center;
}
.azard_line.left{
    align-items: flex-start;
    justify-content: flex-start;
}
.azard_line:before{
    content: '';
    transition: all 1s;
    display: inline-block;
    width: 0;
}

/* ==========================================================================
Line - End
=======================================================================*/
/* ==========================================================================
Lists - Start
=======================================================================*/

.azard-list ol , .azard-list ul{
    padding: 0;
    margin: 0;
}
.azard-list .azard-list_ordered ol {
    list-style: none;
    counter-reset: azard-counter;
}
.azard-list .azard-list_ordered ol li {
    counter-increment: azard-counter;
}
.azard-list .azard-list_ordered ol li::before {
    content: counter(azard-counter) ". ";
    display: block;
    position: absolute;
    z-index: 1;
    font-weight: 900;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 0;
    direction: ltr;
    line-height: inherit;
    margin-right: 0;
    margin-left: 0;
}
.azard-list .azard-list_square ul li, .azard-list .azard-list_circle ul li, .azard-list .azard-list_dashes ul li, .azard-list .azard-list_ordered ol li {
    position: relative;
    z-index: 1;
    padding-left: 20px;
    line-height: 38px;
    list-style: none;
}
.azard-list .azard-list_square ul li:before, .azard-list .azard-list_circle ul li:before, .azard-list .azard-list_dashes ul li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 2px;
    width: 6px;
    height: 6px;
}
.azard-list .azard-list_circle ul li:before {
    border-radius: 50%;   
}
.azard-list .azard-list_dashes ul li:before{
    height: 3px;
}
/* ==========================================================================
Lists - End
========================================================================== */
/* ==========================================================================
Arrow Icon - Start
========================================================================== */
.azard_arrow_icon_holder{
    width: 100%;
    display: flex;
}
.azard_arrow_icon_holder.right{
    align-items: flex-end;
    justify-content: flex-end;
}
.azard_arrow_icon_holder.center{
    align-items: center;
    justify-content: center;
}
.azard_arrow_icon_holder.left{
    align-items: flex-start;
    justify-content: flex-start;
}
.azard_icon_arrow{
border-width: 2px;
border-style: solid;
display: inline-block;
width: 70px;
height: 70px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}          
.azard_icon_arrow:before {
content: '\f101';
display: flex;
z-index: 2;
width: 100%;
height: 100%;
font-family: flaticon;
font-weight: 900;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 0.6s;
transform: rotate(155deg);
text-align: center;
align-items: center;
justify-content: center;
}
.azard_icon_arrow:hover{
    cursor: pointer;
}
/* ==========================================================================
Arrow Icon - End
========================================================================== */
/* ==========================================================================
Interactive Vertical Portfolio - Start
========================================================================== */
.portfolio-vertical-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: center;
    justify-content: center;
}

.portfolio-vertical-images {
    z-index: 100;
    position: relative;
    height: 0;
    width: 0;
}

.portfolio-vertical-images .portfolio-vertical-image {
    position: fixed;
    left: 10px;
    top: 10px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: transform;
    pointer-events: none;
}

.portfolio-vertical-images .portfolio-vertical-container {
    -webkit-transition: all linear 1s;
    -o-transition: all linear 1s;
    transition: all linear 1s;
    will-change: transform;
    overflow: hidden;
}

.portfolio-vertical-images .portfolio-vertical-container>img {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -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;
    max-width: 50%;
}

.portfolio-vertical-holder .vertical-info-holder {
    position: relative;
    width: 100%;
}

.portfolio-vertical-holder .vertical-info-holder .vertical-holder {
    text-align: center;
}

.portfolio-vertical-holder .vertical-info-holder .vertical-item-warp {
    padding: 0 !important;
}

.vertical-item-warp .vertical-item {
    overflow: visible;
    white-space: nowrap;
    counter-increment: portfolio-number;
}

.vertical-item-warp .vertical-item {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.vertical-item-warp .vertical-item-details {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.vertical-headline{
    overflow: hidden;
    line-height: inherit;
    font-size: inherit;
}
.vertical-headline-warp {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.vertical-headline-warp:hover {
    z-index: 10;

}

.vertical-headline-warp>a, .v_showcase_link {
    color: inherit;
    position: relative;
    display: block;
    overflow: hidden;
}

.vertical-headline.clone{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0; 
    transform: translateY(-100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;        
}
.vertical-headline.orginal{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;          
}

.v_showcase_link:hover .vertical-headline.clone{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.v_showcase_link:hover .vertical-headline.clone+.vertical-headline.orginal {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.portfolio-item-image {
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
}

.portfolio-item-image>img {
    vertical-align: middle;
    display: block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -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;
    max-width: 50%;
}

.portfolio-vertical-image.visible img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    animation: sp-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}

.portfolio-vertical-images .portfolio-vertical-image.animate {
    -webkit-transition: all linear .25s;
    -o-transition: all linear .25s;
    transition: all linear .25s;
}

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

.vertical-item:hover .vertical-category-holder {
    -webkit-text-stroke: 1px currentColor;
    -webkit-text-fill-color: transparent;
}

/* ==========================================================================
Interactive Vertical Portfolio - End
========================================================================== */
/* ==========================================================================
Calendar Portfolio - Start
========================================================================== */
.interactive-background-image {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.azard-interactive-portfolio {
    font-size: 40px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.interactive-portfolio_inner{
    z-index: 10;
    position: relative;
    height: 100vh;
    display: grid;
    align-content: space-between;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: repeat(4, 1fr);
}
.interactive-portfolio_item{
    min-height: 25vh;
    flex-direction: column-reverse;
    width: 100%;
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
}

.flip-box {
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
        display: flex;
    align-items: flex-start;
    padding: 30px;
    flex-direction: column-reverse;
}
.flip-opacity .flip-box-front{
    opacity: 0;
}
.flip-box-back {
  transform: rotateX(180deg);
}

.interactive-portfolio_title{
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
}
.interactive-portfolio_subtitle{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}
.interactive-portfolio_holder_subtitle{
    line-height: 30px;
}
.interactive-portfolio_date{
     position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    padding: 8px;
}
.interactive-background-data {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -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;
}
.interactive_active .interactive-background-data {
    opacity: 1;
    visibility: visible;
    -webkit-animation:imageZoom 12s 1;
    animation:imageZoom 12s 1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}
.azard-interactive-portfolio .cricle_text_warp{
    position: absolute;
    left: auto;
    right: auto;    
}
@-webkit-keyframes imageZoom{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes imageZoom{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
/* ==========================================================================
Calendar Portfolio - End
========================================================================== */
/* ==========================================================================
Split Portfolio - Start
========================================================================== */
.azard-slice-portfolio{
    position: relative;
    width: 100%;
}
.slice-portfolio-warp{
display: -webkit-box;    
display: -moz-box;      
display: -ms-flexbox;  
display: -webkit-flex;   
display: flex;         
height: 550px;
width: 100%;
}
.slice-portfolio-item{
position: relative;
z-index: .1;
-webkit-box-flex: .1;     
-moz-box-flex: .1;     
-webkit-flex: .1;       
-ms-flex: .1;          
flex: .1;                
height: 100%;
filter: opacity(40%);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slice-portfolio-item.active{
-webkit-box-flex: 1.3;     
-moz-box-flex: 1.3;     
-webkit-flex: 1.3;       
-ms-flex: 1.3;          
flex: 1.3;  
filter: opacity(100%); 
}
.slice-portfolio-img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slice-portfolio-overlay{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slice-vertical-info{
writing-mode: vertical-rl;
transform: rotate(180deg);
    padding: 30px;
}
.slice-portfolio-title{
font-weight: bold;
line-height: 36px;
opacity: 0;

}
.slice-portfolio-title:before{
content:'';
width: 1px;
height: 0px;
display: inline-block;
background-color: #fff;
}
.slice-portfolio-category a{
opacity: 0;
text-transform: uppercase;
}
.slice-portfolio-item.active .slice-portfolio-title, .slice-portfolio-item.active .slice-portfolio-category a{
opacity: 1;
}
.slice-portfolio-item.active .slice-portfolio-title:before{
animation: height-before 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/
@-webkit-keyframes height-before {
0% {
height: 0;
}
100% {
height: 100px;
}
}
@keyframes slide-top {
0% {
height: 0;
}
100% {
height: 100px;
}
}

.slice-link-overlay{display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
.slice-portfolio-option .slice-portfolio-btns{
display: flex;
position: relative;
width: 100%;
margin-top: 25px;
align-items: center;
justify-content: end;
}
.slice-portfolio-r{
    margin-left: 5px;
}
.slice-portfolio-l{
    margin-right: 5px;
}
.slice-portfolio-r:before {
content: '\f102';
display: flex;
z-index: 2;
width: 50px;
height: 50px;
font-family: flaticon;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 0.6s;
font-size: 25px;
text-align: center;
align-items: center;
justify-content: center;
}
.slice-portfolio-l:before {
content: '\f101';
display: flex;
z-index: 2;
width: 50px;
height: 50px;
font-family: flaticon;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
transition: 0.6s;
font-size: 25px;
text-align: center;
align-items: center;
justify-content: center;
}
.slice-portfolio-r:hover:before,
.slice-portfolio-l:hover:before{
    cursor: pointer;
}
/* ==========================================================================
Split Portfolio - End
========================================================================== */
/* ==========================================================================
Exploding Portfolio - Start
========================================================================== */
        .azard-exploding-portfolio{
            position: relative;
            height: 100vh;
            margin: 0!important;
        }
        .azard-image-exploding_gallery{
            height: 80%;
            position: absolute;
            width: 100%;
        }
        .azard-image-exploding{
                position: relative;
                z-index:1;
        }
        .azard-image-exploding_warp{
            position: relative;
            overflow: hidden;
        }
        .azard-image-exploding_warp img{
            display: block;
            width: 100%;
            transition: all .5s cubic-bezier(.39,.58,.57,1);
            transition: all .5s cubic-bezier(.39,.58,.57,1);
            transition: all .5s cubic-bezier(.39,.58,.57,1),

        }
.azard-image-exploding:hover .azard-image-exploding_warp img {
            -webkit-transform: scale(1.3) rotateZ(15deg);
            transform: scale(1.3) rotateZ(15deg);
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding{
    width: 0!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    padding: 0!important;
    margin: 0!important;
    transform: translate(-50%,-50%);
}
.azard-image-exploding_content{
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    height: 18%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.azard-image-exploding_content{
    font-size: 145px;
    font-weight: 700;
    line-height: 145px;
    text-transform: uppercase;
}
.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(1) {
  width: 22.5vMax!important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(2) {
  transform: translate(0);
  width: 130px !important;
  top: 30% !important;
  left: 17% !important;
}

@media only screen and (max-width: 768px) {
  .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(2) {
    top: 20% !important;
  }
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(3) {
  transform: translate(0);
  width: 110px !important;
  top: 70% !important;
  left: auto !important;
  right: 19% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(4) {
  transform: translate(0);
  width: 162px !important;
  top: 40% !important;
  left: auto !important;
  right: 4% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(5) {
  transform: translate(0);
  width: 82px !important;
  top: 61.5% !important;
  left: 1% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(6) {
  transform: translate(0);
  width: 140px !important;
  top: 78% !important;
  left: 14% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(7) {
  transform: translate(0);
  width: 72px !important;
  top: 2% !important;
  left: 42% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(8) {
  transform: translate(0);
  width: 120px !important;
  top: auto !important;
  bottom: 5% !important;
  left: 50% !important;
}

@media only screen and (max-width: 680px) {
  .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(8) {
    left: 20% !important;
  }
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(9) {
  transform: translate(0);
  width: 140px !important;
  top: 5.5% !important;
  left: auto !important;
  right: 20% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(10) {
  transform: translate(0);
  width: 140px !important;
  top: auto !important;
  bottom: 2% !important;
  left: auto !important;
  right: 3.5% !important;
}

.azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(11) {
  transform: translate(0);
  width: 92px !important;
  top: 11% !important;
  left: 2.5% !important;
}


.azard_active_animation .azard-split-top{

  animation: azard-split-from-top 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-right{

  animation: azard-split-from-right 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-bottom{

  animation: azard-split-from-bottom 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.azard_active_animation .azard-split-left{

  animation: azard-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}

/**
 * ----------------------------------------
 * animation Split Top
 * ----------------------------------------
 */
@keyframes azard-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 azard-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 azard-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 azard-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 azard-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 azard-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 azard-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 azard-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); } 
}

/* ==========================================================================
Exploding Portfolio - End
========================================================================== */
/* ==========================================================================
Highlights - Start
========================================================================== */
.azard-highlights_holder{
    position: relative;
}   
.azard-highlights_wrapper{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
color: #df007d7a;
pointer-events: none;
font-size: 500px;
}
.azard-highlights_wrapper:before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 2px;
height: 2px;
margin: auto;
background-color: currentColor;
box-shadow: 0 0 .25em .325em currentColor;
border-radius: 50%;
}
/* ==========================================================================
Highlights - End
========================================================================== */
/* ==========================================================================
Full Slider - Start
=======================================================================*/
.azard-full-slider{
    position: relative;
    overflow: hidden;
}
.full-slider_holder{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
overflow: hidden;
}       
.full-slider_holder{
display: none;
opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -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;
}
.azard-full-slider .full-slider_holder.active_slider{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
  flex-direction: column;
opacity: 1;
visibility: visible;

}

.full-slider_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
        background-repeat: no-repeat;
    background-size: cover;
    background-position: inherit;

}
.full-slider_bg video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;    
}

.slid_zoom .full-slider_bg{
        -webkit-animation:imageZoom 12s 1;
    animation:imageZoom 12s 1;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;   
}
.full-slider_overlay{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 31%);
    width: 100%;
    height: 100%;
}
.full-slider_inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    position: relative;
     height: 80%;
     width: 100%;
     max-width: 100%;
     align-items: center;
     justify-content: center;
     z-index: 10;
}
.full-slider_bottom{
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
    position: relative;
     height: 20%;
     width: 100%;
     max-width: 100%;
     justify-content: center;
     align-items: center;
     z-index: 99;
     border-top: 1px solid #ffffff6b;
}

.full-slider_inner, .full-slider_bottom{
    width: 1500px;
    margin: 0 auto;
}

.full-slider_arrow .full-slider_arrow_l{
    position: absolute;
    left: 0;
    padding-left: 30px;
    color: #fff;
    top: 37%;
    z-index: 99;
}
.full-slider_arrow .full-slider_arrow_r{
    position: absolute;
    right: 0;
    padding-right: 30px;
    color: #fff;
    top: 37%;
    z-index: 99;
}
.full-slider_arrow .full-slider_arrow_l i:before, 
.full-slider_arrow .full-slider_arrow_r i:before{
    font-weight: 900!important;
}
.full-slider_arrow .full-slider_arrow_l i{
    margin-right: 5px;
}
.full-slider_arrow .full-slider_arrow_r i{
    margin-left: 5px;
}
.full-slider_arrow_l span,
.full-slider_arrow_r span{
 font-weight: 500;
 font-size: 21px;
}
.full-slider_arrow_l span{

}
.full-slider_bottom .column{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  color: #FFF;
}

.full-slider_bottom .column.right{
    align-items: flex-end;
    justify-content: center;
}
.full-slider_bottom .bottom_cricle{
    position: relative;
}
 .slider-dots {
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 0;
    text-align: center;
    padding-bottom: 80px;
    z-index: 99;
}
.slider-dots button{
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: none;
    width: 18px;
    height: 18px;
    margin: 0 10px;
    padding: 0;
    background: #ffffff !important;
    opacity: .5;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition: .5s all ease;
    -ms-transition: .5s all ease;
}
.slider-dot.active{
    opacity: 1;
}
.fs-cric-holder{
    position: relative;
    width: 1500px;
    margin: 0 auto;
}
.cricle_text_warp_full {
    position: absolute;
    right: 122px;
    bottom: 0;
    text-align: center;
    padding: 20px 0;
    z-index: 99;
    color: #fff;
    font-size: 20px;
    opacity: 0;
}

.cricle_text_warp_full.active_cricle{
    opacity: 1;

}
.cricle_text_warp_full .cricle_text_before{
    border-radius: 50%; 
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 80px!important;
    height: 80px!important;
}
.cricle_text_warp_full .cricle_text_after:before{
        font-size: 35px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '\f102';
    color: #000;
    font-family: flaticon;
    font-weight: 500;
}
.azard-cricle_link, .azard-cricle_link:hover{
    color: inherit;
}
.cricle_rotate div{
    -webkit-animation: rotate-center 50s linear infinite;
    animation: rotate-center 50s linear infinite;   
}

@-webkit-keyframes imageZoom{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes imageZoom{
    0%{-webkit-transform:scale(1);transform:scale(1)}
    100%{-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.btn-slider a{
display: inline-block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
/* ==========================================================================
Full Slider - End
=======================================================================*/
/* ==========================================================================
Water Slider - Start
=======================================================================*/
.azard-water-slider{
position: relative;
overflow: hidden;
}
.water-slider_holder{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
overflow: hidden;

}   
.water-slider_holder{
    display: none;
opacity: 0;
}
.azard-water-slider .water-slider_holder.active_slider{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
opacity: 1;
visibility: visible;

}

.water-slider_bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
    background-repeat: no-repeat;
background-size: cover;
background-position: inherit;

}
.water-title-slider{
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
}   

.water-btn_holder{
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;   
}
.water-btn_holder a{
display: inline-block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
/* ==========================================================================
Water Slider - End
=======================================================================*/
/* ==========================================================================
Collectios Image - Start
=======================================================================*/
.azard-collection-cats{
position: relative;
}
.collection-cats-wrapper{
 margin: 0 -5px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.collection-cats-wrapper a, .collection-cats-link {
width: 50%;
transition: all 250ms ease 0s;
-webkit-transition: all 250ms ease 0s;  
}
.collection-cats-wrapper .collection-cats-img{
width: 100%;
border-radius: 10px;
padding: 5px;
max-width: 100%;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}   
.collection-cats-centered{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.collection-cats-centered .collection-cats-centered-img{
    border-radius: 50%;
    border: 5px solid #222;
}
.collection-cats-footer{
    padding: 30px 15px;
    border-bottom: 2px solid;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.collection-cats-count{
    float: right;
    padding: 5px 16px;
    border-radius: 5px;
}
.collection-cats-link:hover .collection-cats-img{
    opacity: .5;
}

.clients-carousel-owl .owl-nav .collection-cats-next{
    position: absolute !important;
    top: 25%;
    left: -50px;
}

.clients-carousel-owl .owl-nav .collection-cats-prev{
    position: absolute !important;
    top: 25%;
    right: -50px;
}
.collection-cats-next, .collection-cats-prev {
    height: 40px;
    width: 40px;
    color: #fff;
        -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.collection-cats-next span, .collection-cats-prev span {
    font-size: 14px;
    line-height: 40px;

}

/* ==========================================================================
Collectios Image - End
=======================================================================*/
/* ==========================================================================
Priceing Table - Start
=======================================================================*/
.price-list-1{
    position: relative;
}
.price-list-hightlight{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: -30px;
    padding: 5px 30px;
    z-index: 99;
    border-radius: 5px 5px 0 0;
}
.price-list-1 h3.price-title{
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 15px;
}
.price-list-1 .price-highlighter{
    display: block;
    font-size: 18px;
    font-weight: 400;
}
.price-list-1 .price-info{
    padding: 8px 0px 15px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}
.price-list-1 .pricing-currency{
    display: inline-block;
    margin-right: 2px;
    font-size: 20px;
    color: inherit;
    vertical-align: super;
    position: relative;
    top: -7px;
}   
.price-list-1 .price-pricing{   
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 30px;
    font-weight: 600;
}
.price-list-1 .price-quantity{
    z-index: 1;
    padding-left: 5px;
    position: relative;
    font-size: 14px;
}
.price-list-1 h4.price-content-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    font-weight: 400;
}
.price-list-1 .price-item-text {
   flex-grow: 1;
}
.price-btn-inner{
    padding: 15px 0 0;
    text-align: center;
}
.price-btn-inner .price-btn{
    border: 2px solid #222;
    font-size: 13px;
    line-height: 13px;
    padding: 10px 22px;
    display: inline-block;
    border-radius: 30px;
}

.price-button_holder .azard-link_btn{
    display: inline-block;
}
/* ==========================================================================
Priceing Table - End
=======================================================================*/
/* ==========================================================================
Counter - Start
=======================================================================*/
.azard-counter{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
/* ==========================================================================
Counter - End
=======================================================================*/
/* ==========================================================================
Preview Box - Start
========================================================================== */
.preview-box {
    position: relative;
    z-index: 1;
}
.preview-item {
    min-height: 200px;
    overflow: hidden;
}
.preview-item .hight-light {
    display: inline-block;
    position: absolute;
    right: -75px;
    top: -30px;
    padding: 2px 50px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: top left;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px;
    color: #fff;        
}

.preview-item .hight-light.new {
    background-color: #2a2373;
}

.preview-item .hight-light.hot {
    background-color: #e92747;
}

.preview-item_media {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.preview-item-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.preview-item-details h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.preview-item-details .badge {
    padding: 7px 7px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3183c8;
    background-color: #eff8ff;
}

.preview-item-addition {
    margin-top: 5px;
}

.preview-item-addition span {
    color: #5a5a5a;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
}
.preview-item-addition span.preview-addition {
    text-decoration: underline;
    color: #3183c8;
}
.preview-item-addition .preview-category {
    margin-right: 8px;
}

.preview-item_link {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.preview-item_overlay{
transition: all 1s;
position:absolute; z-index: 1; left: 0;
top: 0; width: 100%; height: 100%; 
}
.preview-item_center{
    position: absolute;
    left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%);
    margin: 0;  
    z-index: 1;  
    display: flex;
    align-items: center;
    justify-content: center;
}
.preview-item-center_border{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;    
    width: 100px;
    height: 100px;
    border-style: dashed;
    border-width: 2px;
}
.preview-item-center_border.show_cricle{
     -webkit-animation: rotate-center 50s linear infinite;
    animation: rotate-center 50s linear infinite;    
}
.preview-item-center_link{
    position: absolute;
    display: flex;
    left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%);
    margin: 0;  
    z-index: 2;  
}
.preview-item_footer{
    padding-top: 30px;
}
.preview-item_overlay, .preview-item_center, .preview-item-center_link{
    opacity: 0;
}
.preview-box:hover .preview-item_overlay, .preview-box:hover .preview-item_center,
.preview-box:hover .preview-item-center_link{
    opacity: 1;
}
/* ==========================================================================
Preview Box - End
========================================================================== */
/* ==========================================================================
Image Scroll - Start
========================================================================== */
.azard-image-with-text {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.azard-image-with-text .azard-m-image-inner-holder {
    position: relative;
}
.azard-image-with-text.azard-image-action--scrolling-image .azard-m-image-inner-holder .azard-m-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 0 4.85px 0.15px rgb(0 0 0 / 9%);
    transition: box-shadow .2s ease;
}
.azard-image-with-text .azard-m-image {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-shadow: 0 0 4.85px 0.15px rgb(0 0 0 / 9%);
    transition: box-shadow .2s ease;
}
.azard-image-with-text.azard-image-action--scrolling-image .azard-m-image-inner-holder .azard-m-image a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.azard-image-with-text .azard-m-image a, .azard-image-with-text .azard-m-image img {
    display: block;
}
.azard-image-with-text .azard-m-image a, .azard-image-with-text .azard-m-image img {
    display: block;
}
.azard-image-with-text.azard-image-action--scrolling-image.azard-scrolling-direction--vertical .azard-m-image img {
    width: 100%;
}
.azard-image-with-text.azard-image-action--scrolling-image .azard-m-image-inner-holder .azard-m-iwt-frame {
    vertical-align: middle;
    width: 100%;
}
.azard-image-with-text .azard-m-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
}
/* ==========================================================================
Image Scroll - End
========================================================================== */
/* ==========================================================================
Video Preview - Start
========================================================================== */
.azard-video_preview {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.azard-video_preview .azard-video-preview-holder {
    position: relative;
}
.azard-video_preview .azard-m-iwt-video {
    vertical-align: middle;
    width: 100%;
}
.azard-video_preview .azard-m-content {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;
}
.azard-video_preview .azard-m-content{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: center;    
}
/* ==========================================================================
Video Preview - End
========================================================================== */
/* ==========================================================================
Info Box - Start
=======================================================================*/
.product-category_holder{
    position: relative;
    margin-right: -15px;
    margin-left: -15px;
}
.azard_infobox_3 {
    position: relative;
    transition: 0.5s;
    color: inherit;
    z-index: 1;
}
.azard_infobox_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    align-items: center
}

.azard_infobox_3 .azard_infobox_wrapper {
    margin-left: 20px;
    flex: 1;
}

.azard_infobox_content_title{
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.azard-box-info_holder{
    display: flex;
    position: relative;
    flex-flow: column;
}
.azard-box-info_holder .azard-link_underline{
    display: inline-block;
}
.azard-box-info_number{
    position: absolute;
    z-index: 1;
}

/* ==========================================================================
Info Box - End
=======================================================================*/
/* ==========================================================================
Info Box-1 - Start
=======================================================================*/
.azard-infobox_button {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 34px;
    color: #fff;
    font-family: Montserrat,sans-serif;
}
.azard-infobox_button: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(155deg);
    font-size: 25px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #a7adb4;
    border: 1px solid #a7adb4;
}
.azard-infobox-title_wrapper {
    margin-top: 20px;
    margin-bottom: 10px;
}
.azard-infobox_title{
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;

}
.azard-infobox-button_wrapper{
    margin-top: 30px;
}
.azard-infobox_content{
    font-size: 14px;
    line-height: 24px;
}
.azard-infobox_button:hover:before {
    -webkit-animation: rotate-center-more 0.6s ease-in-out both;
    animation: rotate-center-more 0.6s ease-in-out both;
}
/* ==========================================================================
Info Box-1 - End
=======================================================================*/
/* ==========================================================================
Info Box-2 - Start
=======================================================================*/
.as_infobox_3 {
    position: relative;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    color: inherit;
    z-index: 1;
    padding:  0 0;
}
.as_infobox_flex {
    display: inline-flex; 
    align-items: center
}

.as_infobox_3 .as_infobox_wrapper {
    flex: 1;
}
.as_infobox_ico i{
    border-radius: 5px;
}
.as_infobox_3 .as_infobox_content,
.as_infobox_3 .azard-infobox_title_3,
.as_infobox_3 .as_infobox_ico,
.as_infobox_3:hover
{
        -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    color: inherit;
}
/* ==========================================================================
Info Box-2 - End
=======================================================================*/
/* ==========================================================================
Info Box-4 - Start
=======================================================================*/
.as_infobox_4 {
    position: relative;
    transition: 0.5s;
    color: inherit;
    z-index: 1;
}
.as_infobox_flex_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    align-items: flex-start;
}
.as_infobox_4 .as_infobox_wrapper {
    margin-left: 20px;
    flex: 1;
}
.as_infobox_4 .as_infobox_ico{
    font-size: 40px;
}

/* ==========================================================================
Info Box-4 - End
=======================================================================*/
/* ==========================================================================
Animation Text - Start
=======================================================================*/
.animation-text.mask, .azard-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%)}
.animation-text .animation-text-container {
  position: relative;
  overflow: hidden;
}
.animation-text .animation-text-first,
.animation-text .animation-text-end {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.animation-title{
  display: inline-block;
}
/* ==========================================================================
Animation Text - End
========================================================================== */
/* ==========================================================================
Marquee Text - Start
========================================================================== */
.azard-text-marquee {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.azard-text-marquee .azard-m-content {
  display: flex;
  white-space: nowrap;
  font-family: "Anton", sans-serif;
  overflow: hidden;
}

.azard-text-marquee .azard-m-text {
  padding: 0 5px;
  will-change: transform;
}

/* ==========================================================================
Marquee Text - End
========================================================================== */
/* ==========================================================================
Image Spot - Start
========================================================================== */
.azard_image_spot_holder{
    position: relative;
}
.azard_spot_holder{
    display: inline-block;
    position: relative;
    margin: auto;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; 
}
.azard_spot{
    position: absolute;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    background: #b2b2b2;
}
.azard_spot_holder:after{
    content: '';
    position: absolute;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
    animation: vid-animate 1.5s linear infinite;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; 
}
.azard_spot_link{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);    
}
/* ==========================================================================
Image Spot - End
========================================================================== */
/* ==========================================================================
Testimonials - Start
========================================================================== */
.azard-testimonial-holder{
    position: relative;
}
.azard-testimonial-holder .owl-carousel .owl-item img{
    display: inline-block;
}
.azard-testimonial-holder .owl-nav button, .azard-testimonial-holder button{
height: auto;
border: none;
padding: 0;
background: none;
background-color: transparent;
}
.azard-testimonial-holder .owl-nav button, .azard-testimonial-holder button,
.azard-testimonial-holder .owl-nav button:hover, .azard-testimonial-holder button:hover{
border: none!important;
background: none !important;
background-color: transparent !important;
}

.azard-testimonial-holder, .testimonials-simple-prev {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.azard-testimonial-holder span, .testimonials-simple-prev span{
font-size: 24px; 
}
.testimonials-simple-prev .azard-icon-arrow:before {
    content: '\f101';
    display: flex;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-family: flaticon;
    font-weight: 900;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.testimonials-simple-next .azard-icon-arrow:before {
    content: '\f102';
    display: flex;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-family: flaticon;
    font-weight: 900;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: 0.6s;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.azard-testimonial-holder .owl-nav .owl-next, .azard-testimonial-holder .owl-nav .owl-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.azard-testimonial-holder .owl-nav .owl-next {
right: 0;
display: flex;
font-size: 25px !important;
}
.azard-testimonial-holder .owl-nav .owl-prev{
left: 0;
display: flex;
font-size: 25px !important;
}

.azard-testimonial-holder .owl-carousel button.owl-dot.active span,
.azard-testimonial-holder .owl-carousel button.owl-dot:hover span {
transform: translate3d(0px, -50%, 0px) scale(0.7);
}
.azard-testimonial-holder .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
.azard-testimonial-holder .owl-carousel button.owl-dot{
display: inline-block;
}
.azard-testimonial-holder .owl-carousel button.owl-dot span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;    
display: inline-block;
height: 20px;
margin: 0 2px 5px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
}
/* ==========================================================================
Testimonials - End
========================================================================== */
/* ==========================================================================
Countdown - Start
========================================================================== */
.azard-countdown {
  font-size: 100px; }
  .azard-countdown .countdown-row {
    display: flex;
    align-items: center; }
  .azard-countdown .countdown-section {
    position: relative;
    color: inherit; }
    .azard-countdown .countdown-section .countdown-amount {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
      margin: 0 auto;
      font-size: 1em;
      line-height: 1;
      color: inherit;
      box-sizing: border-box; }
      .azard-countdown .countdown-section .countdown-amount span {
        display: inline-block; }
    .azard-countdown .countdown-section .countdown-period {
      display: block;
      font-size: 16px;
      line-height: 1;
      color: inherit;
      text-align: center;
      margin: auto; }
      @media (max-width: 767px) {
        .azard-countdown .countdown-section .countdown-period {
          font-size: 12px; } }
  .azard-countdown .countdown-section:not(:last-child) .countdown-amount:before, .azard-countdown .countdown-section:not(:last-child) .countdown-amount:after {
    content: '';
    visibility: hidden;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    width: 13px;
    height: 13px;
    background: currentColor;
    transform: translateX(50%); }
  .azard-countdown .countdown-section:not(:last-child) .countdown-amount:before {
    margin-top: -0.14em; }
    @media (max-width: 992px) {
      .azard-countdown .countdown-section:not(:last-child) .countdown-amount:before {
        margin-top: -0.22em; } }
  .azard-countdown .countdown-section:not(:last-child) .countdown-amount:after {
    margin-top: 0.09em; }
  @media (max-width: 992px) {
    .azard-countdown {
      font-size: 50px; } }
  @media (max-width: 680px) {
    .azard-countdown {
      font-size: 30px; } }
  @media (max-width: 420px) {
    .azard-countdown {
      font-size: 22px; } }

.elementor-widget-azard-countdown:not(.show_title_yes) .countdown-period {
  display: none !important; }

body .aleft .countdown-section,
body[data-elementor-device-mode="tablet"] .a-tabletleft .countdown-section,
body[data-elementor-device-mode="mobile"] .a-mobileleft .countdown-section {
  flex-grow: unset; }

body .aleft .countdown-row,
body[data-elementor-device-mode="tablet"] .a-tabletleft .countdown-row,
body[data-elementor-device-mode="mobile"] .a-mobileleft .countdown-row {
  justify-content: flex-start; }

body .acenter .countdown-section,
body[data-elementor-device-mode="tablet"] .a-tabletcenter .countdown-section,
body[data-elementor-device-mode="mobile"] .a-mobilecenter .countdown-section {
  flex-grow: unset; }

body .acenter .countdown-row,
body[data-elementor-device-mode="tablet"] .a-tabletcenter .countdown-row,
body[data-elementor-device-mode="mobile"] .a-mobilecenter .countdown-row {
  justify-content: center; }

body .aright .countdown-section,
body[data-elementor-device-mode="tablet"] .a-tabletright .countdown-section,
body[data-elementor-device-mode="mobile"] .a-mobileright .countdown-section {
  flex-grow: unset; }

body .aright .countdown-row,
body[data-elementor-device-mode="tablet"] .a-tabletright .countdown-row,
body[data-elementor-device-mode="mobile"] .a-mobileright .countdown-row {
  justify-content: flex-end; }

body .ajustify .countdown-section,
body[data-elementor-device-mode="tablet"] .a-tabletjustify .countdown-section,
body[data-elementor-device-mode="mobile"] .a-mobilejustify .countdown-section {
  flex-grow: 1; }
/* ==========================================================================
Countdown - Start
========================================================================== */
/* ==========================================================================
Contact Form - Start
========================================================================== */
.ma-cf7-holder{
    position: relative;
    width: 100%;
}
.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;
}
.light-theme .wpcf7-form-wrap .wpcf7-text{
    color: #FFF;
}

.wpcf7-form-wrap .wpcf7-text {
   padding-left: 40px;
}

.wpcf7-form-wrap {
   position: relative;
   padding-bottom: 30px;
}

.wpcf7-form-wrap i {
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 20px;
}  
.wpcf7-form-wrap .wpcf7-textarea_icon {
    position: absolute;
    left: 0;
    top: 10px;
    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: none;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
    color: #fff !important;
}

.wpcf7-form-submit {
    margin-top: 15px;
    margin-bottom: 15px;
}
.wpcf7-form-wrap .wpcf7-not-valid-tip{
    display: none;
}
.wpcf7 form .wpcf7-response-output{
    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;    
}
/* ==========================================================================
Contact Form - End
========================================================================== */
/* ==========================================================================
mailchimp Form - Start
========================================================================== */
.azard-subscribe-holder{
    position: relative;
}

.azard-subscribe-holder .azard-subscribe-email {
    padding-left: 40px;
}
.azard-subscribe-holder .azard-subscribe-form-wrap {
    position: relative;
}
.azard-subscribe-holder .azard-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;
}
.azard-subscribe-holder .azard-subscribe-email {
    padding-left: 40px;
}
.azard-subscribe-holder i {
    position: absolute;
    left: 3px;
    top: 10px;
    font-size: 20px;
}
.azard-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;
    margin-top: -1px;
}
.azard-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;
}
.azard-subscribe-holder .azard-subscribe-submit{
    position: absolute;
    font-size: 0px !important;
    background: none !important;
    background-color: transparent !important;
    right: 0;
    top: -10px;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.azard-subscribe-holder .azard-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;
}
.azard-subscribe-holder .line:before {
    background-color: #ffffff;
}

.azard-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
========================================================================== */
/* ==========================================================================
Shop List - Start
========================================================================== */
ul.ma-products,
.woocommerce .products ul.ma-products {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -30px;
    margin-left: 0;
}
ul.ma-products:only-child,
.woocommerce .products ul.ma-products:only-child {
    margin-bottom: 28px;
}

ul.ma-products,
.woocommerce .products ul.ma-products {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -30px;
    margin-left: 0;
}

ul.ma-products:only-child,
.woocommerce .products ul.ma-products:only-child {
    margin-bottom: 28px;
}

ul.ma-products.animated_products li,
.woocommerce .products ul.ma-products.animated_products li {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

ul.ma-products.animated_products li.visible_item,
.woocommerce .products ul.ma-products.animated_products li.visible_item {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.3s;
    -moz-animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-name: ma_fadeInUp;
    -moz-animation-name: ma_fadeInUp;
    -o-animation-name: ma_fadeInUp;
    animation-name: ma_fadeInUp;
}

ul.ma-products li,
.woocommerce .products ul.ma-products li {
    display: block;
    margin: 0 30px 50px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

ul.ma-products li .woo_product_image,
ul.ma-products li .woo_product_image *:not(.onsale),
.woocommerce .products ul.ma-products li .woo_product_image,
.woocommerce .products ul.ma-products li .woo_product_image *:not(.onsale) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
}

body .woocommerce ul.ma-products li:before,
body .woocommerce .products ul.ma-products li:before {
    display: none;
    content: none;
}

ul.ma-products li .picture,
.woocommerce .products ul.ma-products li .picture {
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    transition: 0.6s;
}

ul.ma-products li .picture .woo_post-link,
.woocommerce .products ul.ma-products li .picture .woo_post-link {
    display: block;
    position: relative;
    padding: 0;
    overflow: hidden;
}

ul.ma-products li .picture img,
.woocommerce .products ul.ma-products li .picture img {
    -webkit-transition: opacity 0.7s, -webkit-filter 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.7s, -webkit-filter 0.6s, -webkit-transform 0.6s;
    -o-transition: filter 0.6s, opacity 0.7s, -o-transform 0.6s;
    -moz-transition: filter 0.6s, opacity 0.7s, transform 0.6s, -moz-transform 0.6s;
    transition: filter 0.6s, opacity 0.7s, transform 0.6s;
    transition: filter 0.6s, opacity 0.7s, transform 0.6s, -webkit-filter 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}
.custom-woo-list ul.ma-products li .picture img{
    width: 100%;
}
ul.ma-products li .picture img.attachment-shop_catalog,
.woocommerce .products ul.ma-products li .picture img.attachment-shop_catalog {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    border-right: 35px;
    padding: 0;
    pointer-events: none;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 0;
    -webkit-transition: opacity 0.7s, -webkit-filter 0.6s, -webkit-transform 0.6s;
    transition: opacity 0.7s, -webkit-filter 0.6s, -webkit-transform 0.6s;
    -o-transition: filter 0.6s, opacity 0.7s, -o-transform 0.6s;
    -moz-transition: filter 0.6s, opacity 0.7s, transform 0.6s, -moz-transform 0.6s;
    transition: filter 0.6s, opacity 0.7s, transform 0.6s;
    transition: filter 0.6s, opacity 0.7s, transform 0.6s, -webkit-filter 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s;
}

ul.ma-products li:hover .picture:not(.no_effects) img.attachment-shop_catalog,
.woocommerce .products ul.ma-products li:hover .picture:not(.no_effects) img.attachment-shop_catalog {
    opacity: 1;
    pointer-events: inherit;
}

ul.ma-products li:hover .standard-add_cart {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);    
}
ul.ma-products li:hover .price, .ma-products-related ul li:hover .price{
    visibility: hidden !important;
    opacity: 0 !important;
    -webkit-transform: translate(0, -100%) !important;
    -ms-transform: translate(0, -100%) !important;   
}



ul.ma-products li a.add_to_cart_button,
ul.ma-products li a.button,
ul.ma-products li .added_to_cart.wc-forward,
.woocommerce .products ul.ma-products li a.add_to_cart_button,
.woocommerce .products ul.ma-products li a.button,
.woocommerce .products ul.ma-products li .added_to_cart.wc-forward {
    font-weight: bold;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    font-size: 16px;
    z-index: 2;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
    background: none !important;
}

ul.ma-products li .overlay-add_cart a.add_to_cart_button,
ul.ma-products li .overlay-add_cart a.button,
ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward,
.woocommerce .products ul.ma-products li .overlay-add_cart a.add_to_cart_button,
.woocommerce .products ul.ma-products li .overlay-add_cart a.button,
.woocommerce .products ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward {
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.woocommerce .cart-collaterals .cross-sells>h2 {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}

.woocommerce-cart .cross-sells ul.ma-products li a.button {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    margin-left: 20px;
}

ul.ma-products li .overlay-add_cart a.add_to_cart_button:before,
ul.ma-products li .overlay-add_cart a.button:before,
ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward:before,
.woocommerce .products ul.ma-products li .overlay-add_cart a.add_to_cart_button:before,
.woocommerce .products ul.ma-products li .overlay-add_cart a.button:before,
.woocommerce .products ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

ul.ma-products li a.button.added:after,
ul.ma-products li button.button.added:after,
ul.ma-products li input.button.added::after,
.woocommerce .products ul.ma-products li a.button.added:after,
.woocommerce .products ul.ma-products li button.button.added:after,
.woocommerce .products ul.ma-products li input.button.added::after {
    font-size: 16px;
    vertical-align: inherit;
    margin-left: 0;
    margin-right: 10px;
}

ul.ma-products li a.button.added,
ul.ma-products li button.button.added,
ul.ma-products li input.button.added,
.woocommerce .products ul.ma-products li a.button.added,
.woocommerce .products ul.ma-products li button.button.added,
.woocommerce .products ul.ma-products li input.button.added {
    font-size: 0;
    height: auto;
    vertical-align: inherit;
}

ul.ma-products li .overlay-add_cart a.button.added,
ul.ma-products li .overlay-add_cart button.button.added,
ul.ma-products li .overlay-add_cart input.button.added,
.woocommerce .products ul.ma-products li .overlay-add_cart a.button.added,
.woocommerce .products ul.ma-products li .overlay-add_cart button.button.added,
.woocommerce .products ul.ma-products li .overlay-add_cart input.button.added {
    opacity: 0;
    visibility: hidden;
    line-height: 60px;
    bottom: 0;
}

ul.ma-products li a.button.added:before,
ul.ma-products li button.button.added:before,
ul.ma-products li input.button.added:before,
.woocommerce .products ul.ma-products li a.button.added:before,
.woocommerce .products ul.ma-products li button.button.added:before,
.woocommerce .products ul.ma-products li input.button.added:before {
    display: none;
}

ul.ma-products li a.button.added+.added_to_cart,
ul.ma-products li button.button.added+.added_to_cart,
ul.ma-products li input.button.added+.added_to_cart,
.woocommerce .products ul.ma-products li a.button.added+.added_to_cart,
.woocommerce .products ul.ma-products li button.button.added+.added_to_cart,
.woocommerce .products ul.ma-products li input.button.added+.added_to_cart {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: ma_flash_in;
    -moz-animation-name: ma_flash_in;
    -o-animation-name: ma_flash_in;
    animation-name: ma_flash_in;
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

ul.ma-products li a.button.loading,
ul.ma-products li button.button.loading,
ul.ma-products li input.button.loading,
.woocommerce .products ul.ma-products li a.button.loading,
.woocommerce .products ul.ma-products li button.button.loading,
.woocommerce .products ul.ma-products li input.button.loading {
    font-size: 0;
    vertical-align: inherit;
    opacity: 1;
    visibility: visible;
    -webkit-transition: width .45s, left .45s, margin .45s;
    -o-transition: width .45s, left .45s, margin .45s;
    -moz-transition: width .45s, left .45s, margin .45s;
    transition: width .45s, left .45s, margin .45s;
    padding: 0;
    width: 100%;
    line-height: 1;
}

ul.ma-products li .overlay-add_cart a.button.loading,
ul.ma-products li .overlay-add_cart button.button.loading,
ul.ma-products li .overlay-add_cart input.button.loading,
.woocommerce .products ul.ma-products li .overlay-add_cart a.button.loading,
.woocommerce .products ul.ma-products li .overlay-add_cart button.button.loading,
.woocommerce .products ul.ma-products li .overlay-add_cart input.button.loading {
    bottom: 0;
}

ul.ma-products li a.button.loading:before,
ul.ma-products li button.button.loading:before,
ul.ma-products li input.button.loading:before,
.woocommerce .products ul.ma-products li a.button.loading:before,
.woocommerce .products ul.ma-products li button.button.loading:before,
.woocommerce .products ul.ma-products li input.button.loading:before {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1ce";
    -webkit-animation: fa-spin 2s infinite linear;
    -moz-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    font-family: "Font Awesome 5 Free";
    margin-left: 0;
    background: transparent;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after,
.woocommerce button.button.added::after, .woocommerce input.button.added::after{
    content: "\f178";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    text-align: center;
}
.standard-add_cart {
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 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;    
}

ul.ma-products li a.button.loading:after,
ul.ma-products li button.button.loading:after,
ul.ma-products li input.button.loading:after,
.woocommerce .products ul.ma-products li a.button.loading:after,
.woocommerce .products ul.ma-products li button.button.loading:after,
.woocommerce .products ul.ma-products li input.button.loading:after {
    display: none;
}

ul.ma-products .woocommerce-loop-product__title,
.woocommerce .products ul.ma-products .woocommerce-loop-product__title {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

ul.ma-products .woocommerce-loop-product__title+.price,
.woocommerce .products ul.ma-products .woocommerce-loop-product__title+.price {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -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;    
}

ul.ma-products .woocommerce-loop-product__title a,
.woocommerce .products ul.ma-products .woocommerce-loop-product__title a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

ul.ma-products .star-rating,
.woocommerce .products ul.ma-products .star-rating {
    float: none;
    margin: 14px 0 10px;
    letter-spacing: 5px;
    width: 7.4em;
    font-size: 21px;
    line-height: 1;
}

ul.ma-products .star-rating:before,
.woocommerce .products ul.ma-products .star-rating:before {
    content: "\f384\f384\f384\f384\f384";
    font-family: "Ionicons";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul.ma-products .star-rating:last-child,
.woocommerce .products ul.ma-products .star-rating:last-child {
    float: none;
}

ul.ma-products .price,
.woocommerce .products ul.ma-products .price {
    display: inline-block;
    padding-top: 1px;
    font-size: 16px;
    font-weight: 700;
    line-height: inherit;
}

ul.ma-products .price del,
.woocommerce .products ul.ma-products .price del {
    opacity: 1;
    margin-right: 9px;
    color: #b2b2b2;
    font-weight: 600;
}

ul.ma-products .price ins,
.woocommerce .products ul.ma-products .price ins, .custom-woo-list ins {
    text-decoration: unset;
}

ul.ma-products .woo_product_content,
.woocommerce .products ul.ma-products .woo_product_content {
    overflow: hidden;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
    background: none !important;
    background-color: transparent !important;
    border: none;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
}
.woocommerce-terms-and-conditions-wrapper{
    background: none !important;
    background-color: transparent !important;
    border: none;
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    margin-bottom: 30px;
}
.woocommerce-info::before, .woocommerce-error::before, .woocommerce-message::before {
display: inline-block;
position: static;
float: left;
font-family: 'Font Awesome 5 Free';
font-size: 21px;
line-height: 30px;
margin-right: 10px;
padding: 0;
min-width: 15px;
}
.woocommerce-info::before {
font-weight: 900;
content: "\f129";
}
.woocommerce-error::before {
content: "\f00d";
font-weight: 900;
}
.woocommerce-message::before {
content: "\f00c";
font-weight: 900;
}
.woocommerce .woocommerce-error ul, .woocommerce .woocommerce-info ul, .woocommerce .woocommerce-message ul {
padding: 0;  
}
.woocommerce-error ul.azard_woocommerce-error li::before{
content: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
padding: 15px;
}
.woocommerce-notices-wrapper{
    width: 100%;
    position: relative;
}
body .select2-container--default .select2-selection--single{
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 0;

}
body .select2-container .select2-selection--single
{
height: 60px;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
 line-height: 60px;
 padding: 0;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top: 15px;
}
body .select2-dropdown{
    border-width: 1px;
    border-style: solid;
}


.woocommerce .col2-set > .col-2 {
    padding: 30px 24px;
}
.woocommerce .col2-set > .col-1, .woocommerce .col2-set > .col-2, .woocommerce .col2-set > [class^="col"] {
    width: 100%;
    float: none;
    margin-bottom: 60px;
    padding: 0 30px 0 0;
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
}
.woocommerce .woocommerce-checkout > .col2-set {
    margin-bottom: 70px;
}
.woocommerce .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
}
.woocommerce #order_review_heading, .woocommerce #order_review {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
}
.woocommerce #order_review_heading{
    padding-top: 0;
    margin-bottom: 15px;
    font-size: 22px; 
    font-weight: 700;
    text-transform: uppercase;   
}

.woocommerce-billing-fields h3, .woocommerce-additional-fields h3{
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
    background: none !important;
    border: none !important;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
    border: none;
    padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods li{
    padding: 15px;
}
.woocommerce span.onsale {
    display: inline-block;
    top: 15px;
    left: auto;
    right: 15px;
    max-width: 60px;
    height: auto;
    min-width: 45px;
    min-height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
    color: #ffffff;
    text-transform: uppercase;
}

.woocommerce .woocommerce-product-rating .star-rating {
    width: 90px;
    margin: 0;
    margin-right: 10px;
    margin-left: 0;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 5px;
    font-weight: 900;
    color: #222;
}

.woocommerce .woocommerce-product-rating .star-rating:before {
    content: "\f384\f384\f384\f384\f384";
    font-family: Ionicons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.woocommerce .star-rating {
    letter-spacing: 5px;
    width: 7.7em;
    font-size: 12px;
    line-height: 1;
}

.woocommerce .star-rating:before {
    content: "\f384\f384\f384\f384\f384";
    font-family: Ionicons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.woocommerce .star-rating span:before {
    content: "\f384\f384\f384\f384\f384";
    font-family: Ionicons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.columns-1 ul.ma-products li {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
}

.columns-2 ul.ma-products li {
    width: -webkit-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: calc(50% - 30px);
}

.columns-3 ul.ma-products li {
    width: -webkit-calc(33.33333% - 30px);
    width: -moz-calc(33.33333% - 30px);
    width: calc(33.33333% - 30px);
}

.columns-4 ul.ma-products li {
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
    display: inline;
    width: 50%;
    margin: 0 0 30px;
    float: left;
    font-size: 14px;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
    display: inline;
    width: 50%;
    margin: 0 0 30px;
    float: left;
    text-align: right;
}

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

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    top: 50%;
    width: 6px;
    height: 12px;
    margin-left: -3px;
    margin-top: -6px;
    border-radius: 0;
    box-sizing: border-box;
    border-style: solid;
}

.woocommerce .woocommerce-ordering .selection__arrow {
    display: inline-block;
    position: relative;
}

.woocommerce .woocommerce-ordering .selection__arrow:before {
    line-height: 60px;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:not(.prev):not(.next):hover,
.woocommerce nav.woocommerce-pagination ul .page-numbers.next:hover, 
.woocommerce nav.woocommerce-pagination ul .page-numbers.prev:hover{
color: #fff!important;
}
.ma-products-catalog,
.ma-products-related {
    clear: both;
}

.ma-products-catalog {
    margin-top: 10px;
}

.woo_product_image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}
.img-overlay .woo_post-link::after{
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    -o-transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
    transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s;
}
.img-overlay .woo_post-link:hover:after{
    opacity: 1;
}
.img-greyscale .woo_post-link:not(:hover) img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.img-scale .woo_post-link img:hover {
    -webkit-transform: scale3d(1.06, 1.06, 1);
    transform: scale3d(1.06, 1.06, 1);
    -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;
}
.ma-woocommerce-sorting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ma-woocommerce-sorting:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.ma-woocommerce-sorting .spacepress_module_message_box {
    width: 100%;
}
.woocommerce-Reviews .select__holder:before,
.ma-woocommerce-sorting .spacepress_module_message_box:before {
    display: none;
}
.woocommerce-cart .sidebar-container .cart-collaterals tr.cart-subtotal th,
.woocommerce-cart .sidebar-container .cart-collaterals tr.woocommerce-shipping-totals th,
.woocommerce-cart .sidebar-container .cart-collaterals tr.order-total th
{
    border:none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.woocommerce table.shop_table td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.woocommerce-checkout .woocommerce table.shop_table td,
.woocommerce-cart .woocommerce table.shop_table.woocommerce-cart-form__contents td{
    border-bottom: none !important;
}
.woocommerce form .form-row label{
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 18px;
}
.woocommerce-account form .form-row .input-text{
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
@-webkit-keyframes ma_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}

@-moz-keyframes ma_fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}

@-o-keyframes ma_fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

}

@keyframes ma_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

}

@-webkit-keyframes spinner_loading {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@-moz-keyframes spinner_loading {
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@-o-keyframes spinner_loading {
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@keyframes spinner_loading {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@-webkit-keyframes ma_opacity_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }

}

@-moz-keyframes ma_opacity_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }

}

@-o-keyframes ma_opacity_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }

}

@keyframes ma_opacity_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }

}

@-webkit-keyframes ma_flash_in_bottom {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

}

@-moz-keyframes ma_flash_in_bottom {
    from {
        opacity: 0;
        visibility: hidden;
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        visibility: visible;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

}

@-o-keyframes ma_flash_in_bottom {
    from {
        opacity: 0;
        visibility: hidden;
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        visibility: visible;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

}

@keyframes ma_flash_in_bottom {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

}

@-webkit-keyframes ma_flash_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        bottom: 20px;
        visibility: visible;
    }

}

@-moz-keyframes ma_flash_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        bottom: 20px;
        visibility: visible;
    }

}

@-o-keyframes ma_flash_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        bottom: 20px;
        visibility: visible;
    }

}

@keyframes ma_flash_in {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        bottom: 20px;
        visibility: visible;
    }

}

/* ==========================================================================
Shop List - End
========================================================================== */

/* ==========================================================================
   Single Product - Start
========================================================================== */

body.single-product .ma-container.single_product {
    margin-top: 20px;
}

.product .flex-control-nav li {
    margin-left: 0;
    padding: 0;
}

.product .flex-control-nav li:before {
    display: none;
}

.product .flex-control-nav li img {
    margin: 0 auto;
}
body .azard-media-woo{
    padding-left: 0!important;
}
.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    width: 48%;
    max-width: 540px;
    margin-bottom: 2.5em;
}

body.woocommerce-account .woocommerce {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

body.woocommerce-account .woocommerce form {
    width: 100%;
}

body.woocommerce-account .woocommerce form legend {
    padding-top: 20px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #f4f4f4;
    min-width: 270px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: auto !important;
}

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

body.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(100% - 300px);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding-left: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:before {
    content: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-size: 15px;
    line-height: 21px;
    padding: 10px 0 10px 10px;
    display: block;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #f4f4f4;
}

body.woocommerce-account .woocommerce-MyAccount-content form p button {
    margin-top: 20px;
}

.woocommerce .woocommerce-MyAccount-content .col2-set {
    width: 100% !important;
    margin-right: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .col2-set>.col-1 {
    float: left;
    width: 48%;
    padding: 25px;
}

body.woocommerce-account .woocommerce-MyAccount-content .col2-set>.col-2 {
    float: right;
    width: 48%;
    padding: 25px;
}

.woocommerce .woocommerce-MyAccount-content .col2-set>.col-1 h3,
.woocommerce .woocommerce-MyAccount-content .col2-set>.col-2 h3 {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style-type: disc;
}

.woocommerce form.login button.button,
.woocommerce form.register button.button {
    height: 45px;
    margin-top: 20px;
}

.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
    width: 49%;
}

.woocommerce div.product .default-product-gallery div.images.woocommerce-product-gallery {
    width: 100%;
}

.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.flex-viewport,
.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper {
    margin-bottom: 51px;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-viewport figure>div>a>img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 5px;
}

.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
    display: inline-block;
    width: 25%;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs {
    margin-top: 20px;
    margin-bottom: 32px;
    overflow: visible !important;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs li {
    float: left;
    width: 120px;
    margin-right: 20px;
    margin-bottom: 20px;
    list-style: none;
    overflow: visible;
    cursor: pointer;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs li:last-child {
    margin-right: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs img {
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 2px;
    opacity: 1;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    -moz-transition: 0.45s;
    transition: 0.45s;
}

.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.woocommerce.single div.product .woocommerce-product-gallery .flex-control-thumbs img:hover {
    opacity: .8;
}

.woocommerce.single div.product .woocommerce-product-gallery img {
    display: block;
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: -webkit-calc(33.3333% - 14px);
    width: -moz-calc(33.3333% - 14px);
    width: calc(33.3333% - 14px);
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: -webkit-calc(20% - 16px);
    width: -moz-calc(20% - 16px);
    width: calc(20% - 16px);
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
    position: absolute;
    z-index: 99;
    top: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:after {
    top: 24px;
    left: 27px;
    background: #222;

}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:before {
    top: 14px;
    left: 14px;
    border: 2px solid #222;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:hover {
    color: #ffffff;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:hover:after {
    background: #ffffff;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:hover:before {
    border-color: #ffffff;
}

.woocommerce.single div.product div.summary {
    margin-bottom: 20px;
}

.woocommerce.single div.product div.summary .product_meta {
    margin-top: 30px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.woocommerce.single .woocommerce-product-details__short-description{
    padding-top: 25px;
    padding-bottom: 10px;
}
.woocommerce.single div.product div.summary .product_meta>span {
    display: block;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
}
.woocommerce.single div.product div.summary .product_meta>span a{
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
}
.woocommerce.single div.product div.summary .product_meta>span a:after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 25px;
    height: 1px;
    opacity: 0;
    background-color: currentColor;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.woocommerce.single div.product div.summary .product_meta>span a:hover:after {
    bottom: 0;
    opacity: 1;
}
.woocommerce.single div.product div.summary .product_meta>span:last-child {
    margin-bottom: 0;
}

.woocommerce.single div.product div.summary .product_meta>span>* {
    margin-left: 5px;
    font-weight: 400;
}

.woocommerce.single div.product div.summary form.cart {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 20px 0 0;
}

.woocommerce.single div.product div.summary .price {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
}

.woocommerce.single div.product div.summary .price .woocommerce-Price-currencySymbol {
    margin-right: 5px;
}

.woocommerce.single div.product div.summary .price ins {
    text-decoration: none;
}

.woocommerce.single div.product div.summary .woocommerce-product-rating {
    margin-bottom: 0.7em;
}

.woocommerce.single div.product .woocommerce-product-rating {
    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: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.woocommerce.single div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}

.woocommerce.single div.product .product_title {
    margin-bottom: 12px;
    font-size: 55px;
    line-height: 1;
    word-wrap: break-word;
    font-weight: 700;
    text-transform: uppercase;
}

.woocommerce-review-link {
    font-size: 16px;
}

.woocommerce div.product form.cart .variations tbody {
    display: flex;
}

.woocommerce div.product form.cart .variations tr {
    margin-right: 20px;
    border: 0;
}

.woocommerce div.product form.cart .variations th.label {
    font-weight: 500;
    margin-bottom: 10px;
}

.woocommerce div.product form.cart .variations td.label {
    display: inline-block;
    padding-right: 1em;
    line-height: 30px;
    list-style: none;
    background-color: transparent;
}

.woocommerce div.product form.cart .variations td.value {
    display: flex;
    align-items: center;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    text-align: left;
    line-height: 1;
    padding: 0;
    display: list-item;
    padding: 0;
    list-style: none;
    background-color: transparent;
}

.woocommerce div.product form.cart .variations .selection__arrow {
    display: inline;
    position: relative;
}

.woocommerce div.product form.cart .variations .selection__arrow:before {
    right: 15px;
    line-height: 35px;
}
.woocommerce div.product form.cart .variations label{
    font-weight: 500;
}
.woocommerce div.product form.cart .variations select {
    display: inline-block;
    height: 35px;
    min-width: auto;
    margin-right: 0;
    padding: 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.woocommerce div.product form.cart .variations select {
    display: initial;
    height: 60px;
    width: 100%;
    margin: 0;
    padding: 10px 40px 10px 10px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    outline: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background-position: calc(100% - 15px) center;
    -webkit-border-radius: 0;
    border-radius: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.woocommerce div.product form.cart .single_variation_wrap .variations_button {
    margin-top: 20px;
}

.woocommerce div.product form.cart div.quantity {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.woocommerce div.product form.cart div.quantity label.label-qty {
    display: none;
}

.woocommerce div.product form.cart .button__wrapper {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.woocommerce div.product form.cart .button {
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 17px 38px;
    font-size: 14px;
    line-height: 1.3;
    color: #ffffff;
    outline: none;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    -webkit-transition: 0.45s;
    -o-transition: 0.45s;
    -moz-transition: 0.45s;
    transition: 0.45s;
}

.woocommerce div.product form.cart .button:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .button,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-message .button:hover,
.woocommerce div.product form.cart .button:hover {
    color: #fff;
}

.woocommerce div.product form.cart .button:hover:before {
    color: #fff;
}

.woocommerce div.product form.cart .group_table tr {
    border: 0;
}

.woocommerce div.product form.cart .group_table tr .woocommerce-grouped-product-list-item__label {
    text-align: left;
}

.woocommerce div.product form.cart .group_table tr .woocommerce-grouped-product-list-item__price {
    font-weight: 600;
}

.woocommerce div.product form.cart .group_table tr td {
    vertical-align: middle;
}

.woocommerce div.product form.cart .group_table tr td label {
    margin-bottom: 0;
    font-size: 18px;
}

.woocommerce .quantity-wrapper {
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 30px 0 0;
}

.woocommerce .quantity-wrapper .qty {
    display: inline-block;
    width: 40px;
    height: 50px;
    border: 0;
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    background: transparent;
    border-right-width: 1px;
    border-right-style: solid;
}

.woocommerce .quantity-wrapper span:before,
.woocommerce .quantity-wrapper span:after {
    content: '';
    position: absolute;
}

.woocommerce .quantity-wrapper span.minus {
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    width: 28px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.woocommerce .quantity-wrapper span.minus:after {
    left: 6px;
}

.woocommerce .quantity-wrapper span.minus:before {
    content: none;
}

.woocommerce .quantity-wrapper span.plus {
    position: absolute;
    right: 0;
    width: 28px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    border-left: 0;
    cursor: pointer;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.woocommerce .quantity-wrapper span.plus:after,
.woocommerce .quantity-wrapper span.plus:before {
    left: 6px;
}

.woocommerce .quantity-wrapper span.minus:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';

}

.woocommerce .quantity-wrapper span.plus:before {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';

}

.woocommerce .quantity-wrapper input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.woocommerce .quantity-wrapper input[type="number"]::-webkit-inner-spin-button,
.woocommerce .quantity-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.woocommerce .quantity-wrapper .number-input {

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.woocommerce .quantity-wrapper .number-input button {
    position: relative;
    width: 3rem;
    height: 3rem;
    margin: 0;
    outline: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.woocommerce .quantity-wrapper .number-input button:before,
.woocommerce .quantity-wrapper .number-input button:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1rem;
    height: 2px;
    background-color: #f4f4f4;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.woocommerce .quantity-wrapper .number-input button.plus:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.woocommerce .quantity-wrapper .number-input input[type=number] {
    font-family: sans-serif;
    max-width: 5rem;
    padding: .5rem;
    border: solid #f4f4f4;
    border-width: 0 2px;
    font-size: 2rem;
    height: 3rem;
    font-weight: bold;
    text-align: center;
}

.woocommerce del {
    margin-right: 4px;
    font-weight: 400;
}

.woocommerce #reviews #comments ol.commentlist li {
    margin-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist li .raiting-meta-wrapper {
    display: block;
    float: right;
    position: relative;
    margin-top: 4px;
    margin-left: 20px;
}

.woocommerce #reviews #comments ol.commentlist li .comment_author_says {
    display: inline-block;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    display: block;
    float: none;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment_content {
    margin-top: 0;
}

.related.products {
    margin-top: 0;
}

.related.products>h2,
.upsells>h2 {
    position: relative;
    z-index: 1;
    margin-bottom: 36px;
    font-weight: 700;
    padding-bottom: 0;
    font-size: 30px;
    line-height: 42px;
    text-align: left;
    text-transform: capitalize;
    clear: both;
}

.related.products ul.ma-products {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.related.products ul.ma-products li:last-child {
    margin-right: 0;
}


.upsells .product {
    width: -webkit-calc(25% - 30px);
    width: -moz-calc(25% - 30px);
    width: calc(25% - 30px);
}

.pswp__caption .pswp__caption__center {
    text-align: center;
}
.woocommerce div.product div.summary {
    float: none !important;
    width: 100% !important;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img{
    width: 60px !important;
    border-radius: 50%;
}
.woocommerce table.shop_table th{
    text-align: left;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 0;
}
.woocommerce table.shop_table td.product-name{
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.woocommerce table.shop_table td.product-quantity .quantity label.label-qty{
    display: none;
}
.woocommerce a.remove {
    font-size: 0;
    text-shadow: none;
    color: transparent !important;
    margin: 0;
    display: inline;
}
.woocommerce a.remove:before {
    content: "\f10d";
    display: inline-block;
    font-family: flaticon;
    font-size: 14px;
    font-weight: 900;
    transform: rotate(45deg);
    text-rendering: auto;
    font-weight: initial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 60px;
    padding: 20px 15px;
    border: none;
    border-left-style: solid;
    border-left-width: 1px;
}
.woocommerce div.product form.cart .reset_variations{
    margin-bottom: 20px;
    margin-left: 15px;
}
.woocommerce-cart-form .coupon{
    border: none;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 20px 15px;
    margin-bottom: 15px;    
}
.woocommerce-cart-form .coupon .coupon_code,
.woocommerce .cart-collaterals .cart_totals h2, 
.woocommerce-page .cart-collaterals .cart_totals h2 {
    margin: 0 0 20px;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.woocommerce table.shop_table td.actions{
    padding: 15px;
}
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th{
    text-align: left;
    padding-left: 0;
}
.woocommerce .cart-collaterals .cart_totals table td, 
.woocommerce-page .cart-collaterals .cart_totals table td{
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    padding-top: 10px;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-button{
    float: right;
    text-align: right;
    font-size: 14px;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-cart .cart-collaterals .shipping-calculator-button::after, 
.woocommerce-checkout .cart-collaterals .shipping-calculator-button::after{
    display: none;
}
body .woocommerce table.shop_table{
    border: none !important;
    margin: 0 -1px 40px 0;
}
.woocommerce ul#shipping_method li label{
    font-size: 14px;
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination {
    font-size: 15px;
}

#add_payment_method .wc-proceed-to-checkout, 
.woocommerce-cart .wc-proceed-to-checkout, 
.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 20px 0 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-input-wrapper .select__holder{
    display: none;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: none;
    border-radius: 0;
    padding: 0;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{
    padding: 15px 0 !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
    margin-top: 25px;
}
.woocommerce-cart .return-to-shop a{
    padding: 15px;
}
.woocommerce form .form-row{
    padding: 0;
}
.lost_password{
    margin-top: 15px;
}
body.woocommerce-account .woocommerce form p{
    margin-bottom: 30px;
}
.woocommerce-account .woocommerce .button{
    padding: 15px 43px 15px 42px;    
}
.woocommerce h2{
    text-transform: uppercase;
}
/* ==========================================================================
Single Product - End
========================================================================== */
/* ==========================================================================
Woocommerce Grid - Start
==========================================================================  */

.woocommerce div.product div.summary {
    float: none !important;
    width: 100% !important;
}

.azard-woo-image_stick .item-image_stick {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

.azard_stick_holder .azard-summary-woo .entry-summary {
    padding-left: 30px;
}

.azard-woo-image_stick .item-image_stick img:hover {
    animation: woo-stick-anim 1s linear 1;
}

.azard_vertical_holder .woocommerce-product-gallery {
    display: flex;
    flex-wrap: wrap;
    float: none !important;
    width: 100% !important;
}

.azard_vertical_holder div.woocommerce-product-gallery .flex-viewport {
    flex: 1;
}

.azard_vertical_holder .flex-control-nav {
    width: 70px;
    margin-top: 0 !important;
    margin-right: 20px !important;
    order: -1;
}

.azard_vertical_holder .flex-control-nav li {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
}

.azard_grid_holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.azard_grid_holder .azard-media-woo,
.azard_grid_holder .azard-summary-woo {
    flex-grow: 1;
}

.azard-woo-image_grid {
    flex-wrap: wrap;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
}

.item-image_grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    flex: 1 0;
    flex-basis: 50%;
    margin-bottom: 30px;
}

.azard_grid_holder .item-image_grid img:hover {
    animation: woo-stick-anim 1s linear 1;
}

.azard_grid_holder .image_grid_warp {
    position: relative;
    overflow: hidden;
}

.azard_grid_holder .azard-summary-woo .entry-summary {
    padding-left: 15px;
}

@-webkit-keyframes woo-stick-anim {

    50% {
        transform: scale(1.1);
    }

}

@keyframes woo-stick-anim {

    50% {
        transform: scale(1.1);
    }

}

/* ==========================================================================
Woocommerce Grid - End
==========================================================================  */
/* ==========================================================================
Shop Tabs - Start
========================================================================== */

.woocommerce.single div.product .woocommerce-tabs {
    text-align: left;
}

.woocommerce.single div.product .woocommerce-tabs ul.tabs {
    position: relative;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    margin-bottom: -2px;
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.woocommerce.single div.product .woocommerce-tabs ul.tabs li {
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 0;
    margin-bottom: -2px;
    margin-right: 38px;
    border: 0;
    padding: 0;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    cursor: pointer;
    background: transparent;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.woocommerce.single div.product .woocommerce-tabs ul.tabs li a {
    font-size: 26px;
    display: inline-block;
    padding: 7px 0 10px;
    -webkit-transition: none;
    transition: none;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: transparent;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: inherit;
}

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

.woocommerce.single div.product .woocommerce-tabs ul.tabs:before {
    content: unset;
}

.woocommerce.single div.product .woocommerce-tabs .panel {
    margin-bottom: 24px;
    padding: 38px 0 16px 0;
    text-align: left;
    border-top: 1px solid #f4f4f4;
}


.woocommerce.single div.product .woocommerce-tabs .panel>h2,
.woocommerce.single div.product .woocommerce-tabs .panel #comments>h2 {
    display: none;
}

.woocommerce.single div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description {
    padding-left: 0;
    padding-right: 0;
    text-align: justify;
    margin-bottom: 42px;
}

.woocommerce.single div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information {
    padding-top: 38px;
    margin-bottom: 24px;
}

.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes {
    border: 0;
}

.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr {
    border: 0;
}

.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr:only-child {
    width: 100%;
}

.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes th {
    border: 0;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    border: 1px solid #eeeeee;    
}

.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes td {
    font-style: normal;
    border: 0;
        border: 1px solid #eeeeee;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: transparent;
}

.woocommerce.single div.product .woocommerce-tabs .comment-reply-title {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
}

.woocommerce.single .comment-respond .comment-form .form-submit {
    clear: both;
    display: inline-block;
}

.woocommerce.single .comment-respond .comment-form .form-submit .submit {
    border: none !important;
    color: #ffffff !important;
    padding: 6px 37px !important;
}

.woocommerce #review_form #respond {
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 0;
    border:none;
}

.woocommerce #review_form #respond form#commentform .comment-form-rating {
    margin-bottom: 11px;
    padding-right: 10px;
}

.woocommerce #review_form #respond form#commentform .comment-form-rating label {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-right: 15px;
}

.woocommerce #review_form #respond form#commentform .comment-form-rating .stars {
    display: inline-block;
    height: 1em;
    line-height: 1;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
}

.woocommerce #review_form #respond form#commentform {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce #review_form #respond form#commentform>* {
    width: 100%;
}

.woocommerce #review_form #respond form#commentform>p.comment-notes {
    margin-bottom: 20px;
}

.woocommerce #review_form #respond form#commentform>p.comment-form-author,
.woocommerce #review_form #respond form#commentform>p.comment-form-email {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.woocommerce #review_form #respond form#commentform .comment-form-email {
    padding-left: 15px;
}

.woocommerce #review_form #respond form#commentform>p.comment-form-author {
    padding-right: 15px;
}

.woocommerce #review_form #respond form#commentform .form-submit {
    margin-top: 20px;
    width: auto;
}

.woocommerce #review_form #respond form#commentform .comment-notes {
    order: 1;
}

.woocommerce #review_form #respond form#commentform .comment-form-author {
    order: 3;
}

.woocommerce #review_form #respond p {
    margin: 0 0 10px;
}

.woocommerce #review_form #respond form#commentform .comment-form-email {
    order: 4;
}

.woocommerce #review_form #respond form#commentform .comment-form-cookies-consent {
    order: 6;
}

.woocommerce #review_form #respond form#commentform .comment-form-rating {
    order: 2;
}

.woocommerce #review_form #respond form#commentform .comment-form-comment {
    order: 5;
}

.woocommerce #review_form #respond form#commentform .form-submit {
    order: 8;
..}
.woocommerce #review_form #respond input[type='text'],
.woocommerce #review_form #respond input[type='email'],
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type='text'],
.woocommerce #review_form #respond input[type='email'],
.woocommerce #review_form #respond textarea{
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.ma-section-inner .azard-woo_breadcrumbs {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-top: 3.4vh;
    padding-bottom: 3.4vh;
    line-height: 1;
    display: none;
}
/* ==========================================================================
Shop Tabs - End
========================================================================== */
/* ==========================================================================
Shop Responsive - Start
========================================================================== */
@media only screen and (max-width: 1200px) {

    .woocommerce-mini-cart__buttons.buttons {
        display: block;
    }

    .woocommerce .widget_shopping_cart .buttons a,
    .woocommerce.widget_shopping_cart .buttons a {
        width: 100%;
    }

    ul.ma-products li .overlay-add_cart a.add_to_cart_button,
    ul.ma-products li .overlay-add_cart a.button,
    ul.ma-products li .added_to_cart.wc-forward,
    ul.ma-products li .overlay-add_cart a.add_to_cart_button,
    ul.ma-products li .overlay-add_cart a.button,
    ul.ma-products li .added_to_cart.wc-forward,
    .woocommerce .products ul.ma-products li .overlay-add_cart a.add_to_cart_button,
    .woocommerce .products ul.ma-products li .overlay-add_cart a.button,
    .woocommerce .products ul.ma-products li .added_to_cart.wc-forward,
    ul.ma-products li .overlay-add_cart a.button.loading,
    ul.ma-products li .overlay-add_cart button.button.loading,
    ul.ma-products li .overlay-add_cart input.button.loading,
    .woocommerce .products ul.ma-products li .overlay-add_cart a.button.loading,
    .woocommerce .products ul.ma-products li .overlay-add_cart button.button.loading,
    .woocommerce .products ul.ma-products li .overlay-add_cart input.button.loading,
    .woocommerce-cart .cross-sells ul.ma-products li .overlay-add_cart a.button {
        font-size: 0;
        line-height: 0;
        min-height: 56px;
        min-height: 56px;
        min-width: 0;
        padding: 0;
        width: auto;
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }
    .woocommerce ul.ma-products li .standard-add_cart a, .woocommerce ul.ma-products li .standard-add_cart a:hover,
    .woocommerce ul.ma-products a.button:hover,
    .woocommerce ul.ma-products li a.add_to_cart_button:hover, .woocommerce ul.ma-products li a.button:hover{
        background: none !important;
        background-color: transparent !important;
    }
    ul.ma-products li .overlay-add_cart a.add_to_cart_button:before, 
    ul.ma-products li .overlay-add_cart a.button:before, 
    ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward:before, 
    .woocommerce .products ul.ma-products li .overlay-add_cart a.add_to_cart_button:before, 
    .woocommerce .products ul.ma-products li .overlay-add_cart a.button:before,
    .woocommerce .products ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward:before {
        margin-left: 10px;
        margin-right: 10px;
        line-height: 50px;
    }
    ul.ma-products li .overlay-add_cart a.add_to_cart_button,
    ul.ma-products li .overlay-add_cart a.button,
    ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward, 
    .woocommerce .products ul.ma-products li .overlay-add_cart a.add_to_cart_button,
    .woocommerce .products ul.ma-products li .overlay-add_cart a.button,
    .woocommerce .products ul.ma-products li .overlay-add_cart .added_to_cart.wc-forward{
        margin-left: 0;
    }
    .woocommerce table.shop_table td.product-name a {
        padding-left: 3px;
    }

    ul.ma-products li a.button.loading:before,
    ul.ma-products li button.button.loading:before,
    ul.ma-products li input.button.loading:before {
        left: 0;
    }

    .woocommerce-cart .cross-sells ul.ma-products li {
        margin: 0;
    }
    .columns-3 ul.ma-products li {
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: calc(50% - 30px);
    }  
    body.woocommerce-checkout form.woocommerce-checkout > div, body.woocommerce-checkout form.woocommerce-checkout > .col2-set, body.woocommerce-checkout form.woocommerce-checkout > #order_review_heading, body.woocommerce-checkout form.woocommerce-checkout > #order_review {
      width: 100%;
    }  
    .woocommerce .woocommerce-checkout > .col2-set{
        margin-bottom: 30px;
    }    
}

@media only screen and (max-width: 1024px) {
     .row .azard_grid_holder .as_col-7, 
     .row .azard_grid_holder .as_col-5,
     .row .azard_vertical_holder .as_col-6{
        width: 100%;
     }
     .azard_grid_holder .azard-media-woo,
     .azard_stick_holder .azard-media-woo,
     .azard_stick_holder .azard-summary-woo,
     .azard_grid_holder .azard-summary-woo {
        padding: 0;
     }
     .azard_grid_holder .azard-summary-woo .entry-summary{
        padding-left: 0;
     }
    .woocommerce .widget_shopping_cart .buttons .button__wrapper:first-child,
    .woocommerce.widget_shopping_cart .buttons .button__wrapper:first-child {
        margin-right: 10px;
    }

    .woocommerce .widget_shopping_cart .buttons a,
    .woocommerce.widget_shopping_cart .buttons a {
        margin-bottom: 0;
        margin-right: 10px;
    }

    #add_payment_method .cart-collaterals .shipping-calculator-form,
    .woocommerce-cart .cart-collaterals .shipping-calculator-form,
    .woocommerce-checkout .cart-collaterals .shipping-calculator-form {
        margin-left: 0;
    }

    .woocommerce-cart-form>.row .ma_col-9,
    .woocommerce-cart-form>.row .ma_col-3 {
        width: 100%;
    }

    .woocommerce table.shop_table td.product-name a {
        padding-left: 0;
    }
    .woocommerce div.product .azard_vertical_holder div.images.woocommerce-product-gallery{
        max-width: 100%;
    }   
    .row .azard_vertical_holder .as_col-6{
        padding-left: 0;
        padding-right: 0;
    }
    .azard_stick_holder .azard-summary-woo .entry-summary{
        padding-left: 0;
    }
    .azard_stick_holder .azard_woo_sticky{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 992px) {

    .columns-4 ul.ma-products li {
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: calc(50% - 30px);
    }

    .woocommerce ul.ma-products .products-post_wrapper .group_button-woo {
        bottom: -28px;
        opacity: 1;
        visibility: visible;
    }

    .woocommerce ul.ma-products .products-post_wrapper .add_to_cart-btn {
        margin: 0 10px;
    }

    .upsells .product {
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: calc(50% - 30px);
    }

}

@media only screen and (max-width: 768px) {

    .ma-products-wrapper ul.ma-products li,
    .upsells .product {
        width: -webkit-calc(50% - 30px);
        width: -moz-calc(50% - 30px);
        width: calc(50% - 30px);
    }

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
        width: 100%;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        width: 100%;
        clear: both;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        width: 100%;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        margin-right: 0;
    }


    .woocommerce table.shop_table td.product-name a,
    .woocommerce table.shop_table .woocommerce-Price-amount.amount {
        font-weight: 500;
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: transparent;
    }

    .woocommerce #content table.cart td.actions .button,
    .woocommerce table.cart td.actions .button,
    .woocommerce-page #content table.cart td.actions .button,
    .woocommerce-page table.cart td.actions .button {
        display: block;
        width: auto;
    }

    .woocommerce .col2-set {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    .woocommerce #order_review_heading,
    .woocommerce #order_review {
        width: 100%;
    }

    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        width: auto;
    }

    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals {
        width: 100%;
    }

    #add_payment_method .cart-collaterals .woocommerce-shipping-calculator,
    .woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator,
    .woocommerce-checkout .cart-collaterals .woocommerce-shipping-calculator {
        margin-left: 0;
    }

    #add_payment_method .cart-collaterals .cart_totals table,
    .woocommerce-cart .cart-collaterals .cart_totals table,
    .woocommerce-checkout .cart-collaterals .cart_totals table {
        padding-left: 28px;
    }

    .woocommerce table.shop_table_responsive tr td:before,
    .woocommerce-page table.shop_table_responsive tr td:before {
        font-size: 18px;
    }

    .woocommerce table.cart td.actions .coupon .button__wrapper,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper {
        width: 48%;
    }

    .woocommerce table.cart td.actions .coupon .button__wrapper .input-text,
    .woocommerce table.cart td.actions .coupon .button__wrapper .button,
    .woocommerce table.cart td.actions .coupon .button__wrapper input,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper .input-text,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper .button,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper input,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper .input-text,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper .button,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper input,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper .input-text,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper .button,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper input {
        width: 100%;
    }

    .woocommerce table.cart td.actions .coupon .button__wrapper:last-child,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper:last-child,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper:last-child,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper:last-child {
        margin-top: 15px;
    }



    .woocommerce #review_form #respond form#commentform>p.comment-form-author {
        padding-right: 0;
    }

    .woocommerce #review_form #respond form#commentform .comment-form-email {
        padding-left: 0;
    }

    .woocommerce #review_form #respond form#commentform>p.comment-form-author,
    .woocommerce #review_form #respond form#commentform>p.comment-form-email {
        width: 100%;
    }

    .woocommerce a.remove {
        color: red !important;
        float: left;
    }
    .woocommerce .woocommerce-checkout > .col2-set{
        margin-bottom: 0px;
    }
    .woocommerce a.remove {
        line-height: 1px;
    }  

}

@media only screen and (max-width: 600px) {
    .woocommerce form.checkout_coupon .form-row {
        width: 100%;
    }

    .ma-products-wrapper ul.ma-products li,
    .woocommerce .ma-products-wrapper ul.ma-products li,
    .upsells .product {
        width: 100%;
        margin-right: 0;
    }

    ul.ma-products,
    .woocommerce .products ul.ma-products {
        margin-right: 0;
    }

    body.single-product .ma-row [class*="ma_col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .ma-woocommerce-sorting {
        display: block;
    }

    .ma-woocommerce-sorting p.woocommerce-result-count {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: right;
    }

    .ma-woocommerce-sorting form.woocommerce-ordering {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .woocommerce table.shop_attributes th {
        width: auto;
    }

    .woocommerce div.product .woocommerce-tabs .panel table.shop_attributes th {
        padding: 14px 20px;
    }

    .woocommerce .spacepress_module_message_box .message_text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .woocommerce .spacepress_module_message_box .message_text a {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .woocommerce .widget_shopping_cart .buttons .button__wrapper,
    .woocommerce.widget_shopping_cart .buttons .button__wrapper {
        display: block;
        margin-right: 0;
    }

    .woocommerce table.cart td.actions .coupon .button__wrapper,
    .woocommerce #content table.cart td.actions .coupon .button__wrapper,
    .woocommerce-page table.cart td.actions .coupon .button__wrapper,
    .woocommerce-page #content table.cart td.actions .coupon .button__wrapper {
        width: 100%;
    }

    #add_payment_method table.cart td.actions .coupon .input-text,
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-checkout table.cart td.actions .coupon .input-text {
        width: 100%;
    }

    .woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr {
        width: 100%;
        float: none;
    }

    .woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes th {
        padding-left: 0 !important;
    }

    body.woocommerce-account .woocommerce {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #f4f4f4;
    }

    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    body .woocommerce .woocommerce-MyAccount-content .col2-set>.col-1,
    body .woocommerce .woocommerce-MyAccount-content .col2-set>.col-2,
    body.woocommerce-account .woocommerce .u-columns div[class*="u-column"] {
        width: 100%;
        margin: 0 0 30px;
        padding: 15px;
    }

    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-message {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: normal;
        -moz-justify-content: normal;
        -ms-justify-content: normal;
        justify-content: normal;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding: 15px 0;
    }

    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-message {
        padding: 24px;
    }

    .woocommerce-info a.showcoupon,
    .woocommerce-info a.button,
    .woocommerce-error a.showcoupon,
    .woocommerce-error a.button,
    .woocommerce-message a.showcoupon,
    .woocommerce-message a.button {
        position: static;
        margin-top: 25px;
        right: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        font-size: 12px;
        padding: 0 22px;
    }

    body.woocommerce-cart .woocommerce-message,
    body.woocommerce-cart .woocommerce-info,
    body.woocommerce-cart .woocommerce-error,
    body.woocommerce-cart .return-to-shop {
        margin-right: 0;
        margin-left: 0;
    }
    .woocommerce .woocommerce-checkout > .col2-set{
        margin-bottom: 0px;
    } 
    .woocommerce a.remove {
        line-height: 1px;
    } 
    .woocommerce .azard-cart-holder{
        padding-right: 15px;
        padding-left: 15px;
    } 
    .azard-woo-image_grid{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .azard_vertical_holder .flex-control-nav {
        display: none;
    }
    body .azard-media-woo, body .azard-summary-woo{
        padding-left: 0!important;
        padding-right: 0!important;
    }        
}

@media only screen and (max-width: 426px) {
    .woocommerce .spacepress_module_message_box .message_text {
        line-height: inherit;
    }
    .woocommerce .azard-cart-holder{
        padding-right: 15px;
        padding-left: 15px;
    } 
    .azard-woo-image_grid{
        flex-wrap: wrap;
        flex-direction: column;
    } 
    .azard_vertical_holder .flex-control-nav {
        display: none;
    }        
}
/* ==========================================================================
Shop Responsive - End
========================================================================== */
/* ==========================================================================
Responsive - Start
========================================================================== */
@media only screen and (min-width: 1441px) {
    .page-content-warp, .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 1350px;
    }

}
@media only screen and (max-width: 1200px) {
 
    .ma-header-holder, .canvas-holder, .scroll_up_position{
        display: none;
    }
    .azard-header .azard-mobile-header {
    position: relative;
    z-index: 99;
    display: block;
    }  
    .page-content-warp, .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 950px;
    }

    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;
    }
    .row .azard-team.as_col-4{
        width: 50%;
    }
    .azard-team{
        margin-bottom: 50px;
    }
    .full-slider_inner, .full-slider_bottom{
        width: 100%;
        padding: 0 15px;
    }
    .interactive-portfolio_inner{
        grid-template-columns: repeat(2, 1fr);    
    }
    .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;
    } 
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(1){
        width: 30vMax!important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(7){
        width: 100px !important;
        top: 6% !important;
    } 
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(9){
        right: 0 !important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(4){
        width: 101px !important;
        right: 0 !important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(2){
        width: 100px !important;
        left: 0 !important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(3){
        width: 95px !important;
        right: 40% !important;  
        top: 80% !important;      
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(10){
        width: 122px !important;
        bottom: 8% !important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(8){
        bottom: 1% !important;
    }
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(6){
        top: 82% !important;
        left: 10% !important;   
    }
}

@media only screen and (max-width: 1024px) {

  .row .content.as_col-9 {
    width: 100%; 
   }

    .row .sidebar-container.as_col-3,
    .row .sidebar-container.as_col-4,
    .row .main-content.as_col-8,
    .row .main-content.as_col-9,
    .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-3,
    .row .as_col-1-5,
    .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
    {
        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 .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) {
        clear: none;
    }

    .row .as_col-4: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%;
    }
    .azard_fancy_portfolio_holder{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-items: center;        
    }
    .footer .elementor-column.elementor-col-25,
    .footer .elementor-column.elementor-col-20{
        width: 50%;
    }
}

@media only screen and (max-width: 992px) {
  .page-content-warp, .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{

    width: 728px;
  }
  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;
    }   

  .blog-posts .blog-post-item{
    margin-bottom: 40px;
  } 

}

@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;
    } 
    .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;
    } 
    .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%;
    }      
    .row .azard-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%;
    } 
    .ma-post-navigation .back_navigation_button,
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(2),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(3),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(4),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(5),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(6),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(7),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(8),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(9),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(10),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(11){
        display: none!important;
    }
}
@media only screen and (max-width: 767px) {
  .page-content-warp, .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    width: 560px;
  }

  body.elementor-default .elementor-section-boxed .elementor-container,
  body.elementor-default .elementor-container:not(.elementor-column-gap-no){
    width: 560px;
    max-width: 560px;
  }  
}
@media only screen and (max-width: 600px) {
    .page-content-warp, .ma-header-wrapper, .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;
    }
    .search-header-icon:before{
        width: 45px;
        height: 45px; 
        font-size: 20px;       
    }  
    .search-container{
        padding: 20px;
    }    
    .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-3,
    .row .as_col-1-5,
    .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 .azard-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;
    } 
    .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;
    } 
    .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%;
    } 

    #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; 
    } 
    .azard-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;
    }  
    .azard_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%;
    }
    .ma-post-navigation .back_navigation_button,
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(2),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(3),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(4),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(5),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(6),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(7),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(8),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(9),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(10),
    .azard-exploding-portfolio .azard-exploding-warp .azard-image-exploding:nth-child(11){
        display: none!important;
    }
}

@media only screen and (max-width: 480px) {

    .row .as_col-6,
    .row .as_col-5,
    .row .as_col-4,
    .row .as_col-3,
    .row .as_col-1-5,
    .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-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%;
    }      
  .page-content-warp, .ma-header-wrapper, .ma-header-boxed, .page-title-warp, .footer .footer-warp{
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
  .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;
  }  
  .widget_outline .widget{
    padding: 15px;
  }
  #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; }  
}

@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-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 {
    width: 33.33333333%; }
  .row .as_col-3 {
    width: 25%; }
  .row .as_col-1-5 {
    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
========================================================================== */