@charset "UTF-8";

/*    #############################################################

    File Name: style.css
    Created By: faby
      
    01 Global CSS
        -- reset style
        -- blockquote style
        -- ul style
        -- typography style
        -- background style
    02 Custom row 
    03 Common style 
    04 Header style 
    05 Post style
        -- post meta date
        -- post details
        -- sidebar
    05 Element style 
        -- banner style
        -- button
        -- overlay
        -- category
        -- tab
        -- table
        -- social share, text
        -- slick
        -- breadcomp
        -- switcher
        -- scroll up, top
        -- tooltip css
        -- hot minutes
        -- 404
        -- transition, radius
        -- search result
        -- sitemap
    06 Footer style

    07 Dark Theme CSS
 
################################################################# */

@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500&display=swap");
@import url("mmenu.css");
@import url("helper.css");



/* ================================================
/* ================================================
    Global style CSS
===================================================
==================================================*/

:root{--color-primary:#e31e24;--color-secondary:#D93E40;--color-secondary-alt:#F1352A;--color-tertiary:#050505;--color-heading:#000;--color-body:#000;--color-gray:#65676B;--color-midgray:#878787;--color-light:#E4E6EA;--color-lighter:#CED0D4;--color-lightest:#F0F2F5;--color-border:#E6E6E6;--color-white:#fff;--color-success:#3EB75E;--color-danger:#FF0003;--color-warning:#FF8F3C;--color-info:#1BA2DB;--color-facebook:#3B5997;--color-twitter:#1BA1F2;--color-youtube:#ED4141;--color-extra01:#666;--color-extra02:#606770;--color-extra03:#FBFBFD;--color-extra04:#1A1A1A;--color-extra05:#242424;--radius:10px;--radius-big:16px;--radius-small:6px;--border-width:2px;--p-light:300;--p-regular:400;--p-medium:500;--p-semi-bold:600;--p-bold:700;--p-extra-bold:800;--p-black:900;--s-light:300;--s-regular:400;--s-medium:500;--s-bold:700;--s-black:900;--shadow-primary:0 3px 8px rgba(37,47,63,0.1);--shadow-light:0 2px 6px 0 rgba(0,0,0,0.05);--shadow-dark:0 2px 6px 0 rgba(0,0,0,0.2);--transition:.2s;--font-primary:"Red Hat Display",sans-serif;--secondary-font:"Red Hat Display",sans-serif;--font-awesome:"Font Awesome 5 Pro";--font-size-b0:20px;--font-size-b1:18px;--font-size-b2:16px;--font-size-b3:14px;--font-size-b4:12px;--line-height-b0:1.80;--line-height-b1:1.67;--line-height-b2:1.5;--line-height-b3:1.6;--line-height-b4:1.3;--h1:44px;--h2:36px;--h3:30px;--h4:24px;--h5:18px;--h6:16px}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
html{overflow:hidden;overflow-y:auto;margin:0;padding:0;font-size:10px}
body{overflow:hidden;font-size:var(--font-size-b1);line-height:var(--line-height-b1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-primary);color:var(--color-body);font-weight:var(--p-regular)}

/** Reset Styles **/
*{-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
a{color:var(--color-heading);text-decoration:none;outline:none}
a:hover,a:focus,a:active{text-decoration:none;outline:none;color:var(--color-primary)}
a:focus{outline:none}
address{margin:0 0 24px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
mark{background:var(--color-primary);color:#fff}
code,kbd,pre,samp{font-size:var(--font-size-b3);-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;color:var(--color-primary)}
kbd,ins{color:#fff}
pre{font-family:"Courier 10 Pitch",Courier,monospace;font-size:var(--font-size-b3);margin:10px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;color:var(--color-body);background:var(--color-lighter)}
small{font-size:smaller}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl{margin-top:0;margin-bottom:10px}
dd{margin:0 15px 15px}
dt{font-weight:700;color:var(--color-heading)}
menu,ol,ul{margin:16px 0;padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
li > ul,li > ol{margin:0}
ol ul{margin-bottom:0}
img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle;max-width:100%;height:auto}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid var(--color-border);margin:0 2px;min-width:inherit;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;max-width:100%;vertical-align:baseline}
button,input{line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;appearance:textfield;padding-right:2px;width:270px}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
caption,th,td{font-weight:400}
th{font-weight:500;text-transform:uppercase}
td,.wp-block-calendar tfoot td{border:1px solid var(--color-border);padding:7px 10px}
del{color:#333}
ins{background:rgba(255,47,47,0.4);text-decoration:none}
hr{background-size:4px 4px;border:0;height:1px;margin:0 0 24px}
table a,table a:link,table a:visited{text-decoration:underline}
dt{font-weight:700;margin-bottom:10px}
dd{margin:0 15px 15px}
caption{caption-side:top}
kbd{background:var(--heading-color)}
dfn,cite,em{font-style:italic}

.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.fix{overflow:hidden}
.slick-initialized .slick-slide{margin-bottom:-10px}
.fullscreen{min-height:100vh;width:100%}

/** Blockquote Styles **/
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
blockquote{font-size:var(--font-size-b1);font-style:italic;font-weight:var(--p-light);margin:24px 40px}
blockquote blockquote{margin-right:0}
blockquote cite,blockquote small{font-size:var(--font-size-b3);font-weight:400}
blockquote strong,blockquote b{font-weight:700}

/** Ul Styles **/
ul,ol{padding-left:18px}
ul{list-style:square;margin-bottom:30px;padding-left:20px}
ul.liststyle.bullet li{font-size:18px;line-height:30px;color:var(--color-body);position:relative;padding-left:30px}
@media only screen and (max-width: 767px) {
ul.liststyle.bullet li{padding-left:19px}
}
ul.liststyle.bullet li::before{position:absolute;content:"";width:6px;height:6px;border-radius:100%;background:var(--color-body);left:0;top:10px}
ul.liststyle.bullet li + li{margin-top:8px}
ul li{font-size:var(--font-size-b1);line-height:var(--line-height-b1);margin-top:10px;margin-bottom:10px;color:var(--color-body)}
ul li a{text-decoration:none;color:var(--color-gray)}
ul li a:hover{color:var(--color-primary)}
ul li a.decoration{text-decoration:underline}
ul ul{margin-bottom:0}
ol{margin-bottom:30px}
ol li{font-size:var(--font-size-b1);line-height:var(--line-height-b1);color:var(--color-body);margin-top:10px;margin-bottom:10px}
ol li a{color:var(--heading-color);text-decoration:none}
ol li a:hover{color:var(--color-primary)}
ol ul{padding-left:30px}
.footer-mainmenu .footer-widget ul.ft-menu-list,.copyright-area .mainmenu,.comment-list ul.children,.comment-list,.sala-single-widget.widget_categories ul,ul.post-meta-list,.popup-mobilemenu-area .mainmenu .menu-item-has-children .sala-submenu,.popup-mobilemenu-area .mainmenu,.mainmenu-nav ul.mainmenu > li.megamenu-wrapper .megamenu-sub-menu .megamenu-item .sala-vertical-nav,.mainmenu-nav ul.mainmenu > li.megamenu-wrapper .megamenu-sub-menu,.mainmenu-nav ul.mainmenu > li.menu-item-has-children .sala-submenu,.mainmenu-nav ul.mainmenu,.metabar-block,ul.social-share-transparent,ul.social-with-text,ul.social-icon,ul.sala-tab-button{padding:0;margin:0;list-style:none}
.liststyle{padding:0;margin:0;list-style:none}

/** Typography **/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,address,p,pre,blockquote,menu,ol,ul,table,hr{margin:0;margin-bottom:20px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{word-break:break-word;font-family:var(--secondary-font);line-height:1.4074;color:var(--color-heading)}
h1,.h1{font-size:var(--h1);line-height:1.19}
h2,.h2{font-size:var(--h2);line-height:1.23}
h3,.h3{font-size:var(--h3);line-height:1.14}
h4,.h4{font-size:var(--h4);line-height:1.25}
h5,.h5{font-size:var(--h5);line-height:1.24}
h6,.h6{font-size:var(--h6);line-height:1.25}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a{color:inherit}
@media only screen and (min-width: 768px) and (max-width: 991px) {
h1,.h1{font-size:38px}
h2,.h2{font-size:32px}
h3,.h3{font-size:28px}
h4,.h4{font-size:24px}
h5,.h5{font-size:18px}
}
@media only screen and (max-width: 767px) {
h1,.h1{font-size:34px}
h2,.h2{font-size:28px}
h3,.h3{font-size:24px}
h4,.h4{font-size:20px}
h5,.h5{font-size:16px}
}
h1,.h1,h2,.h2,h3,.h3{font-weight:var(--s-bold)}
h4,.h4,h5,.h5{font-weight:var(--s-bold)}
h6,.h6{font-weight:var(--s-medium)}
p{font-size:var(--font-size-b0);line-height:var(--line-height-b0);font-weight:var(--p-regular);color:var(--color-body);margin:0 0 40px}
@media only screen and (max-width: 767px) {
p{margin:0 0 20px;font-size:var(--font-size-b1);line-height:var(--line-height-b1)}
}
p.has-large-font-size{line-height:1.5;font-size:36px}
p.has-medium-font-size{font-size:24px;line-height:36px}
p.has-small-font-size{font-size:13px}
p.has-very-light-gray-color{color:var(--color-white)}
p.has-background{padding:20px 30px}
p.b1{font-size:var(--font-size-b1);line-height:var(--line-height-b1)}
p.b2{font-size:var(--font-size-b2);line-height:var(--line-height-b2)}
p.b3{font-size:var(--font-size-b3);line-height:var(--line-height-b3)}
p.b4{font-size:var(--font-size-b4);line-height:var(--line-height-b4)}
p:last-child{margin-bottom:0}
.b1{font-size:var(--font-size-b1);line-height:var(--line-height-b1)}
.b2{font-size:var(--font-size-b2);line-height:var(--line-height-b2)}
.b3{font-size:var(--font-size-b3);line-height:var(--line-height-b3)}
.b4{font-size:var(--font-size-b4);line-height:var(--line-height-b4)}
table{border-collapse:collapse;border-spacing:0;margin:0 0 20px;width:100%}
table a,table a:link,table a:visited{text-decoration:none}

.primary-color{color:var(--color-primary)!important}
.secondary-color{color:var(--color-secondary)!important}
.tertiary-color{color:var(--color-tertiary)!important}
.color-gray{color:var(--color-gray)!important}
.color-light{color:var(--color-light)!important}

/** Background **/
.bg-color-primary{background:var(--color-primary)}
.bg-color-secondary{background:var(--color-secondary)}
.bg-color-tertiary{background:var(--color-tertiary)}
.bg-color-grey{background:#F0F2F5}
.bg-color-white{background:#FFF}
.bg-color-black{background:#1A1A1A}
.bg-color-extra03{background:var(--color-extra03)}

.bg_image,.bgImagePosition{background-repeat:no-repeat;background-size:cover;background-position:center center}
[data-overlay]:before{background:var(--color-primary)}



/* ================================================
/* ================================================
    Custom row style CSS
===================================================
==================================================*/

.container,.container-fluid{padding-right:15px;padding-left:15px}
@media only screen and (min-width: 1200px) {
.container{max-width:1360px}
}
.row{margin-left:-15px;margin-right:-15px}
.row > [class*=col]{padding-left:15px;padding-right:15px}
.row--0{margin-left:0;margin-right:0}
.row--0 > [class*=col]{padding-left:0;padding-right:0}
.row--5{margin-left:-5px;margin-right:-5px}
.row--5 > [class*=col]{padding-left:5px;padding-right:5px}
.row--10{margin-left:-10px;margin-right:-10px}
.row--10 > [class*=col]{padding-left:10px;padding-right:10px}
.row--20{margin-left:-20px;margin-right:-20px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--20{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--20{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--20{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--20{margin-left:-15px!important;margin-right:-15px!important}
}
.row--20 > [class*=col],.row--20 > [class*=col-]{padding-left:20px;padding-right:20px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--20 > [class*=col],.row--20 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--20 > [class*=col],.row--20 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--20 > [class*=col],.row--20 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--20 > [class*=col],.row--20 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
.row--25{margin-left:-25px;margin-right:-25px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--25{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--25{margin-left:-15px!important;margin-right:-15px!important}
}
.row--25 > [class*=col],.row--25 > [class*=col-]{padding-left:25px;padding-right:25px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--25 > [class*=col],.row--25 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--25 > [class*=col],.row--25 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--25 > [class*=col],.row--25 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--25 > [class*=col],.row--25 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
.row--30{margin-left:-30px;margin-right:-30px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--30{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--30{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--30{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--30{margin-left:-15px!important;margin-right:-15px!important}
}
.row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:30px;padding-right:30px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
.row--45{margin-left:-45px;margin-right:-45px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--45{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--45{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--45{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--45{margin-left:-15px!important;margin-right:-15px!important}
}
.row--45 > [class*=col],.row--45 > [class*=col-]{padding-left:45px;padding-right:45px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--45 > [class*=col],.row--45 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--45 > [class*=col],.row--45 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--45 > [class*=col],.row--45 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--45 > [class*=col],.row--45 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
.row--40{margin-left:-40px;margin-right:-40px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--40{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--40{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--40{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--40{margin-left:-15px!important;margin-right:-15px!important}
}
.row--40 > [class*=col],.row--40 > [class*=col-]{padding-left:40px;padding-right:40px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--40 > [class*=col],.row--40 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--40 > [class*=col],.row--40 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--40 > [class*=col],.row--40 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--40 > [class*=col],.row--40 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
.row--60{margin-left:-60px;margin-right:-60px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--60{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--60{margin-left:-15px;margin-right:-15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--60{margin-left:-15px;margin-right:-15px}
}
@media only screen and (max-width: 767px) {
.row--60{margin-left:-15px!important;margin-right:-15px!important}
}
.row--60 > [class*=col],.row--60 > [class*=col-]{padding-left:60px;padding-right:60px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.row--60 > [class*=col],.row--60 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.row--60 > [class*=col],.row--60 > [class*=col-]{padding-left:15px;padding-right:15px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.row--60 > [class*=col],.row--60 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (max-width: 767px) {
.row--60 > [class*=col],.row--60 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
}



/* ================================================
/* ================================================
    Common style CSS
===================================================
==================================================*/

input,button,select,textarea{background:transparent;border:1px solid var(--color-border);-webkit-transition:all .4s ease-out 0;-o-transition:all .4s ease-out 0;transition:all .4s ease-out 0;color:var(--color-body);width:100%}
input:focus,input:active,button:focus,button:active,select:focus,select:active,textarea:focus,textarea:active{outline:none;border-color:var(--color-primary)}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
input{height:40px;padding:0 15px}
select{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;height:40px;padding:0 20px;outline:none;color:var(--color-body);-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid var(--color-border);border-radius:4px;background:url(../images/arrow-icon.png) 95% center no-repeat transparent;padding-right:32px}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],textarea{font-size:var(--font-size-b2);font-weight:400;height:auto;line-height:28px;background:transparent;-webkit-box-shadow:none;box-shadow:none;padding:0 15px;outline:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius)}
input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--body-color);opacity:1}
input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=tel]::-moz-placeholder,textarea::-moz-placeholder{color:var(--body-color);opacity:1}
input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--body-color);opacity:1}
input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--body-color);opacity:1}
input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,textarea::placeholder{color:var(--body-color);opacity:1}
input[type=text]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--body-color)}
input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--body-color)}
input[type=text].p-holder__active,.input-active input[type=text],input[type=text].input-active,input[type=password].p-holder__active,.input-active input[type=password],input[type=password].input-active,input[type=email].p-holder__active,.input-active input[type=email],input[type=email].input-active,input[type=number].p-holder__active,.input-active input[type=number],input[type=number].input-active,input[type=tel].p-holder__active,.input-active input[type=tel],input[type=tel].input-active,textarea.p-holder__active,textarea.input-active{border-color:var(--color-primary)}
input[type=text].p-holder__active::-webkit-input-placeholder,.input-active input[type=text]::-webkit-input-placeholder,input[type=text].input-active::-webkit-input-placeholder,input[type=password].p-holder__active::-webkit-input-placeholder,.input-active input[type=password]::-webkit-input-placeholder,input[type=password].input-active::-webkit-input-placeholder,input[type=email].p-holder__active::-webkit-input-placeholder,.input-active input[type=email]::-webkit-input-placeholder,input[type=email].input-active::-webkit-input-placeholder,input[type=number].p-holder__active::-webkit-input-placeholder,.input-active input[type=number]::-webkit-input-placeholder,input[type=number].input-active::-webkit-input-placeholder,input[type=tel].p-holder__active::-webkit-input-placeholder,.input-active input[type=tel]::-webkit-input-placeholder,input[type=tel].input-active::-webkit-input-placeholder,textarea.p-holder__active::-webkit-input-placeholder,textarea.input-active::-webkit-input-placeholder{color:var(--color-primary);opacity:1}
input[type=text].p-holder__active::-moz-placeholder,.input-active input[type=text]::-moz-placeholder,input[type=text].input-active::-moz-placeholder,input[type=password].p-holder__active::-moz-placeholder,.input-active input[type=password]::-moz-placeholder,input[type=password].input-active::-moz-placeholder,input[type=email].p-holder__active::-moz-placeholder,.input-active input[type=email]::-moz-placeholder,input[type=email].input-active::-moz-placeholder,input[type=number].p-holder__active::-moz-placeholder,.input-active input[type=number]::-moz-placeholder,input[type=number].input-active::-moz-placeholder,input[type=tel].p-holder__active::-moz-placeholder,.input-active input[type=tel]::-moz-placeholder,input[type=tel].input-active::-moz-placeholder,textarea.p-holder__active::-moz-placeholder,textarea.input-active::-moz-placeholder{color:var(--color-primary);opacity:1}
input[type=text].p-holder__active:-ms-input-placeholder,.input-active input[type=text]:-ms-input-placeholder,input[type=text].input-active:-ms-input-placeholder,input[type=password].p-holder__active:-ms-input-placeholder,.input-active input[type=password]:-ms-input-placeholder,input[type=password].input-active:-ms-input-placeholder,input[type=email].p-holder__active:-ms-input-placeholder,.input-active input[type=email]:-ms-input-placeholder,input[type=email].input-active:-ms-input-placeholder,input[type=number].p-holder__active:-ms-input-placeholder,.input-active input[type=number]:-ms-input-placeholder,input[type=number].input-active:-ms-input-placeholder,input[type=tel].p-holder__active:-ms-input-placeholder,.input-active input[type=tel]:-ms-input-placeholder,input[type=tel].input-active:-ms-input-placeholder,textarea.p-holder__active:-ms-input-placeholder,textarea.input-active:-ms-input-placeholder{color:var(--color-primary);opacity:1}
input[type=text].p-holder__active::-ms-input-placeholder,.input-active input[type=text]::-ms-input-placeholder,input[type=text].input-active::-ms-input-placeholder,input[type=password].p-holder__active::-ms-input-placeholder,.input-active input[type=password]::-ms-input-placeholder,input[type=password].input-active::-ms-input-placeholder,input[type=email].p-holder__active::-ms-input-placeholder,.input-active input[type=email]::-ms-input-placeholder,input[type=email].input-active::-ms-input-placeholder,input[type=number].p-holder__active::-ms-input-placeholder,.input-active input[type=number]::-ms-input-placeholder,input[type=number].input-active::-ms-input-placeholder,input[type=tel].p-holder__active::-ms-input-placeholder,.input-active input[type=tel]::-ms-input-placeholder,input[type=tel].input-active::-ms-input-placeholder,textarea.p-holder__active::-ms-input-placeholder,textarea.input-active::-ms-input-placeholder{color:var(--color-primary);opacity:1}
input[type=text].p-holder__active::placeholder,.input-active input[type=text]::placeholder,input[type=text].input-active::placeholder,input[type=password].p-holder__active::placeholder,.input-active input[type=password]::placeholder,input[type=password].input-active::placeholder,input[type=email].p-holder__active::placeholder,.input-active input[type=email]::placeholder,input[type=email].input-active::placeholder,input[type=number].p-holder__active::placeholder,.input-active input[type=number]::placeholder,input[type=number].input-active::placeholder,input[type=tel].p-holder__active::placeholder,.input-active input[type=tel]::placeholder,input[type=tel].input-active::placeholder,textarea.p-holder__active::placeholder,textarea.input-active::placeholder{color:var(--color-primary);opacity:1}
input[type=text].p-holder__active:-ms-input-placeholder,.input-active input[type=text]:-ms-input-placeholder,input[type=text].input-active:-ms-input-placeholder,input[type=password].p-holder__active:-ms-input-placeholder,.input-active input[type=password]:-ms-input-placeholder,input[type=password].input-active:-ms-input-placeholder,input[type=email].p-holder__active:-ms-input-placeholder,.input-active input[type=email]:-ms-input-placeholder,input[type=email].input-active:-ms-input-placeholder,input[type=number].p-holder__active:-ms-input-placeholder,.input-active input[type=number]:-ms-input-placeholder,input[type=number].input-active:-ms-input-placeholder,input[type=tel].p-holder__active:-ms-input-placeholder,.input-active input[type=tel]:-ms-input-placeholder,input[type=tel].input-active:-ms-input-placeholder,textarea.p-holder__active:-ms-input-placeholder,textarea.input-active:-ms-input-placeholder{color:var(--color-primary)}
input[type=text].p-holder__active::-ms-input-placeholder,.input-active input[type=text]::-ms-input-placeholder,input[type=text].input-active::-ms-input-placeholder,input[type=password].p-holder__active::-ms-input-placeholder,.input-active input[type=password]::-ms-input-placeholder,input[type=password].input-active::-ms-input-placeholder,input[type=email].p-holder__active::-ms-input-placeholder,.input-active input[type=email]::-ms-input-placeholder,input[type=email].input-active::-ms-input-placeholder,input[type=number].p-holder__active::-ms-input-placeholder,.input-active input[type=number]::-ms-input-placeholder,input[type=number].input-active::-ms-input-placeholder,input[type=tel].p-holder__active::-ms-input-placeholder,.input-active input[type=tel]::-ms-input-placeholder,input[type=tel].input-active::-ms-input-placeholder,textarea.p-holder__active::-ms-input-placeholder,textarea.input-active::-ms-input-placeholder{color:var(--color-primary)}
input[type=text].p-holder__error,.input-error input[type=text],input[type=text].input-error,input[type=password].p-holder__error,.input-error input[type=password],input[type=password].input-error,input[type=email].p-holder__error,.input-error input[type=email],input[type=email].input-error,input[type=number].p-holder__error,.input-error input[type=number],input[type=number].input-error,input[type=tel].p-holder__error,.input-error input[type=tel],input[type=tel].input-error,textarea.p-holder__error,textarea.input-error{border-color:#f4282d}
input[type=text].p-holder__error::-webkit-input-placeholder,.input-error input[type=text]::-webkit-input-placeholder,input[type=text].input-error::-webkit-input-placeholder,input[type=password].p-holder__error::-webkit-input-placeholder,.input-error input[type=password]::-webkit-input-placeholder,input[type=password].input-error::-webkit-input-placeholder,input[type=email].p-holder__error::-webkit-input-placeholder,.input-error input[type=email]::-webkit-input-placeholder,input[type=email].input-error::-webkit-input-placeholder,input[type=number].p-holder__error::-webkit-input-placeholder,.input-error input[type=number]::-webkit-input-placeholder,input[type=number].input-error::-webkit-input-placeholder,input[type=tel].p-holder__error::-webkit-input-placeholder,.input-error input[type=tel]::-webkit-input-placeholder,input[type=tel].input-error::-webkit-input-placeholder,textarea.p-holder__error::-webkit-input-placeholder,textarea.input-error::-webkit-input-placeholder{color:#f4282d;opacity:1}
input[type=text].p-holder__error::-moz-placeholder,.input-error input[type=text]::-moz-placeholder,input[type=text].input-error::-moz-placeholder,input[type=password].p-holder__error::-moz-placeholder,.input-error input[type=password]::-moz-placeholder,input[type=password].input-error::-moz-placeholder,input[type=email].p-holder__error::-moz-placeholder,.input-error input[type=email]::-moz-placeholder,input[type=email].input-error::-moz-placeholder,input[type=number].p-holder__error::-moz-placeholder,.input-error input[type=number]::-moz-placeholder,input[type=number].input-error::-moz-placeholder,input[type=tel].p-holder__error::-moz-placeholder,.input-error input[type=tel]::-moz-placeholder,input[type=tel].input-error::-moz-placeholder,textarea.p-holder__error::-moz-placeholder,textarea.input-error::-moz-placeholder{color:#f4282d;opacity:1}
input[type=text].p-holder__error:-ms-input-placeholder,.input-error input[type=text]:-ms-input-placeholder,input[type=text].input-error:-ms-input-placeholder,input[type=password].p-holder__error:-ms-input-placeholder,.input-error input[type=password]:-ms-input-placeholder,input[type=password].input-error:-ms-input-placeholder,input[type=email].p-holder__error:-ms-input-placeholder,.input-error input[type=email]:-ms-input-placeholder,input[type=email].input-error:-ms-input-placeholder,input[type=number].p-holder__error:-ms-input-placeholder,.input-error input[type=number]:-ms-input-placeholder,input[type=number].input-error:-ms-input-placeholder,input[type=tel].p-holder__error:-ms-input-placeholder,.input-error input[type=tel]:-ms-input-placeholder,input[type=tel].input-error:-ms-input-placeholder,textarea.p-holder__error:-ms-input-placeholder,textarea.input-error:-ms-input-placeholder{color:#f4282d;opacity:1}
input[type=text].p-holder__error::-ms-input-placeholder,.input-error input[type=text]::-ms-input-placeholder,input[type=text].input-error::-ms-input-placeholder,input[type=password].p-holder__error::-ms-input-placeholder,.input-error input[type=password]::-ms-input-placeholder,input[type=password].input-error::-ms-input-placeholder,input[type=email].p-holder__error::-ms-input-placeholder,.input-error input[type=email]::-ms-input-placeholder,input[type=email].input-error::-ms-input-placeholder,input[type=number].p-holder__error::-ms-input-placeholder,.input-error input[type=number]::-ms-input-placeholder,input[type=number].input-error::-ms-input-placeholder,input[type=tel].p-holder__error::-ms-input-placeholder,.input-error input[type=tel]::-ms-input-placeholder,input[type=tel].input-error::-ms-input-placeholder,textarea.p-holder__error::-ms-input-placeholder,textarea.input-error::-ms-input-placeholder{color:#f4282d;opacity:1}
input[type=text].p-holder__error::placeholder,.input-error input[type=text]::placeholder,input[type=text].input-error::placeholder,input[type=password].p-holder__error::placeholder,.input-error input[type=password]::placeholder,input[type=password].input-error::placeholder,input[type=email].p-holder__error::placeholder,.input-error input[type=email]::placeholder,input[type=email].input-error::placeholder,input[type=number].p-holder__error::placeholder,.input-error input[type=number]::placeholder,input[type=number].input-error::placeholder,input[type=tel].p-holder__error::placeholder,.input-error input[type=tel]::placeholder,input[type=tel].input-error::placeholder,textarea.p-holder__error::placeholder,textarea.input-error::placeholder{color:#f4282d;opacity:1}
input[type=text].p-holder__error:-ms-input-placeholder,.input-error input[type=text]:-ms-input-placeholder,input[type=text].input-error:-ms-input-placeholder,input[type=password].p-holder__error:-ms-input-placeholder,.input-error input[type=password]:-ms-input-placeholder,input[type=password].input-error:-ms-input-placeholder,input[type=email].p-holder__error:-ms-input-placeholder,.input-error input[type=email]:-ms-input-placeholder,input[type=email].input-error:-ms-input-placeholder,input[type=number].p-holder__error:-ms-input-placeholder,.input-error input[type=number]:-ms-input-placeholder,input[type=number].input-error:-ms-input-placeholder,input[type=tel].p-holder__error:-ms-input-placeholder,.input-error input[type=tel]:-ms-input-placeholder,input[type=tel].input-error:-ms-input-placeholder,textarea.p-holder__error:-ms-input-placeholder,textarea.input-error:-ms-input-placeholder{color:#f4282d}
input[type=text].p-holder__error::-ms-input-placeholder,.input-error input[type=text]::-ms-input-placeholder,input[type=text].input-error::-ms-input-placeholder,input[type=password].p-holder__error::-ms-input-placeholder,.input-error input[type=password]::-ms-input-placeholder,input[type=password].input-error::-ms-input-placeholder,input[type=email].p-holder__error::-ms-input-placeholder,.input-error input[type=email]::-ms-input-placeholder,input[type=email].input-error::-ms-input-placeholder,input[type=number].p-holder__error::-ms-input-placeholder,.input-error input[type=number]::-ms-input-placeholder,input[type=number].input-error::-ms-input-placeholder,input[type=tel].p-holder__error::-ms-input-placeholder,.input-error input[type=tel]::-ms-input-placeholder,input[type=tel].input-error::-ms-input-placeholder,textarea.p-holder__error::-ms-input-placeholder,textarea.input-error::-ms-input-placeholder{color:#f4282d}
input[type=text].p-holder__error:focus,.input-error input[type=text]:focus,input[type=text].input-error:focus,input[type=password].p-holder__error:focus,.input-error input[type=password]:focus,input[type=password].input-error:focus,input[type=email].p-holder__error:focus,.input-error input[type=email]:focus,input[type=email].input-error:focus,input[type=number].p-holder__error:focus,.input-error input[type=number]:focus,input[type=number].input-error:focus,input[type=tel].p-holder__error:focus,.input-error input[type=tel]:focus,input[type=tel].input-error:focus,textarea.p-holder__error:focus,textarea.input-error:focus{border-color:#f4282d}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{border-color:var(--color-primary)}
input[type=checkbox],input[type=radio]{opacity:0;position:absolute;width: fit-content;}
input[type=checkbox] ~ label,input[type=radio] ~ label{position:relative;font-size:16px;line-height:20px;color:var(--color-gray);font-weight:400;padding-left:25px;cursor:pointer}
input[type=checkbox] ~ label::before,input[type=radio] ~ label::before{content:" ";position:absolute;top:2px;left:0;width:20px;height:20px;background-color:var(--color-white);border:var(--border-width) solid var(--color-lightest);border-radius:2px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
input[type=checkbox] ~ label::after,input[type=radio] ~ label::after{content:" ";position:absolute;top:2px;left:0px;width:20px;height:10px;background-color:transparent;border-bottom:var(--border-width) solid var(--color-lightest);border-left:var(--border-width) solid var(--color-lightest);border-radius:2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
input[type=checkbox]:checked ~ label::before,input[type=radio]:checked ~ label::before{background-color:var(--color-primary);border:var(--border-width) solid var(--color-primary)}
input[type=checkbox]:checked ~ label::after,input[type=radio]:checked ~ label::after{opacity:1}
input[type=radio] ~ label::before{border-radius:50%}
input[type=radio] ~ label::after{width:8px;height:8px;left:3px;background:var(--color-white);border-radius:50%}
.form-group{margin-bottom:20px}
.form-group label{margin-bottom:6px;font-size:14px;line-height:22px;font-weight:500}
.form-group input{border:0 none;border-radius:4px;height:50px;font-size:var(--font-size-b2);padding:0 20px;background-color:var(--color-lightest);border:1px solid transparent}
.form-group input:focus{border-color:var(--color-primary);-webkit-box-shadow:none;box-shadow:none;}
.form-group textarea{min-height:160px;border:0 none;border-radius:4px;resize:none;padding:15px;font-size:var(--font-size-b2);background-color:var(--color-lightest);border:1px solid transparent}
.form-group textarea:focus{border-color:var(--color-primary);-webkit-box-shadow:none;box-shadow:none;background-color:var(--color-white);}
input[type=submit]{width:auto;padding:0 30px;border-radius:500px;display:inline-block;font-weight:500;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;height:60px;background:var(--color-primary);color:var(--color-white);font-weight:var(--p-medium);font-size:var(--font-size-b2);line-height:var(--line-height-b3);height:50px;border:2px solid var(--color-primary)}
input[type=submit]:hover{background:transparent;color:var(--color-primary);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.form-group select{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:0 none;border-radius:4px;height:50px;font-size:var(--font-size-b2);padding:0 20px;background-color:var(--color-lightest);background:url(../images/arrow-icon.png) #F0F2F5 95% center no-repeat transparent;padding-right:32px;color:#65676B;line-height:22px}
.form-message{margin-bottom:0;text-align:center}
.form-message.error{margin-top:20px;color:var(--color-primary)}
.form-message.success{margin-top:20px;color:var(--color-success)}
.contact-form--1 .form-group{margin-bottom:20px}
p.form-messege{padding-top:23px}
p.form-messege.error{color:var(--color-primary)}
p.form-messege.success{color:var(--color-success)}
.form-submit{display:inline-block}
.form-submit button.sala-button{width:auto}
.error-msg{margin-top:20px}
.error-msg p{color:var(--color-primary)}
.success-msg{margin-top:20px}
.success-msg p{color:var(--color-success)}
.inputDnD{ .form-control-file{ position:relative;  width:100%;  height:100%;  min-height:4em;  outline:none;  visibility:hidden;  cursor:pointer;  box-shadow:0 0 5px solid currentColor;  &:before{ content:attr(data-title);  position:absolute;  top:0.5em;  left:0;  width:100%;  min-height:4em;  line-height:1em;  padding-top:1.5em;  opacity:1;  visibility:visible;  text-align:center;  border:0.20em dashed currentColor;  transition:all 0.3s cubic-bezier(.25,.8,.25,1);  overflow:hidden}
 &:hover{ &:before{ border-style:solid;  box-shadow:inset 0px 0px 0px 0.20em currentColor}
 }
 }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.sala-contact-form.contact-form-style-1{padding:25px 20px;padding-left:20px;max-width:inherit;padding-bottom:20px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)}
.sala-contact-form.contact-form-style-1::before{display:none}
.sala-contact-form.contact-form-style-1::after{-webkit-transform:none;-ms-transform:none;transform:none}
}
.subscription-form .form-group{position:relative}
.subscription-form .form-group input{ border-radius:100px;  background:var(--color-white);  padding-right:130px;  padding-left:30px}
@media only screen and (max-width:767px){ .subscription-form .form-group input{ padding-right:30px}
}
.subscription-form .form-group .axil-button{ position:absolute;  right:0;  padding:0 20px;  width:auto}
@media only screen and (max-width:767px){ .subscription-form .form-group .axil-button{ position:static;  margin-top:20px}
}
.subscription-form .form-group .axil-button:hover{ -webkit-transform:inherit;  -ms-transform:inherit;  transform:inherit}
@media only screen and (max-width:767px){ .subscription-form .form-group p.close-button{ display:none}
}
a.axil-link-button{ text-decoration:none;  font-weight:var(--p-medium);  font-size:var(--font-size-b2);  line-height:22px}
a.axil-link-button:hover{ color:var(--color-secondary)}

a.axil-button, 
button.axil-button{ background:var(--color-primary);  color:var(--color-white);  font-weight:var(--p-medium);  font-size:var(--font-size-b2);  display:inline-block;  border:2px solid var(--color-primary);  padding:0 30px;  height:40px;  line-height:36px}
a.axil-button.button-rounded, 
button.axil-button.button-rounded{ border-radius:500px}

/* ================================================
/* ================================================
    Header style CSS
===================================================
==================================================*/

.sala-header{padding:0 60px;background:var(--color-white);position:relative;z-index:99;-webkit-box-shadow: var(--shadow-primary);box-shadow: var(--shadow-primary);}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.sala-header{padding:0 30px}
}
@media only screen and (max-width: 1199px) {
.sala-header{padding:20px 30px}
}
.sala-header.header-with-shadow{-webkit-box-shadow:var(--shadow-primary);box-shadow:var(--shadow-primary)}
@media only screen and (max-width: 575px) {
.sala-header .logo{text-align:center;margin-bottom:20px}
.sala-header .header-search{text-align:center!important;-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}
}
.sala-header .header-search .header-search-form{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
@media only screen and (max-width: 575px) {
.sala-header .header-search .header-search-form{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}
}
.sala-header .header-search .header-search-form .sala-search.form-group input{min-width:245px;height:40px}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.sala-header .header-search .header-search-form .sala-search.form-group input{min-width:220px}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.sala-header .header-search .header-search-form .sala-search.form-group input{min-width:143px;height:35px}
}
@media only screen and (max-width: 767px) {
.sala-header .header-search .header-search-form .sala-search.form-group input{min-width:174px}
}
.sala-header .header-search .mobile-search-wrapper .search-button-toggle{background-color:var(--color-lightest);width:40px;height:40px;line-height:39px;text-align:center;display:block;border-radius:100%;font-size:14px;font-weight:900;border:none}
.sala-header .header-search .mobile-search-wrapper .search-button-toggle:hover{background-color:var(--color-primary);color:var(--color-white)}
.sala-header .header-search .mobile-search-wrapper .search-button-toggle.open i:before{content:"\f00d"}
.sala-header .header-search .mobile-search-wrapper .header-search-form{background-color:#F0F2F5;position:absolute;top:100%;left:0;right:0;padding:20px;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.sala-header .header-search .mobile-search-wrapper .header-search-form .form-group{width:100%}
.sala-header .header-search .mobile-search-wrapper .header-search-form .form-group .form-control{width:100%;max-width:100%;border-radius:4px;height:50px;background-color:var(--color-white);padding-left:20px;padding-right:45px}
.sala-header .header-search .mobile-search-wrapper .header-search-form .form-group .search-button{left:auto;right:20px}
.sala-header .header-search .mobile-search-wrapper .header-search-form.open{visibility:visible;opacity:1}
.sala-header.header-dark{background:var(--color-extra04)}
.sala-header.header-dark .sala-search.form-group input{background:var(--color-extra05);color:var(--color-white)}
.sala-header.header-dark .sala-search.form-group .search-button i{color:var(--color-white)}
.sala-header.header-dark .metabar-block li.icon a{background:var(--color-extra05);color:var(--color-white)}
.sala-header.header-dark .metabar-block li.icon a:hover{background:var(--color-primary);color:#fff}
.sala-header .logo a{display:block}
.sala-header .logo a img{max-height:55px}
.canvas-menu .logo a img{max-height:40px;float:left;margin-right:15px}
.sala-search.form-group{position:relative;margin-bottom:0;text-align:right;/*display:inline-block*/}
.sala-search.form-group input{background:var(--color-lightest);border-radius:44px;padding-left:46px;color:var(--color-gray);/*max-width:245px;*/font-size:14px}
.sala-search.form-group .search-button{position:absolute;left:0;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:auto;border:0 none;padding:0;left:21px}
.sala-search.form-group .search-button i{font-size:16px}
button.search-button i{color:var(--color-gray)}
.metabar-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.metabar-block li{margin-left:20px;margin-top:0;margin-bottom:0}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.metabar-block li{margin-left:8px}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.metabar-block li{margin-left:5px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.metabar-block li{margin-left:10px}
}
@media only screen and (max-width: 767px) {
.metabar-block li{margin-left:10px}
}
.metabar-block li.icon a{background:var(--color-lightest);width:40px;height:40px;line-height:40px;text-align:center;display:block;border-radius:100%;font-size:14px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.metabar-block li.icon a{width:35px;height:35px;line-height:35px;font-size:12px}
}
.metabar-block li.icon a:hover{background:var(--color-primary);color:#fff!important}
.metabar-block li img{border-radius:100%;max-height:40px;min-width:40px}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.metabar-block li img{max-height:35px;min-width:35px}
}
.hamburger-menu{margin-left:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hamburger-menu{margin-left:10px}
}
@media only screen and (max-width: 767px) {
.hamburger-menu{margin-left:10px}
}
.hamburger-menu .hamburger-inner .icon{background:var(--color-lightest);width:40px;height:40px;line-height:40px;text-align:center;display:block;border-radius:100%;font-size:14px;display:inline-block;color:var(--color-heading)}
.hamburger-menu .hamburger-inner .icon i{font-weight:900}
.hamburger-menu .hamburger-inner .icon:hover{background:var(--color-primary);color:#fff}
@media only screen and (max-width: 575px) {
.sala-header.header-dark .header-search .header-search-form .sala-search.form-group .search-button i{color:var(--color-body)}
.sala-header.header-dark .hamburger-menu .hamburger-inner .icon{background:var(--color-extra05);color:var(--color-lightest)}
}

.header-top{background:var(--color-lightest)}
.header-top .header-top-nav li{margin:0 12px}
@media only screen and (max-width: 767px) {
.header-top .header-top-nav li{margin:5px}
}
.header-top .header-top-nav li a{color:var(--color-heading);font-size:14px;line-height:22px;display:inline-block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.header-top .header-top-nav li a:hover{color:var(--color-primary)}
@media only screen and (max-width: 767px) {
.header-top .header-top-date li{margin-right:5px!important;margin-bottom:0}
}
.header-top .header-top-date li a{color:#878787;font-size:14px;line-height:22px;display:inline-block}
.header-top .social-share-transparent li{margin:0 10px}
.header-top .social-share-transparent li a{color:#050505;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.header-top .social-share-transparent li a:hover{color:var(--color-primary)}

/*ex style*/
.sala-header.header-style-6{padding:0}
.sala-header.header-style-6 .header-top{padding:20px 60px}
@media only screen and (max-width: 767px) {
.sala-header.header-style-6 .header-top{padding:20px 15px}
}
.sala-header.header-style-6 .mainmenu-nav ul.mainmenu{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
.sala-header.header-style-6 .mainmenu-nav ul.mainmenu li:first-child{margin-left:0}
.sala-header.header-style-6 .metabar-block li{margin-left:10px}
.sala-header.header-style-6 .metabar-block li.icon a{color:#050505}
.sala-header.header-style-6 .header-bottom{padding:0 60px;background:var(--color-white);-webkit-box-shadow: var(--shadow-primary);box-shadow: var(--shadow-primary);}
.sticky{position:fixed;top:0;width:100%}
@media only screen and (max-width: 767px) {
.sala-header.header-style-6 .header-bottom{padding:0 15px}
}
.sala-header.header-style-6 .header-search{padding:20px 0}
.sala-header.header-style-6 .header-search .header-search-form{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}
@media only screen and (max-width: 575px) {
.sala-header.header-style-6 .logo{margin-top:20px;margin-bottom:5px}
}
.header-style-6 .mainmenu-nav ul.mainmenu > li.megamenu-wrapper{position:relative}
.header-style-6 .mainmenu-nav ul.mainmenu > li.megamenu-wrapper .megamenu-sub-menu{left:0;-webkit-transform:none;-ms-transform:none;transform:none}
.sala-header .logo a img.light-logo{display:none}
.canvas-menu .logo a img.light-logo{display:none}
.popup-mobilemenu-area .inner .mobile-menu-top .logo a img.light-logo{display:none}



/* ================================================
/* ================================================
    Post style CSS
===================================================
==================================================*/

.content-block .post-thumbnail{position:relative}
.content-block .post-thumbnail a{display:block;overflow:hidden;border-radius:var(--radius)}
.content-block .post-thumbnail a img{width:100%}
.content-block.image-rounded .post-thumbnail{overflow:hidden}
.content-block.image-rounded .post-thumbnail img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.image-rounded:hover .post-thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block .post-content .title{margin-bottom:0}
.content-block .post-content .title a{position:relative;display:inline;background-image:-webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor));background-image:-webkit-linear-gradient(left,currentColor 0%,currentColor 100%);background-image:-o-linear-gradient(left,currentColor 0%,currentColor 100%);background-image:linear-gradient(to right,currentColor 0%,currentColor 100%);background-size:0 2px;background-position:0 95%;-webkit-transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;-o-transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;transition:background-size .25s cubic-bezier(0.785,0.135,0.15,0.86) 0;padding:.1% 0;background-repeat:no-repeat;color:inherit}
.content-block .post-content .title a:hover{color:inherit}
.content-block:hover .post-content .title a{background-size:100% 2px}
.content-block .post-meta .hover-flip-item span::before{color:var(--color-heading)}
.content-block .post-meta .hover-flip-item span::after{color:var(--color-primary)}
.content-block.post-horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid var(--color-lighter);border-radius:var(--radius);padding:35px 30px;height:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media only screen and (max-width: 575px) {
.content-block.post-horizontal{display:block}
.content-block.post-horizontal .post-thumbnail{margin-top:30px}
}
.content-block.post-horizontal .post-cat{margin-bottom:22px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-horizontal .post-cat{margin-bottom:10px}
}
@media only screen and (max-width: 767px) {
.content-block.post-horizontal .post-cat{margin-bottom:10px}
}
.content-block.post-horizontal .title{margin-bottom:0}
.content-block.post-horizontal .post-meta{margin-top:48px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-horizontal .post-meta{margin-top:21px}
}
@media only screen and (max-width: 767px) {
.content-block.post-horizontal .post-meta{margin-top:12px}
}
.content-block.post-horizontal .post-thumbnail a img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.content-direction-column .post-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-right:30px}
@media only screen and (max-width: 575px) {
.content-block.content-direction-column .post-content{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0}
}
.content-block.content-direction-column .post-thumbnail{min-width:250px;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.content-direction-column .post-thumbnail{min-width:150px}
}
@media only screen and (max-width: 767px) {
.content-block.content-direction-column .post-thumbnail{min-width:160px}
}
@media only screen and (max-width: 575px) {
.content-block.content-direction-column .post-thumbnail{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}
}
.content-block.content-direction-column .post-thumbnail a{border-radius:100%}
.content-block.content-direction-column .post-thumbnail a img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.content-direction-column:hover .post-thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.content-direction-column.is-active{background:var(--color-white)}
.content-block.thumb-border-rounded .post-thumbnail a img{border-radius:100%}
.content-block.modern-post-style{border-radius:var(--radius);background:var(--color-lightest);padding:50px 35px 0;overflow:hidden}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.modern-post-style{padding:40px 20px 0}
}
.content-block.modern-post-style.text-center .post-cat-list{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.content-block.modern-post-style.text-end .post-cat-list{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.content-block.modern-post-style .post-content{padding-bottom:50px}
.content-block.modern-post-style .post-content .title{margin-bottom:0}
.content-block.modern-post-style .post-thumbnail{margin:0 -35px;position:relative}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.modern-post-style .post-thumbnail{margin:0 -20px}
}
.content-block.modern-post-style .post-thumbnail::before{content:"";background:url(../images/shape-01.png);height:77px;width:100%;position:absolute;left:0;top:-3px;z-index:5;background-position:center center;background-size:cover}
.content-block.modern-post-style .post-thumbnail a img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.modern-post-style:hover .post-thumbnail a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.trend-post{position:relative;padding-top:30px;padding-bottom:18px;border-bottom:1px solid var(--color-lightest)}
.content-block.trend-post::after{position:absolute;content:"";width:0;height:2px;background:var(--color-primary);left:0;bottom:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.trend-post .post-thumbnail{position:absolute;top:0;left:calc(100% + 30px);bottom:0;opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;will-change:transform;-webkit-transition:opacity 0.2s,-webkit-transform 1s;transition:opacity 0.2s,-webkit-transform 1s;-o-transition:opacity 0.2s,-o-transform 1s;-o-transition:opacity 0.2s,transform 1s;transition:opacity 0.2s,transform 1s;transition:opacity 0.2s,transform 1s,-webkit-transform 1s;min-width:411px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.trend-post .post-thumbnail{min-width:280px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.trend-post .post-thumbnail{position:static;left:calc(100% + 30px);top:auto;min-width:auto;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;margin-top:40px}
}
@media only screen and (max-width: 767px) {
.content-block.trend-post .post-thumbnail{position:static;left:calc(100% + 30px);top:auto;min-width:auto;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;margin-top:40px}
}
.content-block.trend-post .post-content .post-cat{margin-bottom:15px}
.content-block.trend-post .post-content .title{margin-bottom:0}
.content-block.trend-post .post-content .post-meta-wrapper{margin-top:22px}
.content-block.trend-post.is-active::after{width:100%}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.trend-post.is-active::after{width:0}
}
@media only screen and (max-width: 767px) {
.content-block.trend-post.is-active::after{width:0}
}
.content-block.trend-post.is-active .post-thumbnail{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);height:auto}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.trend-post.is-active .post-thumbnail{-webkit-transform:none;-ms-transform:none;transform:none}
}
@media only screen and (max-width: 767px) {
.content-block.trend-post.is-active .post-thumbnail{-webkit-transform:none;-ms-transform:none;transform:none}
}
.content-block.trend-post:last-child.is-active .post-thumbnail{height:auto;opacity:1;visibility:visible;top:auto;bottom:0;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
.content-block.trend-post:first-child.is-active .post-thumbnail{top:0;-webkit-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
.content-block.trend-post:hover .post-content .title a{background-size:0 95%}
.content-block.post-order-list .post-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content-block.post-order-list .post-inner .post-order-list{padding-right:90px;font-size:var(--font-size-b2);line-height:20px;color:var(--color-body);display:inline-block;font-weight:var(--p-medium)}
@media only screen and (max-width: 767px) {
.content-block.post-order-list .post-inner .post-order-list{padding-right:20px}
}
.content-block.post-grid{position:relative;padding-bottom:30px}
.content-block.post-grid .post-thumbnail a img{width:100%;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media only screen and (max-width: 575px) {
.content-block.post-grid .post-thumbnail a img{border-radius:10px 10px 0 0}
}
.content-block.post-grid:hover .post-thumbnail a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.post-grid .post-grid-content{position:absolute;bottom:0;width:auto;padding:0 52px;z-index:2;left:0;right:0}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-grid .post-grid-content{padding:0 25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.post-grid .post-grid-content{padding:0 25px}
}
@media only screen and (max-width: 767px) {
.content-block.post-grid .post-grid-content{padding:0 25px}
}
@media only screen and (max-width: 575px) {
.content-block.post-grid .post-grid-content{position:static;padding:0}
}
.content-block.post-grid .post-grid-content .post-content{background:var(--color-white);padding:30px 32px}
@media only screen and (max-width: 575px) {
.content-block.post-grid .post-grid-content .post-content{border-radius:0 0 10px 10px;padding:30px 20px}
}
.content-block.post-grid .post-grid-content .post-content .title{margin-bottom:0}
@media only screen and (max-width: 767px) {
.content-block.post-grid .post-grid-content .post-content .title{line-height:24px}
}
@media only screen and (max-width: 767px) {
.content-block.post-grid .post-grid-content .post-content h3.title{font-size:20px;line-height:26px}
}
.content-block.post-grid .post-grid-content .post-content .post-meta-wrapper{margin-top:30px}
.content-block.post-grid.post-grid-large .post-grid-content{padding:0 65px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-grid.post-grid-large .post-grid-content{padding:0 25px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.post-grid.post-grid-large .post-grid-content{padding:0 25px}
}
@media only screen and (max-width: 767px) {
.content-block.post-grid.post-grid-large .post-grid-content{padding:0 25px}
}
@media only screen and (max-width: 575px) {
.content-block.post-grid.post-grid-large .post-grid-content{padding:0}
}
.content-block.post-grid.post-grid-large .post-grid-content .post-content .post-cat{margin-bottom:20px}
.content-block.post-grid.post-grid-transparent{padding-bottom:0}
.content-block.post-grid.post-grid-transparent .post-grid-content{padding:0 40px;padding-bottom:40px;position:absolute}
@media only screen and (max-width: 767px) {
.content-block.post-grid.post-grid-transparent .post-grid-content{padding:0 20px;padding-bottom:20px}
}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content{background:transparent!important;padding:0}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .post-cat .post-cat-list a{color:var(--color-lightest)}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .post-cat .post-cat-list a.hover-flip-item-wrapper span::before{color:var(--color-white)}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .post-cat .post-cat-list a.hover-flip-item-wrapper span::after{color:var(--color-primary)}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .post-cat .post-cat-list a:hover{color:var(--color-primary)}
.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .title{color:var(--color-white)}
.content-block.post-grid.post-grid-small .post-grid-content{padding:0 30px;padding-bottom:20px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.post-grid.post-grid-small .post-grid-content{padding:0 20px;padding-bottom:20px}
}
@media only screen and (max-width: 767px) {
.content-block.post-grid.post-grid-small .post-grid-content{padding:20px}
}
.content-block.post-list-view{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media only screen and (max-width: 767px) {
.content-block.post-list-view{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
}
.content-block.post-list-view .post-thumbnail{min-width:295px;margin-right:20px;max-width:295px;overflow:hidden}
.content-block.post-list-view .post-thumbnail img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-list-view .post-thumbnail{min-width:223px}
}
@media only screen and (max-width: 767px) {
.content-block.post-list-view .post-thumbnail{min-width:auto;margin-right:0;-webkit-flex-basis:30%;-ms-flex-preferred-size:30%;flex-basis:30%;padding-right:20px}
}
@media only screen and (max-width: 575px) {
.content-block.post-list-view .post-thumbnail{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;padding-right:0;border-radius:10px 10px 0 0;min-width:100%}
}
.content-block.post-list-view .post-thumbnail a{display:block;height:100%}
@media only screen and (max-width: 575px) {
.content-block.post-list-view .post-thumbnail a{border-radius:var(--radius) var(--radius) 0 0}
}
.content-block.post-list-view .post-thumbnail a img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}
@media only screen and (max-width: 575px) {
.content-block.post-list-view .post-thumbnail a img{border-radius:10px 10px 0 0}
}
.content-block.post-list-view .post-content{border:1px solid var(--color-lightest);padding:32px 30px;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
@media only screen and (max-width: 767px) {
.content-block.post-list-view .post-content{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;padding:32px 20px}
}
@media only screen and (max-width: 575px) {
.content-block.post-list-view .post-content{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;border-radius:0 0 10px 10px}
}
.content-block.post-list-view .post-content .title{margin-bottom:0}
.content-block.post-list-view .post-content .post-cat{margin-bottom:15px}
.content-block.post-list-view .post-content .post-cat .post-cat-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content-block.post-list-view .post-content .post-meta-wrapper{margin-top:46px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-list-view .post-content .post-meta-wrapper{margin-top:15px}
}
@media only screen and (max-width: 767px) {
.content-block.post-list-view .post-content .post-meta-wrapper{margin-top:15px}
}
@media only screen and (max-width: 767px) {
.content-block.post-list-view .post-content .post-meta-wrapper .post-meta{margin-bottom:15px}
}
.content-block.post-list-view:first-child{margin-top:0!important}
.content-block.post-list-view.is-active .post-content,.content-block.post-list-view:hover .post-content{-webkit-box-shadow:var(--shadow-primary);box-shadow:var(--shadow-primary);background:var(--color-white);border:1px solid var(--color-white)}
.content-block.post-list-view:hover .post-thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.post-list-view.sticky .post-content{border:0 none}
.content-block.post-list-view.sticky:hover .post-content{background:transparent;-webkit-box-shadow:none;box-shadow:none}
.content-block.post-list-view.format-quote blockquote{margin-bottom:0;margin-top:0}
.content-block.post-list-view.with-bg-solid .post-content{border:1px solid var(--color-white);background:var(--color-white)}
.content-block.post-medium{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content-block.post-medium:last-child{margin-bottom:0}
.content-block.post-medium .post-thumbnail{width:100px;margin-right:20px;min-width:100px;overflow:hidden}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.content-block.post-medium .post-thumbnail{width:70px;margin-right:10px;min-width:70px}
}
.content-block.post-medium .post-thumbnail a img{width:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.post-medium .post-content .post-cat{margin-bottom:15px}
.content-block.post-medium .post-content .post-cat .post-cat-list a.hover-flip-item-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.content-block.post-medium .post-content .title{margin-bottom:10px}
.content-block.post-medium.post-medium-border{border-bottom:1px solid var(--color-lighter);padding:30px 0}
.content-block.post-medium.post-medium-border.border-thin{border-width:1px}
.content-block.post-medium.post-medium-border:last-child{padding-bottom:0;border-bottom:0 none}
.content-block.post-medium.post-medium-border:first-child{padding-top:0}
.content-block.post-medium:hover .post-thumbnail a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.post-default .post-thumbnail{overflow:hidden;border-radius:var(--radius)}
.content-block.post-default .post-thumbnail a img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.content-block.post-default .post-content{margin-top:30px}
.content-block.post-default .post-content .title{margin-bottom:0}
.content-block.post-default .post-content .post-meta-wrapper{margin-top:30px}
.content-block.post-default:hover .post-thumbnail a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block.sticky{background:var(--color-lightest);border-radius:var(--radius);border-top:4px solid var(--color-primary)}
.content-block.post-overlay-bottom{position:relative}
.content-block.post-overlay-bottom::before{position:absolute;content:"";opacity:.8;bottom:0;left:0;width:100%;height:240px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(26,26,26,0)),to(#1A1A1A));background:-webkit-linear-gradient(top,rgba(26,26,26,0) 0%,#1A1A1A 100%);background:-o-linear-gradient(top,rgba(26,26,26,0) 0%,#1A1A1A 100%);background:linear-gradient(180deg,rgba(26,26,26,0) 0%,#1A1A1A 100%);border-radius:0 0 10px 10px;z-index:1}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content-block.post-overlay-bottom::before{height:100%}
}
@media only screen and (max-width: 767px) {
.content-block.post-overlay-bottom::before{height:100%}
}
.featured-post .content-block{background:#FFF;border-radius:var(--radius)}
.featured-post .content-block .post-content{padding:30px}
.featured-post .content-block .post-thumbnail{position:relative}
.featured-post .content-block .post-thumbnail a{border-radius:0 0 10px 10px;overflow:hidden}
.featured-post .content-block .post-thumbnail a img{border-radius:0 0 10px 10px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.featured-post .content-block:hover .post-thumbnail a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.content-block .post-thumbnail{position:relative}
.content-block .post-thumbnail .review-count{position:absolute;background:#D93E40;top:20px;left:40px;padding:8px;border-radius:6px}
.content-block .post-thumbnail .review-count span{font-size:18px;line-height:22px;color:#fff;font-weight:700}

/*---------------------
 * Post Meta Date
-----------------------*/
.post-meta-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (max-width: 575px) {
.post-meta-wrapper{display:block}
.post-meta-wrapper ul.social-share-transparent{margin-top:12px;-webkit-box-pack:start!important;-webkit-justify-content:flex-start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}
}
.post-meta-wrapper .hover-flip-item span::before{color:var(--color-heading)}
.post-meta-wrapper .hover-flip-item span::after{color:var(--color-primary)}
.post-meta{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.post-meta .post-author-avatar{min-width:50px;margin-right:15px}
.post-meta .post-author-avatar img{width:100%}
.post-meta .post-author-avatar.border-rounded{border-radius:100%}
.post-meta .post-author-avatar.border-rounded img{border-radius:100%}
.post-meta .post-author-name{margin-bottom:4px;font-weight:var(--p-medium)}
ul.post-meta-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-8px}
ul.post-meta-list li{color:var(--color-extra01);font-size:var(--font-size-b4);line-height:18px;margin:8px;position:relative}
ul.post-meta-list li::after{right:-10px;position:absolute;background:var(--color-extra01);width:4px;height:4px;border-radius:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);content:""}
ul.post-meta-list li:last-child::after{display:none}
.hover-flip-item-wrapper{position:relative;display:inline-block;overflow:hidden;cursor:pointer;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
@media (min-width: 1200px) {
.hover-flip-item-wrapper{opacity:1;text-align:left}
}
.hover-flip-item{position:relative;display:inline-block;overflow:hidden}
@media (min-width: 1200px) {
.hover-flip-item span{display:inline-block;position:relative;z-index:1;/*color:transparent;*/-webkit-transition:-webkit-transform 1.2s cubic-bezier(0.19,1,0.22,1);transition:-webkit-transform 1.2s cubic-bezier(0.19,1,0.22,1);-o-transition:-o-transform 1.2s cubic-bezier(0.19,1,0.22,1);-o-transition:transform 1.2s cubic-bezier(0.19,1,0.22,1);transition:transform 1.2s cubic-bezier(0.19,1,0.22,1);transition:transform 1.2s cubic-bezier(0.19,1,0.22,1),-webkit-transform 1.2s cubic-bezier(0.19,1,0.22,1)}
.hover-flip-item span:after,.hover-flip-item span:before{content:attr(data-text);display:block;position:absolute;color:var(--color-primary)}
.hover-flip-item span:before{top:0;-webkit-transform:skewY(0);-ms-transform:skewY(0);transform:skewY(0);-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transition:-webkit-transform 2s cubic-bezier(0.19,1,0.22,1);transition:-webkit-transform 2s cubic-bezier(0.19,1,0.22,1);-o-transition:-o-transform 2s cubic-bezier(0.19,1,0.22,1);-o-transition:transform 2s cubic-bezier(0.19,1,0.22,1);transition:transform 2s cubic-bezier(0.19,1,0.22,1);transition:transform 2s cubic-bezier(0.19,1,0.22,1),-webkit-transform 2s cubic-bezier(0.19,1,0.22,1)}
.hover-flip-item span:after{top:105%;-webkit-transform:skewY(7deg);-ms-transform:skewY(7deg);transform:skewY(7deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 2s cubic-bezier(0.19,1,0.22,1);transition:-webkit-transform 2s cubic-bezier(0.19,1,0.22,1);-o-transition:-o-transform 2s cubic-bezier(0.19,1,0.22,1);-o-transition:transform 2s cubic-bezier(0.19,1,0.22,1);transition:transform 2s cubic-bezier(0.19,1,0.22,1);transition:transform 2s cubic-bezier(0.19,1,0.22,1),-webkit-transform 2s cubic-bezier(0.19,1,0.22,1)}
}
.hover-flip-item-wrapper:hover{opacity:1}
.hover-flip-item-wrapper:hover .hover-flip-item span{-webkit-transform:translateY(-105%);-ms-transform:translateY(-105%);transform:translateY(-105%)}
@media (pointer: coarse) {
.hover-flip-item-wrapper:hover .hover-flip-item span{-webkit-transform:none;-ms-transform:none;transform:none}
}
.hover-flip-item-wrapper:hover .hover-flip-item span:before{-webkit-transform:skewY(7deg);-ms-transform:skewY(7deg);transform:skewY(7deg)}
@media (pointer: coarse) {
.hover-flip-item-wrapper:hover .hover-flip-item span:before{-webkit-transform:none;-ms-transform:none;transform:none}
}
.hover-flip-item-wrapper:hover .hover-flip-item span:after{-webkit-transform:skewY(0);-ms-transform:skewY(0);transform:skewY(0)}
@media (pointer: coarse) {
.hover-flip-item-wrapper:hover .hover-flip-item span:after{-webkit-transform:none;-ms-transform:none;transform:none}
}

/*---------------------
 * Post Formate
-----------------------*/
.banner-single-post.post-formate.alignwide .content-block{margin:0 -105px}
.banner-single-post.post-formate .content-block .post-thumbnail img{border-radius:0 0 10px 10px}
.banner-single-post.post-formate .content-block .post-content{padding-top:80px}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate .content-block .post-content .title{font-size:32px}
}
@media only screen and (max-width: 575px) {
.banner-single-post.post-formate .content-block .post-content .title{font-size:30px;padding-right:0;line-height:32px}
}
.banner-single-post.post-formate .content-block .post-content .post-cat{margin-bottom:20px}
@media only screen and (max-width: 575px) {
.banner-single-post.post-formate .content-block .post-content .post-cat{margin-bottom:10px}
}
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper{margin-top:40px;border-bottom:1px solid var(--color-lighter)}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper{margin-top:22px}
}
@media only screen and (max-width: 575px) {
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper{margin-top:10px}
}
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper .post-meta{padding-bottom:20px}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper .post-meta{padding-bottom:15px}
}
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper .social-share-transparent{padding-bottom:20px}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate .content-block .post-content .post-meta-wrapper .social-share-transparent{padding-bottom:15px}
}
.banner-single-post.post-formate.post-standard .content-block{position:relative}
.banner-single-post.post-formate.post-standard .post-content{position:absolute;bottom:0;left:0;right:0;padding:80px 105px}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate.post-standard .post-content{padding:25px 105px}
}
.banner-single-post.post-formate.post-standard .post-content .post-author-name .hover-flip-item-wrapper span::before{color:var(--color-lightest)}
.banner-single-post.post-formate.post-standard .post-content .post-author-name .hover-flip-item-wrapper span::after{color:var(--color-primary)}
.banner-single-post.post-formate.post-standard .post-content .post-cat .post-cat-list a{color:var(--color-lightest)}
.banner-single-post.post-formate.post-standard .post-content .post-cat .post-cat-list a.hover-flip-item-wrapper span::before{color:var(--color-lightest)}
.banner-single-post.post-formate.post-standard .post-content .post-cat .post-cat-list a.hover-flip-item-wrapper span::after{color:var(--color-primary)}
.banner-single-post.post-formate.post-standard .post-content .post-cat .post-cat-list a:hover{color:var(--color-primary)}
.banner-single-post.post-formate.post-standard .post-content .title{color:var(--color-white);padding-right:10%}
@media only screen and (max-width: 767px) {
.banner-single-post.post-formate.post-standard .post-content .title{font-size:25px}
}
@media only screen and (max-width: 575px) {
.banner-single-post.post-formate.post-standard .post-content .title{font-size:18px;padding-right:0;line-height:28px}
}
.banner-single-post.post-formate.post-standard .post-content .post-meta .post-author-name{color:var(--color-white)}
.banner-single-post.post-formate.post-standard .post-content .post-meta .post-author-name:hover{color:var(--color-primary)}
.banner-single-post.post-formate.post-standard .post-content ul.post-meta-list li{color:var(--color-lighter)}
.banner-single-post.post-formate.post-standard .post-content ul.post-meta-list li::after{background:var(--color-lighter)}
.banner-single-post.post-formate.post-standard .post-content ul.social-share-transparent li a{color:var(--color-lightest)}
.banner-single-post.post-formate.post-standard .post-content ul.social-share-transparent li a:hover{color:var(--color-primary)}
.banner-single-post.post-formate.post-video .content-block .post-content,.banner-single-post.post-formate.post-text-only .content-block .post-content,.banner-single-post.post-formate.post-layout .content-block .post-content{padding-top:0}
.banner-single-post.post-layout-3.post-standard .post-content{position:static;padding:80px 0}
.banner-single-post.post-layout-3.post-standard .post-content .post-meta-wrapper{border-bottom:1px solid var(--color-midgray)}
.post-layout-3{height:850px;position:relative}
.post-layout-3::before{position:absolute;content:"";height:100%;width:100%;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(26,26,26,0)),to(#1A1A1A));background:-webkit-linear-gradient(top,rgba(26,26,26,0) 0%,#1A1A1A 100%);background:-o-linear-gradient(top,rgba(26,26,26,0) 0%,#1A1A1A 100%);background:linear-gradient(180deg,rgba(26,26,26,0) 0%,#1A1A1A 100%);opacity:.5}
.post-stories .post-thumbnail a{display:block}
.post-stories .post-thumbnail a img{border-radius:10px}
.post-stories .post-content{padding-top:20px}
.post-stories .post-content .title{margin-bottom:0}
.post-content .post-cat{margin-bottom:10px}
.post-content .post-cat .post-cat-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:-8px}
.post-content .post-cat .post-cat-list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:var(--font-size-b1);line-height:20px;margin:8px;position:relative;font-weight:var(--p-medium);border-radius:var(--radius-small);color:var(--color-primary);}
.post-content .post-cat .post-cat-list a.post{border:1px solid var(--color-primary);padding: 0 20px;line-height: 39px;}
.post-content .post-cat .post-cat-list a:hover{color:var(--color-body)}
.post-content .post-cat .post-cat-list a.hover-flip-item-wrapper span::after{color:var(--color-body)}
.post-content .post-cat .post-cat-list a::after{content:"";position:absolute;right:0}
.post-content .post-cat .post-cat-list a:last-child::after{display:none}

/*---------------------
 * Post Details Area
-----------------------*/
.sala-post-details p a{color:var(--color-primary)}
.sala-post-details.text a{text-decoration:underline;}
.sala-post-details.text .tagcloud a{text-decoration:none!important;}
.sala-post-details .tagcloud{margin-bottom:40px}
.sala-post-details .social-share-block{border-bottom:1px solid var(--color-lighter);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sala-post-details .social-share-block .post-like{padding-bottom:20px}
.sala-post-details .social-share-block .post-like a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.sala-post-details .social-share-block .post-like a i{width:40px;height:40px;line-height:37px;border:1px solid var(--color-lighter);color:var(--color-gray);border-radius:100%;text-align:center;margin-right:20px}
.sala-post-details .social-share-block .post-like a span{font-size:12px;line-height:16px;color:var(--color-gray)}
.sala-post-details .social-share-block .post-like a:hover i{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}
.sala-post-details .social-share-block .post-like a:hover span{color:var(--color-primary)}
.sala-post-details .social-share-block .social-icon{padding-bottom:20px}
.tagcloud{margin:-5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.tagcloud a{border:1px solid var(--color-lighter);font-size:12px;color:var(--color-gray);height:30px;padding:0 10px;margin:5px;display:inline-block;line-height:27px;border-radius:4px}
.tagcloud a:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.tagcloud a.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}
figure{margin-bottom:60px;position:relative;margin-top:60px}
@media only screen and (max-width: 767px) {
figure{margin-bottom:30px;margin-top:30px}
}
figure .post-images{position:relative}
figure img{border-radius:var(--radius)}
figure figcaption{margin-top:20px;color:var(--color-heading);font-size:var(--font-size-b4);line-height:var(--line-height-b4)}
blockquote{margin-bottom:60px;margin-top:60px}
@media only screen and (max-width: 767px) {
blockquote{margin-bottom:30px;margin-top:30px}
}
blockquote p{margin-bottom:0;font-size:30px;line-height:40px;color:var(--color-gray);font-weight:500;font-style:normal}
@media only screen and (max-width: 767px) {
blockquote p{font-size:24px;line-height:34px}
}
.navigation_post {margin: 0 0 30px 0;line-height: 25px;}
.navigation_post .menu-navigation-actual {font-weight: bold;}
.navigation_post .menu-navigation-separator {margin: 0 5px;}
.sa-block-image.alignwide{margin-left:-105px;margin-right:-105px}
.sa-block-image.alignfull,.wp-block-cover.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw}
.sa-block-image.alignfull img,.wp-block-cover.alignfull img{max-width:100%;width:100%}
.gallery{display:grid;  grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));  /*gap:1rem; */ transition:0.3s}
.gallery:hover .gallery__image{ filter:grayscale(1)}
.gallery_i{display:grid;  grid-template-columns:repeat(auto-fill,minmax(min(100%,40rem),1fr));  /*gap:1rem; */ transition:0.3s}
.gallery_i:hover .gallery__image{ filter:grayscale(1)}
.gallery__column{ flex-direction:column;  width:25%}
.gallery__link{ margin:2px; overflow:hidden;cursor:pointer}
.gallery__link:hover .gallery__image{ filter:grayscale(0)}
.gallery__link:hover .gallery__caption{ opacity:1}
.gallery__thumb{ position:relative;  margin-bottom:0px;  margin-top:0px}
.gallery__image{ display:block;  width:100%;  transition:0.3s}
.gallery__image:hover{ transform:scale(1.1)}
.gallery__caption{ position:absolute;  bottom:0;  left:0;  padding:25px 15px 15px;  width:100%;  font-size:16px;  color:white;  opacity:0;  background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);  transition:0.3s}
.gallery__caption h3{ color:var(--color-white)}

.sa-block-video-container{ position:relative;  padding-bottom:56.25%}
.sa-block-video-container iframe, .sa-block-video-container object, .sa-block-video-container embed{ border-radius:var(--radius); position:absolute;  top:0;  left:0;  width:100%;  height:100%}

dl{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr)); gap:1rem}
dl a{ border-radius:var(--radius);  background:#F8F8FF; padding:1rem}
dl a:hover{border:1px solid var(--color-lighter)}
dl a i{float:left;  padding-right:20px}
dt{font-weight:700; font-size:16px}
dt:hover{color:var(--color-primary)}
dd{margin:0}
/*dl a:nth-child(8n - 7){background:#f8fad7}
dl a:nth-child(8n - 6){background:#faebd7}
dl a:nth-child(8n - 5){background:#fdf6ee}
dl a:nth-child(8n - 4){background:#fff0f5}
dl a:nth-child(8n - 3){background:#F8F8FF}
dl a:nth-child(8n - 2){background:#F3E8EA}
dl a:nth-child(8n - 1){background:azure}
dl a:nth-child(8n){background:lavender}*/

.pagination {display: flex;align-items: center;}
.arrow\:text {display: block;vertical-align: middle;font-size: 13px;vertical-align: middle;}
.pagination\:number {--size: 50px;margin: 0 8px;color:var(--color-gray);border-radius:var(--radius-small);background:var(--color-lightest);max-width: auto;min-width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0;@media (hover: hover) {&:hover {background:var(--color-lighter);color:var(--color-white);}}&:active {background:var(--color-primary);}}
.pagination\:active {background:var(--color-primary);color:var(--color-white);position: relative;}
.pagination\:number a {--size: 50px;margin: 0;color:var(--color-gray);border-radius:var(--radius-small);background:var(--color-lightest);max-width: auto;min-width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 6px;@media (hover: hover) {&:hover {background:var(--color-lighter);color:var(--color-white);}}&:active {background:var(--color-primary);}}
/*---------------------
 * Sidebar
-----------------------*/
.sala-single-widget{background:#FBFBFD;padding:30px}
@media only screen and (max-width: 767px) {
.sala-single-widget{padding:20px}
}
.sala-single-widget:last-child{margin-bottom:0}
.sala-single-widget input{height:40px;border-radius:44px;font-size:var(--font-size-b3);line-height:var(--line-height-b3);color:var(--color-gray);padding:0 30px}
.sala-single-widget .form-submit button.sala-button,.sala-single-widget .form-submit a.sala-button{height:40px;line-height:34px}
.sala-single-widget .widget-title{border-bottom:1px solid var(--color-lighter);padding-bottom:7px;margin-bottom:20px;text-align:center}
.sala-single-widget.widget_categories{background:transparent;padding:0}
.sala-single-widget.widget_categories ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px}
.sala-single-widget.widget_categories ul li.cat-item{padding:5px;margin:0;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
.sala-single-widget.widget_categories ul li.cat-item .inner{background:#F8F8FF;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:5px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.sala-single-widget.widget_categories ul li.cat-item .inner .thumbnail{width:50px;margin-right:15px}
.sala-single-widget.widget_categories ul li.cat-item .inner .thumbnail img{width:100%;border-radius:100%}
.sala-single-widget.widget_categories ul li.cat-item .inner .content .title{margin-bottom:0;color:var(--color-gray)}
.sala-single-widget.widget_categories ul li.cat-item .inner:hover .content .title{color:var(--color-primary)}
.sala-single-widget.widget-style-2{background:#fff}
.sala-single-widget.widget-style-2.widget_categories{background:transparent}
.sala-single-widget.widget-style-2.widget_post .content-block .post-content{margin-top:10px}
.sala-single-widget .tagcloud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-5px}
.sala-single-widget .tagcloud a{border:1px solid var(--color-lighter);font-size:14px;color:var(--color-gray);height:40px;padding:0 20px;margin:5px;display:inline-block;line-height:39px;border-radius:10px}
.sala-single-widget .tagcloud a:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.sala-single-widget select{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;height:40px;padding:0 20px;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:1px solid var(--color-border);border-radius:4px;background:url(../images/arrow-icon.png) 95% center no-repeat transparent;padding-right:32px;color:#65676B;font-size:14px;line-height:22px}



/* ================================================
/* ================================================
    Element style CSS
===================================================
==================================================*/

/*----------------------
    Banner Styles  
-----------------------*/
.slider-container {max-width: 1920px!important}
.sala-slide.slider-style-1 .content-block{position:relative;padding-bottom:120px;margin-bottom:3px}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block{padding-bottom:70px}
}
.sala-slide.slider-style-1 .content-block .post-content{position:absolute;background:var(--color-white);width:570px;padding:40px 42px;border-radius:var(--radius);right:100px;bottom:50px;padding-right:58px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sala-slide.slider-style-1 .content-block .post-content{width:510px;right:40px}
}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-content{position:static;border-radius:0 0 10px 10px;width:100%;padding:30px}
}
.sala-slide.slider-style-1 .content-block .post-content .post-cat{margin-bottom:20px}
.sala-slide.slider-style-1 .content-block .post-content .title{margin-bottom:0}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-content .title{font-size:21px;line-height:30px}
.sala-slide.slider-style-1 .content-block .post-thumbnail a{height:auto!important}
}
.sala-slide.slider-style-1 .content-block .post-thumbnail{position:relative}
.sala-slide.slider-style-1 .content-block .post-thumbnail a{border-radius:0 0 10px 10px;height:450px}
.sala-slide.slider-style-1 .content-block .post-thumbnail a img{border-radius:0 0 10px 10px}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-thumbnail a img{border-radius:0}
}
.sala-slide.slider-style-1 .content-block .post-meta-wrapper{margin-top:34px}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-meta-wrapper{margin-top:20px}
}
.sala-slide.slider-style-1 .content-block .post-meta-wrapper.with-button .social-share-transparent{margin-right:58px}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-meta-wrapper.with-button .social-share-transparent{margin-right:0;margin-top:12px}
}
.sala-slide.slider-style-1 .content-block .post-meta-wrapper.with-button .read-more-button{position:absolute;right:-40px;display:inline-block}
@media only screen and (max-width: 767px) {
.sala-slide.slider-style-1 .content-block .post-meta-wrapper.with-button .read-more-button{position:static;right:0;margin-top:12px;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}
}

/*---------------------
 * Button
-----------------------*/
a.sala-link-button{text-decoration:none;font-weight:var(--p-medium);font-size:var(--font-size-b2);line-height:22px}
a.sala-link-button:hover{color:var(--color-secondary)}
a.sala-button,button.sala-button{background:var(--color-primary);color:var(--color-white);font-weight:var(--p-medium);font-size:var(--font-size-b2);display:inline-block;border:2px solid var(--color-primary);padding:0 30px;height:50px;line-height:46px}
a.sala-button.button-rounded,button.sala-button.button-rounded{border-radius:500px}
a.sala-button.color-secondary-alt,button.sala-button.color-secondary-alt{background:var(--color-secondary-alt);border-color:var(--color-secondary-alt)}
a.sala-button.color-secondary-alt:hover,button.sala-button.color-secondary-alt:hover{color:var(--color-secondary-alt);background:transparent}
a.sala-button .hover-flip-item span::after,a.sala-button .hover-flip-item span::before,button.sala-button .hover-flip-item span::after,button.sala-button .hover-flip-item span::before{color:#fff}
.link-inner{display:inline-block}
.button-content{grid-area:content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cursor{display:none}
@media (any-pointer: fine) {
.cursor{position:fixed;top:0;left:0;display:block;pointer-events:none;z-index:9}
.cursor__inner{fill:var(--cursor-fill);stroke:var(--cursor-stroke);stroke-width:var(--cursor-stroke-width)}
.credits{padding-left:25vw}
}
.btn-app-hero{position:relative;display:inline-block;color:var(--color-body);background:var(--color-lightest);border-radius:var(--radius);padding:5px 10px 8px 40px;font-size:12px;font-weight:600;min-width:160px;margin-right:20px;margin-bottom:10px;text-align:left;transition:all .1s linear;float:left}
.btn-app-hero.fblogin{color:var(--color-facebook);}
.btn-app-hero.fblogin:focus,.btn-app-hero.fblogin:hover{background:var(--color-facebook);color:var(--color-white)}
.btn-app-hero.gglogin{color:var(--color-primary);}
.btn-app-hero span{font-size:14px;display:block;font-weight:400;letter-spacing:.04em;margin-top:8px}
.btn-app-hero i{font-size:30px;position:absolute;top:14px;left:8px}
.btn-app-hero:focus,.btn-app-hero:hover{background:var(--color-primary);color:var(--color-white)}

/*---------------------
 * Overlay
-----------------------*/
[data-overlay],[data-black-overlay],[data-white-overlay]{position:relative}
[data-overlay] > div,[data-overlay] > *,[data-black-overlay] > div,[data-black-overlay] > *,[data-white-overlay] > div,[data-white-overlay] > *{position:relative;z-index:2}
[data-overlay]:before,[data-black-overlay]:before,[data-white-overlay]:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:2}
[data-black-overlay]:before{background-color:#000}
[data-white-overlay]:before{background-color:#fff}
[data-overlay="1"]:before,[data-black-overlay="1"]:before,[data-white-overlay="1"]:before{opacity:.1}
[data-overlay="2"]:before,[data-black-overlay="2"]:before,[data-white-overlay="2"]:before{opacity:.2}
[data-overlay="3"]:before,[data-black-overlay="3"]:before,[data-white-overlay="3"]:before{opacity:.3}
[data-overlay="4"]:before,[data-black-overlay="4"]:before,[data-white-overlay="4"]:before{opacity:.4}
[data-overlay="5"]:before,[data-black-overlay="5"]:before,[data-white-overlay="5"]:before{opacity:.5}
[data-overlay="6"]:before,[data-black-overlay="6"]:before,[data-white-overlay="6"]:before{opacity:.6}
[data-overlay="7"]:before,[data-black-overlay="7"]:before,[data-white-overlay="7"]:before{opacity:.7}
[data-overlay="8"]:before,[data-black-overlay="8"]:before,[data-white-overlay="8"]:before{opacity:.8}
[data-overlay="9"]:before,[data-black-overlay="9"]:before,[data-white-overlay="9"]:before{opacity:.9}
[data-overlay="10"]:before,[data-black-overlay="10"]:before,[data-white-overlay="10"]:before{opacity:1}

/* -------------------------
Category Styles 
------------------------- */
.list-categories .single-cat .inner::before {
background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));
background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);
background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%)
}
.list-categories{margin:-15px;margin-bottom:-30px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.list-categories{margin:-10px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.list-categories{margin:-10px}
}
@media only screen and (max-width: 767px) {
.list-categories{margin:-10px}
}
.list-categories .single-cat{padding:15px;position:relative;z-index:1;-webkit-flex-basis:16.666%;-ms-flex-preferred-size:16.666%;flex-basis:16.666%}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.list-categories .single-cat{padding:10px;-webkit-flex-basis:16.66%;-ms-flex-preferred-size:16.66%;flex-basis:16.66%}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.list-categories .single-cat{padding:10px;-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%}
}
@media only screen and (max-width: 767px) {
.list-categories .single-cat{padding:10px;-webkit-flex-basis:33.33%;-ms-flex-preferred-size:33.33%;flex-basis:33.33%}
}
@media only screen and (max-width: 575px) {
.list-categories .single-cat{padding:10px;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
}
.list-categories .single-cat a{display:block}
.list-categories .single-cat .thumbnail img{width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.list-categories .single-cat .content{padding-left:5px;padding-right:5px;position:absolute;width:100%;text-align:center;bottom:0;padding-bottom:22px;z-index:2}
.list-categories .single-cat .content .title{margin-bottom:0;color:var(--color-white)}
.list-categories .single-cat .inner{position:relative;overflow:hidden;border-radius:var(--radius)}
.list-categories .single-cat .inner::before{position:absolute;content:"";opacity:.4;bottom:0;left:0;width:100%;height:75px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:2}
.list-categories .single-cat .inner:hover::before{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.list-categories .single-cat .inner:hover .thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.section-title .title {margin-bottom: 0}

/*---------------------
    Tab Styles  
----------------------*/
ul.sala-tab-button{margin:-10px;border:0 none}
@media only screen and (max-width: 767px) {
ul.sala-tab-button{margin:-5px}
}
ul.sala-tab-button .nav-item{margin:10px}
@media only screen and (max-width: 767px) {
ul.sala-tab-button .nav-item{margin:5px}
}
ul.sala-tab-button .nav-item a.nav-link{border:1px solid var(--color-lighter);border-radius:var(--radius-small);padding:0 25px;height:66px;display:inline-block;line-height:66px;font-weight:var(--p-bold);font-size:var(--font-size-b1);color:var(--color-black);background:var(--color-white);outline:none}
@media only screen and (max-width: 767px) {
ul.sala-tab-button .nav-item a.nav-link{padding:0 13px;font-size:var(--font-size-b3)}
}
ul.sala-tab-button .nav-item a.nav-link.active{border:1px solid transparent;color:var(--color-primary)}
.single-tab-content{margin-top:40px;display:block;height:0}
.single-tab-content.active{height:auto}
.trend-tab-content{margin-top:10px}

/*---------------------
    Table Styles  
----------------------*/
.tablepress{width:100%;width:calc(100% - 2em);margin:100px 1em;border-collapse:collapse;max-width:1366px;margin:0 auto;font-size:18px}
.tablepress th{font-weight:600}
.tablepress th.t10, .tablepress td.t10{width:10%;}
.tablepress th.t15, .tablepress td.t15{width:15%;}
.tablepress th.t20, .tablepress td.t20{width:20%;}
.tablepress td,.tablepress th{padding:1em;border:0 solid var(--color-lighter);border-width:0;border-bottom-width:0}
.tablepress td:first-child,.tablepress th:first-child{border-right-width:1px}
.tablepress td:last-child,.tablepress th:last-child{width:200px}
@media (max-width:1400px) {
.tablepress{margin:1em}
.tablepress td:last-child,.tablepress th:last-child{text-align:right;width:150px}
}
@media (max-width:50em) {
.tablepress,.tablepress tbody{display:block}
.tablepress th{display:none!important}
.tablepress td{padding:5px}
.tablepress td,.tablepress td:last-child,.tablepress td:first-child{border-width:0;width:100%;text-align:center}
.tablepress td:last-child{border-bottom-width:1px}
.tablepress tbody tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:1em}
.tablepress th.t15, .tablepress td.t15, .tablepress th.t20, .tablepress td.t20, .tablepress th.t10, .tablepress td.t10{width:100%;}
}
.tablepress tbody .odd td{background:transparent no-repeat 0 50%;-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;cursor:pointer}
.tablepress tbody .even td{background:var(--color-lightest) no-repeat 0 15px;color:rgb(0,0,0);-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;cursor:pointer}
.tablepress tbody .action td{background:rgb(251,228,227) no-repeat 0 15px;color:rgb(0,0,0);-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;cursor:default}
.tablepress tbody .odd td a:hover, .tablepress tbody .even td a:hover,  .tablepress tbody .action td a:hover{text-decoration: underline!important;}
.tablepress .row-hover .odd:hover td,.tablepress .row-hover .even:hover td{background-color:rgb(251,228,227);background-position:0 -60px;color:rgb(0,0,0)}
.tablepress tbody .head td{background:rgb(195,150,78) no-repeat 0 15px;color:rgb(0,0,0);-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}
.tablepress .btn{padding:15px 40px;font-size:.8em}
.tablepress tbody .action .btn{background:var(--color-primary) no-repeat 0 15px;color:rgb(0,0,0);cursor:default}
.tablepress .hidden{display:none}
.tablepress .only-mobile{display:none!important}
@media (max-width:50em) {
.tablepress .hide-mxxl{display:none}
.tablepress .only-mobile{display:initial!important}
.hide-mxxl{display:none}
}
@media (max-width:40em) {
.tablepress .hide-mxl{display:none}
}
@media (max-width:1400px) {
.tablepress .hide-lr{display:none}
}

/*---------------------
    Animation Images  
----------------------*/
.image-hover-group .animated-image-box{position:relative;height:400px;width:400px;margin:0 20px}
.image-hover-group .animated-image-box img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}
.image-hover-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.animated-image-box img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}
.content-direction-column .animated-image-box{position:relative;height:250px;width:250px;border-radius:100%!important}
.slider-style-1 .post-thumbnail .animated-image-box{position:relative;height:615px;width:100%}

/*---------------------
 * Social Share Styles
-----------------------*/
ul.social-icon{margin:-5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
ul.social-icon{margin:-3px}
}
ul.social-icon li{margin:5px}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
ul.social-icon li{margin:3px}
}
ul.social-icon li a{width:50px;height:50px;line-height:50px;border-radius:100%;background:var(--color-lightest);display:block;text-align:center;font-size:14px;color:var(--color-gray)}
ul.social-icon li a:hover{background:var(--color-primary)!important;color:var(--color-white)!important}
ul.social-icon.color-tertiary li a{color:var(--color-tertiary)}
ul.social-icon.color-tertiary li a:hover{color:var(--color-white)}
ul.social-icon.md-size li a{width:40px;height:40px;line-height:40px}
ul.social-icon.icon-rounded-transparent li a{background:transparent;border:1px solid var(--color-lighter)}
ul.social-icon.icon-rounded-transparent li a:hover{color:var(--color-white);background-color:var(--color-primary);border-color:var(--color-primary)}
ul.social-icon.color-white li a{background:#fff;color:#050505}
ul.social-icon.color-white li a:hover{color:var(--color-white);background-color:var(--color-primary)}

/*---------------------
 * Social With Text
-----------------------*/
.sala-social-wrapper{padding:35px 50px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sala-social-wrapper{padding:35px 30px}
}
@media only screen and (max-width: 767px) {
.sala-social-wrapper{padding:35px 30px}
}
@media only screen and (max-width: 575px) {
.sala-social-wrapper{padding:28px 15px}
}
ul.social-with-text{margin:-5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
@media only screen and (min-width: 768px) and (max-width: 991px) {
ul.social-with-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
}
@media only screen and (max-width: 767px) {
ul.social-with-text{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
}
ul.social-with-text li{margin:5px}
ul.social-with-text li a i{width:50px;height:50px;line-height:50px;border-radius:100%;background:var(--color-lightest);display:inline-block;text-align:center;color:var(--color-body);margin-right:18px;font-size:var(--font-size-b1)}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
ul.social-with-text li a i{margin-right:12px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
ul.social-with-text li a i{margin-right:12px}
}
@media only screen and (max-width: 767px) {
ul.social-with-text li a i{margin-right:8px;width:40px;height:40px;line-height:40px}
}
ul.social-with-text li a span{font-weight:var(--p-medium);font-size:var(--font-size-b1);line-height:20px;display:inline-block}
ul.social-with-text li:hover a i{background:var(--color-primary);color:var(--color-white)}
ul.social-share-transparent{margin:0 -5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
ul.social-share-transparent li{margin:0 10px}
ul.social-share-transparent li a{color:var(--color-extra02);font-size:var(--font-size-b0);line-height:var(--line-height-b1);display:block}
ul.social-share-transparent li a:hover{color:var(--color-primary)!important}
ul.size-md li a{font-size:16px;line-height:22px}

/*---------------------
 * Slick Style
-----------------------*/
.slick-initialized .slick-slide{margin-bottom:0}
.slider-style-1 .slider-activation{position:relative}
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow{position:absolute;left:105px;bottom:43px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow{left:0}
}
@media only screen and (max-width: 767px) {
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow{left:0;bottom:0}
}
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow.next-arrow{left:175px}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow.next-arrow{left:59px}
}
@media only screen and (max-width: 767px) {
.slider-style-1 .slider-activation.sala-slick-arrow .slide-arrow.next-arrow{left:75px}
}
.sala-slick-arrow .slide-arrow{border:0 none;width:auto;outline:none;width:50px;height:50px;background:transparent;border:1px solid var(--color-midgray);border-radius:100%;z-index:2}
.sala-slick-arrow .slide-arrow i{color:var(--color-gray)}
.sala-slick-arrow .slide-arrow:hover{background:var(--color-white);-webkit-box-shadow:var(--shadow-primary);box-shadow:var(--shadow-primary);border:1px solid var(--color-white)}
.sala-slick-arrow .slide-arrow:hover i{color:var(--color-primary)}
.arrow-between-side .slide-arrow{position:absolute;left:-12px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0}
.arrow-between-side .slide-arrow.next-arrow{left:auto;right:-12px}
.arrow-between-side:hover .slide-arrow{opacity:1;left:-8px}
@media only screen and (max-width: 767px) {
.arrow-between-side:hover .slide-arrow{left:14px}
}
.arrow-between-side:hover .slide-arrow.next-arrow{left:auto;right:-8px}
@media only screen and (max-width: 767px) {
.arrow-between-side:hover .slide-arrow.next-arrow{right:14px}
}
.post-gallery-activation.sala-slick-arrow .slide-arrow{background:#fff;border:1px solid #fff}
.post-gallery-activation.arrow-between-side .slide-arrow{left:10px}
.post-gallery-activation.arrow-between-side .slide-arrow.next-arrow{left:auto;right:10px}
.post-gallery-activation.arrow-between-side:hover .slide-arrow{left:30px}
.post-gallery-activation.arrow-between-side:hover .slide-arrow.next-arrow{left:auto;right:30px}
.post-list-view .post-gallery-activation.sala-slick-arrow .slide-arrow{background:#fff;border:1px solid #fff;width:30px;height:30px;font-size:14px}
.slick-initialized .slick-slide{outline:none}

/*---------------------
 * Breadcrumb Styles
-----------------------*/
.breadcrumb-style-1 {padding: 40px 0}
.breadcrumb-style-1 .page-title {margin-bottom: 0}

/*---------------------
 * Switcher Styles
-----------------------*/
.my_switcher{position:relative;margin-left:10px;text-align:right;display:inline-block;z-index:1035}
.my_switcher ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.my_switcher ul li a{position:relative;font-family:var(--font-primary);font-size:1.4rem;line-height:2.2rem;color:var(--color-lightest);font-weight:600;text-transform:uppercase;display:block;border:2px solid var(--color-lightest);padding:5px 13px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.my_switcher ul li a.active{color:var(--color-primary);background:var(--color-lightest);border-color:var(--color-lightest)}
.my_switcher ul li:first-child a{border-right-width:1px;border-radius:100px 0 0 100px;padding-left:15px}
.my_switcher ul li:last-child a{border-left-width:1px;border-radius:0 100px 100px 0;padding-right:15px}

/*---------------------
 * Scroll up, top
-----------------------*/
#scrollUp{width:70px;height:80px;right:100px;bottom:60px;text-align:center;z-index:9811!important;text-decoration:none;background:#fff;line-height:80px;color:#757589;font-size:15px;font-weight:400;display:inline-block;background:#fff}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#scrollUp{right:20px;bottom:40px}
}
@media only screen and (max-width: 767px) {
#scrollUp{right:20px;bottom:40px}
}
#scrollUp::before{width:100%;height:100%;left:0;bottom:0;background:rgba(0,2,72,0.1);content:"";position:absolute;z-index:-1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg);-webkit-filter:blur(50px);filter:blur(50px)}
#scrollUp::after{background:#fff;position:absolute;content:"";top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg)}
@media only screen and (max-width: 767px) {
#scrollUp{right:20px;bottom:30px;width:50px;height:60px;line-height:60px}
}
#scrollUp span.text{position:relative;display:inline-block;margin-top:7px}
@media only screen and (max-width: 767px) {
#scrollUp span.text{margin-top:3px}
}
#scrollUp span.text::after{width:0;height:0;border-style:solid;border-width:0 5px 7px;border-color:transparent transparent var(--color-primary);position:absolute;content:"";left:50%;top:21%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
#scrollUp:hover span.text{color:var(--color-primary)}

#backto-top{display:inline-block;background-color:var(--color-primary);width:50px;height:50px;text-align:center;border-radius:100%;position:fixed;bottom:70px;right:20px;-webkit-transition:background-color 0.3s,opacity 0.5s,visibility .5s;-o-transition:background-color 0.3s,opacity 0.5s,visibility .5s;transition:background-color 0.3s,opacity 0.5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;cursor:pointer}
#backto-top::after{content:"\f106";font-style:normal;color:#fff;font-family:var(--font-awesome);font-weight:400;font-size:26px;line-height:48px}
#backto-top.show{opacity:1;visibility:visible}

/*---------------------
 * Tooltip css
-----------------------*/
[data-tooltip],.tooltip{position:relative;cursor:pointer}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after{position:absolute;visibility:hidden;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-moz-transition:opacity .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(0.71,1.7,0.77,1.24);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);pointer-events:none}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after{visibility:visible;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}
.tooltip:before,[data-tooltip]:before{z-index:1001;border:6px solid transparent;background:transparent;content:""}
.tooltip:after,[data-tooltip]:after{z-index:1000;padding:8px;width:160px;background-color:#000;background-color:hsla(0,0%,20%,0.9);color:#fff;content:attr(data-tooltip);font-size:14px;line-height:1.2}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after{bottom:100%;left:50%}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before{margin-left:-6px;margin-bottom:-12px;border-top-color:#000;border-top-color:hsla(0,0%,20%,0.9)}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after{margin-left:-80px}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after{-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);transform:translateY(-12px)}
.tooltip-left:before,.tooltip-left:after{right:100%;bottom:50%;left:auto}
.tooltip-left:before{margin-left:0;margin-right:-12px;margin-bottom:0;border-top-color:transparent;border-left-color:#000;border-left-color:hsla(0,0%,20%,0.9)}
.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after{-webkit-transform:translateX(-12px);-moz-transform:translateX(-12px);transform:translateX(-12px)}
.tooltip-bottom:before,.tooltip-bottom:after{top:100%;bottom:auto;left:50%}
.tooltip-bottom:before{margin-top:-12px;margin-bottom:0;border-top-color:transparent;border-bottom-color:#000;border-bottom-color:hsla(0,0%,20%,0.9)}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after{-webkit-transform:translateY(12px);-moz-transform:translateY(12px);transform:translateY(12px)}
.tooltip-right:before,.tooltip-right:after{bottom:50%;left:100%}
.tooltip-right:before{margin-bottom:0;margin-left:-12px;border-top-color:transparent;border-right-color:#000;border-right-color:hsla(0,0%,20%,0.9)}
.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after{-webkit-transform:translateX(12px);-moz-transform:translateX(12px);transform:translateX(12px)}
.tooltip-left:before,.tooltip-right:before{top:3px}
.tooltip-left:after,.tooltip-right:after{margin-left:0;margin-bottom:-16px}

/*---------------------
 * Hot minutes
-----------------------*/
.article-box .article-time{ color:var(--color-primary);  line-height:var(--line-height-b0)}
.article-box-timeline{ border-left:3px solid var(--color-primary);  padding-left:14px}
.article-box-timeline .article-time{ background:var(--color-white) none repeat scroll 0 0;  display:block;  float:left;  font-weight:700;  margin:-22px 0 5px -9px;  padding:0 10px}
.article-box-timeline .article-head-title{ display:block;  margin-left:-5px}
.article-box-timeline .article-item{ border-top:1px solid var(--color-light);  display:block;  padding:5px 0 15px;  position:relative}
@media (min-width:320px) and (max-width:767px){.article-box-timeline .article-item{ display:none}
.article-box-timeline .article-item.article-item-1, .article-box-timeline .article-item.article-item-2, .article-box-timeline .article-item.article-item-3, .article-box-timeline .article-item.article-item-4, .article-box-timeline .article-item.article-item-5{ display:block}
}
.article-box-timeline .article-item .timeline-dot{ background:var(--color-white) none repeat scroll 0 0;  border:2px solid var(--color-lightest);  border-radius:6px;  height:13px;  left:-23px;  position:absolute;  top:-9px;  width:13px}
.article-box-timeline .article-item .timeline-dot .timeline-dot-inner{ background:var(--color-white) none repeat scroll 0 0;  border:2px solid var(--color-primary);  border-radius:8px;  height:12px;  position:absolute;  width:12px}
.article-box-timeline .article-item .article-title{ color:var(--color-tertiary);  font-size:var(--font-size-b0);  font-weight:700;  margin-bottom:5px}
.article-box-timeline .article-item .article-perex{ font-size:var(--font-size-b0);  line-height:var(--line-height-b0);  font-weight:var(--p-regular);  margin-bottom:15px}
.article-box-timeline .article-item .article-perex a{ color:var(--color-primary)}
.article-box-timeline .article-item .article-image{ margin-bottom:10px}
@media (min-width:768px) and (max-width:1023px){.article-box-timeline .article-item .article-image{ float:left}
}
.article-box-timeline .article-item .article-image img{ width:100%}
@media (min-width:480px) and (max-width:1023px){.article-box-timeline .article-item.article-item-imaged{ min-height:144px;  padding-left:240px}
}
@media (min-width:480px) and (max-width:1023px){.article-box-timeline .article-item.article-item-imaged .article-image{ left:0;  position:absolute;  top:0;  width:220px}
}
.article-box-timeline .article-item.article-item-first{ margin-top:13px;  padding-top:0}
.article-box-timeline .article-item.article-item-first .timeline-dot{ top:-7px}
.article-box-timeline .article-item.article-item-first .article-time{ margin-top:-8px}
.tiny-clear{ clear:both;  display:block;  width:auto}

/*---------------------
 * 404
-----------------------*/
.bg_image--4{background-position:bottom center}
.bg_image--4 {background-image: url(../images/404.jpg)}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bg_image--4{background-position:26% 33%}
}
@media only screen and (max-width: 767px) {
.bg_image--4{background-position:26% 33%}
}
.error-area{height:856px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.error-area{height:auto;padding:150px 0}
}
@media only screen and (max-width: 767px) {
.error-area{height:auto;padding:100px 0}
}
.error-area .inner img{margin-bottom:40px}
.error-area .inner .title{margin-bottom:20px}
.error-area .inner p{margin-bottom:30px}

/*---------------------
 * Transition, radius
-----------------------*/
.copyright-area .mainmenu li a,.comment-list .comment .reply-edit a.comment-reply-link,.tagcloud a,.about-author .media-body .author-info .title a,.sala-post-details .social-share-block .post-like a i,.sala-single-widget .tagcloud a,.sala-single-widget.widget_categories ul li.cat-item .inner .content .title,.post-meta .post-author-name a,.post-content .post-cat .post-cat-list a,.content-block.post-list-view .post-content,.content-block.post-grid.post-grid-transparent .post-grid-content .post-content .post-cat .post-cat-list a,.content-block.content-direction-column,.popup-mobilemenu-area .mainmenu .menu-item-has-children > a::after,.popup-mobilemenu-area .inner .buy-now-btn a,.mainmenu-nav ul.mainmenu > li.megamenu-wrapper .megamenu-sub-menu,.mainmenu-nav ul.mainmenu > li.menu-item-has-children .sala-submenu li a,.mainmenu-nav ul.mainmenu > li.menu-item-has-children .sala-submenu,.mainmenu-nav ul.mainmenu > li > a::after,.mainmenu-nav ul.mainmenu > li > a,.hamburger-menu .hamburger-inner .icon,.metabar-block li.icon a,.arrow-between-side .slide-arrow,ul.social-share-transparent li a,ul.social-with-text li a span,ul.social-with-text li a i,ul.social-icon li a,a.sala-button,button.sala-button,a.sala-link-button,input[type=submit],.form-group textarea,.form-group input,#scrollUp,ul li a,ol li a{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}
.sala-single-widget.widget_categories ul li.cat-item .inner,.sala-single-widget,.content-block.post-medium .post-thumbnail a img,.content-block.post-medium .post-thumbnail,.content-block.post-list-view .post-content,.content-block.post-list-view .post-thumbnail a img,.content-block.post-list-view .post-thumbnail,.content-block.post-grid .post-grid-content .post-content,.content-block.post-grid .post-thumbnail a img,.content-block.trend-post .post-thumbnail img,.content-block.image-rounded .post-thumbnail img,.content-block.image-rounded .post-thumbnail,.list-categories .single-cat .inner::before,.list-categories .single-cat .thumbnail img,.post-scale,.radius{border-radius:var(--radius)}

/*---------------------
 * Search, result
-----------------------*/
/*category search*/
.flex-container{ padding:0;  margin:0;  list-style:none;  -ms-box-orient:horizontal;  display:-webkit-box;  display:-moz-box;  display:-ms-flexbox;  display:-moz-flex;  display:-webkit-flex;  display:flex}
.nowrap{ -webkit-flex-wrap:nowrap;  flex-wrap:nowrap}
.wrap{ -webkit-flex-wrap:wrap;  flex-wrap:wrap}
.wrap-reverse{ -webkit-flex-wrap:wrap-reverse;  flex-wrap:wrap-reverse}
.flex-item{}

.search_result{clear:both;display:block;margin-bottom:40px;overflow:hidden;}
.search_result:last-child{margin-bottom:0px;}
.search_result:hover{background-color:var(--color-lightest);padding:10px;}
.search_result h5{clear:both;display:block;color:var(--color-tertiary);font-size: var(--h4);font-weight:600;margin-bottom:5px;}
.search_result p{clear:both;display:block;font-size: var(--font-size-b1);line-height: var(--line-height-b2);font-weight: var(--p-regular);color: var(--color-body);}
.search_result p.link{color:var(--color-secondary);}

/*---------------------
 * Sitemap
-----------------------*/
ul.sitemap{list-style: none;margin-top: 0;margin-bottom: 0;padding: 0;display: inline-grid;grid-template-columns: repeat(6, 1fr);}
ul.sitemap li{padding: 10px;}
@media only screen and (max-width: 767px) {
ul.sitemap{display: contents;}
}
@media only screen and (min-width: 768px) and (max-width: 1249px) {
ul.sitemap{display: inline-grid;grid-template-columns: repeat(3, 1fr);}
}
@media only screen and (min-width: 1250px) and (max-width: 1490px) {
ul.sitemap{display: inline-grid;grid-template-columns: repeat(5, 1fr);}
}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}



/* ================================================
/* ================================================
    Footer style CSS
===================================================
==================================================*/

.sala-footer-style-1{padding:40px 60px}
.sala-footer-style-1 .footer-top .inner{padding-bottom:20px;border-bottom:1px solid var(--color-lighter);margin-bottom:20px}
@media only screen and (max-width: 479px) {
.sala-footer-style-1 .footer-top .inner .follow-title{margin-bottom:10px!important}
}
.copyright-area .mainmenu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.copyright-area .mainmenu li{margin:0 18px}
.copyright-area .mainmenu li a{color:var(--color-midgray);font-size:16px;line-height:22px;display:block}
.copyright-area .mainmenu li a.hover-flip-item-wrapper span::before{color:var(--color-midgray)}
.copyright-area .mainmenu li a.hover-flip-item-wrapper span::after{color:var(--color-primary)}
.copyright-area .copyright-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.copyright-area .copyright-left .logo{margin-right:53px}
.copyright-area .copyright-left .logo img{max-height:50px}
@media only screen and (max-width: 767px) {
.copyright-area .copyright-left .logo{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:20px}
.footer-widget, .footer-top, .copyright-area .copyright-right p{text-align:center}
.copyright-area{padding-bottom:50px}
.copyright-area .mainmenu, ul.social-icon, h5.follow-title{margin: auto;}
.footer-mainmenu {padding-bottom: 30px!important;padding-top: 0px!important;}
}
.copyright-area .copyright-right p{color:var(--color-midgray)}
.copyright-area ul.mainmenu{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:-10px}
.copyright-area ul.mainmenu li{margin-bottom:10px}
@media only screen and (max-width: 767px) {
.copyright-area ul.mainmenu li{margin:0 5px}
}
.copyright-area ul.mainmenu li:first-child{margin-left:0}
.copyright-area ul.mainmenu li a{height:auto;line-height:initial}
.copyright-area ul.mainmenu li a::after{display:none}
.footer-mainmenu{padding-bottom:80px;padding-top:20px}
.footer-mainmenu .footer-widget .title{font-size:18px;line-height:22px;color:#050505}
.footer-mainmenu .footer-widget ul.ft-menu-list li{margin-top:5px;margin-bottom:5px}
.footer-mainmenu .footer-widget ul.ft-menu-list li a{color:#000;font-size:16px;line-height:30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.footer-mainmenu .footer-widget ul.ft-menu-list li a:hover{color:var(--color-primary)!important}
.sala-footer-style-1.footer-variation-2 .footer-widget{margin-top:40px}
.sala-footer-style-1.footer-variation-2 .logo img{max-height:55px}
.sala-footer-style-1.footer-variation-2 .logo img.white-logo{display:none}
.sala-footer-style-1.footer-variation-2 .footer-top{padding-bottom:20px;margin-bottom:20px;padding-top:30px;position:relative}
.sala-footer-style-1.footer-variation-2 .footer-top::before{position:absolute;content:"";background:var(--color-lighter);height:1px;margin:0 auto;left:0;right:0;top:0}
.sala-footer-style-1.footer-variation-2 .footer-top::after{position:absolute;content:"";background:var(--color-lighter);height:1px;margin:0 auto;left:0;right:0;bottom:0}
.sala-footer-style-1.footer-variation-three .logo img{max-height:37px}
.sala-footer-style-1.footer-variation-three .footer-top{padding-bottom:30px;margin-bottom:20px;position:relative}
.sala-footer-style-1.footer-variation-three .footer-top::after{position:absolute;content:"";background:#333;max-width:1230px;height:1px;margin:0 auto;left:0;right:0;bottom:0}
.sala-footer-style-1.footer-variation-three ul.social-icon li a{background:#333;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.sala-footer-style-1.footer-variation-three ul.social-icon li a:hover{background:var(--color-primary);color:#fff}
.sala-footer-style-1.footer-variation-three .logo img.dark-logo{display:none}
.copyright-area .copyright-left .logo img.dark-logo{display:block}
.copyright-area .copyright-left .logo img.light-logo{display:none}





/* ================================================
/* ================================================
/* ================================================
/* ================================================
/* ================================================
    Dark theme style CSS
===================================================
===================================================
===================================================
===================================================
==================================================*/

body.active-dark-mode{ color:#fff;  background:#212121}
body.active-dark-mode .sala-header{ background:#1A1A1A}
body.active-dark-mode .bg-color-grey{ background:#212121}
body.active-dark-mode .bg-color-white{ background:#1A1A1A}
body.active-dark-mode .bg-color-extra03{ background:#1A1A1A}
body.active-dark-mode h1, 
body.active-dark-mode h2, 
body.active-dark-mode h3, 
body.active-dark-mode h4, 
body.active-dark-mode h5, 
body.active-dark-mode h6{ color:#fff}
body.active-dark-mode a{ color:#fff}
body.active-dark-mode ul.social-with-text li a i{ background:#212121;  color:#878787}
body.active-dark-mode ul.social-with-text li a span{ color:#fff}
body.active-dark-mode ul.social-icon li a{ background:#333;  color:#65676B}
body.active-dark-mode p{ color:#c7c5c5}
body.active-dark-mode figure figcaption{ color:#c7c5c5}
body.active-dark-mode .form-group input{ background-color:#242424;  color:#fff}
body.active-dark-mode .form-group select{ background-color:#242424;  color:#fff}
body.active-dark-mode ul li{ color:#878787}
body.active-dark-mode .sala-header.header-style-3 .header-top .social-share-transparent li a{ color:#878787}
body.active-dark-mode .btn-app-hero{ color:#65676B;  background:#333}
body.active-dark-mode .btn-app-hero:focus, body.active-dark-mode .btn-app-hero:hover{ background:var(--color-primary);  color:var(--color-white)}

/*--------------------
 Header Area  
----------------------*/
body.active-dark-mode .sala-search.form-group input{ background:#242424;  color:var(--color-white)}
body.active-dark-mode button.search-button i{ color:var(--color-white)}
body.active-dark-mode .mainmenu-nav ul.mainmenu >li >a{ color:#9F9F9F}
body.active-dark-mode .mainmenu-nav ul.mainmenu >li:hover >a{ color:var(--color-primary)}
body.active-dark-mode .metabar-block li.icon a{ background:#242424;  color:var(--color-white)}
body.active-dark-mode .sala-header .logo a img.light-logo{ display:inline-block}
body.active-dark-mode .sala-header .logo a img.dark-logo{ display:none}
body.active-dark-mode .canvas-header-box .logo a img.light-logo{ display:inline-block}
body.active-dark-mode .canvas-header-box .logo a img.dark-logo{ display:none}
body.active-dark-mode .header-top {background: #212121;}
body.active-dark-mode .header-top .header-top-nav li a {color: #9F9F9F;}
body.active-dark-mode .sala-header.header-style-6 .metabar-block li.icon a {color: #ffffff;}

/*------------------------
    Post Content  
-------------------------*/
body.active-dark-mode .content-block.post-horizontal{  border-color:#1A1A1A}
body.active-dark-mode .content-block.content-direction-column.is-active{  background:#1A1A1A}
body.active-dark-mode .content-block .post-meta .hover-flip-item span::before{  color:#fff}
body.active-dark-mode ul.post-meta-list li{  color:#878787}
body.active-dark-mode ul.sala-tab-button .nav-item a.nav-link{  color:#65676B;   background:transparent;   border:1px solid #050505}
body.active-dark-mode ul.sala-tab-button .nav-item a.nav-link.active{  border:1px solid #050505;   color:#878787;   background:#050505}
body.active-dark-mode .content-block.modern-post-style{  background:#212121}
body.active-dark-mode .content-block.post-order-list .post-inner .post-order-list{  color:#fff}
body.active-dark-mode ul.social-share-transparent li a{  color:#65676B}
body.active-dark-mode .content-block.trend-post{  border-bottom:1px solid #212121}
body.active-dark-mode .content-block.post-grid .post-grid-content .post-content{  background:#1A1A1A}
body.active-dark-mode .content-block.post-list-view .post-content{  border:1px solid #050505}
body.active-dark-mode .content-block.post-list-view.is-active .post-content, 
body.active-dark-mode .content-block.post-list-view:hover .post-content{  background:#212121;   border:1px solid #212121}
body.active-dark-mode .content-block.modern-post-style .post-thumbnail::before{  background:url(../images/shape-02.png)}

/*-----------------------
    Blog Details  
-----------------------*/
body.active-dark-mode .sala-single-widget .tagcloud a{ border:1px solid #878787;  color:var(--color-white)}
body.active-dark-mode .sala-single-widget select{ border:1px solid #050505}
body.active-dark-mode .about-author .media-body .author-info .title a .hover-flip-item span::before, 
body.active-dark-mode .comment-list .comment .commenter a .hover-flip-item span::before, 
body.active-dark-mode .comment-list .comment .reply-edit a.comment-reply-link .hover-flip-item span::before{ color:#fff}
body.active-dark-mode .comment-list .comment .comment-text p{ color:#c7c5c5}
body.active-dark-mode dl a, body.active-dark-mode dt{ background:#050505;  color:#65676B}
body.active-dark-mode dt:hover{color:var(--color-white)}
body.active-dark-mode .lightGallery-white-theme .lg-backdrop {background-color:#050505;}
body.active-dark-mode .lg-outer .lg-content button {background:#212121;}
body.active-dark-mode .lightGallery-white-theme .lg-outer .lg-thumb-outer {background-color: #050505;}
body.active-dark-mode .banner-single-post.post-formate .content-block .post-content .post-meta-wrapper{ border-color:#333}
body.active-dark-mode .sala-single-widget .widget-title{ border-color:#333}
body.active-dark-mode .tagcloud a{ border-color:#050505}
body.active-dark-mode .tagcloud a:hover{ border-color:var(--color-primary)}
body.active-dark-mode .sala-post-details .social-share-block .post-like a i{ border-color:#050505}
body.active-dark-mode .sala-post-details .social-share-block .post-like a i:hover{ border-color:var(--color-primary)}
body.active-dark-mode ul.social-icon.icon-rounded-transparent li a{ border-color:#050505;  background:#050505}
body.active-dark-mode ul.social-icon.icon-rounded-transparent li a:hover{ border-color:var(--color-primary);  background:var(--color-primary)}
body.active-dark-mode .sala-post-details .social-share-block{ border-color:#050505}
body.active-dark-mode .sala-total-comment-post{ border-color:#050505}
body.active-dark-mode .about-author{ border-color:#050505}
body.active-dark-mode .form-group textarea{ background-color:#242424}
body.active-dark-mode input[type=checkbox] ~ label::before, 
body.active-dark-mode input[type=radio] ~ label::before{ background-color:#050505;  border-color:#050505}
body.active-dark-mode .sala-header{ -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);  box-shadow:0 2px 6px 0 rgba(0,0,0,0.2)}
body.active-dark-mode .content-block.sticky{ background:#050505}
body.active-dark-mode a.video-popup.position-top-center, 
body.active-dark-mode button.video-popup.position-top-center{ background:#050505}
body.active-dark-mode .post-list-view .post-gallery-activation.sala-slick-arrow .slide-arrow{ background:#050505;  border:1px solid #050505}
body.active-dark-mode .post-list-view .post-gallery-activation.sala-slick-arrow .slide-arrow:hover{ background:var(--color-primary);  border:1px solid var(--color-primary)}
body.active-dark-mode .instagram-post-list .single-post a .instagram-button{ background:#050505}
body.active-dark-mode .instagram-post-list .single-post a .instagram-button:hover{ background:var(--color-primary)}
body.active-dark-mode .maintanence-area .content .logo a img.dark-logo{ display:none}
body.active-dark-mode .maintanence-area .content .logo a img.light-logo{ display:block}
body.active-dark-mode .maintanence-area .content .subscription-form .form-group input{ background:#333}
body.active-dark-mode a.video-popup::before, 
body.active-dark-mode button.video-popup::before{ border-left-color:#fff}
body.active-dark-mode .popup-mobilemenu-area .inner{ background:#111}
body.active-dark-mode .popup-mobilemenu-area .inner .mobile-menu-top{ border-color:#333}
body.active-dark-mode .popup-mobilemenu-area .mainmenu >li{ border-color:#333}
body.active-dark-mode .popup-mobilemenu-area .mainmenu >li a{ color:#969696}
body.active-dark-mode .popup-mobilemenu-area .inner .mobile-menu-top .mobile-close i{ color:#fff}
body.active-dark-mode .popup-mobilemenu-area .inner .mobile-menu-top .logo a img.light-logo{ display:inline-block}
body.active-dark-mode .popup-mobilemenu-area .inner .mobile-menu-top .logo a img.dark-logo{ display:none}
body.active-dark-mode .sala-footer-style-1 .footer-top .inner{ border-bottom-color:#333}
@media only screen and (max-width:575px){ body.active-dark-mode .sala-header .header-search .header-search-form .sala-search.form-group .search-button{ background:#242424}
 body.active-dark-mode .sala-header .header-search .header-search-form .sala-search.form-group .search-button i{ color:#fff}
 body.active-dark-mode .hamburger-menu .hamburger-inner .icon{ background:#242424;  color:#fff}
}
.bg-color-black h1, 
.bg-color-black h2, 
.bg-color-black h3, 
.bg-color-black h4, 
.bg-color-black h5, 
.bg-color-black h6, 
.bg-color-black .h1, 
.bg-color-black .h2, 
.bg-color-black .h3, 
.bg-color-black .h4, 
.bg-color-black .h5, 
.bg-color-black .h6{ color:var(--color-white)}
.bg-color-black ul.post-meta-list li{ color:var(--color-midgray)}
.bg-color-black ul.social-share-transparent li a{ color:var(--color-midgray)}
.bg-color-black ul.social-share-transparent li a:hover{ color:var(--color-primary)}
.bg-color-black .content-block .post-meta .hover-flip-item span::before{ color:var(--color-white)}
.bg-color-black .content-block .post-meta .hover-flip-item span::after{ color:var(--color-primary)}

/*-------------------
    BLog Sidebar  
--------------------*/
body.active-dark-mode .sala-single-widget{ background:#181818}
body.active-dark-mode .sala-single-widget.widget_categories ul li.cat-item .inner{ background:#050505}
body.active-dark-mode .sala-single-widget.widget_categories ul li.cat-item .inner .content .title{ color:#878787}
body.active-dark-mode .sala-single-widget.widget_categories{background:transparent !important; }

/*-------------------------
    Slick Slider   
--------------------------*/
body.active-dark-mode .sala-slick-arrow .slide-arrow{ background:#050505;  border:1px solid #050505}
body.active-dark-mode .sala-slick-arrow .slide-arrow i{ color:#878787}
body.active-dark-mode .sala-slick-arrow .slide-arrow:hover{ background:#050505;  border:1px solid #050505;  color:var(--color-primary)}
body.active-dark-mode .slider-activation.sala-slick-arrow .slide-arrow{ background:transparent;  border:1px solid #050505}
body.active-dark-mode .slider-activation.sala-slick-arrow .slide-arrow:hover{ background:#050505;  border:1px solid #050505}
body.active-dark-mode .slider-activation.sala-slick-arrow .slide-arrow i{ color:#fff}
body.active-dark-mode .slider-activation.sala-slick-arrow .slide-arrow:hover i{ color:var(--color-primary)}

/* Slider Style  */
body.active-dark-mode .sala-slide.slider-style-1 .content-block .post-content{ background:#1A1A1A}
body.active-dark-mode .sala-header.header-style-6 .header-bottom{ background:#1A1A1A}
body.active-dark-mode .nov-megamenu .menu>li.group.group-full>.dropdown-menu{ background:#1A1A1A}
body.active-dark-mode .nov-megamenu .menu>li>.dropdown-menu>ul{ background:#1A1A1A}
body.active-dark-mode .nov-megamenu .menu>li.group>.dropdown-menu, body.active-dark-mode #stickymenu_bottom_mobile{ background:#1A1A1A;  border-top:1px solid #000}
body.active-dark-mode .nov-megamenu .menu>li>a, body.active-dark-mode .nov-megamenu .menu>li .menu-title, body.active-dark-mode .nov-megamenu .menu>li.group>.dropdown-menu>ul li a, body.active-dark-mode #stickymenu_bottom_mobile .stickymenu-item i{ color:var(--color-white)}
body.active-dark-mode .canvas-menu #canvas-main-menu .mm-panel.mm-hasnavbar .mm-navbar a, body.active-dark-mode .mm-sronly{ color:var(--color-white)!important}
body.active-dark-mode .canvas-menu #canvas-main-menu .mm-navbar .mm-prev:before{ border-color:var(--color-white)}
body.active-dark-mode .canvas-menu #canvas-main-menu, body.active-dark-mode .canvas-menu .canvas-header-box{ background:#1A1A1A}

/*-------------------------
    Element style CSS
--------------------------*/
body.active-dark-mode .search_result:hover{background-color:var(--color-tertiary);padding:10px;}
body.active-dark-mode .search_result p.link{color:var(--color-gray);font-size:14px;}
body.active-dark-mode .tablepress tbody .even td{background:var(--color-body) no-repeat 0 15px;color:rgb(255,255,255);-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;cursor:pointer}
body.active-dark-mode .tablepress .row-hover .odd:hover td,.tablepress .row-hover .even:hover td{background-color:rgb(251,228,227);background-position:0 -60px;color:rgb(0,0,0)}
body.active-dark-mode .tablepress .row-hover .odd:hover td a,.tablepress .row-hover .even:hover td a,.tablepress tbody .action td a{color:rgb(0,0,0)}
body.active-dark-mode .tablepress tbody .action td{background:rgb(255,255,255) no-repeat 0 15px;color:rgb(0,0,0);-webkit-transition:background-color .2s ease,color .2s ease;-ms-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;cursor:default}
body.active-dark-mode .article-box-timeline .article-time{ background:none}
body.active-dark-mode .article-box-timeline .article-item{ border-top:1px solid var(--color-tertiary);  display:block;  padding:5px 0 15px;  position:relative}
body.active-dark-mode .article-box-timeline .article-item .article-title{ color:var(--color-white)}
body.active-dark-mode .article-box-timeline .article-item .timeline-dot .timeline-dot-inner{ background:var(--color-tertiary) none repeat scroll 0 0}
body.active-dark-mode .article-box-timeline .article-item .timeline-dot{ background:var(--color-tertiary) none repeat scroll 0 0;  border:2px solid var(--color-tertiary)}
body.active-dark-mode .pagination\:number {--size: 50px;margin: 0 8px;color:var(--color-white);border-radius:var(--radius-small);background:var(--color-body);max-width: auto;min-width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 6px; @media (hover: hover) {&:hover {background:var(--color-extra02);color:var(--color-white);}}&:active {background:var(--color-white);}}
body.active-dark-mode .pagination\:active {background:var(--color-white);color:var(--color-body);position: relative;}

/*-----------------------
    Footer Style  
-------------------------*/
body.active-dark-mode .sala-footer-style-1{ background:#111}
body.active-dark-mode .footer-mainmenu .footer-widget .title{ color:#FFF}
body.active-dark-mode .footer-mainmenu .footer-widget ul.ft-menu-list li a{ color:#878787}
body.active-dark-mode .sala-footer-style-1.footer-variation-2 .logo img.dark-logo{ display:none}
body.active-dark-mode .sala-footer-style-1.footer-variation-2 .logo img.white-logo{ display:block}
body.active-dark-mode .sala-footer-style-1.footer-variation-2 .footer-top::before, 
body.active-dark-mode .sala-footer-style-1.footer-variation-2 .footer-top::after{ background:#333}
body.active-dark-mode ul.social-with-text li:hover a i{background:var(--color-white); color:var(--color-tertiary)}
body.active-dark-mode .copyright-area .copyright-left .logo img.dark-logo{ display:none}
body.active-dark-mode .copyright-area .copyright-left .logo img.dark-logo{ display:none}
body.active-dark-mode .copyright-area .copyright-left .logo img.light-logo{ display:block}