/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 07 2022 | 06:19:05 */
/* GENERAL */
html, body, * {
    -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
     -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
     outline:0!important;
}

html, body {margin: 0;overflow-x:hidden!important;}

a, a:hover {transition:ease 200ms all!important;}
a, a:hover {text-decoration: none;}

header.page-header, section#comments {display: none;}
.html-overflow {overflow: hidden;}

html  {
font-size:17px!important;
}
@media (max-width:1024px) {
  html  {font-size:16.5px!important; }
}
@media (max-width:768px) {
  html  {font-size:16px!important;}
}

h1, h2, h3, h4, h5, h6, p {
   margin-block-start: 0!important;
   margin-block-end: 0!important;
   margin-inline-start: 0px!important;
   margin-inline-end: 0px!important;
}


p {line-height:1.6!important;}
.elementor-kit-12 .elementor-widget:not(:last-child) {margin-bottom: 0px;}
.elementor-kit-12 .ang-section-padding-initial.elementor-top-section {padding:0;}
.elementor-lightbox, .mfp-wrap {backdrop-filter: blur(10px);}
ul {list-style-type: none; margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;}


/* VAR */
:root {
--bradius: 14px;
--buttonradius: 30px;
--bsolid: 1px solid;
--bcolor: #ddd;
--bcoloractive: #ddd;
--bshadow: 0 8px 32px 0 rgba(0,0,0,.1);
}

.maxwidth {
   max-width:1000px;
}
.maxwidthhalf {
   max-width:500px;
}

.maxwidthimg {
   max-width:1200px;
}


::-webkit-scrollbar {
 width: 10px;
 height: 10px;
}
::-webkit-scrollbar-button {
 width: 0px;
 height: 0px;
}
::-webkit-scrollbar-thumb {
 background: #777;
 border-radius:4px;
-webkit-box-shadow:none!important;
}
::-webkit-scrollbar-thumb:hover {
 background: #000;
}
::-webkit-scrollbar-thumb:active {
 background: #000;
}
::-webkit-scrollbar-track {
 background: transparent;
 border-radius: 0px;
-webkit-box-shadow:none!important;
}
::-webkit-scrollbar-track:hover {
 background:transparent;
}
::-webkit-scrollbar-track:active {
 background:transparent;
}
::-webkit-scrollbar-corner {
 background: transparent;
}

@media (max-width:769px) {
::-webkit-scrollbar {
 width: 0px;
 height: 0px;
}
}

/* DESIGN GENERAL */

.boxshadow {
box-shadow: var( --bshadow );
}

.gradius {
 border-radius:0px!important;
}
.gborder {
 border: var( --bsolid );
 color: var( --e-global-color-text );
 border-color: var( --e-global-color-b5a438f );
}

.gborder:focus {
 border-color: var( --e-global-color-9eac3c9 );
}

.floatr {
 float:right!important;
}
.floatl {
   float:left!important;
}
.textc {
 text-align:center!important;
}

.textcm {
 text-align:center!important;
}
@media (max-width:500px) {
 .textcm {
 text-align:left!important;
}
}

.feat span {
   font-family: var(--e-global-typography-accent-font-family)!important;
   font-weight: var(--e-global-typography-accent-font-weight);
   font-style: var(--e-global-typography-accent-font-style);
   letter-spacing: -2px!important;
   transform: scale(1.1);
}

.dialog-type-lightbox, .mfp-wrap {
     z-index: 999999!important;
}

.elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i {
 background:transparent!important;
}
.elementor-form .elementor-button {
   font-family: var(--e-global-typography-primary-font-family)!important;
}

/*HOVER */

.animatehover .menu-item > a::before, .animatehover .elementor-button-wrapper > a::before , .animatehover .animatestep::before, .animatefilter .ee-filters li > a:before {
 content: "";
 position: absolute;
 width: 100%;
 height: 2px;
 bottom: 0;
 left: 0;
 background-color: var( --e-global-color-primary );
 visibility: hidden;
 transform: scaleX(0);
 transition: all 0.2s ease-in-out 0s;
 transform-origin: left;
}
.animatehover .menu-item > a:hover::before, .animatehover .elementor-button-wrapper > a:hover::before, .animatehover:hover .animatestep::before,  .animatefilter .ee-filters li:hover > a:before, .animatefilter .ee-filters li > a.ee--active:before {
 visibility: visible;
 transform: scaleX(1);
}

.animatefilter .ee-filters__item a {
   position:relative;
}


.animatehoverfull .animatestep::before {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 bottom: 0;
 left: 0;
 background-color: var( --e-global-color-primary );
 visibility: hidden;
 transform: scaleX(0);
 transition: all 0.2s ease-in-out 0s;
 transform-origin: left;
}
.animatehoverfull:hover .animatestep::before {
 visibility: visible;
 transform: scaleX(1);
}

#lighttheme .animatehover .menu-item > a::before { 
    background-color: #fff!important;
   opacity:1!important;
}

#lighttheme .ee-hamburger-inner, .ee-hamburger-inner::after, #lighttheme .ee-hamburger-inner::before {
   background: var( --e-global-color-a4f2ceb );
}


/* lightbox */

.mfp-iframe-scaler iframe, body:-webkit-full-page-media {
   background: transparent!important;
   box-shadow: none!Important;
}

.mfp-content video {
   min-width: 100%;
}




/* lighttheme  and darktheme */
#lighttheme .menu-icon__line, #ltext .menu-icon__line, #ltext .ee-hamburger-inner, #ltext .ee-hamburger-inner::after, #ltext .ee-hamburger-inner::before {
   background-color: #fff!important;
}
#lighttheme .elementor-nav-menu--main a, #ltext .elementor-nav-menu--main a {
   color: #fff;
}
#lighttheme .darktheme, #ltext .darktheme {
display:none;
}
#darktheme  .lighttheme, #dark .lighttheme {
 display:none;
}




#ltext .workcontent .content-1 *, #lighttheme .workcontent .content-1 * {
   color: #fff!important;
}
#ltext .workcontent .content-2, #lighttheme .workcontent .content-2 {
   color: #ddd!important;
}


#ltext .workcontent .contentbtn1 a, #lighttheme .workcontent .contentbtn1 a {
   background: #fff!important;
   border-color: #fff!important;
   color: var(--e-global-color-primary)!important;
}
#ltext .workcontent .contentbtn1:hover a, #lighttheme .workcontent .contentbtn1:hover a {
   color: #000!important;
}

#ltext .workcontent .contentbtn2  a, #lighttheme .workcontent .contentbtn2  a{
   color: #fff!important;
}
#ltext .workcontent .contentbtn2:hover a, #lighttheme .workcontent .contentbtn2:hover a{
   color: #f5f5f5!important;
}


/* ANIMATION HOVER */

.menulight li span, #lighttheme .mainmenu .menu-item:not(.startproject) > a, #ltext .mainmenu .menu-item:not(.startproject) > a, #lighttheme .maccount i:before, #ltext .maccount i:before {
 cursor: pointer;
   background: linear-gradient(#fff, #fff) left no-repeat, #c1c1c1;
 background-size: 0% 100%;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 transition: 300ms ease-in-out;
}
.menulight li:hover span, .menulight li .active span, #lighttheme .mainmenu .menu-item:not(.startproject):hover > a, #ltext .mainmenu .menu-item:not(.startproject):hover > a,  #lighttheme .maccount:hover i:before, #ltext .maccount:hover i:before {
 background-size: 100% 100%;
}


.menudark li span, .menudark .ee-filters li a, #dark .mainmenu .menu-item:not(.startproject) > a, #darktheme .mainmenu .menu-item:not(.startproject) > a, #darktheme .maccount i:before, #dark .maccount i:before {
 cursor: pointer;
  background: linear-gradient(#010410, #010410 ) left no-repeat, #909090;
 background-size: 0% 100%;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 transition: 300ms ease-in-out;
}
.menudark li:hover span, .menudark .ee-filters li:hover a, .menudark li .active span, .menudark .ee-filters li .ee--active, #dark .mainmenu .menu-item:not(.startproject):hover > a, #dark .mainmenu .menu-item:not(.startproject):hover > a, #darktheme .maccount:hover i:before, #dark .maccount:hover i:before {
 background-size: 100% 100%;
}



/* buttons */

.btnicon i:before {
   background: var(--e-global-color-secondary);
   padding: 7px 14px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon:hover i:before {
   color: var(--e-global-color-primary);
}

.btnicon2 i:before {
   background: var(--e-global-color-f9f74f8);
   padding: 7px 7px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon2:hover i:before {
   color: var(--e-global-color-primary);
}

.btnicon3 i:before {
   background: var(--e-global-color-text);
   padding: 7px 7px;
   border-radius: var(--bradius);
   margin-right: 10px;
   line-height: 1.2;
}
.btnicon3:hover i:before {
   color: var(--e-global-color-primary222);
}


.btniconmenu i:before {
  background: rgb(183 185 187 / 8%);
   padding: 10px;
   border-radius: 50%;
   line-height: 1.2;
   transition: 200ms ease all;
}
.btniconmenu:hover i:before {
   transition: 200ms ease all;
}

#darktheme .btniconmenu i:before, #dark .btniconmenu i:before {
    color: #c1c1c1;
}
#darktheme .btniconmenu:hover i:before, #dark .btniconmenu:hover i:before {
    color: #010410;
}

#lighttheme .btniconmenu i:before, #ltext .btniconmenu i:before {
   color: #c1c1c1;
}
#lighttheme .btniconmenu:hover i:before, #ltext .btniconmenu:hover i:before {
   color: #fff;
}


/* popup */

.dialog-close-button {
   font-size: 1.5rem;
   padding: 12px;
   border-radius: 50%;
   background: var(--e-global-color-primary);
   color: #fff;
   
}

.dialog-close-button:hover {
   background: var(--e-global-color-primary);
   color: var(--e-global-color-secondary);
}


/* form */

input[type=text]:read-only {
 background-color: transparent!important;
}