/*------------------------------------------------------------------
 * This is main css file for theme. It is broken into following sections:

-------------------------------------------------------------------*/
/*--------------------------------------------------------------

#Browser Reset
#Global styles
#Header Styles
#Search Styles
#Page Header
#Typography
#Footer styles
#Copyright styles
#Page 404
#Blog Styles
    <---------------
    #Post Format
    #Video Button
    #Author Box
    #Post Gallery
    #Post Share
    #Post Navigation
    #Related Post
    --------------->
#Comments Styles
#Preloader Styles
#Back to Top styles
#Social Bar Styles
#Pagination
#Woocommerce
    <---------------
    #Shop List
    #Single Product
    #Shop Tabs
    #Shop Notice
    #Shop Cart
    #Shop Checkout
    #Shop Widgets
    --------------->
#Widgets Styles
    <---------------
    #Widgets
    #Profile
    #Search
    #Gallery
    #Tagcloud
    #Recent Posts
     --------------->
#Shortcodes Styles
    <---------------
    #Accordions
    #Button
    #Call to Action
    #Card
    #Carousel
    #Counter
    #Element Holder
    #Image Layer
    #Image Layer 2
    #Flexbox
    #Infobox
    #Price Table
    #Progressbar
    #Double Heading
    #Services
    #Single Image Holder
    #Asma Slider
    #Testimonials
        #Testimonial Standard
        #Testimonial Simple        
        #Testimonial Popup
        #Testimonial Card                
    #Video Popup
    #video Card
    #Asma Tabs  
    #Asma Lists      
    --------------->
#Team   
#Portfolio 
    <---------------
    #Portfolio List
    #Portfolio Carsousel
#Animations 
#Responsive
#Shortcodes Responsive  

--------------------------------------------------------------*/

/* ==========================================================================
   #Browser Reset - Start
   ========================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
html {
overflow-y: scroll !important;
overflow-x: hidden !important;
/* for vertical split screen slider shortcode on touch devices */
}
body{
overflow-x: hidden; 
}

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

*:focus {
outline: none !important;
}

a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration: none; }

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

article, aside, details, figcaption, figure, footer, header, nav, section {
display: block;
}

del {
text-decoration: line-through;
}

/* hr */
hr {
border: none;
border-bottom: 1px solid #e5e5e5;
margin: 20px 0 20px; 
}
hr.wp-block-separator {
max-width: 100px; 
}
hr.wp-block-separator.is-style-wide, hr.wp-block-separator.is-style-dots {
max-width: 100%; 
}

/* tables still need 'cellspacing="0"' in the markup */

table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: medium none;
vertical-align: middle;
}

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


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

table td {
padding: 5px 10px;
text-align: center;
}

table td,
table th {
padding: 5px 10px;
border: 1px solid #e5e5e5;
text-align: left;
vertical-align: middle; }

table thead tr, table tbody tr, .wp-block-table tr {
border: 1px solid #e5e5e5;
}

table tbody th {
border-right: 1px solid #e5e5e5;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
background: #f7f5f2;  
}
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;}
.ma-separator{
height: 100px;
}
.ma-half-separator{
height: 50px;
}

.ma-third-separator{
height: 30px;
}
.ma-smal-separator{
height: 15px;
}
/* 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; /* Above WP toolbar. */
}

/* ==========================================================================
#Browser Reset - End
========================================================================== */

/* ==========================================================================
#Global styles - Start
========================================================================== */     
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}

.clearfix {
*zoom: 1;
}

.clear:after {
clear: both;
content: "";
display: block;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
word-wrap: break-word;
}

p {
margin: 0 0 20px 0; }

p:empty {
display: none;
padding: 0;
margin: 0; }
p.has-drop-cap::first-letter, p.has-drop-cap > *::first-letter {
font-size: 500% !important;
}
input[type='submit'] {
-webkit-appearance: none;
}

/* input */

body input:not([type='checkbox']):not([type='submit']),
select,textarea {
display: block;
height: 60px;
width: 100%;
margin: 0;
padding: 10px 15px;
font-size: 14px;
font-weight: 400;
line-height: 30px;
font-family: inherit;
outline: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
background: #fff;
border: 1px solid #e5e5e5; }
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
textarea {
min-height: 50px;
height: 120px;
}
body input:not([type='checkbox']):not([type='submit'])::placeholder,
select::placeholder,
textarea::placeholder {
outline: none;
-webkit-appearance: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s; 
}
input[type="submit"],
button,wp-block-search__button{
color: #fff;
display: inline-block;
height: 60px;
margin-bottom: 0;
border-style: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 6px 37px;
font-family: inherit;
font-size: 14px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
outline: none;
cursor: pointer;
-webkit-appearance: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
text-transform: capitalize;
letter-spacing: 0;
}

input[type="submit"]:hover, button:hover {
color: #fff;
border:none;
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
color: #fff;
border:none; 
}
.is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background),
.is-style-outline > .wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover{
background-color: transparent !important;  
background: none !important;
}
body ul li,
body ol li {
position: relative;
z-index: 1;
list-style: none;
line-height: 38px; 
}

ul ul,
ol ol,
ol ul,
ul ol {
margin: 0;
padding: 0 0 0 15px;
}
li ul {
padding-bottom: 0;
}
.single-post .inner-post ul, .single-post .inner-post ol {
padding: 0 0 20px 0;
}
.single-post .sticky-post .inner-post ul, .single-post .sticky-post .inner-post ol {
padding: 0;  
}
.inner-post ul li, .inner-post ol li, .page-post ul li, .page-post ol li, .comment_content ul li, .comment_content ol li{
padding-left: 15px;
}

body ul > li > ul > li, body ol > li > ol > li  {
margin-left: 5px;
}

.single-post .inner-post figure ul li{
padding-left: 0;  
}
.single-post .inner-post figure ul li:before{
content: none;
}
pre {
background-color: #ebf0f9;
padding: 20px;
max-width: 100%;
word-wrap: break-word;
margin: 20px 0 30px;
overflow: auto;
}

dt {
font-size: 15px;
font-weight: 700;
margin-bottom: 10px;
}

dd {
margin-bottom: 15px;
}

sub, sup {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
top: 0.5ex;
}

sup {
bottom: 0.5ex;
}

.wp-caption-text {
margin: 0;
}

figure{
margin-right: 0;
margin-left: 0;  
}
/* Webkit */
::selection {
color: #ffffff;
}

/* Gecko/Mozilla */
::-moz-selection {
color: #ffffff;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal !important;
font-size: inherit!important;
margin-left: inherit !important;
}
.selection__arrow:before {
content: "\f0d7";
display: block;
position: absolute;
z-index: 0;
right: 20px;
font-family: "Font Awesome 5 Free";
font-size: 14px;
line-height: 45px;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
pointer-events: none;}
.admin-bar{
margin-top: 32px;	
}
.admin-bar .ma-sticky-header {
top: 32px; 
}
.admin-bar .header_over_bg{
margin-top: 32px;
}
/*  Main Layout */
#main {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
z-index: 0;
overflow: hidden;
}

.ma-full.ma-container-inner, .ma-full .ma-section-container{
width: 100%;
}
.ma-boxed.ma-container-inner, .ma-boxed.ma-vc-container{
max-width: 1170px;
margin: 0 auto;
position: relative;
}
.ma-boxed .ma-boxed.ma-container-inner, .ma-boxed .ma-boxed.ma-vc-container{
width: 100% !important;
}
.ma-section{
position: relative;
}
.ma-clc-row{
width: 100%;
}
.ma-section-inner{
width: 100%;
}
.ma-row::before {
content: "";
clear: both;
display: table;
}


body .main-class, body .single_class {
padding-right: 0!important;
padding-left: 0!important;
}

.sidebar_left #main-content{
float: right;
}

.sidebar_right #main-content, .sidebar_right .sidebar-container{
float: left;
}

.ma-row [class*="ma_col-"] {

min-height: 1px;
padding-right: 15px;
padding-left: 15px;

}
.ma-row .post-box [class*="ma_col-"]{
padding-right: 0;
padding-left: 0; 
}
.blog-item, .related-box{
float: left;
}

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

.acenter {
text-align: center;
}

.aright {
text-align: right; 
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 0 30px 10px 0;
}

.alignright {
float: right;
margin: 0 0 10px 30px;
}

.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}

img.aligncenter, div.aligncenter {display:block; margin:1em auto;}
img.alignright, div.alignright {float:right; clear: both;}
img.alignleft, div.alignleft {float:left;}
body .page-content-inner p:last-child .alignright{margin-top: 40px;}

.post-box .wp-block-cover .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-image-text,
.post-box .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-text,
.post-box .wp-block-cover h2, .post-box .wp-block-cover-image h2, .wp-block-search .wp-block-search__button {
    color: #ffffff;
}
.wp-caption-text, .wp-caption .wp-caption-text {
margin: 0.5em 0;
font-size: 15px;
text-align: center;
}

.wp-caption, .gallery-caption {
font-style: italic;
max-width: 100%;
margin-bottom: 1em;
}
.wp-caption img, .gallery-caption img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.ma-content-aligment-left, .ma-align-left {
text-align: left; 
}

.ma-content-aligment-center, .ma-align-center, .ma-horizontal-alignment-center {
text-align: center; 
}

.ma-content-aligment-right, .ma-align-right, .ma-horizontal-alignment-right  {
text-align: right; 
}

.vertical-align-initial{
align-items:initial;
}
.vertical-align-start{
align-items:flex-start;
}
.vertical-align-end{
align-items:end;
}
.vertical-align-stretch{
align-items:stretch;
}
.vertical-align-baseline{
align-items:baseline;
}
.vertical-align-center{
align-items:center;
}
/* ==========================================================================
#Global styles - End
========================================================================== */ 

/* ==========================================================================
Header Styles - Start
========================================================================== */
.ma-theme-header .ma-mobile-header {
display: none; 
}
.ma-theme-header {
position: relative;
z-index: 2;
}
.ma-theme-header.header_over_bg{
position: absolute;
z-index: 99;
width: 100%;
left: 0;
top: 0;  
}
.ma-theme-header .fullwidth-wrapper {
padding: 0;
}
.fullwidth-wrapper {
width: 100%;
padding: 0 30px;
}
.ma-header-box{
width: 1170px;
margin: 0 auto;
overflow: hidden;
}

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

.position_center_middle {
height: 100%;
}
.ma-header-row .header_side.h_align_left {
text-align: left;
}

.ma-header-row .header_side.h_align_right {
text-align: right;
}

.ma-header-row .header_side.v_align_middle {
align-self: center;
}

.ma-header-row .header_side.display_normal {
flex: 0 auto;
}

.ma-header-row .header_side,
.ma-header-row .header_render_editor,
.ma-header-row .wrapper,
.ma-header-row .header_area_container {
max-width: 100%;
box-sizing: border-box;
}

.header_area_container {
max-height: 100%;
height: 100%;
display: inline-block;
}

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

.header_area_container>* {
display: inline-block;
vertical-align: middle;
}
.ma-mobile-header .logo-name{
font-size: 40px;
line-height: 36px;
}
.header_area_container h1,
.header_area_container a,
.header_area_container a:hover{
color: inherit;
}
.asma-logo-container img {
vertical-align: middle;
height: 100%;
max-height: 100%;
}

.primary-nav {
letter-spacing: 0.02em;
}

.primary-nav>div>ul,
.primary-nav>ul,
.sitepress_container>.wpml-ls li {
font-weight: 700;
line-height: 30px;
font-size: 14px;
}

.primary-nav>ul {
height: 100%;
padding: 0;
margin: 0 -27px;
}

.primary-nav>ul>li {
height: 100%;
}

.primary-nav>ul li {
position: relative;
padding-left: 0;
display: inline-block;
vertical-align: middle;
line-height: inherit;
}

.primary-nav ul>li>a {
display: flex;
position: relative;
z-index: 1;
vertical-align: middle;
padding: 0 27px;
align-items: center;
color: inherit;
opacity: 1;
height: 100%;
text-transform: uppercase;
}

.primary-nav a {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}

.primary-nav ul li ul{
display: block;
position: absolute;
z-index: 555;
top: -webkit-calc(100% + 15px);
top: -moz-calc(100% + 15px);
top: calc(100% + 15px);
left: 6px;
min-width: 280px;
white-space: nowrap;
margin-top: 0;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 12px 0;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}

.primary-nav ul li ul li {
display: block;
}

.primary-nav ul li ul li:first-child>a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.primary-nav ul li ul .menu-item a {
display: block;
padding: 10px 40px;
overflow: hidden;
color: inherit;
-webkit-transition: background .3s;
-o-transition: background .3s;
-moz-transition: background .3s;
transition: background .3s;
opacity: 1;
}

.primary-nav ul li ul li>a>span {
position: relative;
display: inline-block;
padding-left: 0;
transition: color 0.3s, opacity 0.3s;
}

.primary-nav > ul > li.current-menu-item > a .menu-item_plus:after, 
.primary-nav > ul > li.current_page_ancestor > a .menu-item_plus:after,
.primary-nav > ul > li > ul > li.current-menu-item > a .menu-item_plus:after,
.primary-nav ul li ul li.current_page_ancestor> a .menu-item_plus:after,
.primary-nav ul li ul li.current_page_parent> a .menu-item_plus:after,
.primary-nav > ul > li > ul > li > ul > li.current-menu-item > a .menu-item_plus:after{
position: absolute;
left: 0;
top: 50%;
content: '';
z-index: 1;
width: 10px;
height: 10px;
margin-left: -21px;
margin-right: 6px;
border-width: 3px;
border-style: solid;
border-radius: 50%;
background-color: transparent;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
vertical-align: middle;
font-weight: 400;
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
visibility: hidden;
opacity: 0;
}

.primary-nav > ul > li.current-menu-item > a .menu-item_plus:after,
.primary-nav > ul > li.current_page_ancestor > a .menu-item_plus::after,
.primary-nav > ul > li.current_page_parent > a .menu-item_plus:after
{
margin-left: 6px;
}


.primary-nav > ul > li.current-menu-item > a .menu-item_plus:after,
.primary-nav > ul > li.current_page_ancestor > a .menu-item_plus:after, 
.primary-nav > ul > li.current_page_parent > a .menu-item_plus:after,
.primary-nav ul li ul li.current_page_ancestor> a .menu-item_plus:after,
.primary-nav ul li ul li.current_page_parent> a .menu-item_plus:after,
.primary-nav > ul > li.current-menu-item > a .menu-item_plus,
.primary-nav > ul > li > ul > li.current-menu-item > a .menu-item_plus:after,
.primary-nav > ul > li > ul > li > ul > li.current-menu-item > a .menu-item_plus:after{
visibility: visible;
opacity: 1;
}

.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,
.primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(2) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(3) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(4) > .sub-menu {
left: auto; 
}

.primary-nav > .menu > .menu-item:nth-last-child(1) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(2) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(3) > .sub-menu,
.primary-nav > .menu > .menu-item:nth-last-child(4) > .sub-menu {
right: 0; 
}

.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 li ul li:hover ul {
top: -12px;
}

.primary-nav ul li:hover>ul {
opacity: 1;
visibility: visible;
transform: rotateX(0) translateZ(0);
top: 100%;
}

.primary-nav ul li ul ul {
top: -3px;
left: 100%;
}


.primary-nav ul li ul li.menu-item-has-children > a:before {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
}




.header_search-button-wrapper, .header_cart-button-wrapper{
cursor: pointer;
}

.header_search-button-wrapper:before, .header_cart-button-wrapper:before {
content: '';
display: inline-block;
position: relative;
height: 100%;
vertical-align: middle;
}

.header_search-button, .header_cart-button{
display: inline-block;
position: relative;
width: 50px;
margin-top: 0;
vertical-align: middle;
cursor: pointer;
text-align: center;
color: inherit;
}

.header_search-button:after {
content: '\f002';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
}

.header_cart-button:after {
content: '\f07a';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
}

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

.header_cart-field:hover .asma_mini_cart { 
opacity: 1;
visibility: visible;
}

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

/* #Main Header */
.ma-main-header .header_main_shadow {
-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}

/* #Sticky Menu */

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

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

.ma-sticky-header .header_sticky_shadow {
-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
Header Styles - End
========================================================================== */   


/* ==========================================================================
Search Styles - Start
========================================================================== */
#search-slide {
position:fixed;
top:0;
left:0;
right:0;
background: #fff;
transition: all 0.4s;
z-index: 99999;
}

.slide-search_full {
position:fixed;
top:0;
left:0;
right:0;
height: 100%;
width: 100%;
background-color:#353535;
opacity: 0.4;
transition: all 0.4s;
z-index: 99;
display: none;
}

#search-popup{

position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 105;
opacity: 1;
z-index: 99999;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
visibility: visible;
opacity: 1;

}

#search-slide.active_search{
transform: translate(0,-100%);
}

#search-popup.active_search{
visibility: hidden !important;
opacity: 0!important;
}

#search-slide .search-form .ma-search-field {
-webkit-border-radius: 0;
border-radius: 0;
font-size: 24px !important;
border-width: 0 0 1px 0;
padding: 0 60px 14px 0;
border:none !important;
border-bottom: 1px solid !important;
border-color: #e5e5e5 !important;
}   

#search-slide .search-form .ma-search-submit {
position: absolute;
right: 0;
bottom: 14px;
margin: 10px 0;
height: 28px;
padding: 0;
width: 45px;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0;
z-index: 1;
}
.search-form  .ma-search-submit:after {
content: '';
font-style: normal;
font-weight: 900;
text-decoration: inherit;
top: 0;
right: 0;
position: absolute;
font-size: 26px;
line-height: initial;
}

.ma-search-flex {
display: flex;
width: 100%;
height: 100%;
}

.left-side-search{
width: 100%;
}

#search-slide .right-side-search{
flex-basis:100px;
text-align: center;
padding: 10px;
}

.ma-fullscreen-search-table {
display: table;
width: 100%;
height: 100%;
}

.ma-fullscreen-search-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.ma-form-holder-inner {
position: relative;
width: 100%;
margin: auto;
}
.ma-field-holder {
display: block;
position: relative;
}
#search-popup .ma-search-field {
position: relative;
height: 100%;
width: 1170px;
border: 0;
background: 0 0;
outline: 0;
padding: 10px 10px;
color: #3a3a3a;
font-size: 30px;
line-height: 16px;
font-weight: 700;
border:none !important;
font-size: 30px !important;
}

#search-slide .ma-search-submit,#search-popup .ma-search-submit {
position: absolute;
right: 0;
bottom: 20px;
padding: 10px 10px;
width: auto;
font-size: 18px;
line-height: 1em;
color: #808285;
background-color: transparent;
border: none;
outline: 0;
opacity: 1;
cursor: pointer;
-webkit-transition: all .3s .2s;
-moz-transition: all .3s .2s;
transition: all .3s .2s;
text-align: center; 
background: transparent!important;
}

#search-slide  .icon_search:before ,#search-popup .icon_search:before,
.menu-box-search .icon_search:before, .asma_404_search .icon_search:before{
content: '\f002';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
}
.asma_404_search .icon_search:before{
color: #fff;
}
.ma-form-holder-inner .search-line {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-bottom: 1px solid #e1e1e1;
-webkit-transition: all .3s .2s;
-moz-transition: all .3s .2s;
transition: all .3s .2s;
}

#search-slide .slide-search-close {
position: absolute;
top: 10px;
width: 20px;
height: 20px;
opacity: 0.3;
right: 40px;
}

#search-popup .slide-search-close {
position: absolute;
top: 40px;
width: 20px;
height: 20px;
opacity: 0.3;
right: 40px;
}

#search-slide .slide-search-close:hover, #search-popup .slide-search-close:hover {
opacity: 1;
}

.slide-search-close:before, .slide-search-close:after {
position: absolute;
left: 15px;
content: ' ';
height: 20px;
width: 2px;
background-color: #333;
}

.slide-search-close:before {
transform: rotate(45deg);
}

.slide-search-close:after {
transform: rotate(-45deg);
}

/* ==========================================================================
Search Styles - End
========================================================================== */
/* ==========================================================================
Page Header - Start
========================================================================== */
.ma-header-wrapper ,.ma-header-wrapper .ma-container, .page-title-box, .page-title-padding {
height: 100%;
}

.ma-container:before {
display: table;
line-height: 0;
content: "";
}
.page-header{
  position: relative;
  overflow: hidden;
}
.page-header .page-header_content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.page-header .page-header_content .page-header_title{
z-index: 1;
letter-spacing: 2px;
}
.attachment .page-header_title{
text-transform: capitalize;
}
.attachment .entry-header{
margin-bottom: 15px;  
}
.page-header .anim_img{
position: absolute !important;
width: 100%!important;
height: 100%;
}

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

.page-header_breadcrumbs .breadcrumbs {
letter-spacing: 1px;
text-transform: capitalize;
font-weight: 700;
}

.page-header_breadcrumbs a, .page-header_breadcrumbs a:hover  {
color: inherit;
}

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

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

/* ==========================================================================
Page Header - End
========================================================================== */

/* ==========================================================================
Typography - Start
========================================================================== */   

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;
color: #363636;
background: #f7f5f2;
border-left: 4px;
padding: 35px 35px;
border-left-color: currentcolor;
border-left-style: none;
border-left-style: solid;
-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 cite {
font-style: normal;
font-weight: 500;
display: block;
position: relative;
font-size: 15px;
line-height: 1.2;
color: #b2b2b2;
text-transform: uppercase;
letter-spacing: 0;
margin-top: 13px;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large{
padding: 35px 35px;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
    font-style: normal;
    font-size: 28px;
    line-height: 40px;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
    text-align: left;
}
.wp-block-pullquote{
  padding: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote p{
font-size: inherit;
line-height: inherit;  
}
.wp-block-pullquote blockquote:before {
display: none; }

.wp-block-pullquote.is-style-solid-color blockquote {
text-align: center; }
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: uppercase; }

/* ↑ dropcaps ↑ */
small {
  font-size: 0.8em; }

code, tt, kbd {
font-size: 87.5%;
color: #f04493;
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; }

sup {
  vertical-align: super;
  font-size: smaller; }

/* ==========================================================================
Typography - End
========================================================================== */ 

/* ==========================================================================
Footer styles - Start
========================================================================== */   

.footer-top{ 
padding: 90px 0 70px;
overflow: hidden;
}
.full-footer .footer-ma-inner{
margin-right: -15px; 
margin-left: -15px;  
}
body .footer-top .footer-item{ 
padding: 30px 15px;
}

.footer-item{ 
float: left;
}

/* ==========================================================================
Footer styles - End
========================================================================== */   
/* ==========================================================================
Copyright styles - Start
========================================================================== */   
.copyright{
clear: both;
position: relative;
overflow: hidden;
}

.copyright p{
font-size: 14px;  
margin: 0;
padding: 0 15px;
}

.full-footer .copyright p{
margin-right: -15px; 
margin-left: -15px;  
}
/* ==========================================================================
Copyright styles - End
========================================================================== */   


/* ==========================================================================
Page Search - Start
========================================================================== */   
header.search-header {
  margin-bottom: 30px; 
}
.results_search .search-header {
padding: 50px;
background-color: #f7f5f2;
border: 1px solid #e5e5e5;
text-align: center;
}
.results_search header.search-header h1.search-title{
  font-weight: 800;
}
header.search-header h1.search-title {
    font-size: 36px;
    line-height: 1;
    word-wrap: break-word;
}
.search_404_wrapper {
padding: 50px 0 50px;  
min-height: 100%; 
}
.search_404_inner{
max-width: 738px;
margin: 0 auto;
text-align: center;
padding: 0 15px;  
}

.search_404_inner .search_404_text {
  font-size: 18px;
  line-height: 28px;
      margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    font-size: 16px;
    margin-top: 25px;
    max-width: 520px;
    line-height: 30px; }



/* ==========================================================================
Page Search - 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: 14px;
}

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

/* ==========================================================================
Page 404 - End
========================================================================== */   

/* ==========================================================================
Blog Styles - Start
========================================================================== */   

.blog-style-standard .ma_col-6:nth-child(2n+1), .related-posts-container .ma_col-6:nth-child(2n+1){
clear: left;
}

.blog-style-standard .ma_col-4:nth-child(3n+1), .related-posts-container .ma_col-4:nth-child(3n+1){
clear: left;
}

.blog-style-standard .ma_col-3:nth-child(4n+1), .related-posts-container .ma_col-3:nth-child(4n+1) {
clear: left;
}
.post-box .post-inner {
position: relative;
border-radius: 0;
transition: all 0.4s;
background: #ffffff;
padding: 30px;
border: 1px solid #e5e5e5;
}

.single-post .post-box .post-inner {
margin: 0 15px;
}
.blog-posts .post-box.ma_col-12 {
margin: 0 0 50px;
}
.blog-posts .post-box.ma_col-6, .blog-posts .post-box.ma_col-4, .blog-posts .post-box.ma_col-3 {
margin: 0 0 50px;
}
.blog-posts .asma-grid-item.ma_col-12 {
margin: 0 0 50px;
}

.blog-posts .asma-grid-item.ma_col-6, .blog-posts .asma-grid-item.ma_col-4, .blog-posts .asma-grid-item.ma_col-3 {
margin: 0 0 50px;
}

.blog-posts .blog-style-masonry article {
margin: 0 0 5px;
}
.entry-media{
position: relative;
}

.post-inner img{
height: auto;
max-width: 100%;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
vertical-align: middle;
}

.list-blog .entry-media img{
width: 100%;
}
.blog-list-container {
margin-right: -15px;
margin-left: -15px;
}
.post-inner .entry-summary h1, .post-inner .entry-summary h2, .post-inner .entry-summary h3,
.post-inner .entry-summary h4, .post-inner .entry-summary h5, .post-inner .entry-summary h6{
  margin-bottom: 12px;
}
.page-post  h1, .page-post h2, .page-post h3,
.page-post  h4, .page-post h5, .page-post h6{
  margin-bottom: 12px;
}
.post-inner .entry-summary ul, .post-inner .entry-summary ol{
    padding: 0 0 20px 0;
}
.post-inner .entry-summary ul ul, .post-inner .entry-summary ol ol,.post-inner .entry-summary li ul, .post-inner .entry-summary li ol{
  padding-bottom: 0;
}

.list-blog .blog-posts article:last-child{
margin-bottom: 0;
}
.post-format_video .entry-media .entry-media_video, .post-format_audio .entry-media .entry-media_audio{
padding-bottom: 57%;
width: 100%;
max-width: 100%;
position: relative;
margin-bottom: 30px;
}

.post-format_video .entry-media iframe, .post-format_audio .entry-media iframe{
position: absolute;
z-index: 1;
height: 100%;
}
.post-box .post-cat{
margin-bottom: 8px;  
}
.post-box .post-cat span{
color:#777;  
}
.post-box .post-cat a {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.8px;
line-height: 1;
display: inline-block;
color: inherit;
font-size:13px;
font-weight: 500;
height: 21px;
letter-spacing: 1.95px;
line-height:21px;
}
.post-box .post-cat span:not(:only-child):not(:last-child):after {
content: "-";
margin-left: .5rem;
margin-right: .625rem;
display: inline-block;
}
.entry-summary.the-excerpt p:last-child, .page-post p:last-child, .page-content-inner p:last-child{
margin-bottom: 0;
}

.blog-style-overlay .post-box .inner-post {
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;
padding:0 36px;
position: absolute;
width: 100%;
bottom: 0;
background: #fff;
width: calc(100% - 60px);
margin: 30px;
}

.asma-masonry-grid:after {
content: '';
display: block;
clear: both;
}

.blog-style-standard .post-box .inner-post, .blog-style-masonry .post-box .inner-post {
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;
position: relative;

}
body .blog-style-standard .post-box.sticky-post .post-inner, body .blog-style-masonry.sticky-post .post-box .post-inner {
background-color: #f7f5f2;
border: 1px solid #e5e5e5;


}
body .single-post .post-box .sticky-post {
background-color: #f7f5f2;

}
.single-post .sticky-post .inner-post .asma-tags a, .single-post .sticky-post .inner-post .asma-view-wrapper{
color: #ffffff;  
}
.blog-style-masonry .post-box{
width: 100%;  
}


.single-post .outer-post-info .entry-summary{
padding-top: 5px;  
overflow: hidden;
}
.entry-summary p:last-of-type{
margin-bottom: 0;
}

.block-spacer{
height: 50px;
clear: both;
}
.block-spacer-sc{
height: 35px;
clear: both;
}
.block-spacer-third{
 height: 30px;
clear: both; 
}
.single-post .outer-post-info .entry-summary .wp-block-gallery ul{
margin-top: 20px;
 
}
.single-post .outer-post-info .entry-summary h1, .single-post .outer-post-info .entry-summary h2,
.single-post .outer-post-info .entry-summary h3, .single-post .outer-post-info .entry-summary h4,
.single-post .outer-post-info .entry-summary h5, .single-post .outer-post-info .entry-summary h6{

    margin: 0 0 20px;
 
}

.imgae_post-date{
position: absolute;
left: 15px;
top: 15px;
}
 .imgae_post-date a {
text-align: center;
display: inline-block;
padding: 7px 15px 7px;
color: #ffffff;
}
 .imgae_post-date a:hover{
 color: #ffffff; 
 }
.imgae_post-date a span{ 
   display: block;
    line-height: initial;
  }
.imgae_post-date a span.day {
    font-size: 20px;
    font-weight: 700;
  }
 .imgae_post-date a span.month {
    font-size: 13px;
    text-transform: uppercase;
} 
.entry-media img {
margin-bottom: 30px;
height: auto;
max-width: 100%;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: block;
}


.post-box .entry-meta span a{
color: inherit;
}

.post-box .entry-meta span{
font-size: 13px;
vertical-align: middle;
position: relative;
text-transform: capitalize;
font-weight: 500;
color: #777;
}
.post-box .entry-meta img {
border-radius: 50% !important;
margin-right: 10px;
width: 35px;
vertical-align: top;
max-width: 100%;
height: auto;
float: left;
}

.post-box .entry-meta span + span:before {
content: '-';
display: inline-block;
vertical-align: middle;
border-radius: 0;
margin-top: 0px;
margin-left: 2px;
margin-right: 4px;
letter-spacing: 0;
}
.post-box .entry-title, .post-box .entry-title a{
margin-bottom: 15px;
font-size: 36px;
line-height: 42px;
word-wrap: break-word;
}
.post-box .gride-blog-title a{
font-size: inherit;
line-height: inherit; 
}
/*title*/

.single-post .post-box .entry-title {
margin-bottom: 15px;
font-size: 36px;
line-height: 42px;
word-wrap: break-word;
}
.style-attachment_image .entry-title{
text-transform: capitalize;  
}

.img-attach a img{
margin: 15px 0 0;  
display: inherit;  
}
.more-circle-style{
display: inline-block;
margin-right: 5px;
margin-bottom: -2px;
z-index: 1;
width: 14px;
height: 14px;
border-width: 3px;
border-style: solid;
border-color: #353535;
border-radius: 50%;
background-color: transparent;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.btn-readmore{
position: relative; 
width: 100%;  
margin-top: 30px;
display: inline-block;
 font-size: 0.8125rem;
text-transform: capitalize;
line-height: 1;
font-weight: bold;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.btn-readmore a{
font-weight: 700; 
text-transform: uppercase;
letter-spacing: 3px;
position: relative;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;

}
  .btn-readmore a:after, .btn-readmore a:before {
    content: '';
    display: block;
    height: 2px;
  width: calc(100% - 3px);

    background: #b2b2b2;
    position: absolute;
    bottom: -1px;
    left: 0; }
  .btn-readmore a:before {
    z-index: 1;
    width: 0;
    -webkit-transition: all .45s;
    -o-transition: all .45s;
    -moz-transition: all .45s;
    transition: all .45s; }
  .btn-readmore a:hover:before {
    width: calc(100% - 3px);
     }


/* ==========================================================================
Post Format - Start
========================================================================== */   

.format-no-featured{
position: relative;
border: 1px solid #e5e5e5;
padding: 60px;
margin-bottom: 30px;
}

.out_thumbnail{
/*padding: 10px;
*/
}

.format-video{
position: relative;
}

.format-icon{
position: absolute;
top: 0;
left: 0;
color: #fff;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
z-index: 1;
}



.format-video .format-icon:before{
content: "\f04b";
font-family: 'Font Awesome 5 Free';    
font-size: 16px;
font-weight: 900;
}

.format-quote .format-icon:before{
content: "\f10d";
font-family: 'Font Awesome 5 Free';
font-size: 16px;
font-weight: 900;
}

.format-link .format-icon:before{
content: "\f0c1";
font-family: 'Font Awesome 5 Free';
font-size: 16px;
font-weight: 900;
} 

.link-text{
font-size: 20px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
}

.quote-text{
font-size: 20px;
font-weight: 700;
line-height: 36px;
padding: 0;
margin: 0;
}

.quote-author  {
margin-top: 10px;
}

.quote-author img {
border-radius: 50% !important;
margin-right: 10px;
width: 35px;
vertical-align: top;
max-width: 100%;
height: auto;
}

.quote-author span{
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-weight: 600;
}

/* ==========================================================================
Post Format - End
========================================================================== */  

/* ==========================================================================
Video Button - Start
========================================================================== */

.ma-video{
display: inline-block;
color:#fff;
width: 65px;
height: 65px;
position:relative; 
margin:auto;
text-align:center;
border-radius: 50%;
}

.ma-video i{
line-height:65px;
margin-left:8%;
font-size: 21px;
} 
.ma-video:before,.ma-video:after{
content:'';
position:absolute;  
border-style: solid;
border-width: 1px;
border-radius: 50%; left:-20px; right:-20px; top:-20px; bottom:-20px; 
animation: animate 1.5s linear infinite;
opacity: 0;
}

.video-box.play-btni{
line-height:100px;
margin-left: 10px;
} 

@-webkit-keyframes animate {

0% {
-webkit-transform: scale(.5);
transform: scale(.5);
}

50% {
opacity: 1;
}

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

}

@keyframes animate {

0% {
-webkit-transform: scale(.5);
transform: scale(.5);
}

50% {
opacity: 1;
}

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

}

.video-btn{    
position: absolute;
top: 50%;
left: 50%;
text-align: center;
margin-top: -30px;
margin-left: -30px;
}


@keyframes shake {

30%, 50%, 70% {
transform: translate3d(-1px, 0, 0);
}

40%, 60% {
transform: translate3d(1px, 0, 0);
}

}

/* ==========================================================================
Video Button - End
========================================================================== */   

/* ==========================================================================
Author Box - Start
========================================================================== */   

.author-info_wrapper {
position: relative;
border: 1px solid #e5e5e5;
margin: 0 15px;
padding: 30px;
display: flex;
align-items: center;
clear: both;
}

.author-info_avatar {
width: 8.125rem;
height: 8.125rem;
margin-right: 30px;
overflow: hidden;
}

.author-info_avatar img {
border-radius: 3px;
box-sizing: content-box;
vertical-align: top;
max-width: 100%;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.author-info_content {
    flex: 1;
}


.author-info_content .author-info_name {
text-transform: capitalize;
font-size: 23px;
font-weight: 700;
line-height: 25px;
margin-bottom: 8px;
}

.author-info_description {
margin-bottom: 12px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.08px;
}

.author-info_social-wrapper {

}

.author-info_social-link{
display: inline-block;
margin-right: 10px;
font-size: 16px;
text-transform: uppercase;
position: relative;
width: 25px;
line-height: 25px;
text-align: center;
height: 25px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.title_soc_share a{
color: #b5b5b5;
}

.author-info_social-wrapper .author-info_social-link.fa-twitter:hover {
color: #18a6f0;
}

.author-info_social-wrapper .author-info_social-link.fa-facebook:hover {
color: #4661c5;
}

.author-info_social-wrapper .author-info_social-link.fa-linkedin:hover {
color: #007bb5;
}

.author-info_social-wrapper .author-info_social-link.fa-instagram:hover {
color: #f9636b;
}

/* ==========================================================================
Author Box - End
========================================================================== */   
/* ==========================================================================
Post Gallery - Start
========================================================================== */   

.single-post .inner-post {
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;
padding:0;
position: relative;
}

.single-post .asma-tags a {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 8px 9px;
border: 0;
background: #f7f5f2;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
letter-spacing: .8px;
text-transform: capitalize;
transition: 0.4s;
border-radius: 3px;
}
.single-post .entry-footer-warp .asma-tags a:hover {
color: #ffffff; 
}
.single-post .entry-footer{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
justify-content: space-between;
align-items: center;
font-size: 14px;
clear: both;
}

.list-entry-meta {
 margin-bottom: 22px; 
}
.list-entry-meta::before{
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 3px;
top: -2px;
margin-right: 8px;
}
.list-entry-meta.before_desgin::before{
 content: none!important; 
 display: none;

}
.post_meta-wrap {
margin-bottom: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.asma-view-wrapper{
font-size: 14px;
font-weight: 700;
background: #f7f5f2;
color: #777;
padding: 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;  
}
.asma-view-icon{
font-size: 13px;
padding-right: 5px;

}
.asma-view-count{
font-size: 13px;
position: relative;
text-transform: uppercase;
font-weight: 500;

}
.single-post-gallery{
overflow: hidden;
position: relative;
}

.single-post-gallery .owl-nav{
position: absolute;
width: 100%;
}

.single-post-gallery .owl-nav{
top: 50%!important;
margin: 0!important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

}

.gallery-next, .gallery-prev {
height: 50px;
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: 16px;
line-height: 50px;    
}

.gallery-prev {
left: 0;
}

.gallery-next {
right: 0;
}

.gallery-next, .gallery-prev {
position: absolute;
top: 50%;
z-index: 3;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}

.gallery-next:hover{
padding-left: 5px;
cursor: pointer;
}

.gallery-prev:hover{
padding-right: 5px;
cursor: pointer;
}

/* ==========================================================================
Post Gallery - End
========================================================================== */   
/* ==========================================================================
Post Share - Start
========================================================================== */   

.single_info-share_social-wpapper .share_social-wpapper {
display: flex;
text-align: center;
}



.share-icon-style i{
position: absolute;
top: 8px;
left: 16px;
font-size: 18px;
line-height: 1;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
.single_info-share_social-wpapper .share_link.share_twitter:hover {
color: #18a6f0;
}

.single_info-share_social-wpapper .share_link.share_facebook:hover{
color: #4661c5;
}

.single_info-share_social-wpapper .share_link.share_pinterest:hover{
color: #ff2e2e;
}

.single_info-share_social-wpapper .share_linkedin:hover{
color: #007bb5;
}

.single_info-share_social-wpapper .share_link + .share_link {
margin-left: 15px;
}



/* ==========================================================================
Post Share - Start
========================================================================== */   

/* ==========================================================================
Post Navigation - next / prev - Start
========================================================================== */   


.ma-post-navigation {
position: relative;
margin: 0 15px;
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; 
}
.ma-post-navigation:after {
display: block;
height: 0;
content: '';
clear: both; 
}
.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;
}
.prev-link_wrapper .image_prev {
display: inline-block;
width: 85px;
height: 85px;
overflow: hidden;
vertical-align: top;
margin-right: 15px;
position: relative;
transition: all 0.3s;
border-radius: 50%;
}
.prev-link_wrapper .prev_title {
line-height: 22px;
display: inline-block;
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
word-wrap: break-word;
letter-spacing: 1px;
}
.meta-wrapper .date_post{
font-size: 14px;  
font-weight: 400;
color: #777;  
}

.prev-link-info_wrapper > span, .next-link-info_wrapper > span {
display: block;
}
.prev-link-info_wrapper, .next-link-info_wrapper{
flex: 1;  
}
.next-link_wrapper .image_next {
display: inline-block;
width: 85px;
height: 85px;
overflow: hidden;
vertical-align: top;
margin-left: 15px;
position: relative;
transition: all 0.3s;
border-radius: 50%;
}
.info_prev-link_wrapper > a, .info_next-link_wrapper > a {
display: flex;
align-items: center;
}
.next-link_wrapper .next_title {
display: inline-block;
text-align: right;
font-size: 17px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
word-wrap: break-word;
letter-spacing: 1px;
}
.image_prev img, .image_next img{
width: 100%;
height: 100%;
}
.image_prev_style{
color: #fff;
z-index: 10;
position: absolute;
width: 85px;
height: 85px;
color: #fff;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.image_next_style{
z-index: 10;
position: absolute;
width: 85px;
height: 85px;
color: #fff;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.prev-link_wrapper .image_prev:after {
display: block;
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.next-link_wrapper .image_next:after {
display: block;
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.image_prev:before{
content: '\f053';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 21px;
position: absolute;
line-height: 85px;
left: 0;
right: 0;
opacity: 1;
color: #fff;
display: block;
text-align: center;
z-index: 20;
opacity: 1;
visibility: visible;
transition: all .3s ease;
}
.image_next:before{
content: '\f054';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 21px;
position: absolute;
line-height: 85px;
left: 0;
right: 0;
opacity: 1;
color: #fff;
display: block;
text-align: center;
z-index: 20;
opacity: 1;
visibility: visible;
transition: all .3s ease;
}

.next-link_wrapper .image_next.image_exist::after,
.prev-link_wrapper .image_prev.image_exist::after {
content:none;
display: none;}
.image_next.image_exist::before,
.image_prev.image_exist::before{
opacity: 0;
visibility: hidden;  
}
.prev-link_wrapper a:hover .image_prev:after
, .prev-link_wrapper a:hover .image_prev_style,
.prev-link_wrapper a:hover .image_prev.image_exist::before {
visibility: visible;
opacity: 1;
}

.next-link_wrapper a:hover .image_next:after
, .next-link_wrapper a:hover .image_next_style,
.next-link_wrapper a:hover .image_next.image_exist::before{
visibility: visible;
opacity: 1;
}
.icon-main-style{
font-size: 100px;
position: absolute;
bottom: -100px;
right: -100px;
width: 200px;
height: 200px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.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: 18px;
height: 18px;
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: 10px; }
.ma-post-navigation .back-nav_page:hover span:nth-child(2) {
      margin-top: 10px; }
.ma-post-navigation .back-nav_page:hover span:nth-child(3) {
      margin-right: 10px; }
.ma-post-navigation .back-nav_page:hover span:nth-child(4) {
      margin-bottom: 10px; }
.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; }


/* ==========================================================================
Post Navigation - next / prev -End
========================================================================== */   

/* ==========================================================================
Related Post - Start
========================================================================== */   


.related-posts{
margin: 0 15px;
overflow: hidden;
}

.related-posts h3{
position: relative;  
font-size: 23px;
font-weight: 700;
line-height: 25px;  
}

.single-post .related-posts-container .post-box .post-inner{
margin: 0;  
}
.related-posts-container .related-box {
margin-top: 30px;  
}

.single-post .related-posts-container .post-box  .post-cat{
margin: 0;
}

.post-box.related-box .inner-post {

position: relative;

}

.single-post .related-box .outer-post-info p {
margin:0;  
}
.single-post .related-posts-container .entry-title a{
font-size: 24px;
line-height: 36px;
}
/* ==========================================================================
   Related Post - End
   ========================================================================== */   
/* ==========================================================================
   Blog Styles - End
   ========================================================================== */ 
/* ==================== ##Lists Style ==================== */
body .inner-post ul, body .page-post ul, body .inner-post ol, body .page-post ol, body .comment_content ul, body .comment_content ol{
  padding: 0 0 20px 0px;
}
body .inner-post ul li ul, body .page-post ul li ul, body .inner-post ol li ol, body .page-post ol li ol,body .comment_content ol li ol, body .comment_content ul li ul{
padding: 0;
}
body .inner-post ul > li:before, body .page-post ul > li:before, body .comment_content ul > li:before {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 17px;
left: 2px;
width: 0.375em;
height: 0.375em;
border:none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
body .inner-post ul > li > ul > li:before,body .page-post ul > li > ul > li:before, body .comment_content ul > li > ul > li:before,
body .inner-post ul ol ul li:before,body .page-post ul ol ul li:before, body .comment_content ul ol ul li:before
{
background-color: transparent !important;
border-style: solid;
border-width: 1px;
width: 0.3em;
height: 0.3em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f50;
}


body .inner-post ul > li > ul > li > ul > li::before, body .page-post ul > li > ul > li > ul > li::before, body .comment_content ul > li > ul > li > ul > li::before{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:none;
width: 0.33em;
height: 0.33em;
}
body ul > li:last-child,
body ol > li:last-child {
  padding-bottom: 0;
  padding-bottom: 0; }

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

body ol {
  counter-reset: li; }
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 {
counter-increment: li;
position: relative; 
}

body ol > li:before {
content: "-" counter(li);
display: inline-block;
position: static;
width: auto;
height: auto;
margin-left: -webkit-calc(-1.45em - 10px);
margin-left: -moz-calc(-1.45em - 10px);
margin-left: calc(-1.45em - -10px);
margin-right: 6px;
line-height: inherit;
font-weight: 600;
direction: rtl;
}

body .widget ul > li:before, body .widget ol > li:before,
body footer ol > li:before{
content: none;
}
body ul ol > li:before, .inner-post ul ol li:before  {
background-color: transparent !important;
background: none !important;
}

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

/* Gallery */
.wp-block-gallery {
/*margin-bottom: 16px; */}
.wp-block-gallery li.blocks-gallery-item {
padding-left: 0;
margin-bottom: 16px; }
.wp-block-gallery li.blocks-gallery-item:before {
display: none; }
.wp-block-gallery li.blocks-gallery-item figcaption {
line-height: 1.5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
.wp-block-gallery.alignwide {
clear: both; }
.wp-block-group.has-background{
padding: 2rem;
}
.wp-block-cover, .wp-block-button, p + .alignfull, p + .alignwide {
margin-top: 2rem;
margin-bottom: 2rem;
}
.wp-block-cover.alignleft, .wp-block-button.alignleft {
margin-right: 2rem;
margin-top: 0;
}
.wp-block-categories, .wp-block-tag-cloud, .wp-block-search {
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-tag-cloud a{
color: inherit;  
}
.post-box  .page-link {
    margin-top: 25px;
}
.post-box .more-link {
    display: none;
}
.page-link {
    clear: both;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.page-link .post-page-numbers:first-child {
    margin-left: 10px;
}
.page-link .post-page-numbers {
    line-height: 30px;
    margin-right: 10px;
    display: inline-block;
    font-weight: 700;
}
.page-post .page-link{
padding-right: 15px;
padding-left: 15px;
margin-top: 15px;
}
[class*=wp-image-] {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }
/* ==========================================================================
   Comments styles - Start
   ========================================================================== */

.comments-holder{
  margin: 0 15px;
}
.comments-section {
margin: 30px 0;
}
.page-post .comments-section, .attachment .comments-section {
margin: 60px 0;
}
#comments #respond {
position: relative;
overflow: hidden;
background: #ffffff;
border: 1px solid #e5e5e5;
padding: 30px 30px; 
}

#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;
z-index: 10;
font-size: 23px;
font-weight: 700;
line-height: 25px;
}

#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"] {

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

#comments .commentlist .comment .commentava img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}

#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:last-child .stand_comment:last-child {

}

#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 {
text-transform: capitalize;
letter-spacing: 0.15em;
font-size: 0.8125rem;
font-weight: 400;
color: #a2a2a2;

}

#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_info .meta-wrapper .comment-edit-link:hover {
color: #232323; 
}

#comments .commentlist .comment_author_says {
font-size: 14px;
font-weight: 700;
line-height: 18px;
padding-top: 0;
margin-bottom: 5px;
letter-spacing: 1px;
}

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

#comments .commentlist .comment_content {
margin-top: 15px;
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: 4px 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: 26px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px; 
}

#comments .comment-reply-link:hover, #comments .comment-reply-link:focus, #comments .comment-reply-link:active {
background: transparent; 
}

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

#comments .button__wrapper input[type="submit"],
#comments .button__wrapper button {
background: transparent !important; 
}
.bypostauthor{
font-weight: 400;
}
.comments-title {
margin-bottom: 28px; 
}

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


.comment-form .form-submit:after {
content: "";
position: absolute;
right: -35px;
top: 30px;
height: 70px;
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s; 
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}


body .comment-respond .comment-reply-title {
position: relative;
margin-bottom: 20px;
z-index: 10;
font-size: 24px;
font-weight: 700;
line-height: 25px;
}

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

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

body .comment-form-cookies-consent > input {
margin-right: 7px;
margin-left: 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; }

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.1;
    list-style: none;
    margin-bottom: 1em;
}
/* ==========================================================================
   Comments styles - End
   ========================================================================== */
/* ==========================================================================
   Contact Form - Start
   ========================================================================== */   

.wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px; 
}

.wpcf7 .wpcf7-response-output {
margin: 0; 
}

.wpcf7 input:not([type="submit"]),
.wpcf7 select,
.wpcf7 textarea {
width: 100%; 

}



body .wpcf7 input:not([type='checkbox']):not([type='submit']),
body .wpcf7 select,
body .wpcf7 textarea{
color: #ffffff;
background: rgba(255, 255, 255, 0.3);
border-width: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 13px;
}


body .wpcf7 input[type="submit"]{
margin-top: 5px;  
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


body .wpcf7 input:not([type="submit"])::-webkit-input-placeholder,
body .wpcf7 textarea::-webkit-input-placeholder {
color: #ffffff;
}
body .wpcf7 input:not([type="submit"])::-moz-placeholder,
body .wpcf7 textarea::-moz-placeholder {
color: #ffffff;
}

body .wpcf7 input:not([type="submit"])::-ms-input-placeholder,
body .wpcf7 textarea::-ms-input-placeholder {
color: #ffffff;
}


.wpcf7-form .row {
margin-left: -15px;
margin-right: -15px; 
}

.wpcf7 .ajax-loader {
display: none !important; 
}

.wpcf7-not-valid-tip {
padding-top: 5px; 
}

.wpcf7 .form-icon {
position: absolute;
z-index: 1;
top: 9px;
right: 35px;
font-size: 14px;
color: #b2b2b2; 
}

.wpcf7 .wpcf7-submit {
margin-top: 0;
color: #ffffff; 
}

.wpcf7 .wpcf7-submit:hover {
color: #ffffff; 
opacity: .9;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.wpcf7 p:last-child{
    margin: 0 0 0 0;
}

.wpcf7 .asma-email-form-7-widget{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.footer .wpcf7 .asma-email-form-7-widget{
position: relative;
width: 100%;
margin-top: 17px;
padding: 10px 16px;
font-size: 12px;
background-color: transparent;
border: 1px solid #e1e1e1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
box-sizing: border-box;
-webkit-transition: border-color .2s ease-in-out;
-moz-transition: border-color .2s ease-in-out;
transition: border-color .2s ease-in-out;
}
.wpcf7 .asma-email-form-7-warp{
position: relative;
min-height: 1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.wpcf7 .asma-email-form-7-widget .wpcf7-form-control-wrap{
margin: 0;  
}


body .wpcf7 .asma-email-form-7-widget input:not([type="checkbox"]):not([type="submit"]), 
body .wpcf7 .asma-email-form-7-widget select, body .wpcf7 .asma-email-form-7-widget textarea{
background: none;  
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0; 
height: auto;
padding: 0;
}


body .wpcf7 .asma-email-form-7-widget .asma-email-form-7-btn{
margin: 0; 
height: auto;
padding: 0 3px;
background-color: transparent !important;
line-height: 1;
background: none !important;
font-size: 0px;

}
body .wpcf7 .asma-email-form-7-widget .asma-email-form-7-btn:before{
content: "\f061";
display: inline-block;
font-size: 16px;
font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
font-style: normal;
font-weight: 900;
line-height: 1;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
body .wpcf7 .asma-email-form-7-widget .asma-email-form-7-btn:hover:before{
transform: translateX(60%);
}

/* ==========================================================================
   Contact Form - End
   ========================================================================== */    
/* ==========================================================================
   Preloader Styles - Start
   ========================================================================== */

#preloader-wrapper{
z-index: 10000;
position: fixed;
width: 100%;
height: 100%;
}

.preloader-container{
position: relative;
width: 82px;
height: 82px;
left: 50%;
top: 50%;
margin-top: -41px;
margin-left: -41px;
}

.preloader-spinner {
position: relative;
width: 45px;
height: 45px;
margin: 1px;
background: transparent;
border-width: 5px;
border-style: solid;
float: left;
border-radius: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) 
}

50% { -webkit-transform: perspective(120px) rotateY(180deg) 
}

100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) 
}

}

@keyframes sk-rotateplane {
0% { 
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
} 50% { 
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
} 100% { 
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}

}


/* ==========================================================================
   Preloader Styles - End
   ========================================================================== */

/* ==========================================================================
   #Back to Top styles - start
   ========================================================================== */

#asma-back-to-top {
position: fixed;
z-index: 20;
right: 20px;
bottom: 20px;
width: 48px;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s; 
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 3px 3px 10px 0 rgba(42,67,113,.2);
-webkit-box-shadow: 3px 3px 10px 0 rgba(42,67,113,.2);
-moz-box-shadow: 3px 3px 10px 0 rgba(42,67,113,.2);
}

#asma-back-to-top:after {
content: "\f077";
display: inline-block;
font-size: 20px;
font-family: "Font Awesome 5 Free"; 
font-style: normal;
font-weight: 900;
}

#asma-back-to-top.active {
opacity: 1;
bottom: 40px;
}


/* ==========================================================================
   #Back to Top styles - End
   ========================================================================== */

/* ====================================================================== 
   Social Bar Styles - Start
   ====================================================================== */ 

.ma-sticky-social{
position: fixed;
z-index: 90;
top: 150px;
}

.ma-sticky-social ul li {
padding: 0;
margin-bottom: 10px;
}

.ma-sticky-social ul li a{
line-height: 40px;
width: 40px;
text-align: center;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
display: block;
background: #f7f5f2;
border: 1px solid #e5e5e5;
}

.ma-sticky-social ul li a.twitter_share {
color: #18a6f0;
}

.ma-sticky-social ul li a.facebook_share {
color: #4661c5;
}

.ma-sticky-social ul li a.pinterest_share {
color: #ff2e2e;
}

.ma-sticky-social ul li a.linkedin_share {
color: #007bb5;
}

.ma-sticky-social ul li a.tumblr_share {
color: #001835;
}

.ma-sticky-social ul li a.twitter_share:hover {
color: #fff;
background-color: #18a6f0;
}

.ma-sticky-social ul li a.facebook_share:hover {
color: #fff;
background-color: #4661c5;
}

.ma-sticky-social ul li a.pinterest_share:hover{
color: #fff;
background-color: #ff2e2e;
}

.ma-sticky-social ul li a.linkedin_share:hover{
color: #fff;
background-color: #007bb5;
}

.ma-sticky-social ul li a.tumblr_share:hover{
color: #fff;
background-color: #001835;
}

/* ======================================================================
    Social Bar Styles - End
    ====================================================================== */ 

/* ======================================================================
    Pagination - Start
    ====================================================================== */ 

.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 17px;
padding: 0;
border: 0;
float: none;
}

.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;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
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-arrow {
border-style: solid;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 6px;
}

.btn-arrow{
font-size: 22px;
}

.arrow-right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.arrow-left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
background: transparent!important;
}
/* ======================================================================
    Pagination - End
    ====================================================================== */ 


/* ==========================================================================
   Shop List - Start
   ========================================================================== */


.woo_product_post_media {
margin: 0; }
.woocommerce a.button, 
.woocommerce button.button,
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{
color: #fff;
}

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

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

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 a.add_to_cart_button, ul.ma-products li:hover a.button,
.woocommerce .products ul.ma-products li:hover a.add_to_cart_button,
.woocommerce .products ul.ma-products li:hover a.button {
visibility: visible;
opacity: 1;
bottom: 20px; 
}

ul.ma-products li a.add_to_cart_button:hover, ul.ma-products li a.button:hover,
.woocommerce .products ul.ma-products li a.add_to_cart_button:hover,
.woocommerce .products ul.ma-products li a.button:hover {
color: #fff; 
}

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;
position: absolute;
left: 0;
bottom: -10px;
min-height: 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
opacity: 0;
visibility: hidden;
font-size: 14px;
line-height: 17px;
padding: 16px 10px;
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;
margin-left: 60px;
width: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
text-transform: uppercase;
}
.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 a.add_to_cart_button:before, ul.ma-products li a.button:before, ul.ma-products li .added_to_cart.wc-forward:before,
.woocommerce .products ul.ma-products li a.add_to_cart_button:before,
.woocommerce .products ul.ma-products li a.button:before,
.woocommerce .products ul.ma-products li .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; 
}

.woocommerce .products ul.ma-products li .added_to_cart.wc-forward:before,
ul.ma-products li .added_to_cart.wc-forward:before,
ul.ma-products li a.add_to_cart_button:hover, ul.ma-products li a.button:hover, ul.ma-products li .added_to_cart.wc-forward:hover,
.woocommerce .products ul.ma-products li a.add_to_cart_button:hover,
.woocommerce .products ul.ma-products li a.button:hover,
.woocommerce .products ul.ma-products li .added_to_cart.wc-forward:hover {
color: #fff; 
}

ul.ma-products li a.add_to_cart_button:hover:before, ul.ma-products li a.button:hover:before, ul.ma-products li .added_to_cart.wc-forward:hover:before,
.woocommerce .products ul.ma-products li a.add_to_cart_button:hover:before,
.woocommerce .products ul.ma-products li a.button:hover:before,
.woocommerce .products ul.ma-products li .added_to_cart.wc-forward:hover:before {
color: #fff; 
}

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;
color: #fff;
vertical-align: inherit;
margin-left: 0; 
}

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: 50px;
vertical-align: inherit;
color: transparent;
bottom: 20px;
opacity: 0;
visibility: visible;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
line-height: 60px; 
}

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;
height: 50px;
vertical-align: inherit;
bottom: 20px;
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: -webkit-calc(100% - 120px);
width: -moz-calc(100% - 120px);
width: calc(100% - 120px);
line-height: 50px;
margin-left: 60px; 
}

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 {
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;
line-height: 50px;
height: 50px; 
}

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: 21px;
margin-bottom: 0;
font-size: 22px;
line-height: 30px;
font-weight: 700;
}

ul.ma-products .woocommerce-loop-product__title + .price,
.woocommerce .products ul.ma-products .woocommerce-loop-product__title + .price {
display: block; }
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: 12px;
line-height: 1; 
}

ul.ma-products .star-rating:before,
.woocommerce .products ul.ma-products .star-rating:before {
content: '\f005\f005\f005\f005\f005';
font-family: "Font Awesome 5 Free";
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 {
text-decoration: unset; 
}

ul.ma-products .woo_product_content,
.woocommerce .products ul.ma-products .woo_product_content {
overflow: hidden; 
}

.woocommerce span.onsale {
display: inline-block;
top: 15px;
left: 15px;
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: 7.0em;
margin: 0;
margin-right: 10px;
margin-left: 0;
font-size: 16px;
line-height: 1;
letter-spacing: 5px; 
}

.woocommerce .woocommerce-product-rating .star-rating:before {
content: '\f005\f005\f005\f005\f005';
font-family: "Font Awesome 5 Free";
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: '\f005\f005\f005\f005\f005';
font-family: "Font Awesome 5 Free";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; 
}

.woocommerce .star-rating span:before {
content: '\f005\f005\f005\f005\f005';
font-family: "Font Awesome 5 Free";
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: #f7f5f2;
}

.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 .woocommerce-ordering select {
display: block;
float: right;
height: 60px;
width: 270px;
max-width: 100%;
margin: unset;
border: unset;
outline: unset;
padding: 0 35px 0 20px;
font-family: inherit;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
border: 1px solid #e5e5e5;
background: #f7f5f2;
-webkit-appearance: none;
-moz-appearance: none; 
}

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

.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 .asma_module_message_box {
width: 100%; 
}

.ma-woocommerce-sorting .asma_module_message_box:before {
display: none; 
}

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

.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: 1.7em; 
}
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 #e5e5e5;
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: #f7f5f2;
}
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;
}
.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.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;
}

.woocommerce.single div.product .woocommerce-product-gallery a.woocommerce-product-gallery__trigger:after {
top: 24px;
left: 27px;
background: #000;
-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:before {
top: 14px;
left: 14px;
border: 2px solid #000;
-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: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: 20px;
border-top-width: 1px;
border-bottom-width: 1px;
border-style: solid;
border-color: transparent;
}

.woocommerce.single div.product div.summary .product_meta > span {
display: block;
margin-bottom: 0;
font-size: 16px;
line-height: 40px;
font-weight: 700; 
}

.woocommerce.single div.product div.summary .product_meta > span:last-child {
margin-bottom: 0; 
}

.woocommerce.single div.product div.summary .product_meta > span > * {
padding-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: 15px;
font-size: 20px;
font-weight: 600; 
}

.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: 10px;
font-size: 36px;
line-height: 42px;
word-wrap: break-word;
font-weight: 700;
}

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

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

.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: inline-block;
margin-bottom: 30px; 
}

.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 select {
display: inline-block;
height: 35px;
min-width: auto;
margin-right: 0;
padding: 0 30px;
-webkit-appearance: none;
-moz-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: 10px;
background-color: white;
-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: 70px;
border-width: 3px;
border-style: solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 19px 38px;
font-size: 14px;
line-height: 1.3;
color: #ffffff;
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 div.product form.cart .button:after {
content: "";
position: absolute;
right: -35px;
top: 30px;
height: 70px;
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;  
}

.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: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 30px 0 0;
background: #f7f5f2; 
}

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

.woocommerce .quantity-wrapper span:before, .woocommerce .quantity-wrapper span:after {
content: '';
position: absolute;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s; 
}

.woocommerce .quantity-wrapper span.minus {
display: inline-block;
vertical-align: middle;
background-color: transparent;
border-top: 1px solid #e5e5e5;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
right: 0;
width: 28px;
height: 34px;
font-size: 14px;
line-height: 33px;
font-weight: 700;
border-left: 0;
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: 34px;
font-size: 14px;
line-height: 34px;
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:hover, .woocommerce .quantity-wrapper span.minus:hover{
color: #ffffff;
}

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

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

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

.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: #f7f5f2;
-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 #f7f5f2;
border-width: 0 2px;
font-size: 2rem;
height: 3rem;
font-weight: bold;
text-align: center; 
}

.woocommerce del {
margin-right: 4px;
color: #b2b2b2; 
}

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

/* ==========================================================================
Single Product - 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-bottom: 1px solid #e5e5e5; 
}

.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: 20px;
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: capitalize;
-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 #e5e5e5; 
}


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

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

.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: 32px;
line-height: 1.3;
}

.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;
    background-color: #f7f5f2;
    border: 1px solid #e5e5e5;
    padding: 46px 50px 60px;
}

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

.woocommerce #review_form #respond form#commentform > p.comment-form-author{
  padding-right: 5px;
}
.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;
}
/* ==========================================================================
Shop Tabs - End
========================================================================== */

/* ==========================================================================
Shop Notice - Start
========================================================================== */

.asma_module_message_box {
position: relative;
-webkit-border-radius: unset;
-moz-border-radius: unset;
border-radius: unset;
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;

}

.asma_module_message_box .message_title {
margin-bottom: -1px;
font-size: 18px;
line-height: 1.25;
color: inherit; 
}
.woocommerce-info, .woocommerce-error, .woocommerce-message{
position: relative;
margin-bottom: 0;
padding: 25px;
line-height: 36px;
background: #f7f5f2;
border: 1px solid #e5e5e5;
}

.woocommerce-info::before, .woocommerce-error::before, .woocommerce-message::before {
display: inline-block;
position: static;
float: left;
font-family: 'Font Awesome 5 Free';
font-size: 26px;
line-height: 25px;
margin-right: 10px;
padding: 5px;
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-error ul.asma_woocommerce-error {
padding: 0;  
}
.woocommerce-error ul.asma_woocommerce-error li::before{
content: none;
}
/*
.asma_module_message_box .message_icon_wrap {
position: absolute;
z-index: 1;
top: -1px;
left: -1px;
width: 65px;
height: -webkit-calc(100% + 2px);
height: -moz-calc(100% + 2px);
height: calc(100% + 2px);
-webkit-border-radius: unset;
-moz-border-radius: unset;
border-radius: unset; 
}
/*
.asma_module_message_box .message_icon {
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;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-style: normal;
font-size: 20px;
line-height: 28px;
color: #ffffff;
}


.asma_module_message_box.type_info .message_icon:before {
content: "\f129";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #007bff; 
}

.asma_module_message_box.type_success .message_icon:before {
content: "\f00c";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #339e47;
}

.asma_module_message_box.type_error .message_icon:before {
content: "\f00d";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f72f50; 
}

.asma_module_message_box.type_warning .message_icon:before {
content: '\f12a';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ff6000;  
}
*/
.woocommerce-message a.button {
display: inline-block;
left: auto;
margin: 0 10px 0 0;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 25px;
font-size: 14px;
line-height: 40px;
font-weight: bold;
text-decoration: none;
text-shadow: none;
text-align: center;
text-transform: capitalize;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
overflow: visible;
cursor: pointer;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
background: #fff;
border-width: 3px;
border-style: solid; 
}

.woocommerce-message a.button, .woocommerce-message a.button:hover {
color: #ffffff; 
}

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

.woocommerce .asma_module_message_box .message_text {
line-height: 50px;
font-size: 14px; 
}

.woocommerce-notices-wrapper {
margin-bottom: 20px; 
}

.woocommerce-notices-wrapper:empty {
display: none; 
}

.woocommerce .woocommerce-checkout .asma_module_message_box {
margin-bottom: 20px; 
}

.woocommerce .woocommerce-checkout .type_error .message_icon_wrap {
background: transparent; 
}

.woocommerce .woocommerce-checkout .type_error .message_icon_wrap .message_icon {
color: #fd2231; 
}

.woocommerce .woocommerce-checkout .type_error .message_close_button {
display: none; 
}
.woocommerce .woocommerce-checkout .place-order button{
margin-top: 20px;
}
p.cart-empty.woocommerce-info {
margin-bottom: 30px;
padding-left: 26px; 
}


.return-to-shop{
position: relative;
overflow: hidden;
}


.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: absolute;
overflow: hidden;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-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;
white-space: normal;
min-height: 50px;
padding: 0 25px;
font-weight: 700;
letter-spacing: 1px;
}

.woocommerce-info a.showcoupon:after,
.woocommerce-info a.button:after,
.woocommerce-error a.showcoupon:after,
.woocommerce-error a.button:after,
.woocommerce-message a.showcoupon:after,
.woocommerce-message a.button:after,
.return-to-shop a.button:after{
content: "";
position: absolute;
right: -35px;
top: 30px;
height: 70px;
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

/* ==========================================================================
Shop Notice - End
========================================================================== */


/* ==========================================================================
Shop Cart - Start
========================================================================== */
body.woocommerce-cart .page-content-inner {
padding: 0 !important;  
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .return-to-shop{
margin-right: 15px;
margin-left: 15px;   
}
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error{
margin-bottom: 15px; 
}
.woocommerce ul#shipping_method .amount {
font-weight: 600;
font-size: 16px; 
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination {
font-size: 16px;
font-weight: 500; 
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination strong {
font-weight: 700; 
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
line-height: 36px;
vertical-align: top; 
}

.woocommerce table.shop_table {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
font-size: 18px;
border-collapse: collapse; 
}

.woocommerce table.shop_table .woocommerce-Price-amount.amount {
font-size: 16px;
font-weight: 700; 
}

.woocommerce table.shop_table.cart .button {
height: 56px;
padding: 14px 25px;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0;
text-align: center;

color: #ffffff;
}

.woocommerce table.shop_table td {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
border: 0;
border-top: 1px solid #f7f5f2; 
}

.woocommerce table.shop_table td.product-remove {
padding-left: 2px;
padding-right: 2px;
text-align: center; 
}

.woocommerce table.shop_table td.product-name .product-quantity {
color: #b2b2b2;
opacity: 0.6; 
}

.woocommerce table.shop_table td.product-quantity label.label-qty {
display: none; 
}

.woocommerce table.shop_table td.actions {
text-align: left; 
}

.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-thumbnail {
text-align: left; 
}

.woocommerce table.shop_table td.product-thumbnail {
white-space: nowrap;
width: 12%;
}

.woocommerce table.shop_table td.product-name {
font-size: 18px;
text-transform: uppercase; 
}

.woocommerce table.shop_table td.product-name a {
color: inherit; 
}
.woocommerce table.shop_table tbody tr:first-child td {
border-top: 0; 
}
.woocommerce table.shop_table thead tr {
border: 0; 
}

.woocommerce table.shop_table thead th {
padding: 2px 0 17px;
border: 0;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
line-height: 2;
}

.woocommerce table.shop_table thead th.product-name {
padding-left: 15px;
text-align: left; 
}

.woocommerce table.shop_table tfoot tr th {
text-align: left;
padding-left: 20px;
border-top: 0; 
}

.woocommerce table.shop_table th {
border: 0; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table thead th {
font-size: 14px;
color: #ffffff; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table thead th.product-name {
padding-left: 40px; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tbody tr:last-child th, .woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tbody tr:last-child td {
padding-bottom: 35px; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tbody tr.cart_item .product-name, .woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tbody tr.cart_item .product-total,
.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tbody tr.cart_item .woocommerce-Price-amount.amount {
font-size: 14px;
font-weight: 600; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tfoot tr th {
text-align: left;
padding-left: 40px;
border-top: 0; 
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tfoot tr th, .woocommerce #order_review.woocommerce-checkout-review-order table.shop_table tfoot tr td {
border-top: 1px solid #e5e5e5;
}

.woocommerce #order_review.woocommerce-checkout-review-order table.shop_table td {
border-top: 0; 
}

.woocommerce-cart .cart-collaterals .button,
.woocommerce-checkout .cart-collaterals .button {
width: 100%;
height: 60px;
line-height: 30px !important;
overflow: hidden; 
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:after{
content: "";
position: absolute;
right: -35px;
top: 30px;
height: 70px;
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.woocommerce ul#shipping_method li {
padding-left: 0;
margin: 0; 
}

.woocommerce ul#shipping_method li label {
font-size: 16px;
font-weight: 500; 
}

.woocommerce ul#shipping_method li:before {
display: none; 
}

.checkout.woocommerce-checkout #ship-to-different-address,
.checkout.woocommerce-checkout #ship-to-different-address span {
font-size: 14px;
line-height: 24px;
font-weight: 500;
margin-bottom: 20px; 
}

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

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
margin-top: 0;
margin-left: auto; 
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
float: none;
width: 100%;
min-width: 100%;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #f7f5f2;
border: 1px solid #e5e5e5;
padding: 30px 15px 10px;
margin: 15px 0; 
}

.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-page .cart-collaterals .cart_totals > h2 {
position: relative;
padding-left: 20px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 20px; 
}

.woocommerce .cart-collaterals .cart_totals > h2:before,
.woocommerce-page .cart-collaterals .cart_totals > h2:before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border-width: 3px;
border-style: solid;
border-radius: 50%;
background-color: transparent;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease; 
}

.woocommerce .cart-collaterals .cart_totals table tr,
.woocommerce-page .cart-collaterals .cart_totals table tr {
border: 0; 
}

.woocommerce .cart-collaterals .cart_totals table tr > *:first-child,
.woocommerce-page .cart-collaterals .cart_totals table tr > *:first-child {
padding-left: 24px; 
}

.woocommerce .cart-collaterals .cart_totals table tr > *:last-child,
.woocommerce-page .cart-collaterals .cart_totals table tr > *:last-child {
padding-right: 24px;
}

.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal th, .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal th,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td {
font-weight: 600;
padding-bottom: 5px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th, .woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
padding-bottom: 5px;
padding-top: 5px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals #shipping_method .amount,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals #shipping_method .amount {
font-weight: 700;
margin-left: 5px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row {
max-width: 232px;
margin-right: 0;
padding: 0;
margin-bottom: 10px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row-wide,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row-wide {
max-width: unset; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .select2-container--default .select2-selection--single,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .select2-container--default .select2-selection--single {
max-width: 232px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row input,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row select,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row textarea,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .button,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row input,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row select,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row textarea,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .button {
width: 100%; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row:last-child,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row:last-child {
margin-bottom: 20px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals button.button,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals button.button {
height: 60px; 
}

.woocommerce .cart-collaterals .cart_totals table tr.order-total th, .woocommerce .cart-collaterals .cart_totals table tr.order-total td,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td {
font-size: 18px;
padding-top: 5px;
padding-bottom: 20px; 
}

.woocommerce .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table td {
text-align: left;
padding: 4px 0; 
}

.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
width: 1%;
border: 0;
font-size: 16px;
white-space: nowrap;
vertical-align: middle; 
}

.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding-left: 10px;
font-size: 22px;
text-align: right; 
}

.woocommerce .cart-collaterals .cart_totals table tbody tr:first-child td,
.woocommerce-page .cart-collaterals .cart_totals table tbody tr:first-child td {
font-size: 16px;
font-weight: 600;
text-align: right; 
}

.woocommerce-cart-form .coupon {
background: #f7f5f2;
border: 1px solid #e5e5e5;
padding: 30px 15px 39px;
margin-bottom: 15px; 
}

.woocommerce-cart-form .coupon .coupon_code {
position: relative;
padding-left: 20px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 20px; 
}

.woocommerce-cart-form .coupon .coupon_code:before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border-width: 3px;
border-style: solid;
border-radius: 50%;
background-color: transparent;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease; 
}

.woocommerce-cart-form .coupon .input-text {
width: 100%;
height: 60px;
margin: 0 0 18px 0;
border: 0;
padding: 0 20px;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
background: #fff;
border: 1px solid #e5e5e5; 
}

.woocommerce-cart-form .coupon button.button {
width: 100%;
overflow: hidden; 
}

.woocommerce-cart-form .coupon button.button:after {
content: "";
position: absolute;
right: -35px;
top: 30px;
height: 70px;
width: 70px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 80px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #fff; 
}

#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
content: '';
display: block;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
border: 1em solid #fff;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent; 
}

#add_payment_method .wc-proceed-to-checkout .button__wrapper,
.woocommerce-cart .wc-proceed-to-checkout .button__wrapper,
.woocommerce-checkout .wc-proceed-to-checkout .button__wrapper {
width: 100%; 
}

#add_payment_method .wc-proceed-to-checkout .button__wrapper .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .button__wrapper .checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout .button__wrapper .checkout-button {
border: 0 !important; 
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: inline-block;
font-size: 16px;
text-transform: capitalize;
margin-bottom: 0;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
line-height: 1.5;
letter-spacing: 0; 
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
color: #ffffff; 
}

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

#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
margin-top: 0;
font-size: 14px;
color: #b3b3b3;
font-weight: bold; 
}

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

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
margin: 0;
padding-bottom: 0;
padding-top: 4px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0; 
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border: 0; 
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s; 
border: none;
}

.woocommerce button.button {
padding: 0 25px;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 16px;
line-height: 1.5;
vertical-align: top;
letter-spacing: 0;
text-transform: capitalize;
}

.woocommerce button.button, .woocommerce button.button:hover {
color: #ffffff; 
}

.woocommerce form.checkout_coupon {
border-color: #e5e5e5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; 
}

.woocommerce form.checkout_coupon .form-row {
float: left; 
}

.woocommerce form.checkout_coupon .form-row.form-row-first {
padding-left: 0;
padding-right: 5px; 
}

.woocommerce form.checkout_coupon .form-row.form-row-last {
padding-left: 5px;
padding-right: 0; 
}

.woocommerce form.checkout_coupon .form-row button.button {
height: 45px;
line-height: 45px; 
}

.woocommerce form.checkout_coupon .form-row input.input-text {
height: 45px; 
}

.woocommerce form .form-row textarea {
height: 120px;
min-height: 120px;
padding-top: 18px; 
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
height: 56px;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: bold;
padding: 10px 26px;
font-size: 14px;
line-height: 1.5;
color: #ffffff;
letter-spacing: 0;
text-transform: uppercase;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
text-transform: uppercase;
height: 56px;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
padding: 10px 26px;
border: unset;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #ffffff;
letter-spacing: 0;
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
color: #ffffff; 
}

.woocommerce .cart button.button[name="update_cart"]:hover {
color: #ffffff; 
}

.woocommerce a.button {
padding: 12px 25px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 18px;
line-height: 1.5;
color: #ffffff;
text-transform: capitalize;
overflow: hidden; 
}

/* ↓ Remove Shop ↓ */
.woocommerce a.remove {
display: inline-block;
position: relative;
width: 10px;
height: 10px;
margin: 0;
-webkit-border-radius: unset;
-moz-border-radius: unset;
border-radius: unset;
padding: 9px;
font: 0/0 serif;
line-height: inherit;
color: #b2b2b2 !important;
text-shadow: none;
background: transparent;
vertical-align: middle;
cursor: pointer; 
}

.woocommerce a.remove:after {
content: "\f00d";
position: absolute;
top: 2px;
left: 7px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px;
line-height: 1;
-webkit-transition: inherit;
-o-transition: inherit;
-moz-transition: inherit;
transition: inherit;
}

.woocommerce-mini-cart.cart_list.product_list_widget li a.remove {
display: inline;
position: absolute;
z-index: 2;
top: 5px;
right: 9px;
margin: 0;
padding-right: 0;
font: 0/0 serif;
text-shadow: none;
color: white !important;
}

.woocommerce a.remove:hover {
background: transparent !important;
color: rgba(0, 0, 0, 0.5) !important; 
}

.woocommerce a.remove:hover:after {
color: #ff144b; 
}

/* ↓ #Select2 ↓ */
body .select2-container {
	z-index: 10;
}
body .select2-container .select2-selection {
height: 60px;
border-radius: 0;
border-color: #e5e5e5;
font-size: 14px;
padding-left: 8px; 
z-index: 10;
}
body .select2-container .select2-selection .select2-selection__rendered {
line-height: 60px;
}
body .select2-container .select2-selection .select2-selection__arrow {
height: inherit; 
}
body .select2-dropdown {
border-radius: 0;
border-color: #C7CACE; 
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-left: -14px;
}
.woocommerce form .form-row select option{
	height: 60px;
}
/* ↑ #Select2 ↑ */
/* ==========================================================================
Shop Cart - End
========================================================================== */

/* ==========================================================================
Shop Checkout - Start
========================================================================== */


.checkout.woocommerce-checkout {
margin-top: 50px; 
}

.checkout.woocommerce-checkout h3 {
font-weight: 32px; 
font-weight: 700;
line-height: 56px; 
margin-bottom: 0; 
}

.checkout.woocommerce-checkout .woocommerce-billing-fields > h3,
.checkout.woocommerce-checkout #order_review_heading {
margin-bottom: 30px; 
}

.woocommerce-notice.woocommerce-notice--info.woocommerce-info:before {
display: none; 
}

.checkout.woocommerce-checkout #customer_details .col-1{
border-bottom:none;
}

.checkout.woocommerce-checkout #customer_details .col-2{
border-top:none;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
position: relative;
overflow: hidden;
padding: 0 35px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: 16px;
line-height: 30px;
text-transform: capitalize;
}

.woocommerce #payment #place_order, .woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order,
.woocommerce-page #payment #place_order:hover {
color: #ffffff; 
}


.woocommerce .col2-set {
width: 47.8260869565%;
float: left;
margin-right: 4.347826087%; 
}
.woocommerce .col2-set > .col-1,
.woocommerce .col2-set > .col-2,
.woocommerce .col2-set > [class^="col"] {
width: 100%;
float: none;
margin-bottom: 30px;
padding: 40px 24px;
background: #f7f5f2;
border: 1px solid #e5e5e5; 
}

.woocommerce .col2-set > .col-1 {
margin-bottom: 0;
padding-bottom: 0; 
}

.woocommerce .col2-set > .col-2 {
padding: 30px 24px; 
}

.woocommerce .woocommerce-checkout > .col2-set {
margin-bottom: 70px; 
}

.woocommerce #ship-to-different-address label > span {
font-size: 18px; 
}

.woocommerce #order_review_heading, .woocommerce #order_review {
width: 47.8260869565%;
float: right;
margin-right: 0; 
}

.woocommerce #order_review_heading {
margin: 0;
padding-top: 40px; 
}

.woocommerce #order_review table.shop_table tbody tr:first-child td, .woocommerce #order_review table.shop_table tbody tr:first-child th {
padding-top: 35px; 
}

.woocommerce #order_review table.shop_table tbody tr.cart_item td:first-child {
padding-left: 40px; 
}

.woocommerce #order_review table.shop_table tfoot tr:last-child td, .woocommerce #order_review table.shop_table tfoot tr:last-child th {
padding-bottom: 35px; 
}

.woocommerce #order_review table.shop_table td,
.woocommerce #order_review table.shop_table tfoot th {
padding-top: 15px;
padding-bottom: 15px; 
}

.woocommerce #add_payment_method #payment div.form-row,
.woocommerce .woocommerce-cart #payment div.form-row,
.woocommerce .woocommerce-checkout #payment div.form-row {
margin-bottom: 0; 
}


.woocommerce-checkout #payment {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; 
}

.woocommerce form .form-row .required {
text-decoration: none; 
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f7f5f2;
border: 1px solid #e5e5e5; 
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 2em 2em 0;
border-bottom: 0; 
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
padding-top: 0;
line-height: 1.7;
padding-left: 0;
}

#add_payment_method #payment ul.payment_methods li.woocommerce-notice,
.woocommerce-cart #payment ul.payment_methods li.woocommerce-notice,
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice {
background: #fff;
padding: 20px;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0; 
}

#add_payment_method #payment ul.payment_methods li:before,
.woocommerce-cart #payment ul.payment_methods li:before,
.woocommerce-checkout #payment ul.payment_methods li:before {
display: none !important; 
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 0em 2.5em 2.5em; 
}

.woocommerce-billing-fields__field-wrapper {
margin-top: -6px; 
}

.woocommerce form .form-row label {
margin-top: 6px;
margin-bottom: -6px;
padding-bottom: 11px;
font-size: 16px; 
}

.woocommerce div.product form.cart .reset_variations {
font-size: 0;
text-shadow: none;
color: transparent !important;
margin: 0 0 0 5px;
display: inline;
line-height: inherit; 
}

.woocommerce div.product form.cart .reset_variations:before {
content: '\f0e2';
display: inline-block;
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
font-size: 13px;
margin-top: 5px;
color: #b2b2b2!important;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; 
}


/* ==========================================================================
Shop Checkout - End
========================================================================== */


/* ==========================================================================
Shop Widgets - Start
========================================================================== */

.woocommerce .products .star-rating {
margin: 5px auto 10px; 
}

.product_list_widget .product-title {
font-size: 14px;
line-height: 24px;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
font-weight: 800; 
}

.product_list_widget del {
margin-right: 14px;
color: #b2b2b2; 
}

.product_list_widget del .woocommerce-Price-amount {
color: inherit !important; 
}

.product_list_widget .woocommerce-Price-amount {
font-size: 14px;
margin-top: 8px;
margin-right: 4px; 
}

.woocommerce div.product p.price del {
opacity: 1; 
}

.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 {
font-size: 14px;
line-height: 24px;
font-weight: 800; 
}

.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: 60px;
margin-left: 0;
margin-right: 12px;
margin-top: -2px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; 
}

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

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

.asma_mini_cart .woocommerce-mini-cart__buttons a{
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin: 0;
cursor: pointer;
padding: 10px;
text-align: center;
box-shadow: none;
text-shadow: none;
color: #fff;
box-sizing: border-box;
border-radius: 0;
text-transform: uppercase;
margin-right: 10px;
margin-bottom: 10px;
}

.asma_mini_cart .woocommerce-mini-cart__buttons {
margin:0; 
}

.asma_mini_cart .woocommerce-mini-cart__buttons a:last-child{
margin-right: 0;
}

.woocommerce ul.cart_list li ins, .woocommerce ul.product_list_widget li ins {
text-decoration: none; 
}

.woocommerce ul.cart_list li:before, .woocommerce ul.product_list_widget li:before {
display: none; 
}

.woocommerce .widget_price_filter .widget-title {
margin-bottom: 24px;
margin-top: 10px; 
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; 
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 3px;
margin: 0 0 20px; 
}

.woocommerce .widget_price_filter .price_slider_wrapper .price_slider.ui-widget-content {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #f7f5f2; 
}

.woocommerce .widget_price_filter .price_slider_amount {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-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;
margin-bottom: -6px;
font-size: 14px;
line-height: 40px;
font-weight: 500;
text-transform: capitalize; 
}

.woocommerce .widget_price_filter .price_slider_amount .button {
display: inline-block;
left: auto;
margin: 0;
border: 0;
padding: 0 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 32px;
font-size: 12px;
line-height: 22px;
color: #fff;
text-decoration: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: pointer;
overflow: visible; 
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
color: #ffffff; 
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
font-size: 14px;
font-weight: 500; 
}

.woocommerce .widget_price_filter .price_slider_amount span {
font-size: 14px; 
}

.woocommerce .widget_price_filter .price_slider_amount span.from {
margin-left: 10px; 
}

.woocommerce .widget_price_filter .price_slider_amount .clear {
display: none; 
}

.woocommerce ul.cart_list li .quantity {
font-size: 18px;
color: #b2b2b2; 
}

.woocommerce > .asma_module_message_box {
margin-bottom: 20px; 
}

.woocommerce-mini-cart__buttons.buttons .button__wrapper {
margin-bottom: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; 
}

.woocommerce-mini-cart__buttons.buttons .button__wrapper a.button {
margin-bottom: 0; 
}

.woocommerce-mini-cart__buttons.buttons .button__wrapper svg {
stroke: transparent; 
}

.woocommerce-mini-cart__buttons.buttons .button__wrapper:hover svg {
stroke: #ffffff; 
}

.woocommerce-mini-cart__buttons.buttons .button__wrapper,
.woocommerce-mini-cart__buttons.buttons a.button {
width: -webkit-calc(50% - 5px);
width: -moz-calc(50% - 5px);
width: calc(50% - 5px); 
}

/* ==========================================================================
Shop Widgets - End
========================================================================== */


/* ==================== ##Shop - Responsive ==================== */
@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 a.add_to_cart_button, ul.ma-products li a.button, ul.ma-products li .added_to_cart.wc-forward,
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,
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,
.woocommerce-cart .cross-sells ul.ma-products li a.button
 {
font-size: 0;
line-height: 0;
min-height: 56px;
min-height: 56px;
min-width: 0;
padding: 0;
width: auto;
width: 56px;
margin-left: -28px;
margin-right: auto;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: 50%;
padding: 0; 
}

ul.ma-products li a.add_to_cart_button:before, ul.ma-products li a.button:before, ul.ma-products li .added_to_cart.wc-forward:before,
ul.ma-products li a.add_to_cart_button::before, ul.ma-products li a.button::before, ul.ma-products li .added_to_cart.wc-forward::before,
.woocommerce .products ul.ma-products li a.add_to_cart_button::before, .woocommerce .products ul.ma-products li a.button::before,
.woocommerce .products ul.ma-products li .added_to_cart.wc-forward::before,
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 {
margin-left: 10px;
margin-right: 10px;
line-height: 50px; 
}
.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;  
}
}

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

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

@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_responsive tr,
.woocommerce-page table.shop_table_responsive tr {
border: 0; 
}

.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table thead th.product-name,
.woocommerce table.shop_table tfoot tr th {
padding-left: 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{
  padding: 46px 25px 60px;
}
.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;
}
}

@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; 
margin-right: -15px;  
margin-left: -15px;
}
.ma-products-catalog{
margin-right: -15px;  
margin-left: -15px;
}
.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 .asma_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 .asma_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 #e5e5e5;
}
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::before, .woocommerce-error::before, .woocommerce-message::before {
padding: 0;
}
.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;  
}
}
@media only screen and (max-width: 426px) {
.woocommerce .asma_module_message_box .message_text {
line-height: inherit; 
} 
}
/* ==========================================================================
Woocommerce styles - end
==========================================================================  */

/* ==========================================================================
Widgets - Start
========================================================================== */

body .widget {
position: relative;
z-index: 1; 
padding: 0 15px 0 10px;
}

body .widget:not(:last-child) {
margin-bottom: 40px;
}


body .widget .widget-title{   
font-size: 24px;
line-height: 1.2;
font-weight: 700;
text-transform: capitalize;
overflow: hidden;
position: relative;
padding-bottom: 15px;

}
body .widget .widget-title::before{
content: "";
position: absolute;
background: #d81324;
width: 35px;
height: 3px;
left: 0;
bottom: 0;
z-index: 1;
}

body .widget.widget_calendar .widget-title::before {
content: none;

}
body .widget.widget_calendar .widget-title{
margin-bottom: 0; 
}

body .widget select{
position: relative;  
display: initial;
height: 50px;
width: 100%;
margin: 0;
border: 0;
padding: 10px;
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
outline: none;
background: #f7f5f2;
border: 1px solid #e5e5e5;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
position: relative;
background-image: url("../img/select.png");
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
-webkit-border-radius: 0;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
body .widget select option{
line-height: 1;  
}

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

ul.wp-block-archives.wp-block-archives-list li::before {
  content: "\f12f";
}
body .widget.widget_categories ul li:before, body .widget.widget_archive ul li:before
{

content: "\f274";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
display: inline-block !important;
position: relative;
z-index: 1;
top: 0;
margin-right: 10px;
vertical-align: baseline;
}
body .widget.widget_pages ul li:before{
content: "\f35a";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
display: inline-block !important;
position: relative;
z-index: 1;
top: 0;
margin-right: 10px;
vertical-align: baseline; 
}

body .widget_recent_comments ul li::before,
body .widget_recent_entries  ul li::before,
body .widget_meta ul li::before,
body .widget_rss li cite::before

{
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
display: inline-block !important;
position: relative;
z-index: 1;
top: 0;
margin-right: 10px;
vertical-align: baseline;
}

body .inner-post ul.wp-block-archives.wp-block-archives-list li{
display: block;
margin: 8px 0;
line-height: 28px;
padding-left: 0;
}

body .inner-post ul.wp-block-archives.wp-block-archives-list li a{
color: inherit;
font-weight: 400;
font-size: 14px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
letter-spacing: 0.15em;
position: relative;
line-height: 1;
}
body .inner-post ul.wp-block-archives.wp-block-archives-list li::before{
content: "\f274" !important;
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
display: inline-block !important;
position: relative;
z-index: 1;
top: 0;
margin-right: 10px;
vertical-align: baseline;
left: 2px;
width: auto;
height: auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent !important;
background: none;
}
body .inner-post ul.wp-block-latest-posts li {
text-transform: uppercase;
line-height: 28px;
}
body .inner-post ul.wp-block-latest-posts li:before {
top: 11px;
}

body .widget_recent_comments ul li::before{
content: "\f4ad";
}

body .widget_recent_entries ul li::before{
content: "\f0c5";
}
 
body .widget_meta ul li::before{
content: "\f0c1";
} 
body .widget_rss li cite::before{
content: "\f4ff";  
}
body .widget.widget_archive .widget-content select{
display: inline-block;
}

body .widget .widget-title .widget-title-inner {
    position: relative;
}
body .widget .widget-title .widget-title-wrapper {
font-size: 23px;
font-weight: 600;
line-height: 1;
}

body .widgets-padding{
padding: 20px;
}
body .widget.widget_nav_menu ul {
padding-left: 16px;
}
body .widget.widget_nav_menu ul li::before{
content: '';
display: block;
position: absolute;
top: 12px;
left: -16px;
width: 6px;
height: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.wp-block-calendar{
margin-top: 30px;
margin-bottom: 30px;  
}
body .sidebar .widget .calendar_wrap table caption,
body .wp-block-calendar table caption{
padding:15px;
border: none;
color:#fff;
}
body .sidebar .widget .calendar_wrap .wp-calendar-nav{
line-height: 1;
margin-bottom: -4px;
position: relative;
}
body .widget .menu .menu-item .sub-menu{
  margin-top: 10px;
padding: 0 0 10px 10px;
position: static;
}
body .widget > ul, body .widget > div > ul {
list-style-type: none;
margin: 0;
padding: 0;
}

body .widget ul li {
display: block;
margin: 8px 0;
line-height: 28px;
}
body .widget ul li:first-child {
margin-top: 0;
}
body .widget ul li:last-child {
margin-bottom: 0;
}
body .widget ul.children li:first-child,
body .widget ul.sub-menu li:first-child {
border-bottom: 0;
margin-top: 0;
}

.widget ul li ul.children {
display: none;
padding: 5px 0 5px;
margin-top: 0;
margin-left: 10px; 
}

body .widget ul li a{
color: inherit;
font-weight: 400;
font-size: 14px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
letter-spacing: 0.15em;
position: relative;
line-height: 1;
}
body .widget ul{
  padding-bottom: 0;
}

body .widget_categories ul li a:hover, body .widget_product_categories ul li a:hover,
body .widget_archive ul li a:hover, body .widget_pages ul li a:hover,
body .inner-post ul.wp-block-archives.wp-block-archives-list li a:hover{
padding-left: 5px; 
}

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

body .widget .menu .menu-item .sub-menu{
display: none;
margin-top: 10px;
padding: 0 0 10px 10px;
position: static;
}
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); 
}

body .widget ul  li img{
margin-right: 15px;
vertical-align: middle;

}

body .widget #wp-calendar {
width: 100%;
text-align: left;
}

body .widget #wp-calendar th, .widget #wp-calendar td {
padding: 3px 4px;
}

body .widget #wp-calendar td#today {
color: #fff;
background-color: #e5e5e5;
}

body .widget #wp-calendar td#today a {
color: inherit;
}

body .widget.widget_rss > h4 .rsswidget:hover {
color: #00bdbb;
}

body .widget.widget_rss .rss-widget-icon {
display: inline-block;
}



body .widget_calendar .calendar_wrap {
width: 100%;

}

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

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

body .widget_calendar .calendar_wrap table tr {
border: 1px solid #e5e5e5; 
}

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

body .widget_calendar .calendar_wrap table caption {
background: transparent;
caption-side: top;
text-align: left;
font-size: 1rem;
padding: 0;
font-weight: 500;
line-height: 1;
text-align: center;
}
body .footer-top .widget_calendar .calendar_wrap table caption {
background: transparent;
caption-side: top;
text-align: left;
font-size: 1rem;
padding: 0;
margin-bottom: 17px;
color: #fff;
font-weight: 500;
line-height: 1;
}

body .footer-top .asma_image-widget a{
 display: inline-block;
}
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; 
}
.wp-block-calendar table th {
text-align: center;
background: transparent;
font-weight: 500; }
.wp-block-calendar table td {
text-align: center;
position: relative;
z-index: 1; }

body .widget.widget_social_widget{
float: left;
}

body .widget.widget_social_widget .social-icons{
margin-right: 20px;
color: #ccc;
}

body .widget_categories ul li .post_count, body .widget_categories ul li .count, body .widget_product_categories ul li .post_count, body .widget_product_categories ul li .count, body .widget_meta ul li .post_count, body .widget_meta ul li .count, body .widget_archive ul li .post_count, body .widget_archive ul li .count {
color: #b2b2b2;
font-size: 14px;
font-weight: 700;
position: relative;
top: 0;
}

body .widget_rss .widget-title > a {
font-size: 20px;
line-height: 1.4;
text-align: center;
font-weight: 500;
margin-bottom: 12px;
padding-bottom: 12px;
position: relative;
text-transform: capitalize;
letter-spacing: 0.01em; }
body .widget_rss .widget-title > a img {
display: none; }
body .widget_rss ul li:not(:last-child){
margin-bottom: 30px;
}

body .widget_rss ul li .rsswidget {
display: block;
font-weight: 600;
margin-bottom: 8px;
font-size: 16px;
line-height: 22px;
text-transform: capitalize;
 }
body .widget_rss ul li .rss-date {
display: block;
margin: 0 0 15px;
font-size: 14px;
line-height: 1.5;
}
body .widget_rss ul li .rssSummary {
font-size: 14px;
line-height: 24px;
margin-bottom: 15px; 
}
body .widget_rss ul li cite {
display: block;
position: relative;
margin-top: 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
color: #b2b2b2; 
}


body .widget .recentcomments a{
text-decoration: underline;
display: inline;
font-weight: 400;
text-transform: capitalize;
}
body .widget .recentcomments span{
font-weight: 500;  
}
body .widget.widget_links_widget ul.col2 li {
width: 50%;
float: left;
}

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;

}
/* Footer*/
.footer .calendar_wrap tbody,
.footer .calendar_wrap td#today {
color: inherit; 
}

body .footer p {
margin: 0;
}
body .footer img{
display: block;
}
body .footer-top .widget{
border: none;
padding: 0;
}
body .footer-top .widget .widget-title::before {
content: none;
}
body .footer-top .widget .widget-title{
margin-bottom: 0;  
}
body .footer-top .widget ul li{
margin-top: 0;  
}
body .footer-top .widget .widget-title{
padding-bottom: 20px;  
}

body .widget.widget_social_widget{
margin-bottom: 0;
padding-top: 15px;  
}

body .widget .widget-title .widget-title-wrapper{
font-size: 22px;
font-weight: 600;
line-height: 24px;
letter-spacing: 1px;  
}
body .footer .widget_categories ul li {
position: relative; 
}
body .footer .widget_categories ul li a {
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 0.8125rem;
position: relative;
font-weight: 500;
color: #a3a4a4;
}


body .footer a, 
body .footer .widget.widget_recent_comments ul li a,
body .footer .widget.widget_nav_menu ul li a
{
color: inherit;
}
body .footer .widget .recentcomments,
body .footer .widget_rss ul li .rsswidget,
body .footer .widget_rss ul li .rss-date,
body .footer .widget_recent_entries ul li a,
body .footer .widget.widget_recent_comments ul li span,
body .footer .widget_rss li cite,
body .footer .widget_rss li cite::before,
body .footer .widget_comments ul li:before,
body .footer .widget_meta ul li:before,
body .footer .widget_archive ul li:before,
body .footer .widget_recent_comments ul li:before,
body .footer .widget_recent_entries ul li:before,
body .footer .widget_categories ul li:before,
body .footer .widget_archive ul li:before,
body .footer .widget_pages ul li:before {
color: #fff !important; 
}
body .footer .widget_nav_menu .menu .menu-item:before{
background-color: #ffffff!important;  
}
body .footer .tagcloud a:hover{
color: #ffffff!important;  
}
body .footer .widget_media_gallery .gallery{
margin: 0 -5px !important;  
}
body .footer .widget .textwidget{
margin-left: 0;
color: #fff;  
}

body .footer .footer-desc-up{
margin-top: -15px;
color:#ccc;  
}
body .footer .footer-desc-bottom{
margin-bottom: -34px;  
color:#ccc;
}
body .footer a.white_link{
color:#ccc;
}

/* ==========================================================================
Profile - Start
========================================================================== */

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;
background-color: transparent;
background-image: linear-gradient(100deg,#b6246e 8%,#f9636b 83%);
}

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

.profile-pic {
padding: 10px 20px;
text-align: center;
}

.profile-title {
padding: 0 0 10px;
text-align: center;
}

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

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

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

.profile-text span{
color: #fff;
}

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

.profile-soical a, .profile-soical a:link, .profile-soical a:active {
color: #fff;
}

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

/* ==========================================================================
Profile - End
========================================================================== */

/* ==========================================================================
Search - Start
========================================================================== */

body .widget_search .search-form, body .widget_search .woocommerce-product-search,
body .widget_product_search .search-form,
body .widget_product_search .woocommerce-product-search {
position: relative;
z-index: 1; 
}
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: 60px;
padding: 3px 50px 0 30px;
border: 0;
outline: none;
font-weight: 400;
overflow: hidden;
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
border:1px solid #e5e5e5;
background: #f7f5f2; 
}

body .widget_search .search-form .search-button,
body .widget_search .search-form button[type="submit"], body .widget_search .search-form:after, body .widget_search .woocommerce-product-search .search-button,
body .widget_search .woocommerce-product-search button[type="submit"], body .widget_search .woocommerce-product-search:after,
body .widget_product_search .search-form .search-button,
body .widget_product_search .search-form button[type="submit"],
body .widget_product_search .search-form:after,
body .widget_product_search .woocommerce-product-search .search-button,
body .widget_product_search .woocommerce-product-search button[type="submit"],
body .widget_product_search .woocommerce-product-search:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 60px;
height: 60px;
font-size: 0;
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 .widget_search .search-form .search-button,
body .search-form button[type="submit"], 
body .widget_search .search-form button[type="submit"], body .widget_search .search-form:after, body .widget_search .woocommerce-product-search .search-button,
body .widget_search .woocommerce-product-search button[type="submit"], body .widget_search .woocommerce-product-search:after,
body .widget_product_search .search-form .search-button,
body .widget_product_search .search-form button[type="submit"],
body .widget_product_search .search-form:after,
body .widget_product_search .woocommerce-product-search .search-button,
body .widget_product_search .woocommerce-product-search button[type="submit"],
body .widget_product_search .woocommerce-product-search:after {
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 60px;
height: 60px;
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 .widget_search .search-form .search-button, body .widget_search .woocommerce-product-search .search-button,
body .widget_product_search .search-form .search-button,
body .widget_product_search .woocommerce-product-search .search-button {
z-index: 2; 
}

body .widget_search .search-form:after, body .widget_search .woocommerce-product-search:after,
body .widget_product_search .search-form:after,
body .widget_product_search .woocommerce-product-search:after {
content: "\f002";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: 60px;
font-size: 20px;
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
right: 0;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
z-index: 2;
pointer-events: none; 
}

/* ==========================================================================
Search - End
========================================================================== */

/* ==========================================================================
Gallery - Start
========================================================================== */ 
body .sidebar_left .gallery{
overflow: hidden!important;  
}
body .gallery img{
display: inherit;  
}
body .gallery .gallery-item{
margin-bottom: 10px;
}
[class*='widget'][class*='media_gallery'] {
/* either "widget-media_gallery" or "widget_media_gallery" */ }
[class*='widget'][class*='media_gallery'] .gallery {
margin: 10px -5px -0.3em !important;
max-width: 485px; }
[class*='widget'][class*='media_gallery'] .gallery-item {
margin: 0 !important; }
[class*='widget'][class*='media_gallery'] .gallery-item .gallery-icon {
position: relative;
z-index: 1;
margin: 5px; }
[class*='widget'][class*='media_gallery'] .gallery-item .gallery-icon > a {
display: block;
overflow: hidden; }
[class*='widget'][class*='media_gallery'] .gallery-item .gallery-icon a:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
transition: opacity 0.4s;
background: #ffffff;
}
[class*='widget'][class*='media_gallery'] .gallery-item .gallery-icon a:hover:before {
opacity: 0.6; }
[class*='widget'][class*='media_gallery'] .gallery-item img {
border: 0 !important; }
[class*='widget'][class*='media_gallery'] .gallery .gallery-caption {
display: none; }
/* ==========================================================================
Tagcloud - Start
========================================================================== */

.widget .tagcloud {
font-size: 0;
line-height: 0;

}

.tagcloud a, .wp-block-tag-cloud a {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
padding: 8px 9px;
border: 0;
background: #f7f5f2;
font-size: 12px!important;
font-weight: 500;
line-height: 1.2;
letter-spacing: .8px;
text-transform: capitalize;
transition: 0.3s;
border-radius: 3px;
}

.tagcloud a:hover, .wp-block-tag-cloud a:hover {
color: #ffffff; 
}

/* ==========================================================================
Tagcloud - End
========================================================================== */

/* ==========================================================================
Recent Posts - Start
========================================================================== */

.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: 85px;
height: 85px;
display: block;
max-width: 85px;
border-radius: 50%;
}

.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: middle;

}

.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: capitalize;
  font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0.8px;
}
.recent-posts-info-date{
font-size: 12px;
display: block;
letter-spacing: 2px;
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: 85px;
height: 85px;
display: block;
max-width: 85px;
border-radius: 50%;
margin-right: 15px;
vertical-align: middle;
background: #f7f5f2;
border: 1px solid #e5e5e5;
}

/* ==========================================================================
Recent Posts - End
========================================================================== */
/* ==========================================================================
Widgets - End
========================================================================== */


/* ==========================================================================
Shortcodes Styles  - Start
========================================================================== */
/* ==========================================================================
Accordion  - Start
========================================================================== */

.accordion_div{
width: 450px;
}
.boxed-accordions{
background-color: #f7f5f2;
}

.simple-accordions .accordion{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

.accordion {
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
font-weight: bold;
font-size: 15px;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}


.accordion:after {
content: '\f30b'; 
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
font-style: normal;
text-decoration: inherit;
float: right;
margin-left: 5px;
}

.active-arrow:after {
content: '\f309'; 
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
font-style: normal;
text-decoration: inherit;
}

.accordion-panel {
padding: 18px;
background-color: white;
display: none;
overflow: hidden;
}

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

/* ==========================================================================
Accordion - End
========================================================================== */ 

/* ==========================================================================
Button - Start
========================================================================== */

.db-button{
padding-top: 10px;
z-index: 1;
position: relative;
}

.db-button a{
position: relative;
overflow: hidden;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s 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: 700;
text-align: center;
cursor: pointer;
border: none;
color: #fff;
outline: none;
}

.db-button a:hover{
color: #fff;
}

.db-btn_style_on a:after{
content: "";
position: absolute;
right: -35px;
top: 28px;
height: 70px;
width: 70px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.db-button-small a {
padding: 11px 22px;
}

.db-button-large a {
padding: 15px 42px;
}

.db-button-huge a {
padding: 17px 52px;
}

/* ==========================================================================
Button - End
========================================================================== */

/* ==========================================================================
Call to Action - Start
========================================================================== */

.call-to-action-holder{
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}

.call-to-action-inner .call-to-action-warp{
display: table;
width: 100%;
min-height: 100px;
}

.call-to-action-text, .call-to-action-btn{
display: table-cell;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
vertical-align: middle;
}

.call-8-columns .call-to-action-text{
width: 80%;
}

.call-8-columns .call-to-action-btn{
width: 20%;
}

.call-7-columns .call-to-action-text{
width: 70%;
}

.call-7-columns .call-to-action-btn{
width: 30%;
}

.call-5-columns .call-to-action-text{
width: 50%;
}

.call-5-columns .call-to-action-btn{
width: 50%;
}

.ma-call-title span{
line-height: 48px;
font-size: 34px;
font-weight: 800;
}

.call-to-action-btn.db-button{
margin-top: 0; 
}

.call-to-action-inner .call-to-action-btn a{
border-color: #ffffff;
border-width: 2px;   
}

.call-to-action-inner .call-border_solid .call-to-action-btn a{
border-style: solid;
}
.call-to-action-inner .call-border_dotted .call-to-action-btn a{
border-style: dotted;
}
.call-to-action-inner .call-border_dashed .call-to-action-btn a{
border-style: dashed;
}

/* ==========================================================================
Call to Action - End
========================================================================== */

/* ==========================================================================
Card - Start
========================================================================== */

.card_outer{
width: 700px;
margin: 0 auto;
overflow: auto;
}
.card-inner{
padding: 50px;
background-color: #ffffff; 
overflow: hidden;
position: relative;
}    

.ma-card-title{
margin-bottom: 0;
line-height: 48px;
font-size: 34px;
font-weight: 800;
}

.card_curv{
color: #fff;
position: absolute;
bottom: -88px;
right: -88px;
width: 180px;
height: 180px;
color: #fff;
opacity: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.card_curv i{
position: absolute;
top: 42px;
left: 40px;
font-size: 35px;
line-height: 1;
}

/* ==========================================================================
Card - End
========================================================================== */
/* ==========================================================================
Carousel - Start
========================================================================== */

.carousel_item{
position: relative;
}  

.carousel_item img{
width: auto !important;
margin: 0 auto;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}

.carousel_item .anim-ex_image .hover_image{
display: none;
position: absolute;
z-index: 1;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}

.carousel_item .anim-ex_image .hover_image {
display: block;
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}

.carousel_item .anim-ex_image:hover .hover_image {
opacity: 1;
visibility: visible;
}

.carousel_item .anim-ex_image a:hover .hover_image + .main_image {
opacity: 0; 
}

.carousel_item .anim-opacity_image img {
opacity: 0.5; 
}

.carousel_item .anim-opacity_image a:hover img {
opacity: 1; 
}

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

.carousel_item .anim-zoom_image a:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); 
} 

.carousel_item .anim-grayscale_image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.carousel_item .anim-grayscale_image a:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}

.carousel_item .anim-contrast_image a:hover img {
-webkit-filter: contrast(300%);
filter: contrast(300%);
} 

.carousel_item .anim-blur_image a:hover img {
-webkit-filter: blur(1px);
filter: blur(1px); 
}

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

/* ==========================================================================
Carousel - End
========================================================================== */
/* ==========================================================================
Counter - Start
========================================================================== */

.counter_text{
font-size: 18px;
}

.counter_num span{
font-size: 48px;
line-height: 1; 
font-weight: bold;
}

.ma_counter_title{
font-size: 15px;
font-weight: 700;
line-height: 30px;
}

.ma_counter_title.on_style::before{
display: inline-block;
content: '';
margin: 8px 8px 1px;
font-size: 0px;
background: transparent;
line-height: 0px;
min-height: 0;
border-width: 2px;
border-style: solid;
padding: 0;
width: 5px;
height: 5px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}

/* ==========================================================================
Counter - End
========================================================================== */

/* ==========================================================================
Counter-2 - Start
========================================================================== */

.as-counter, .as-counter .content-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}
.as-counter .counter-num{
    position: relative;
    width: 100%;
}
.as-counter .counter-num .counter-placeholder{
    visibility: hidden;
    font-size: 60px;
    font-weight: 800;
    margin: 0;
}
.as-counter .counter-num .counter-value{
    font-size: 60px;
    font-weight: 800;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 0;
}
.as-counter h3{
    margin: 2px 0px 0px 15px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    text-transform: uppercase;
}

/* ==========================================================================
Counter-2 - End
========================================================================== */

/* ==========================================================================
Element Holder - Start
========================================================================== */

.ma-vc-container .ma-vc-inner{
overflow: hidden;
}
.element-container{
position: relative;

}
.portfolio-outr .ma-content-div,
.portfolio-outr .asma-masonry-grid {
margin-right: -15px;
margin-left: -15px;  
}
.ma-full.wide-col {
padding-right: 15px;  
padding-left: 15px;  
}
.column_row{
position: relative;
min-height: 1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.column_row .row-fixed{
width: 100%;
}
.wpb_gmaps_widget .wpb_wrapper{
padding: 0!important;
}

/**grid**/

.column_grid_3 .column_row:nth-child(3n+1) {
clear: left;
}

.column_grid_4 .column_row:nth-child(4n+1) {
clear: left;
}

.ma-elements-holder {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

}
.ma-elements-holder.column_grid_1{
flex-direction: column;  
}
.column_outer{
position: relative;
}

.ma-elements-holder .ma-horizontal-alignment-center {
text-align: center;
}

.ma-elements-holder .ma-horizontal-alignment-right {
text-align: right;
}

/**particles**/

.particles2 {
z-index: 1;
width: 100%;
height: auto;
overflow: hidden;
}
.particles2 .shape-cyle{
opacity: .8;
width:110px;
height:110px;
border-radius:50%;
position:absolute;
top:4%;
left:80%;
animation:animationFramesCycl 15s infinite linear;
}

.particles2 .shape-cyle2{
opacity: .8;
width:20px;
height:20px;
border-radius:50%;
position:absolute;
top:50%;
left:4%;
animation:animationFramesCycl2 15s infinite linear;
}

@keyframes animationFramesCycl{0%{transform:translate(0px,0px) rotate(0deg)}20%{transform:translate(-73px,20px) rotate(36deg)}
40%{transform:translate(-141px,72px) rotate(72deg)}
60%{transform:translate(-83px,122px) rotate(108deg)}
80%{transform:translate(-40px,72px) rotate(144deg)}
100%{transform:translate(0px,0px) rotate(0deg)}}

@-webkit-keyframes animationFramesCycl{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}20%{-webkit-transform:translate(-73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(-141px,72px) rotate(72deg)}60%{-webkit-transform:translate(-83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg)}100%{-webkit-transform:translate(0px,0px) rotate(0deg)}}


@keyframes animationFramesCycl2{0%{transform:translate(0px,0px) rotate(0deg)}20%{transform:translate(73px,20px) rotate(36deg)}
40%{transform:translate(141px,72px) rotate(72deg)}
60%{transform:translate(83px,122px) rotate(108deg)}
80%{transform:translate(-40px,72px) rotate(144deg)}
100%{transform:translate(0px,0px) rotate(0deg)}}

@-webkit-keyframes animationFramesCycl2{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg)}100%{-webkit-transform:translate(0px,0px) rotate(0deg)}}

.revslider_row #particles-js{
max-height:500px;
}

.particles-js-canvas-el{
position:absolute!important;
opacity:.3;
}

.particles2 .shape-one{
width:10px;height:10px;
border-radius:50%;
position:absolute;
top:18%;
left:14%;
animation:animationFramesTwo 13s infinite linear;background:rgba(211,91,161,0.3);
}

.particles2 .shape-two{width:25px;height:25px;border-radius:50%;position:absolute;top:16%;left:41%;animation:animationFramesOne 15s infinite linear;border:5px solid rgba(68,155,255,0.16)}
.particles2 .shape-three{width:25px;height:25px;position:absolute;bottom:15%;left:35%;animation:animationFramesFour 15s infinite linear alternate;border:5px solid rgba(91,199,255,0.4)}
.particles2 .shape-four{width:10px;height:10px;border-radius:50%;position:absolute;bottom:12%;right:30%;animation:animationFramesFive 15s infinite linear alternate;background:rgba(239,69,24,0.29)}.particles2 .shape-five{width:3px;height:20px;position:absolute;top:15%;right:20%;animation:animationFramesFour 15s infinite linear alternate;background:rgba(91,199,255,0.3)}.particles2 .shape-five:after,.particles2 .shape-five:before{content:"";display:block;width:100%;height:calc(50% - 2px);top:6px;background:inherit;position:absolute;-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.particles2 .shape-five:after{left:-6px}.particles2 .shape-five:before{right:-6px}.bg-dark .particles2 .shape-one,.white_txt .particles2 .shape-one{background:rgba(255,255,255,0.3)}

@keyframes animationFramesTwo{0%{transform:translate(0px,0px) rotate(0deg) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(0.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}100%{transform:translate(0px,0px) rotate(0deg) scale(1)}}

@-webkit-keyframes animationFramesTwo{0%{-webkit-transform:translate(0px,0px) rotate(0deg) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(0.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)}100%{-webkit-transform:translate(0px,0px) rotate(0deg) scale(1)}}

@keyframes animationFramesThree{0%{transform:translate(165px,-179px)}100%{transform:translate(-346px,617px)}}

@-webkit-keyframes animationFramesThree{0%{-webkit-transform:translate(165px,-179px)}100%{-webkit-transform:translate(-346px,617px)}}

@keyframes animationFramesFour{0%{transform:translate(-300px,151px) rotate(0deg)}100%{transform:translate(251px,-200px) rotate(180deg)}}

@-webkit-keyframes animationFramesFour{0%{-webkit-transform:translate(-300px,151px) rotate(0deg)}100%{-webkit-transform:translate(251px,-200px) rotate(180deg)}}

@keyframes animationFramesFive{0%{transform:translate(61px,-99px) rotate(0deg)}21%{transform:translate(4px,-190px) rotate(38deg)}41%{transform:translate(-139px,-200px) rotate(74deg)}60%{transform:translate(-263px,-164px) rotate(108deg)}80%{transform:translate(-195px,-49px) rotate(144deg)}100%{transform:translate(-1px,0px) rotate(180deg)}}

@-webkit-keyframes animationFramesFive{0%{-webkit-transform:translate(61px,-99px) rotate(0deg)}21%{-webkit-transform:translate(4px,-190px) rotate(38deg)}41%{-webkit-transform:translate(-139px,-200px) rotate(74deg)}60%{-webkit-transform:translate(-263px,-164px) rotate(108deg)}80%{-webkit-transform:translate(-195px,-49px) rotate(144deg)}100%{-webkit-transform:translate(-1px,0px) rotate(180deg)}}

@keyframes animationFramesOne{0%{transform:translate(0px,0px) rotate(0deg)}20%{transform:translate(73px,-1px) rotate(36deg)}40%{transform:translate(141px,72px) rotate(72deg)}60%{transform:translate(83px,122px) rotate(108deg)}80%{transform:translate(-40px,72px) rotate(144deg)}100%{transform:translate(0px,0px) rotate(0deg)}}

@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0px,0px) rotate(0deg)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg)}100%{-webkit-transform:translate(0px,0px) rotate(0deg)}}

@keyframes animationFramesTwo{0%{transform:translate(0px,0px) rotate(0deg) scale(1)}20%{transform:translate(73px,-1px) rotate(36deg) scale(0.9)}40%{transform:translate(141px,72px) rotate(72deg) scale(1)}60%{transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{transform:translate(-40px,72px) rotate(144deg) scale(1.1)}100%{transform:translate(0px,0px) rotate(0deg) scale(1)}}

@-webkit-keyframes animationFramesTwo{0%{-webkit-transform:translate(0px,0px) rotate(0deg) scale(1)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg) scale(0.9)}40%{-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)}60%{-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)}100%{-webkit-transform:translate(0px,0px) rotate(0deg) scale(1)}}

@keyframes animationFramesThree{0%{transform:translate(165px,-179px)}100%{transform:translate(-346px,617px)}}

@-webkit-keyframes animationFramesThree{0%{-webkit-transform:translate(165px,-179px)}100%{-webkit-transform:translate(-346px,617px)}}

@keyframes animationFramesFour{0%{transform:translate(-300px,151px) rotate(0deg)}100%{transform:translate(251px,-200px) rotate(180deg)}}

@-webkit-keyframes animationFramesFour{0%{-webkit-transform:translate(-300px,151px) rotate(0deg)}100%{-webkit-transform:translate(251px,-200px) rotate(180deg)}}

@keyframes animationFramesFive{0%{transform:translate(61px,-99px) rotate(0deg)}21%{transform:translate(4px,-190px) rotate(38deg)}41%{transform:translate(-139px,-200px) rotate(74deg)}60%{transform:translate(-263px,-164px) rotate(108deg)}80%{transform:translate(-195px,-49px) rotate(144deg)}100%{transform:translate(-1px,0px) rotate(180deg)}}

@-webkit-keyframes animationFramesFive{0%{-webkit-transform:translate(61px,-99px) rotate(0deg)}21%{-webkit-transform:translate(4px,-190px) rotate(38deg)}41%{-webkit-transform:translate(-139px,-200px) rotate(74deg)}60%{-webkit-transform:translate(-263px,-164px) rotate(108deg)}80%{-webkit-transform:translate(-195px,-49px) rotate(144deg)}100%{-webkit-transform:translate(-1px,0px) rotate(180deg)}}


/* ==========================================================================
Element Holder - End
========================================================================== */

/* ==========================================================================
Image Layer - Start
========================================================================== */

.image-layer-container{
position: relative;
}

.image-layer-container .img-layer {
position: relative;
line-height: 0;
display: block;
width: inherit;
max-width: 100%;
height: inherit;
max-height: 100%;
}

.image-layer-container .img-layer:not(:first-child) {
position: absolute;
left: 0;
top: 0;
}

.img-layer.img-layer-controller .img-layer-inner.animation-fade-out{
opacity: 0;
-webkit-animation: fade-out 0.5s ease forwards;
-moz-animation: fade-out 0.5s ease forwards;
-o-animation: fade-out 0.5s ease forwards;
animation: fade-out 0.5s ease forwards;
}

.img-layer.img-layer-controller .img-layer-inner.animation-slide-top{
opacity: 0;
-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;
}

.img-layer.img-layer-controller .img-layer-inner.animation-slide-right{
opacity: 0;
-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;
}

.img-layer.img-layer-controller .img-layer-inner.animation-slide-bottom{
opacity: 0;
-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;
}

.img-layer.img-layer-controller .img-layer-inner.animation-slide-left{
opacity: 0;
-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;
}

/* ==========================================================================
Image Layer - End
========================================================================== */
/* ==========================================================================
Image Layer 2 - Start
========================================================================== */
.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%;
}
.as-image-layers .image-layer-wrapper:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
}
.as-image-layers .layer_box_item{
	  position: absolute;
    text-align: center;
}
.as-image-layers .layer_box_item .b-text{
    color: #ffffff;
    font-size: 35px;
    font-weight: 600;
    line-height: 40px;
}
.as-image-layers .layer_box_item .s-text{
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .1em;
    margin-bottom: 0;
}
.as-image-layers.layer_animate .image-layer-wrapper.up_down.layer_animate_style .image-layer-img {
  -webkit-animation: upDown 2s infinite alternate;
  -moz-animation: upDown 2s infinite alternate;
  -o-animation: upDown 2s infinite alternate;
  animation: upDown 2s infinite alternate;
}
.as-image-layers.layer_animate .image-layer-wrapper.left_right.layer_animate_style .image-layer-img {
  -webkit-animation: leftRight 2s infinite alternate;
  -moz-animation: leftRight 2s infinite alternate;
  -o-animation: leftRight 2s infinite alternate;
  animation: leftRight 2s infinite alternate; }

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); } }

@-moz-keyframes upDown {
  0% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -moz-transform: translateY(10px);
    transform: translateY(10px); } }

@-o-keyframes upDown {
  0% {
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -o-transform: translateY(10px);
    transform: translateY(10px); } }

@keyframes upDown {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); } }

@-webkit-keyframes leftRight {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@-moz-keyframes leftRight {
  0% {
    -moz-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -moz-transform: translateX(10px);
    transform: translateX(10px); } }

@-o-keyframes leftRight {
  0% {
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes leftRight {
  0% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }
/* ==========================================================================
Image Layer 2 - End
========================================================================== */    
/* ==========================================================================
Flexbox - Start
========================================================================== */
.flexbox-element {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;

}

.felx-col {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;

}
.flexbox-element .felx-col div{
width: 100%;  
}
.flexbox-element .felx-col h3{
margin-bottom: 15px;  
}
/* ==========================================================================
Flexbox - End
========================================================================== */

/* ==========================================================================
Price Table - Start
========================================================================== */

.price_table_container{
position: relative; 
overflow: hidden;
margin-bottom: 30px; 
}

.ma-pricing-table{
position: relative;
overflow: hidden;
padding: 50px 30px;
border: 1px solid #e5e5e5;
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;
}

.ma-pricing-table .inner-table .title-table{
margin: 0 0 20px;
font-size: 20px;
font-weight: 700;
line-height: 30px;
color: #0b2443;
}

.ma-pricing-table .inner-table h2 {
font-size: 48px;
font-weight: 800;
line-height: 1;
color: #0b2443;
margin-bottom: 5px;
position: relative;
display: inline-block;
}

.ma-pricing-table .inner-table>span {
color: #ababab;
font-weight: 600;
margin-bottom: 30px;
display: block;
}

.ma-pricing-table .inner-table .details {
padding-top: 25px;
padding-bottom: 30px;
border-top: 1px solid #e5e5e5;
font-weight: 600;
line-height: 40px;
}

.price_btn {
position: relative;
overflow: hidden;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
font-size: 14px;
padding: 10px 10px;
line-height: 20px;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
font-weight: 700;
text-align: center;
cursor: pointer;
border: none;
color: #fff;
outline: none;
}

.price_btn:hover{
color: #fff;
}

.price_style{
position: absolute;
bottom: -88px;
right: -88px;
width: 180px;
height: 180px;
opacity: .2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.price_style i{
position: absolute;
color: #fff;
top: 42px;
left: 40px;
font-size: 35px;
line-height: 42px;
line-height: 1;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
opacity: 0;
}

.price_table_container.price_on .ma-pricing-table{
background: #f7f5f2;
}

.price_table_container.price_on .price_style, 
.price_table_container.price_on .price_style i{
opacity: 1;
}

.ma-pricing-table:hover ~ .price_style , .ma-pricing-table:hover ~ .price_style i, .price_style:hover,
.price_style:hover i {
opacity: 1;
}

.details ul li.price_active, .details ul li.price_active:before {
opacity: 1;
}

.details ul li, .details ul li:before{
opacity: .6;
}

.details ul li:before {
content: "\f00c";
font-size: 15px;
font-weight: 400;
margin-right: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
text-decoration: inherit;
color: #0b2443;
}

/* ==========================================================================
Price Table - End
========================================================================== */

/* ==========================================================================
Infobox - Start
========================================================================== */


.message-box-holder{
position: relative;
min-height: 65px;
padding: 11px 12px 9px 83px;
border-radius: unset;
box-shadow: unset;
background-color: #ffffff;
z-index: 0;
border-style: solid;
border-width: 1px;
}

.message-box-holder .message-icon-warp{
position: absolute;
z-index: 1;
top: -1px;
left: -1px;
width: 65px;
height: calc(100% + 2px);
border-radius: unset;
}

.message-box-holder .message-icon-warp .message-icon {  
display: flex;
justify-content: center;
align-items: center;
height: 100%;
box-sizing: border-box;
text-align: center;
font-style: normal;
font-size: 32px;
line-height: 1;
color: #ffffff;
}

.message-box-holder .message-content{
width: 100%;
}

.message-box-holder .message-content .message-text{
color: #fff;
margin: 0;
font-size: 15px;
line-height: 40px;
font-weight: 600;
}

.message-box-holder .message-close{
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
width: 53px;
height: auto;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
text-align: center;
font-size: 16px;
line-height: 1;
cursor: pointer;
transition: 0.4s;
}

.message-box-holder .message-close:before{
content: '\f00d';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
display: inline-block;
line-height: 24px;
font-size: 12px;
color: #ffffff;
}

/*alert icons*/
.message-box-holder .message-icon-warp .message-icon:before{
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
display: inline-block;
}

.message-box-holder.info .message-icon-warp .message-icon:before{
content: '\f05a';  
}
.message-box-holder.success .message-icon-warp .message-icon:before{
content: '\f00c';  
}
.message-box-holder.warning .message-icon-warp .message-icon:before{
content: '\f071';  
}
.message-box-holder.error .message-icon-warp .message-icon:before{
content: '\f00d';  
}
/*alert colors*/
.message-box-holder.info {
background-color: #5bc0de;
border-color: #46b8da;
}

.message-box-holder.info .message-icon-warp{
background-color: #32aace;    
}
.message-box-holder.success {
background-color: #5cb85c;
border:1px solid #4cae4c;
}

.message-box-holder.success .message-icon-warp{
background-color: #319031;    
}

.message-box-holder.warning {
background-color: #f0ad4e;
border-color: #eea236;
}

.message-box-holder.warning .message-icon-warp{
background-color: #d6963a;    
}

.message-box-holder.error {
background-color: #c9302c;
border-color: #ac2925;
}
.message-box-holder.error .message-icon-warp{
background-color: #ab2522;    
}

/* ==========================================================================
Infobox - End
========================================================================== */

/* ==========================================================================
Progressbar - Start
========================================================================== */

.ma-progressbar{
position: relative;
display: inline-block;
width: 100%;

}
.ma-progressbar:not(:last-child) {
padding-bottom:30px; 
}
.progressbar-title{
position: relative;
display: block;
}

.title-span{
position: relative;
display: inline-block;
vertical-align: middle;
z-index: 100;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
}

.percent-count{
position: absolute;
right: 0;
bottom: 0;
width: auto;
display: inline-block;
vertical-align: middle;
opacity: 0;
z-index: 10;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em;
}

.percent-count:after{
content: '%';
}

.progressbar-content{
position: relative;
height: 4px;
overflow: hidden;
background-color: #f7f7f7;
margin-top: 4px;
}

.ma-proggress{    
height: 4px;
max-width: 100%;
overflow: hidden;
}

/* ==========================================================================
Progressbar - End
========================================================================== */


/* ==========================================================================
Double Heading - Start
========================================================================== */

.double-title_container{
width: 100%;  
}
.subtitle_line{
position: relative;
margin-bottom: 2px;
}

.subtitle_line:before{
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 3px;
top: -3px;}

.subtitle_line span{
margin-left: 8px;
font-size: 14px;
letter-spacing: .08em;
text-transform: uppercase;
color: #dd496c;
font-weight: 600;
line-height: 1;
}

.title-heading {
/*/margin-bottom: 15px;
*/
margin-bottom: 23px;}

.title-heading .ma-double-title{
position: relative;
z-index: 1;
margin-bottom: 0;
font-size: 42px;
line-height: 55px;
font-weight: 700;
}

.ma-double-title .ma-double-span_2{
display: block;
}

.double-text{
margin: 0 0 20px;  
}

.double-bold-text{
font-weight: bold;
margin: 0 0 20px;
}

/* ==========================================================================
Double Heading - End
========================================================================== */

/* ==========================================================================
Services - Start
========================================================================== */

/* ==========================================================================
Service 1 shortcode style - Start
========================================================================== */

.ma-services-content{
position: relative;
overflow: hidden;
}  

.ma-services-inner{
padding: 50px 46px;
position: relative;
z-index: 1;
}

.ma-services-1-counter {
font-size: 24px;
font-weight: bold;
padding: 8px 0;
}

.ma-services-1-counter:after {
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 3px;
top: -4px;
left: 10px;
}

.ma-services-1-wrap{
margin-left: 42px;
}

.ma-services-title{
font-weight: 700;
margin-bottom: 15px;
font-size: 24px;
line-height: 30px;
}

.ma-services-title,.db-services-text{
position: relative;
z-index: 1;
}

.ma-services-link ul li a{
color: inherit;  
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.services-circle-style{
display: inline-block;
margin-right: 5px;
margin-bottom: -2px;
z-index: 1;
width: 14px;
height: 14px;
border-width: 3px;
border-style: solid;
border-radius: 50%;
background-color: transparent;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.ma-services-link ul li a:hover {
padding-left: 8px;
}

.services-additional{
color: #fff;
position: absolute;
bottom: -88px;
right: -88px;
width: 180px;
height: 180px;
color: #fff;
opacity: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

.services-additional i{
position: absolute;
top: 42px;
left: 40px;
font-size: 35px;
line-height: 1;
}


/* ==========================================================================
Service 1 shortcode style - End
========================================================================== */
/* ==========================================================================
Service 2 shortcode style - Start
========================================================================== */

.ma-services-2-content{
position: relative;
}

.ma-services-2-subtitle:before {
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 3px;
top: -4px;
} 

.ma-services-2-counter {
position: absolute;
top: 0;
font-size: 100px;
line-height: 1em;
font-weight: bold;
opacity: .1;
}

.ma-services-2-title{
position: relative;
z-index: 1;
font-weight: 700;
margin-bottom: 15px;
font-size: 24px;
}

.ma-services-2-text{
position: relative;
z-index: 1; 
}

/* ==========================================================================
Service 2 shortcode style - End
========================================================================== */
/* ==========================================================================
Service 3 shortcode style - Start
========================================================================== */

.ma-services-3-content{
position: relative;
overflow: hidden; 
border:1px solid #e5e5e5;
background-repeat: no-repeat;
background-size: cover;
}
.services-3-overly{
background: #ffffff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;  
opacity: 1;
visibility: visible;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}  
.services-3-box{
position: relative;
overflow: hidden;  
padding: 35px 40px;
z-index: 10;

}

.ma-services-3-counter{
position: absolute;
top: 0;
right: 0;
font-size: 100px;
line-height: 85px;
font-weight: bold;
opacity: 0.2;
}

.ma-services-3-title{
position: relative;
z-index: 1;
font-weight: 800;
line-height: 34px;
margin-bottom: 6px;
font-size: 22px;

}

.curve-services-3{
position: absolute;
bottom: -88px;
right: -88px;
width: 180px;
height: 180px;
color: #fff;
opacity: 0.2;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}
.ma-services-3-subtitle{
margin-bottom:15px;  
}
.ma-services-3-subtitle:before{
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 3px;
top: -4px;
}

.ma-services-3-subtitle span{
font-size: 15px;
margin-left: 8px;
}
.ma-services-text p{
margin-bottom: 8px;  
}

.ma-services-3-content:hover .curve-services-3{
opacity: 1;
}
.ma-services-3-content:hover .services-3-overly{
opacity: 0;
visibility: hidden;
}
.ma-services-3-content:hover .ma-services-3-title ,
.ma-services-3-content:hover .ma-services-text p, .ma-services-3-content:hover .btn-readmore a {
color: #ffffff;
}

/* ==========================================================================
Service 3 shortcode style - End
========================================================================== */
/* ==========================================================================
Service 4 shortcode style - Start
========================================================================== */

.services-4-box{
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.services-4-overly{
border: 1px solid #e5e5e5;
background: #ffffff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;  
opacity: 1;
visibility: visible;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}  
.services-4-inner{
position: relative;
z-index: 10;
height: 100%;
width: 100%;
padding: 30px;  
}
.ma-services-4-counter{
position: absolute;
top: 0;
right: 0;
margin-right: 10px;
font-size: 50px;
line-height: 60px;
font-weight: bold;
opacity: 0.1; 
visibility: visible;
}
.services-4-icon {
float: left;
width: 40px;
height: 40px;
font-size: 22px;
line-height: 40px;
margin-top: 5px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}  

.services-4-icon i{
line-height: 40px;
color: #fff;
}

.services-4-content {
padding-left: 60px;
position: relative;
}

.services-4-content h5 {
font-weight: 700;
font-size: 18px;
margin-bottom: 5px;
line-height: 1.2;
}

.services-4-content p:last-child {
margin-bottom: 0;
}   

.services-4-curve {
position: absolute;
bottom: -90px;
right: -84px;
width: 140px;
height: 140px;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.services-4-box:hover .services-4-curve{
opacity: 1;
}
.services-4-box:hover .services-4-overly, .services-4-box:hover .ma-services-4-counter{
opacity: 0;
visibility: hidden;
}
.services-4-box:hover .services-4-content h5, .services-4-box:hover .services-4-content p {
color: #ffffff;
}
/* ==========================================================================
Service 5 shortcode style - Start
========================================================================== */

.services-5-outer{
position: relative;
z-index: 1;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.services-5-outer:hover{
transform: translateY(-8px);
}

.services-5-outer a{
color:inherit;
}

.services-5-box{
padding: 25px 20px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

.service-5-content{
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
}

.service-5-icons{
flex-grow: 1;
padding: 0 15px;
}
.service-5-warp{
flex-grow: 9;
padding: 0 15px;
}

.service-5-icons i {
font-size: 40px;
text-shadow: 2.735px 6.444px 0px rgba(0, 0, 0, 0.12);
color: #fff;
}

.service-5-warp h3{
font-weight: 700;
font-size: 22px;
text-transform: uppercase;
word-wrap: break-word;
line-height: 30px;
margin-bottom: 5px;
color: #fff;
}

.service-5-warp p {
font-weight: 300;
font-size: 12px;
padding-right: 30px;
line-height: 26px;
color: #fff;
margin-bottom: 0;
}
.serv_active:after {
content: "";
position: absolute;
right: -35px;
bottom: -45px;
height: 80px;
width: 80px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}

/* ==========================================================================
Service 5 shortcode style - End
========================================================================== */
/* ==========================================================================
Service 6 shortcode style - Start
========================================================================== */

.srv-about{
border: 1px solid #e5e5e5;
position: relative;
}

.srv-about-num{
position: absolute;
right: 0;
}

.srv-about-num-inner{
padding: 20px;
font-size: 50px;
opacity: 0.1;
font-weight: bold;
}

.srv-about-padding{
overflow: hidden;
position: relative;
padding: 33px 35px 28px;
}

.srv-about-ic-box{
float: left;
width: 40px;
height: 40px;
font-size: 22px;
line-height: 40px;
margin-top: 5px;
text-align: center;
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.srv-about-ic-box i{
font-size: 22px;
line-height: 40px;
}

.srv-about-content{
padding-left: 60px;
position: relative;
}

.srv-about-content h5 {
font-size: 18px;
padding: 0;
margin: 0;
line-height: 30px;
font-weight: 700;
}

.srv-about-content p{
margin: 0;
}

.curve-services-6{
position: absolute;
bottom: -90px;
right: -84px;
width: 140px;
height: 140px;
color: #fff;
opacity: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.srv-about:hover .curve-services-6{
opacity: 1;
}

/* ==========================================================================
Service 6 shortcode style - End
========================================================================== */  
/* ==========================================================================
Service 7 shortcode style - Start
========================================================================== */  

.service_7_container{
margin:20px 5px ;
}

.service_7_img{
display: table-cell;
}

.asma-serv-7-right{
display: table-cell;
vertical-align: middle;
}

.service_7_img img{
max-width: inherit;
}

.asma-serv-7-content{
padding-top: 20px;
margin-left: 20px;
}

.asma-serv-7-title{
margin-bottom: 5px;
font-size: 24px;
font-weight: 800;
line-height: 30px;
}

.service_7_item{
position: relative;
}
.asma-serv-7-content p{
  margin-bottom: 0;
}

.service_7_item .icon_number {
background-color: transparent;
color: #fff;
width: 124px;
height: 124px;
border-radius: 50%;
text-align: center;
font-size: 36px;
line-height: 177px;
font-weight: 700;
position: relative;
transition: color 0.3s linear;
z-index: 1;
}

.service_7_item .icon_number img{
height: 75px;
}

.service_7_item .icon_number:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
top: 0;
left: 0;
border-radius: 50%;
opacity: 1;
transform: scale(0.9);
transition: all 0.2s linear;
z-index: -1;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}

.service_7_item .icon_number .service_7_round {
width: 48px;
height: 48px;
border-radius: 50%;
display: block;
border: 4px solid #fff;
position: absolute;
transition: background 0.2s linear;
margin-left: -5px;
margin-top: -5px;
line-height: 40px;
font-size: 30px;
}

.service_7_container:hover .service_7_item .icon_number:before{
transform: scale(1);
}

/* ==========================================================================
Service 7 shortcode style - End
========================================================================== */     
/* ==========================================================================
Service 8 shortcode style - Start
========================================================================== */  
.as-services-8{
   position: relative; 
   overflow: hidden;
}
.as-services-8 .as-services-warp{
    padding: 30px 0px 30px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s;
}
.as-services-8 .as-services-8-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.as-services-8 .back-num{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 60px;
    line-height: .8;
    font-weight: 800;
    letter-spacing: -.05em;
    z-index: 0;
    pointer-events: none;
    transition: .4s;
    margin: 0% 0% 0% 10.4%;
    padding: 28px 0px 0px 0px;
    opacity: .3;
}
.as-services-8 .title{
    font-size: 30px;
    position: relative;
    z-index: 1;
    transition: .4s;
    margin: 0% 0% 0% 16.6%;
    color: #ffffff;
    font-weight: 600;
}
.as-services-8 .style-8 {
    position: absolute;
    right: -35px;
    bottom: -45px;
    height: 90px;
    width: 90px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    padding-left: 7px;
}
.as-services-8.right_style .style-8 i{
   padding: 20px;
}
.as-services-8.left_style .style-8 i{
   padding: 20px 40px;
}
.as-services-8.left_style{
border-radius: 10px 0px 0px 10px;
}
.as-services-8.right_style{
border-radius: 0px 10px 10px 0px;
}
.as-services-8.left_style .style-8 {
    left: -35px;
}
.as-services-8.hide_style .style-8 {
    content:none;
}
.as-services-8.general-color:hover .style-8 i{
-webkit-animation: arrow-rotate-center 0.3s linear both;
animation: arrow-rotate-center 0.3s linear both;
}
.as-services-8.secondary-color:hover .style-8 i{
-webkit-animation: arrow-rotate-centerb 0.3s linear both;
animation: arrow-rotate-centerb 0.3s linear both;
}
@-webkit-keyframes ar-slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes ar-slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}

/* ==========================================================================
Service 8 shortcode style - End
========================================================================== */  

/* ==========================================================================
Service 9 shortcode style - Start
========================================================================== */  
.as-services-9-inner{
  margin: 0 -15px;
}
.as-services-9{
    position: relative;
    padding: 15px;
    z-index: 9;
}
.as-services-9 .as-services-inner{
    background-color: #f7f5f2;
    padding: 30px;
    z-index: 9;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);
    border-radius: 5px;
}
.as-services-9 .boxinfo-media{
    position: relative;
    margin-bottom: 30px;
}

.as-services-9 .boxinfo-media span{
    font-size: 62px;
    line-height: 70px;
    font-weight: 700;
    float: right;
    opacity: .1;

}

.as-services-9 .boxinfo-media i{
    font-size: 72px;
    line-height: 80px;
}

.as-services-9 .boxinfo-content{
    margin-bottom: 30px;
}
.as-services-9 .boxinfo-content h4{
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
    margin-bottom: 15px;
    font-weight: 800;
  
}
/* ==========================================================================
Service 9 shortcode style - End
========================================================================== */  
/* ==========================================================================
Services - End
========================================================================== */

/* ==========================================================================
Contact Box - Start
========================================================================== */

.contact-box-innert{
padding: 15px 15px;  
}

.contact-box-outer{
padding: 50px;
background-color: #f7f5f2;
border: 1px solid #f7f5f2;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; 
}
.contact-box-outer:hover{
background-color: #ffffff;
border: 1px solid #e5e5e5;  
}
.contact-box-img img{
width: 70px;
height: auto;
}
.contact-box-info .label{
font-weight: 700;
margin: 10px 3px 5px 3px;
display: block;
font-size: 20px;
}

.contact-box-info .des{
font-size: 18px;
font-weight: 400;
}

/* ==========================================================================
Contact Box - End
========================================================================== */
/* ==========================================================================
Single Image Holder - Start
========================================================================== */

.ma_single_holder{
position: relative;
}

.ma_single_image img{
width: 100%;
display: block;
}

.ma_single_img_box{
display: table;
position: absolute;
z-index: 0;
top: 50%;
clip-path: circle(0);
transform: translateX(-50%) translateY(-50%);
border-radius: 4px;
width: 140px;
height: 140px;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;    
clip-path: inset(0 0 100% 0);
-webkit-clip-path: inset(0 0 100% 0);
-webkit-transition: 1s cubic-bezier(.79,.12,.25,1);
-moz-transition: 1s cubic-bezier(.79,.12,.25,1);
transition: 1s cubic-bezier(.79,.12,.25,1);
}

.ma_img_box{
opacity: 1;
clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);
}

.single_box_inner{
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 10px;
position: relative;
box-sizing: border-box;
color: #fff;
}

.ma-si-small-text{
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 -5px;
letter-spacing: .1em;
}

.ma-si-big-text{
font-size: 35px;
margin: 0;
font-weight: 600;
}

/* ==========================================================================
Single Image Holder - End
========================================================================== */
/* ==========================================================================
Asma Icon - Start
========================================================================== */

.asma-single-icon{
margin-bottom: 5px; 
}

.asma-icon-left {
font-size: 2em;
line-height: 38px;
display: table-cell;
}

.asma-icon-right {
display: table-cell;
vertical-align: middle;
}

.asma-icon-content {
padding-left: 20px;
}

.asma-icon-title {
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin-bottom: 9px;
text-transform: capitalize;
}

.asma-icon-content div p{
line-height: 1.880;
}

/* ==========================================================================
Asma Icon - End
========================================================================== */

/* ==========================================================================
Asma Slider - Start
========================================================================== */

.ma-slider-container{
margin: 0 -15px;
}

.ma-slider-loading{
height: 100vh;
}

.ma-slider-inner{
position: relative!important;
overflow: hidden;
width: 100%;
height: 100%;
background: #000;
}

.ma-slider-warp{
 width: 100%;
 z-index: 1;
 position: relative;
}
.ma-main-slider{
margin: 0 -15px;
}

.silder-title-h1{
margin-top:10px;
word-wrap: break-word; 
}
.slider-text p{
font-size: 18px;
}
.slider-text-p{
margin-top:10px;
}

.ma-slider_line{
word-wrap: break-word;
}

.ma-slider_line:before {
content: '';
position: relative;
z-index: 1;
display: inline-block;
width: 40px;
height: 4px;
top: -7px;
margin-right: 3px;
}



.ma-slider-item{
position: absolute !important;
display: block;
pointer-events: auto;
z-index: 17;
visibility: visible;
}

.ma-slider-full{
position: relative;
height: auto;
}

.ma-slider-grid{
width: 1170px;
position: relative;
margin: 0 auto;
}

.main-slider-holder{
height: 100%;
}

#scene-style{
position: absolute!important;
width: 100%!important;
height: 100%!important;
}


/* Next & previous buttons */
.ma-slider-container .arrow-left, .ma-slider-container .arrow-right {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;

}
.ma-slider-container .arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 30px;
}

.ma-slider-container .arrow-right {
    right: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 30px;
}
.ma-slider-container .slider-dots{
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 0;
    text-align: center;
    padding: 20px 0;
}

.ma-slider-container .slider-dots button{
    cursor: pointer;
    outline: none;
    border: none;
    width: 20px;
    height: 20px;
    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;
}
.ma-slider-inner{
display: none;
visibility: hidden;

}
.ma-slider-container .ma-slider-inner.active{
display: block;
visibility: visible;
}
.ma-slider-container .slider-dots  button.active {
    opacity: 1;
}
.ma-slider-container .slider-dots  button:hover {
    background: #ffffff !important;
    opacity: 1;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}



.ma-slider_content{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
}

.slider-sub-heading{
position: relative;
z-index: 11;
line-height: 34px;
letter-spacing: 0px;
font-weight: 500;
font-size: 24px;
margin: 0px;
padding: 0px;
text-decoration: none;
white-space: nowrap;
margin-bottom: 10px; 
}

.headline-slider{
position: relative;
z-index: 12;
margin: 0px;
padding: 0px;
letter-spacing: 2px;
color: inherit;
font-weight: inherit;
font-size: inherit;
text-decoration: none;
line-height: inherit;
}

.ma-slider-layers, .slider-layer{
width: 100%!important;
height: 100%!important;
}

.slider-layer .slider-layer-container{
position: absolute!important;
width: 100%!important;
height: 100%!important;
}

.slider-layer .slider-layer-container .image-layer-1{   
position: absolute;
visibility: hidden;
width: auto!important;
}

.slider-layer .slider-layer-container .image-layer-1.show{
animation-name: show-layer;
animation-timing-function: linear;
animation-duration: .5s;
animation-fill-mode: both;
}


.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-fade-in {
-webkit-animation: fadein 2s linear;
animation: fadein 2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-fade-in {
-webkit-animation: fadein 4s linear; 
animation: fadein 4s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-fade-in {
-webkit-animation: fadein .5s linear;
animation: fadein .5s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-fade-in-down {
-webkit-animation: slide-bottom .5s linear;
animation: slide-bottom .5s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-fade-in-down {
-webkit-animation: slide-bottom 1s linear; 
animation: slide-bottom 1s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-fade-in-down {
-webkit-animation: slide-bottom .2s linear;
animation: slide-bottom .2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-fade-in-up {
-webkit-animation: slide-up .5s linear;
animation: slide-up .5s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-fade-in-up {
-webkit-animation: slide-up 1s linear; 
animation: slide-up 1s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-fade-in-up {
-webkit-animation: slide-up .2s linear;
animation: slide-up .2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-fade-in-right {
-webkit-animation: slide-right .5s linear;
animation: slide-right .5s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-fade-in-right {
-webkit-animation: slide-right 1s linear; 
animation: slide-right 1s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-fade-in-right {
-webkit-animation: slide-right .2s linear;
animation: slide-right .2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-fade-in-left {
-webkit-animation: slide-left .5s linear;
animation: slide-left .5s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-fade-in-left {
-webkit-animation: slide-left 1s linear; 
animation: slide-left 1s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-fade-in-left {
-webkit-animation: slide-left .2s linear;
animation: slide-left .2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_normal.anim_ma-show {
-webkit-animation: ma-show 2s linear;
animation: ma-show 2s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_slow.anim_ma-show {
-webkit-animation: ma-show 4s linear; 
animation: ma-show 4s linear;
}

.ma-main-slider .owl-carousel .owl-item.active #ani_fast.anim_ma-show {
-webkit-animation: ma-show .5s linear;
animation: ma-show .5s linear;
}

/**
show layer
*/

@-webkit-keyframes show-layer {
from {

visibility: hidden;
}

to {

visibility: visible;
}
}

@keyframes show-layer {
from {

visibility: hidden;
}

to {

visibility: visible;
}
}


/**
* ----------------------------------------
* animation effect
* ----------------------------------------
*/

.ma-slider_content .asma-show{
opacity: 1;
visibility: visible;
}

.active .asma-slide-top{
animation-name: asma-slide-top;
animation-timing-function: linear;
animation-fill-mode: both;  
-webkit-backface-visibility: hidden;

}

.active .asma-slide-bottom{
animation-name: asma-slide-bottom;
animation-timing-function: linear;
animation-fill-mode: both;  
-webkit-backface-visibility: hidden;
}

.active .asma-slide-right{
opacity: 0;
animation-name: asma-slide-right;
animation-timing-function: linear;
animation-fill-mode: both;  
-webkit-backface-visibility: hidden;
}

.active .asma-slide-left{
animation-name: asma-slide-left;
animation-timing-function: linear;
animation-fill-mode: both;  
-webkit-backface-visibility: hidden;
}

.active .asma-fade-out{
animation-name: asma-fade-out;
animation-timing-function: linear;
animation-fill-mode: both;  
-webkit-backface-visibility: hidden;
}



/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/
@-webkit-keyframes asma-slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
10% {
opacity: 1;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}  
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes asma-slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
10% {
opacity: 1;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}  
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}


/**
* ----------------------------------------
* animation slide-bottom
* ----------------------------------------
*/

@-webkit-keyframes asma-slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
10% {
opacity: 1;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes asma-slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
10% {
opacity: 1;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

/**
* ----------------------------------------
* animation slide-right
* ----------------------------------------
*/

@-webkit-keyframes asma-slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
10% {
opacity: 1;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes asma-slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
10% {
opacity: 1;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}  
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/**
* ----------------------------------------
* animation slide-left
* ----------------------------------------
*/

@-webkit-keyframes asma-slide-left {
0% {
opacity:0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
10% {
opacity:1;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}  
100% {
opacity:1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes asma-slide-left {
0% {
opacity:0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
10% {
opacity:1;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
opacity:1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

/**
* ----------------------------------------
* animation fade-out
* ----------------------------------------
*/

@-webkit-keyframes asma-fade-out {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}

@keyframes asma-fade-out {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}

/* ==========================================================================
Asma Slider - End
========================================================================== */
/* ==========================================================================
Testimonials - Start
========================================================================== */
/* ==========================================================================
Testimonial Standard - Start
========================================================================== */   

.testimonials_standard_item{
padding-left: 50px;   
display: table-cell;
vertical-align: middle;
}
.testimonials_standard_warp{ 
padding: 20px 30px;
}
.testimonials_standard_quote{
font-size: 30px; 
font-weight: 500;
line-height: 50px;
}

.testimonials_standard_wrap{
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;
margin-top: 30px;
}

.testimonials_standard_image{
margin-right: 20px;
position: relative;
padding: 15px;
overflow: hidden;
content: '';
border-radius: 66% 34% 60% 40% / 30% 30% 70% 70%;
}

.owl-carousel .owl-item .testimonials_standard_image img{
display: initial;
width:70px; 
height: 70px;   
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.testimonials_standard_item:before{
content: '“';
display: block;
position: absolute;
z-index: 1;
top: 6px;
left: 0;
line-height: 0.8;
font-weight: 700;
font-size: 60px;
content: '\f10d';
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
text-decoration: inherit;
}

.testimonials_standard_name{
padding-bottom: 5px;
font-size: 16px;
line-height: 1.25;
font-weight: 600;
}

.testimonials_standard_outer{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex; 
}

.testimonials_standard_status{
font-size: 16px;
line-height: 1.25;
font-weight: 600;
margin-left: 5px;
}

/* ==========================================================================
Testimonial Standard - End
========================================================================== */

/* ==========================================================================
Testimonial Simple - Start
========================================================================== */

.testimonials_simple_item{
display: table-cell;
vertical-align: middle;
}


.testimonials_simple_quote{
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
line-height: 56px;
padding-top: 50px;
}

.testimonials_simple_wrap{
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;
margin-top: 15px;
}

.testimonials_simple_name{
padding-bottom: 5px;
font-size: 16px;
line-height: 1.25;
font-weight: 600;
}

.testimonials_simple_outer{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex; 
}

.testimonials_simple_status{
font-size: 16px;
line-height: 1.25;
font-weight: 600;
margin-right: 5px;
}

.asma-carousel-holder .owl-nav button, .asma-carousel-holder button{
height: auto;
border: none;
padding: 0;
background: none;
background-color: transparent;
margin:20px 20px 0 0;
}
.asma-carousel-holder .owl-nav button:hover, .asma-carousel-holder button:hover{
border: none;
background: none;

}
.asma-carousel-holder .owl-nav button.owl-next:hover{
transform: translateX(5px);  
}
.asma-carousel-holder .owl-nav button.owl-prev:hover{
transform: translateX(-5px);  
}

.testimonials-simple-next, .testimonials-simple-prev {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.testimonials-simple-next span, .testimonials-simple-prev span{
font-size: 24px; 
}


/* ==========================================================================
Testimonial Simple - End
========================================================================== */

/* ==========================================================================
Testimonial Standard - End
========================================================================== */

/* ==========================================================================
Testimonials Popup - Start
========================================================================== */

.testimonials_popup{
margin-top: 22px;
padding: 0 25px; 
}   

.testimonials-outer{
background-color: #ffffff;
box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
-moz-box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
}

.testimonials-box-popup{
padding: 30px 30px 30px;
position: relative;
text-align: center;
}

.testimonials-img-popup{
margin-top: 40px;
text-align: center;
}

.owl-carousel .owl-item .testimonials-img-popup img{
display: initial;
width: 80px;
height: 80px;
border-radius: 50%;
}

.testimonials-popup-style{
content: '';
position: absolute;
z-index: 1;
width: 30px;
height: 30px;
top: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
transform: translateY(-15px) rotate(45deg);
background-color: #ffffff;
}

.testimonials-title-popup{
margin-bottom: 14px;
}

.testimonials-title-popup h3 {
font-size: 18px;
font-weight: 700;
}

.testimonials-title-popup P {
font-size: 12px;
}

.testimonials-icon{
margin-bottom: 30px;
line-height: 1;
font-size: 40px;
position: absolute;
top: 0;
left: 0;
margin-top: -22px;
overflow: hidden;
}

.testimonials-popup-content{
margin-top: 15px;
}

/* ==========================================================================
Testimonials Popup  - End
========================================================================== */
/* ==========================================================================
Testimonials Card - Start
========================================================================== */

.testimonials-card-outer{
background: #fff;
box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
-webkit-box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
-moz-box-shadow: 10px 10px 20px 0 rgba(0,0,0,.1);
}

.testimonials-box-card{
padding: 43px 30px 50px;
position: relative;
overflow: hidden;
text-align: center;
}

.icon-main-card{
margin-bottom: 30px;
line-height: 1;
font-size: 40px;
}

.owl-carousel .owl-item .testimonials-img-card img{
display: initial;
width: 80px;
height: 80px;
border-radius: 50%;
}

.testimonials-card-title, .testimonials-card-content{
margin-bottom: 14px;
}

.testimonials-card-title h3{
font-size: 18px;
}

.testimonials-card-title p{
font-size: 12px;
}

/* ==========================================================================
Testimonials Card - End
========================================================================== */
/* ==========================================================================
Testimonials - End
========================================================================== */

/* ==========================================================================
Video Popup - Start
========================================================================== */
.video-popup {
position: relative;
}

.vid-btn-inner {
display: inline-block;
color: #fff;
width: 65px;
height: 65px;
position: relative;
margin: auto;
text-align: center;
border-radius: 50%;
}

.vid-btn-inner:before, .vid-btn-inner:after {
content: '';
border-style: solid;
border-width: 1px;
position: absolute;
border-radius: 50%;
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);
}
}

/* ==========================================================================
Video Popup - End
========================================================================== */ 
/* ==========================================================================
Video Card - Start
========================================================================== */ 

.flex-elemnt{
display: flex;
} 

.video-popup{
flex: 1;
position: relative;
}  

.video-card-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}

.card_video_outer{
flex: 1;
background-color: #ffffff;
}
/* ==========================================================================
Video Card - End
========================================================================== */
/* ==========================================================================
Asma Tabs - Start
========================================================================== */ 
.as-tabs-links {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
    z-index: 1;
    margin: 0 -5px;
}

.asma-tabs-title {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    cursor: pointer;
    transition: 0.4s;
    z-index: 1;
    padding: 22px 30px 15px 30px;
    margin: 0 0 30px 0;
    color: #222222;
    background-color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #e7e7e7 ;
    flex-direction: column-reverse;
}
.asma-tabs-title .as-tabs-title {
  font-size: 18px;
}
.as-tabs-links-warp{
    flex: 1;
    padding: 0 5px;
}
.as-tabs-links-warp.active .asma-tabs-title{
      background-color: transparent !important;
    background-image: -webkit-linear-gradient(
100deg
, #0b1953 0%, #01012f 100%);
    background-image: linear-gradient(
100deg
, #0b1953 0%, #01012f 100%);
  color: #fff;

}

.as-tabs-links-warp.active .asma-tabs-title span{
color: #ffffff;  
}

.as-tabs-links-warp.active .as-tabs-icon{
  color: #fff;
}
.asma-tabs-title:hover{
  background: #f7f5f2 ;

}
.as-tabs-links-warp.active .asma-tabs-title:after{
    content: "";
    position: absolute;
    right: -35px;
    bottom: -45px;
    height: 80px;
    width: 80px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
     background-color: transparent !important;
    background-image: -webkit-linear-gradient( 100deg , #b6246e 8%, #f9636b 82%); 
    background-image: linear-gradient( 100deg , #b6246e 8%, #f9636b 82%);
}

.as-tabs.icon-left .asma-tabs-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; 
}

.as-tabs.icon-right .asma-tabs-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; 
}

.as-tabs.icon-top .asma-tabs-title {
    -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; 
}
.as-tabs.icon-bottom .asma-tabs-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; 
}
.as-tabs .tabs-content-holder{
    display: none;
     border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 12%);
    padding: 30px;
    position: relative;
    overflow: hidden;
}
.as-tabs .tabs-content-holder img{
       border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.as-tabs .tabs-content-holder:after {
    content: "";
    position: absolute;
    right: -35px;
    bottom: -45px;
    height: 80px;
    width: 80px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 100px;
    width: 100px;
    background-color: transparent !important;
background-image: -webkit-linear-gradient( 100deg , #b6246e 8%, #f9636b 82%); background-image: linear-gradient( 100deg , #b6246e 8%, #f9636b 82%);
}
.as-tabs .tabs-content-holder.active{
    display: block;
}
.as-tabs-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
}
.as-tabs-content .tabs-content-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.as-tabs-content .tabs-content-row .tap-content,
.as-tabs-content .tabs-content-row .tap-media{
    padding: 50px;
}
.as-tabs-content .tabs-content-row .tap-media img{
    box-shadow: #fff -20px 20px 0px -2px, #2b236e -20px 20px;
}

.as-tabs-icon{
    font-size: 42px;
    color: #d00000;
}

.tabs-content-text{
    margin-top: 20px;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
} 
/* ==========================================================================
Asma Tabs - End
========================================================================== */  

/* ==========================================================================
Asma Lists - Start
========================================================================== */
.as-list ol , .as-list ul{
    padding: 0;
    margin: 0;
}
.as-list .as-list_ordered ol {
    list-style: none;
    counter-reset: as-counter;
}
.as-list .as-list_ordered ol li {
    counter-increment: as-counter;
}
.as-list .as-list_ordered ol li::before {
    content: counter(as-counter) ". ";
    color: #d00000;
    display: block;
    position: absolute;
    z-index: 1;
    font-weight: 900;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 0;
    margin: 0;
    direction: inherit;
}

.as-list .as-list_square ul li, .as-list .as-list_circle ul li, .as-list .as-list_dashes ul li, .as-list .as-list_ordered ol li {
    position: relative;
    z-index: 1;
    padding-left: calc(1em + 5px);
    line-height: 38px;
    list-style: none;
}
.as-list .as-list_square ul li:before, .as-list .as-list_circle ul li:before, .as-list .as-list_dashes ul li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: #d00000;
    margin: 0;
}
.as-list .as-list_circle ul li:before {
    border-radius: 50%;   
}
.as-list .as-list_dashes ul li:before{
    height: 3px;
}  
/* ==========================================================================
Asma Lists - End
========================================================================== */           

/* ==========================================================================
Shortcodes Styles  - End
========================================================================== */



/* Mobile Switcher */
body.open-menu-mob {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%; 
}

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

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

.open-menu-mob .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; 
}

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

.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 {
position: relative;
text-transform: capitalize; 
}

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

/* Button Switcher */
.mobile_nav_wrapper .primary-nav .button_trigger {
width: 50px;
height: 50px;
z-index: 1;
cursor: pointer;
position: absolute;
top: 50%;
-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: 1px;
border-top-style: solid;
border-left-width: 1px;
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 .ma-mobile-header .ma-logo-container img {
vertical-align: middle;
}

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

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

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

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

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

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

.ma-mobile-header .header_search:before {
content: '';
display: inline-block;
position: relative;
height: 100%;
vertical-align: middle;
}

.ma-mobile-header .header_search i{
font-size: 20px;
}

.mobile-menu-trigger{
display: inline-block;
position: relative;
vertical-align: middle;
text-align: center;
cursor: pointer;
color: #fff;
}

.mobile-menu-trigger span {
height: 2px;
width: 25px;
display: block;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

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

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

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

/* ==========================================================================
Page Builder -begin
========================================================================== */
.vc_row{
position: relative;
}

.vc_row .wpb_map_wraper{
filter: brightness( 50% );
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.wpb_text_column {
position: relative;
z-index: 1;  
}
.ma-slider-inner .vc_element{
height: 100% !important;    
}
.compose-mode .vc_element .slider-layer .slider-layer-container{
height: auto !important;
}

.compose-mode .vc_element .column_grid_3 .column_row:nth-child(3n+1) {
clear: none !important;
}

.compose-mode .vc_element .column_grid_4 .column_row:nth-child(4n+1) {
clear: none !important;
}
.image-layer-container .vc_element:not(:first-child){
position: absolute;
left: 0;
top: 0;    
}

.vc_row .wpb_map_wraper:hover{
filter: none;
}

.overflow-add{
overflow: hidden !important;
}

.vc-white{
color: #ffffff;
}


/* #Vc_Frontend Editor Style - Start*/
.vc_editor .ma-elements-holder {
display: block !important;
overflow: hidden !important;
}
.vc_editor .column_row {
display: block !important;
float: left !important;   
}

/* ==========================================================================
Page Builder -End
========================================================================== */
/* ==========================================================================
Animation Holder shortcode style - begin
========================================================================== */

.animation-slide-top .ma-animation-inner{
opacity: 1;
-webkit-animation: slide-top 0.55s linear both;
animation: slide-top 0.55s linear both;
}

.animation-slide-bottom .ma-animation-inner{
opacity: 1;
-webkit-animation: slide-bottom 0.55s linear both;
animation: slide-bottom 0.55s linear both;
}

.animation-slide-right .ma-animation-inner{
opacity: 1;
-webkit-animation: slide-right 0.55s linear both;
animation: slide-right 0.55s linear both;
}

.animation-slide-left .ma-animation-inner{
opacity: 1;
-webkit-animation: slide-left 0.55s linear both;
animation: slide-left 0.55s linear both;
}

.animation-fade-out .ma-animation-inner{
-webkit-animation: fade-out 2s linear both;
animation: fade-out 2s linear both;
}

.animation-show .ma-animation-inner{
opacity: 1;
visibility: visible;
}

.ma-animation-inner{
opacity: 0;
}


/* ==========================================================================
Team - begin
========================================================================== */   

.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: 120px;
border: 1px solid #e5e5e5;
border-radius: 0;
margin-top: 2px;
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-right: 8px;
font-size: 14px;
letter-spacing: .08em;
text-transform: uppercase;
color: #dd496c;
font-weight: 600;
line-height: 1;
}
.team-sub-line:before{
content: '';
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 40px;
    height: 3px;
    top: -3px;
}
.single-team-info{
padding: 20px 0;

}
.team-image-wrap{
margin: 80px 30px -100px 150px;
border-radius: 0;
overflow: hidden;
}
.team-image-wrap img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.team-info{
padding-top: 80px;
padding-left: 30px;
}

.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: 10px 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.facebook_team a:hover{
color: #4661c5;
background: #ffffff;
border: 1px solid #4661c5;
}
.team-soical-icons.twitter_team a:hover {
color: #18a6f0;
background: #ffffff;
border: 1px solid #18a6f0;
}
.team-soical-icons.instagram_team a:hover{
color: #252525;
background: #ffffff;
border: 1px solid #252525;
}
.team-soical-icons.linkedin_team a:hover{
color: #007bb5;
background: #ffffff;
border: 1px solid #007bb5;
}

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

.team-content .asma-icon-title{
font-size: 18px;
font-weight: 600;
line-height: 22px;
margin-bottom: 5px;
font-size: 20px;
line-height: 40px;

}
.single-team .ma-row .ma_col-12{
  padding: 0;
}

/* ==========================================================================
Team - End
========================================================================== */  
/* ==========================================================================
Portfolio List - Start
========================================================================== */

.portfolio-single-content .portfolio-title{
font-size: 30px;  
line-height: 1;
margin-bottom: 22px;
word-wrap: break-word;
}

.portfolio_space.small_space{
margin-left: -10px;
margin-right: -10px;
}

.portfolio_space.normal_space{
margin-left: 0;
margin-right: 0;
margin-top: 15px;
margin-bottom: 15px;  
}
.small_space.on-image-hover{
margin-bottom: 15px;
margin-top: 15px;  
}
.small_space.on-image-hover.below-image,
{
margin-bottom: 10px;  
}
.blog-style-standard .portfolio_space.normal_space.on-image-hover,
.portfolio-pinterest .portfolio_space.normal_space.on-image-hover{
margin-bottom: 15px;  
}
.blog-style-standard .portfolio_space.normal_space.below-image,
.portfolio-pinterest .portfolio_space.normal_space.below-image{
margin-bottom: 30px;  
}
.portfolio_space.no_space{
margin-left: -15px;
margin-right: -15px;
}

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

.db_portfolio_item .dote:not(:first-child)::before{
content: '-';
display: inline-block;
vertical-align: middle;
margin-top: -5px;
margin-left: 2px;
margin-right: 4px;
letter-spacing: 0;
}
.portfolio_cat_ma img{
display: block;
-webkit-transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
}
.portfolio_cat_ma img:hover{
opacity: .7;
}
.blog-style-standard .db_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;
}
.blog-style-standard .db_portfolio_item .image_wrapper a{
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.blog-style-standard .db_portfolio_item .image_wrapper p a:hover,
.portfolio-masonry .db_portfolio_item .image_wrapper p a:hover{
text-decoration: underline;
}


.db_portfolio_item .image_wrapper > a {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}

.db_portfolio_item .image_wrapper > a img {
opacity: 0;
}

.text_info_portfolio {
margin-top: 23px;
}
.mark_info_portfolio{
width: 40px;
height: 3px;
margin: 8px 0 5px;
}

.text_info_portfolio .portfolio-link{
display: inline-block;
position: relative;
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.text_info_portfolio p{
margin: 0;  
}
.text_info_portfolio p a{
text-transform: capitalize;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.1px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
padding: 0;
}  

.hidden_info{
line-height: 1.75em;  
-webkit-border-radius: inherit;
border-radius: inherit;
z-index: 2;
}

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

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

.db_portfolio_item .image_wrapper.hover_overlay .hidden_info {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: -20px;
padding: 0 10px;
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;
}

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

.image_wrapper.hover_overlay .hidden_info .portfolio-link:before {
content: '';
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}

.image_wrapper.hover_overlay .hidden_info .portfolio-link {
margin-bottom: 10px;
}

.db_portfolio_item .image_wrapper .hidden_info .portfolio-link {
position: static;
display: block;
margin-bottom: 10px;
color: inherit;
font-size: 26px;
font-weight: 700;
line-height: 30px;
}
.db_portfolio_item .image_wrapper .hidden_info p {
display: inline-block;
position: relative;
}

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

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

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

.db_portfolio_item .image_wrapper.hover_slide_bottom:hover .hidden_info {
opacity: .8;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.image_wrapper.hover_overlay:hover .hidden_info {
opacity: .8;
bottom: 0;
-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_slide_top:hover .hidden_info {
opacity: .8;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.db_portfolio_item .standard_image_wrapper.hover_hover_opacity{
-webkit-transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
transition: opacity 0.3s ease, bottom 0.2s ease 0.15s;
}

.db_portfolio_item .image_wrapper.hover_hover_opacity{
transition: transform .5s;
}

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

.db_portfolio_item .image_wrapper.hover_hover_zoom{
transition: transform .5s;
}

.db_portfolio_item .image_wrapper.hover_hover_zoom:hover{
transform: scale(1.1);
}

.portfolio-single-content.type_small_images, .portfolio-single-content.type_small_slider, .portfolio-single-content.type_small_masonry {
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: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.portfolio-single-content.type_small_images .portfolio-media, .portfolio-single-content.type_small_slider .portfolio-media, .portfolio-single-content.type_small_masonry .portfolio-media {
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: calc(66.6% - 15px);
margin-right: 30px;
}
.portfolio-single-content.type_larg_images .inner-wrapper-side, 
.portfolio-single-content.type_larg_slider .inner-wrapper-side, 
.portfolio-single-content.type_larg_masonry .inner-wrapper-side,
.portfolio-single-content.type_gallery .inner-wrapper-side{
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: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
}
.portfolio-single-content.type_larg_images .inner-wrapper-side .aside-part-wrapper, 
.portfolio-single-content.type_larg_slider .inner-wrapper-side .aside-part-wrapper, 
.portfolio-single-content.type_larg_masonry .inner-wrapper-side .aside-part-wrapper,
.portfolio-single-content.type_gallery .inner-wrapper-side .aside-part-wrapper{
min-width: 25%;
margin-left: 60px;
margin-top: 53px;
padding-left: 60px;
border-left: 1px solid #e5e5e5;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.portfolio-single-content .portfolio-media {
line-height: 0px;
}

.portfolio-single-content.type_small_images .portfolio-media img:not(:last-child),
.portfolio-single-content.type_larg_images .portfolio-media img:not(:last-child) {
margin-bottom: 30px;
}

.portfolio-single-content .portfolio-media img {
display: inline-block;
width: 100%;
}

.portfolio-single-content.type_larg_images .portfolio-media, 
.portfolio-single-content.type_larg_images .portfolio-media .item, 
.portfolio-single-content.type_small_images .portfolio-media .item, 
.portfolio-single-content.type_larg_slider .portfolio-media {
margin-bottom: 30px;
}

.portfolio-single-content .portfolio-content-wrapper .aside-part .label,
.portfolio-single-content .portfolio-content-wrapper .portfolio_social_share .label
{
font-size: 18px;
line-height: 28px;
position: relative;
z-index: 1;
display: inline-block;
font-weight: 700;
text-transform: capitalize;
margin-right: 5px;
}
.portfolio-content-wrapper .inner-wrapper-side{
position: relative; 
}
.portfolio-single-content .portfolio-content-wrapper .aside-part a:after {
content: ', ';
}
.portfolio-single-content .portfolio-content-wrapper .aside-part a:last-child:after {
 content: '';
}
.portfolio-single-content .portfolio-content-wrapper .portfolio-content p{
margin: 0;
display: inline-block;  
}
.portfolio-single-content.type_small_images .portfolio-content-wrapper .aside-part,
.portfolio-single-content.type_small_slider .portfolio-content-wrapper .aside-part,
.portfolio-single-content.type_small_masonry .portfolio-content-wrapper .aside-part{
margin-top: 30px;  
}
.portfolio-single-content .portfolio-content-wrapper .aside-part div{
margin-bottom: 5px;
text-transform: capitalize;
}

.portfolio-single-content.type_gallery .ma_gallery_images {
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-star;
-moz-align-items: flex-star;
-ms-align-items: flex-star;
align-items: flex-star;
margin: 0 -15px;
}

.portfolio-single-content.type_gallery .ma_gallery_images .ma_gallery_image {
width: calc(33.3333% - 30px);
margin: 0 15px 30px;
}

.portfolio-single-content .owl-nav {
position: absolute;
width: 100%;  
top: 50%!important;
margin: 0!important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.portfolio-single-content .portfolio-media img {
width: 100%;
display: inline-block;
}
.portfolio_social_share{

margin-bottom: 0;
}
.portfolio_social_share a{
-moz-opacity: 0.5;
opacity: 0.5; 
}
.portfolio_social_share a:hover{
-moz-opacity: 1;
opacity: 1; 
}
.portfolio_social_share  a i {
font-size: 14px;
margin: 0 3px;

}


/* clear fix */

.portfolio-single-masonry:after {
content: '';
display: block;
clear: both;
}


/* ---- .grid-item ---- */

.portfolio-single-masonry {
margin: 0 -15px 10px;
}

.portfolio-single-sizer,
.grid-item {
width: 33.333%;
}

.grid-item {
float: left;
width: calc(33.3% - 30px);
margin: 0 15px 30px;
}

.grid-item img {
display: block;
max-width: 100%;
}

/* ---- .asma-grid-item ---- */

.asma-grid-sizer { 
width: 100%; 
}

.sizer-1 .asma-grid-sizer{
width: 100%;
}

.sizer-2 .asma-grid-sizer{
width: 50%;
}

.sizer-3 .asma-grid-sizer{
width: 33.33333333%;
}

.sizer-4 .asma-grid-sizer{
width: 25%;
}

.sizer-5 .asma-grid-sizer{
width: 20%;
}

.asma-gutter-sizer {
width: 33.33333333%;
}
.sizer-5 .asma-gutter-sizer{
 width: 20%; 
}
.asma-grid-item img {
display: block;
width: 100%;
}
.blog-style-masonry .db_portfolio_item .image_wrapper {
height: inherit;
padding-bottom: 0;
}

.asma-masonry-grid .db_portfolio_item .image_wrapper > a {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}

.asma-masonry-grid .db_portfolio_item .image_wrapper{
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;
}

.asma-masonry-grid.sizer-2 .db_portfolio_item.masonry-large-width{
width: 100%;  
}

.asma-masonry-grid.sizer-3 .db_portfolio_item.masonry-large-width{
width: 66.6666666667%;  
}

.asma-masonry-grid.sizer-4 .db_portfolio_item.masonry-large-width{
width: 50%;  
}

.asma-masonry-grid.sizer-5 .db_portfolio_item.masonry-large-width{
width: 40%;  
}


.portfolio-pinterest .db_portfolio_item .portfolio_space {
animation: scale-up-center 0.5s ease forwards;
}


/****/

.signle-portfolio_container{
position: relative;
margin-bottom: 35px;
border-bottom: 1px solid #e5e5e5;
}

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

.signle-portfolio-title {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
line-height: 34px;
letter-spacing: 1px;
}
.signle-portfolio-subtitle, .portfolio-layout-category a {
font-size: 14px;
font-weight: 400;
line-height: 30px;
color: #636363;
}
.portfolio-layout-category span:not(:last-child):before{
content: '-';
padding: 0 3px;
display: inline-block;
vertical-align: middle;  
}
.signle-portfolio-social {
  width: 100%;
}
.author-info_social-wrapper .author-info_social-link.fa-twitter:hover {
color: #18a6f0;
}

.author-info_social-wrapper .author-info_social-link.fa-facebook:hover {
color: #4661c5;
}

.author-info_social-wrapper .author-info_social-link.fa-linkedin:hover {
color: #007bb5;
}

.author-info_social-wrapper .author-info_social-link.fa-instagram:hover {
color: #f9636b;
}
.signle-portfolio-social 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;
    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.twitter_share {
background: #18a6f0;
border:1px solid #18a6f0;
}

.signle-portfolio-social a.facebook_share {
background: #4661c5;
border:1px solid #4661c5;
}

.signle-portfolio-social a.pinterest_share {
background: #ff2e2e;
border:1px solid #ff2e2e;
}

.signle-portfolio-social a.linkedin_share {

background: #007bb5;
border:1px solid #007bb5;
}

.signle-portfolio-social a.twitter_share:hover {
color: #18a6f0;
background: #ffffff;
border:1px solid #18a6f0;
}

.signle-portfolio-social a.facebook_share:hover {
color: #4661c5;
background: #ffffff;
border:1px solid #4661c5;
}

.signle-portfolio-social a.pinterest_share:hover{
color: #ff2e2e;
background: #ffffff;
border:1px solid #ff2e2e;
}

.signle-portfolio-social a.linkedin_share:hover{
color: #007bb5;
background: #ffffff;
border:1px solid #007bb5;
}

.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;
}
.signle-portfolio-col-25{
    width: 25%;
}
.signle-portfolio-col-8{
    width: 66.66666667%;
}
.signle-portfolio-col-4{
    width: 33.33333333%;
}
.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;  
}
.ma-portfolio-info_wrap .ma-portfolio-item_annotation {
    width: 100%;
    padding: 0;
    margin-left: 30px; 
}
.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: 40px;
text-transform: uppercase;
line-height: 46px;
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: 35px;  
}
.portfolio-single_footer .asma-tags a {
    display: inline-block;
    margin-right: 10px;
    padding: 8px 9px;
    border: 0;
    background: #f7f5f2;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: .8px;
    text-transform: capitalize;
    transition: 0.4s;
    border-radius: 3px;
  }
.portfolio-single_footer .asma-tags a:hover{
color: #fff;  
}
.portfolio-navigation{
padding-top: 15px;
margin: 0 -15px;
}
/* ==========================================================================
Portfolio List - End
========================================================================== */
/* ==========================================================================
Portfolio Carsousel - Start
========================================================================== */

.projects-box{   
overflow: visible;
margin-bottom: 60px;
}

.projects-box img {
width: 100%;
height: auto;
display: block;
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.portfolio-info {
opacity: 0;
visibility: hidden;
z-index: 1;
width: calc(100% - 120px);
overflow: hidden;
min-width: 300px;
margin: auto;
position: absolute;
bottom: 0px;
left: 50%;
text-align: center;
padding: 30px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: .5s all ease;
-webkit-transition: .5s all ease;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-ms-transition: .5s all ease;
}

.center .portfolio-info{
opacity: 1;
visibility: visible;
}

.portfolio-carousel .owl-item:hover.center .portfolio-info{
  bottom: 10px;
}

.portfolio-carousel button.owl-next{
float: right;
}

.portfolio-info-inner{
text-align: left;
}

.portfolio-info-inner h2, .portfolio-info-inner h2 a{
margin: 0 0 6px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.portfolio-info-inner p{
 margin: 0; 
}
.portfolio-info-inner h2 a, .portfolio-info-inner h2 a:hover{
color: #fff;
}

.portfolio-carousel .portfolio-info .portfolio-cates a{
color: #fff;
font-weight: 400;
}
.portfolio-info .portfolio-cates .dote:after {
content: ' - ';
color:#fff;
}
.portfolio-info .portfolio-cates .dote:first-child:after {
 content: none;
}
.portfolio-carousel .owl-nav{
padding: 0 15px;
}

.portfolio-carousel .owl-carousel .owl-nav button{
background: transparent!important;
}

.portfolio-carousel .owl-carousel .owl-dots {
position: absolute;
left: 25%;
right: 25%;
text-align: center;
}

.portfolio-carousel .owl-dots button{
width: 20px;
height: 20px;
margin: 50px 10px;

}


.portfolio-info:after{
content: "";
position: absolute;
right: -45px;
bottom: -55px;
height: 116px;
width: 116px;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}  
.portfolio-info .portfolio-ico-arrow{
display: block;
position: absolute;
right: 20px;
font-size: 14px;
line-height: 45px;
font-style: normal;
font-weight: 900;
text-decoration: inherit;
bottom: 0;
color: #fff;
z-index: 1;
font-size: 18px;
}
.portfolio-carousel .owl-item:hover .portfolio-info .portfolio-ico-arrow{
-webkit-animation: arrow-rotate-center 0.3s linear both;
animation: arrow-rotate-center 0.3s linear both;
}


@-webkit-keyframes arrow-rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes arrow-rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes arrow-rotate-centerb {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes arrow-rotate-centerb {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/* ==========================================================================
Portfolio Carsousel - End
========================================================================== */

/* ==========================================================================
Animations - Start
========================================================================== */

/**
* ----------------------------------------
* animation slide-top
* ----------------------------------------
*/

@-webkit-keyframes slide-top {
0% {
opacity: 1;

-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slide-top {
0% {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}





/**
* ----------------------------------------
* animation fade-out
* ----------------------------------------
*/

@-webkit-keyframes fade-out {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}

@keyframes fade-out {

0% {
opacity: 0;
}
100% {
opacity: 1;
}

}

/**
* ----------------------------------------
* animation fade In
* ----------------------------------------
*/


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

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

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

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

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}


/**
* ----------------------------------------
* animation fade-in
* ----------------------------------------
*/

@-webkit-keyframes fadein {
0%  {opacity:0;}
25% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}
}

@keyframes fadein {
0%  {opacity:0;}
25% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}
}

/**
* ----------------------------------------
* animation slide-down
* ----------------------------------------
*/

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

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


/**
* ----------------------------------------
* animation slide-up
* ----------------------------------------
*/

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

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

/**
* ----------------------------------------
* animation slide-right
* ----------------------------------------
*/

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

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


/**
* ----------------------------------------
* animation slide-left
* ----------------------------------------
*/

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

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


/**
* ----------------------------------------
* animation show
* ----------------------------------------
*/

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

visibility: hidden;
display: none;

}
80% {

visibility: hidden;
display: none;
}
100% {

visibility: visible;
display: block;
}
}

@keyframes ma-show {
0% {

visibility: hidden;
display: none;
}
80% {

visibility: hidden;
display: none;
}
100% {

visibility: visible;
display: block;
}
}


/**
* ----------------------------------------
* animation scale-up-center
* ----------------------------------------
*/
@-webkit-keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}


/* ==========================================================================
Animations - End
========================================================================== */


/* ==========================================================================
Responsive - Start
========================================================================== */

@media only screen and (max-width: 1200px){
.ma-elements-holder{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ma-slider-container .arrow-container{
display: none!important;
}
.ma-slider-inner .db-button .link-btn{
margin-left: 0 !important; 
} 
/* two col*/
.ma-vc-container .column_grid_2 .column_row, .ma-vc-container .column_grid_3 .column_row {
width: 100%;
}
.ma-vc-container .column_grid_2 .column_row .column_row_padding {
padding: 0!important;  
}
.ma-vc-container .column_grid_2 .column_row:last-child{
margin: 50px 0px 0px 0px;
}

.flexbox-element {
  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexbox-element .felx-col {
  width: 100%!important;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; 
  padding-right: 30px;
  padding-left: 30px;
}
/* two col*/

.blog-grid .ma_col-6, .blog-grid .ma_col-5, .blog-grid .ma_col-4, .blog-grid .ma_col-3, .blog-grid .ma_col-2,
.related-posts-container .ma_col-6, .related-posts-container .ma_col-5, .related-posts-container .ma_col-4, .related-posts-container .ma_col-3, .related-posts-container .ma_col-2 {
width: 50%; 
}
.blog-grid .ma_col-6, .blog-grid .ma_col-5, .blog-grid .ma_col-4, .blog-grid .ma_col-3, .blog-grid .ma_col-2,
.related-posts-container .ma_col-6, .related-posts-container .ma_col-5, .related-posts-container .ma_col-4, .related-posts-container .ma_col-3, .related-posts-container .ma_col-2{
  float: left;
}

.sizer-5 .asma-grid-sizer, .sizer-5 .asma-gutter-sizer{
width: 25%;
}
.asma-masonry-grid .ma_col-2{
  width: 25%;
}

.ma-boxed.ma-vc-container, .ma-boxed.ma-container-inner, #search-popup .ma-search-field, .ma-slider-grid, .ma-header-box, .card_outer{
width: 950px;
}
.ma-services-inner{
padding: 30px 20px; 
}

.ma-site-header {
display: none;
}

.ma-theme-header .asma-header {
display: none;
}

.ma-theme-header .ma-mobile-header {
display: block; 
}
.ma-theme-header.header_over_bg{
position: relative;  
}


.blog-style-standard .ma_col-6:nth-child(2n+1), .post-type-col .ma_col-6:nth-child(2n+1), 
.related-posts-container .ma_col-6:nth-child(2n+1){
clear: left;
}

.blog-style-standard .ma_col-4:nth-child(3n+1), .post-type-col .ma_col-4:nth-child(3n+1), 
.related-posts-container .ma_col-4:nth-child(3n+1){
clear: none;
}

.blog-style-standard .ma_col-4:nth-child(2n+1), .post-type-col .ma_col-4:nth-child(2n+1), 
.related-posts-container .ma_col-4:nth-child(2n+1){
clear: left;
}  

.blog-style-standard .ma_col-3:nth-child(2n+1), .post-type-col .ma_col-3:nth-child(2n+1), 
.related-posts-container .ma_col-3:nth-child(2n+1){
clear: left;
}

.ma-vc-container .column_grid_3 .column_row:nth-child(2n+1) {
clear: left;
}

.ma-vc-container .column_grid_3 .column_row:nth-child(2n+1) {
clear: left;
}
.ma-vc-container .column_grid_4 .column_row:nth-child(2n+1) {
clear: left;
}
.as-tabs .tabs-content-holder img{
  width: 100%;
}
.as-services-8.left_style, .as-services-8.right_style{
  border-radius: 5px;
}
.as-services-8 .back-num{
  padding: 15px 0px 0px 0px;
}

}

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


#main-content.ma_col-8, #main-content.ma_col-9, .sidebar-container.ma_col-3, .sidebar-container.ma_col-4 {
width: 100%; 
margin: 0 auto;
}
.sidebar_left #main-content{
float: none;  
}
.full_screen-page .sidebar-container.sidebar_style{
padding-right: 20px;
padding-left: 20px;
}
.ma-portfolio-info_wrap, .signle-portfolio-row{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.signle-portfolio-col-8, .signle-portfolio-col-4{
width: 100%;
}
.signle-portfolio-col-25{
width: 50%;  
}
.ma-portfolio-info_wrap .ma-portfolio-item_annotation{
margin-left: 0;   
}
.layout_side .signle-portfolio-col-5{
margin-top: 15px;  
}
.signle-portfolio-social {
  text-align: left;
}
.signle-portfolio-column .last-portfolio_item{
padding: 30px 0 ;  
}
}

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

.ma-boxed.ma-vc-container, .ma-boxed.ma-container-inner, #search-popup .ma-search-field, .ma-slider-grid, .ma-header-box, .card_outer{
width: 728px;

}

.ma-row .main-class[class*="ma_col-"]
 {
padding-right: 0;
padding-left: 0;
}
body .widget{
padding-right: 0;
padding-left: 0;
}

.blog-item, .sidebar_right #main-content, .sidebar_right .sidebar-container{
  float: none;
}


.blog-style-standard .ma_col-6:nth-child(2n+1), .post-type-col .ma_col-6:nth-child(2n+1), 
.related-posts-container .ma_col-6:nth-child(2n+1){
clear: left;
}

.blog-style-standard .ma_col-4:nth-child(3n+1), .post-type-col .ma_col-4:nth-child(3n+1), 
.related-posts-container .ma_col-4:nth-child(3n+1){
clear: none;
}
.sidebar-container.sidebar_style .widget:first-child{
 margin-top: 50px; 
}
.blog-style-standard .ma_col-4:nth-child(2n+1), .post-type-col .ma_col-4:nth-child(2n+1), 
.related-posts-container .ma_col-4:nth-child(2n+1){
clear: left;
}  

.blog-style-standard .ma_col-3:nth-child(2n+1), .post-type-col .ma_col-3:nth-child(2n+1), 
.related-posts-container .ma_col-3:nth-child(2n+1){
clear: left;
}
 .portfolio-outr .asma-masonry-grid{
margin-right: 0!important;
margin-left: 0!important; 
}
.ma-vc-container .column_grid_3 .column_row:nth-child(2n+1) {
clear: left;
}

.wp-block-cover, .wp-block-button, p + .alignfull, p + .alignwide, .wp-block-embed, .wp-block-audio{
  margin-left: 0px;
  margin-right: 0px;
}
.wp-block-audio audio{
  min-width: 150px;
}
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select{
height: 50px;
min-width: 240px;
width: auto;  
}
.ma-vc-container .column_grid_3 .column_row:nth-child(2n+1) {
clear: left;
}
.ma-vc-container .column_grid_4 .column_row:nth-child(2n+1) {
clear: left;
}

.call-8-columns .call-to-action-text, .call-8-columns .call-to-action-btn,
.call-7-columns .call-to-action-text, .call-7-columns .call-to-action-btn,
.call-5-columns .call-to-action-text, .call-5-columns .call-to-action-btn{
width: 100%;
}

.call-to-action-holder  .call-to-action-text{  
display: block;
}

.call-to-action-holder  .call-to-action-btn {  
display: block;
text-align: initial!important;
} 

.sidebar_left .vc_column_container > .vc_column-inner{
padding-right: 0 !important;
padding-left: 0 !important;  
}
.ma-boxed.ma-container-inner .vc_col-sm-4, .ma-boxed.ma-vc-container .vc_col-sm-4{
width: 50%;  
}
}



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

.post-box .entry-title, .post-box .entry-title a{
font-size: 30px;
line-height: 34px;
}

.sidebar-container {
margin-top: 30px;
}

.ma_single_img_box{
transform: translateX(0%) translateY(-50%);
width: 100px;
height: 100px;
}

.ma-si-small-text {
font-size: 10px;
}

.ma-si-big-text {
font-size: 30px;
}

.team-outer-style{
margin-bottom: 0;
}
.team-outer-style{
align-items: center;  
}
.team-info{
 padding: 30px 30px 30px 15px;
}
.team-image-wrap {
  margin: 0;
  padding: 30px 15px 30px 30px;
}
.signle-portfolio-row{
 flex-wrap: wrap;
}
.signle-portfolio-wrap .signle-portfolio-social {
  text-align: left;
}

.call-to-action-holder .call-to-action-btn {
margin-top: 30px;  
}

.counter_inner{
margin-top: 30px;
}

.footer .ma_col-6, .footer .ma_col-5, .footer .ma_col-4, .footer .ma_col-3 {
width: 50%;
}

#comments .commentlist table td, #comments .commentlist table th{
padding: 5px 5px;
}

}

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

.ma-boxed.ma-vc-container, .ma-boxed.ma-container-inner, #search-popup .ma-search-field,
 .ma-slider-grid, .ma-header-box, .card_outer{
width: 560px;
}

.blog-grid .ma_col-6, .blog-grid .ma_col-5, .blog-grid .ma_col-4, .blog-grid .ma_col-3, .blog-grid .ma_col-2, .signle-portfolio-col-25,
.related-posts-container .ma_col-6, .related-posts-container .ma_col-5, .related-posts-container .ma_col-4, .related-posts-container .ma_col-3, .related-posts-container .ma_col-2 {
width: 100%; 
}


.footer .ma_col-6, .footer .ma_col-5, .footer .ma_col-4, .footer .ma_col-3 {
width: 100%;
}

.related-posts-container .related-posts-container, .related-posts-container .ma_col-5, .related-posts-container .ma_col-4, .related-posts-container .ma_col-3 {
width: 100%; } 

.sizer-5 .asma-grid-sizer, .sizer-5 .asma-gutter-sizer,
.sizer-4 .asma-grid-sizer, .sizer-4 .asma-gutter-sizer {
width: 33.33333333%;
}
.asma-masonry-grid .ma_col-2, .asma-masonry-grid .ma_col-3,
.asma-masonry-grid .ma_col-4{
width: 33.33333333%;
}
.sizer-2 .asma-grid-sizer, .sizer-2 .asma-gutter-sizer {
width: 50%;
}
.asma-masonry-grid .ma_col-6{
width: 50%;  
}

.asma-masonry-grid.sizer-2 .db_portfolio_item.masonry-large-width,
.asma-masonry-grid.sizer-3 .db_portfolio_item.masonry-large-width,
.asma-masonry-grid.sizer-4 .db_portfolio_item.masonry-large-width,
.asma-masonry-grid.sizer-5 .db_portfolio_item.masonry-large-width{
width: 100%;
}

.main-class {
padding-right: 0;
padding-left: 0;
}
.page-post .page-link{
padding-right: 0;
padding-left: 0;
}
.ma-full.wide-col {
padding-right: 0;  
padding-left: 0;  
}
.ma-row .main-class[class*="ma_col-"]
 {
padding-right: 0;
padding-left: 0;
}
.sidebar-container {
margin-top: 30px;
}
.single_info-share_social-wpapper .share_social-wpapper{
display: block;}

.post-inner img{
width: auto;
}

.author-info_avatar{
float: none;
}

.author-info_content{
margin-left: 0;
}
.prev-link_wrapper .image_prev, .next-link_wrapper .image_next,.ma-post-navigation .back-nav_page,
.ma-post-navigation .back_navigation_button, .testimonials-carousel .owl-nav{
display: none;
}
.ma-post-navigation{
display: block;  
}

.next-link_wrapper, .prev-link_wrapper{
max-width: 100%;
position: relative;
display: block;
}
.next-link_wrapper, .next-link_wrapper .next_title{
text-align: left;  
}
.info_prev-link_wrapper > a, .info_next-link_wrapper > a{
  display: block;
}
.next-link_wrapper{
margin-top: 35px;  
}

#comments .commentlist .comment .stand_comment,
#comments .commentlist .comment .children .stand_comment {
  padding-left: 60px; }
#comments .commentlist .comment .children .comment {
  margin-left: 10px; }
#comments .commentlist .comment .commentava,
#comments .commentlist .comment .children .stand_comment .commentava {
  left: -60px;
  height: 40px;
  width: 40px; }

.ma-vc-container .column_grid_2 .column_row {
width: 100%;
}

.ma-vc-container .column_grid_3 .column_row {
width: 100%;
}

.ma-vc-container .column_grid_4 .column_row {
width: 100%;
}
.vc_col-sm-2\/5{
margin-top: 50px;  
}


/**pop card video**/
.flex-elemnt {
display: block;
}

.video-card-btn{
position: relative;
top: 0;
left: 0;
transform: none;
text-align: center;
z-index: 1;
}

.ma-boxed.ma-container-inner .vc_col-sm-4{
  width: 100%;
}
}

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

.admin-bar div[id*="wpadminb"] {
    position: fixed !important;
}
.admin-bar{
margin-top: 46px;
}
.admin-bar .header_over_bg{
margin-top: 0;	
}
.headline-slider{
font-size: 60px;
line-height: 68px;    
}
.ma-boxed.ma-vc-container, .ma-boxed.ma-container-inner, #search-popup .ma-search-field, .ma-slider-grid, .ma-header-box, .card_outer{
  width: 420px;
}

.single-post .entry-footer .entry-footer-warp{
width: 100%;
}
.post_meta-wrap{
flex-direction: column;  
}
.post_meta-wrap .meta-wrap{
padding-top: 15px;  
}
.asma-view-wrapper{
float: left;  
}
.single-post .entry-footer .single_info-share_social-wpapper .share_social-wpapper{
text-align: left;
}
.single-post .entry-footer .entry-footer-warp:last-child{
margin-top: 15px;
}
.single-post .asma-tags a{
margin-bottom: 10px;
}
.column_row{
width: 100%;
}

body .main-class [class*="ma_col-"], body .related-posts-container [class*="ma_col-"]{
padding-right: 0;
padding-left: 0;
}

.blog-list-container, .portfolio-outr .ma-content-div, .portfolio-outr .asma-masonry-grid{
margin-right: 0!important;
margin-left: 0!important; 
}

.post-box .post-inner{
padding: 20px;  
}
.team-ma-inner{
margin: 0;
}
.single-post .post-box .post-inner, .author-info_wrapper,
.ma-post-navigation, .related-posts, .comments-holder{
margin: 0;  
}
.portfolio-navigation{
margin: 0;  
}
.ma-services-inner{
padding: 0 30px;  
}
.ma-full.wide-col {
padding-right: 0;  
padding-left: 0;  
}
.flexbox-element{
margin: -15px;  
}
.wpcf7 .wpcf7-submit{
height: 40px;
font-size: 13px;
padding: 4px 15px;
font-weight: 500;
}

.flexbox-element .felx-col .column_row_padding {
 padding: 50px 15px !important; 
}
.full-footer .footer-ma-inner, .full-footer .copyright p{
margin-right: 0;
margin-left: 0;
}


.sizer-2 .asma-grid-sizer, .sizer-3 .asma-grid-sizer, .sizer-4 .asma-grid-sizer, .sizer-5 .asma-grid-sizer{
width: 100%;
}
.sizer-2 .asma-gutter-sizer, .sizer-3 .asma-gutter-sizer, .sizer-4 .asma-gutter-sizer, .sizer-5 .asma-gutter-sizer{
width: 100%;  
}
.asma-masonry-grid .ma_col-2, .asma-masonry-grid .ma_col-3, .asma-masonry-grid .ma_col-4, .asma-masonry-grid .ma_col-6{
width: 100%;
}
.blog-style-standard .portfolio_space.normal_space.on-image-hover, .portfolio-pinterest .portfolio_space.normal_space.on-image-hover{
margin-bottom: 30px;  
}

.card-inner{
padding: 30px 30px 50px;
}
.video-popup{
display: inline-block;  
}
.icon-main-style, #comments #respond::after {
bottom: -80px;
right: -80px;
width: 140px;
height: 140px;
}
#comments .commentlist .comment .stand_comment,
#comments .commentlist .comment .children .stand_comment {
  padding-right: 20px; }
#comments .commentlist .comment_info {
  padding-right: 10px; }
.ma-boxed.ma-container-inner .vc_col-sm-4, .ma-boxed.ma-vc-container .vc_col-sm-4{
  width: 100%;
}
.team-outer-style{
flex-direction: column;
background-position: inherit;
background-size: cover;
background-repeat: no-repeat
}
.team-outer-style{
margin-bottom: 0;
}
.team-image-wrap{
padding: 20px;
}
.testimonials_popup{
  padding: 0;
}
.team-outer-style .team-info{
padding: 20px;  
}

.signle-portfolio-col-8, .signle-portfolio-col-4{
width: 100%;
}
.signle-portfolio-col-25{
width: 50%;  
}
.copyright p{
padding: 0;
}
.error404-inner{
margin: 0 auto;  
}
.error404-title{
font-size: 36px;  
}
.as-image-layers .layer_box_item{
  padding: 0 !important;
}
.as-image-layers .layer_box_item .b-text{
line-height: 20px;
}
.as-image-layers .layer_box_item .s-text{
font-size: 10px;
}
.as-services-8 .back-num{
  font-size: 40px;
  padding: 23px 0px 0px 0px;
}

.as-services-8 .title{
  font-size: 20px;
}
}

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

.ma-boxed.ma-vc-container, .ma-boxed.ma-container-inner, #search-popup .ma-search-field, .ma-slider-grid,
.ma-header-box, .card_outer, .ma-slider-grid,
 .ma-full.ma-container-inner{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.ma-full.full_screen-page.ma-container-inner{
    width: 100%;
}
.ma-slider-container{
margin: 0 0;
}

body .sidebar_right .sidebar-container, body .sidebar_left .sidebar-container{
  padding: 0; 
}
body .sidebar_right .single_class, body .sidebar_left .single_class {
  padding: 0;
}

.sidebar-container.sidebar_style{
margin-top: 60px; 
padding-right: 0;
padding-left: 0; 
}

.ma-services-inner{
padding: 30px 30px;  
}
.contact-box-innert{
  padding: 15px 0;
}
.ma-header-box { 
width: 90%; 
} 

.icon-main-style, #comments #respond::after {
bottom: -80px;
right: -80px;
width: 140px;
height: 140px;
}
.author-info_wrapper{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; 
padding: 20px;
}
.author-info_avatar{
width: 100%;
height: 100%;
margin: 0;
}
.author-info_content{
padding-top: 20px;  
}
.author-info_name{
line-height: 42px;
}
.author-info_avatar img{
width: 100%;  
}
.ma-pagination .page, .ma-pagination li{
margin: 0 14px;  
}
.ma-pagination .page-numbers{
font-size: 20px;
}
.ma-pagination-arrow{
padding: 5px;
}
.ma-pagination.aright{
text-align: center;
}
#comments .comment-reply-link{
position: relative;
}
#comments #respond{
padding: 46px 20px 60px;  
}
#comments input[type="submit"]{
padding: 2px 30px;
height: 55px; 
}

body .footer-top .footer-item{ 
padding: 30px 0;
}
.silder-title-h1 h1{
font-size: 66px!important;
line-height: 66px!important;
}

.layer-2{
right: 5%!important;
bottom: 35%!important;
top: auto !important;
}

.main-slider-holder .layer-1 img.image-layer-1{
width: 90%!important;
}

.main-slider-holder .layer-2 img.image-layer-2{
width: 55%!important;
}  

.title-heading .ma-double-title{ font-size: 28px; line-height: 40px; }
.layer-3{
left: 5%!important;
bottom: 30%!important;
right: auto !important;
top: auto !important;
}

.main-slider-holder .layer-3 img.image-layer-3{
width: 55%!important;
}

.testimonials_standard_item{
padding-left: 45px;
}
.testimonials_standard_warp {
padding: 15px 15px;
}
.testimonials_standard_quote{
font-size: 22px;
font-weight: 600;
line-height: 40px;
}
.testimonials_standard_item::before {
top: 14px;
left: 0;
font-size: 40px;
}
.testimonials_standard_name {
font-size: 14px;
}
.testimonials_standard_status{
font-size: 14px;  
}
.owl-carousel .owl-item .testimonials_standard_image img{
 width: 50px;
 height: 50px; 
}
.layout_screen .signle-portfolio-social a{
font-size: 15px;
padding: 6px;
margin-right: 5px;  
}
}



@media only screen and (min-width: 768px) {
.ma_col-12{
width: 100%; }
.ma_col-11 {
width: 91.66666667%; }
.ma_col-10 {
width: 83.33333333%; }
.ma_col-9 {
width: 75%; }
.ma_col-8 {
width: 66.66666667%; }
.ma_col-7 {
width: 58.33333333%; }
.ma_col-6 {
width: 50%; }
.ma_col-5 {
width: 41.66666667%; }
.ma_col-4 {
width: 33.33333333%; }
.ma_col-3 {
width: 25%; }
.ma_col-2 {
width: 20%; }
.ma_col-1 {
width: 16.66666667%; }

.column_grid_1 .column_row{
width: 100%;
}
.column_grid_2 .column_row {
width: 50%;
}  

.column_grid_3 .column_row{
width: 33.33333333%;
}
.column_grid_4 .column_row {
width: 25%;
}


}

/* ==========================================================================
Responsive - End
========================================================================== */