/*** uncss> filename: css/style.css ***/
/* ================================================== */
/* import fonts */
/* ================================================== */

/* ================================================== */
/* import icons */
/* ================================================== */


@import url("../fonts/fontawesome6/css/fontawesome.css");
@import url("../fonts/fontawesome6/css/brands.css");
@import url("../fonts/fontawesome6/css/solid.css");
@import url("../fonts/elegant_font/HTML_CSS/style.css");
@import url("../fonts/et-line-font/style.css");
@import url("../fonts/icofont/icofont.min.css");


/* ================================================== */
/* variables */
/* ================================================== */
* {
  /* body font */
  --body-font: "Inter", Helvetica, Arial, sans-serif;
  --body-font-size: 16px;
  --body-font-color: #3d4a5c;
  --body-font-color-dark: rgba(255, 255, 255, .85);
  --body-font-weight: 400;
  /* heading font */
  --heading-font: "Urbanist", Helvetica, Arial, sans-serif;  
  --heading-font-weight: 600;
  --heading-font-color: #10244b;
  --heading-text-transform: none;
  /* h1 */
  --h1-font-size: 60px;
  --h1-font-weight: var(--heading-font-weight);
  --h1-letter-spacing: -0.027em;
  --h1-line-height: 1.15em;
  --h1-margin-bottom: 20px;
  /* h2 */
  --h2-font: var(--heading-font);
  --h2-font-size: 48px;
  --h2-font-weight: var(--heading-font-weight);
  --h2-letter-spacing: -0.025em;
  --h2-line-height: 1.2em;
  --h2-margin-bottom: 20px;
  /* h3 */
  --h3-font-size: 26px;
  --h3-font-weight: var(--heading-font-weight);
  --h3-letter-spacing: 0;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-size: 20px;
  --h4-font-weight: var(--heading-font-weight);
  --h4-letter-spacing: 0;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-size: 18px;
  --h5-font-weight: var(--heading-font-weight);
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-size: 16px;
  --h6-font-weight: var(--heading-font-weight);
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--body-font);
  --mainmenu-font-size: 15px;
  --mainmenu-font-weight: 600;
  --mainmenu-letter-spacing: 0;
  --mainmenu-text-transform: none;
  --mainmenu-item-padding: 35px 0;
  --mainmenu-item-padding-hover: 20px 0;
  /* header logo */
  --logo-width: 150px;
  --logo-footer-width: 150px;
  /* misc */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --bg-light: #F8F9FA;
  --bg-dark-1: #071630;
  --bg-dark-2: #071630;
  --bg-dark-3: #1e1e1e;  
  --bg-dark-1-rgb: 0, 10, 91;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 20px;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  /* button */
  --btn-color: #fff;
  --btn-hover-bg: var(--bg-dark-1);
  --btn-font-family: var(--body-font);
  --btn-font-size: 15px;
  --btn-font-weight: bold;
  --btn-letter-spacing: 0;
  --btn-padding: 6px 20px;
  --btn-rounded: 8px;
  --btn-text-decoration: none;
  --btn-text-transform: none;
}

/* base background color */
.bg-color{background: var(--primary-color)}
.bg-light{background: var(--bg-light) !important}
.bg-dark{background-color: var(--bg-dark-1) !important}
/* base color */
.id-color{color:var(--primary-color);text-shadow:0 0 .5px rgba(0,0,0,.5)}
.rounded-1{
  border-radius: var(--rounded-1) !important;
  -moz-border-radius: var(--rounded-1) !important;
  -webkit-border-radius: var(--rounded-1) !important;
}

/* ================================================== */
/* body */
/* ================================================== */

:root {
  scroll-behavior: auto !important;
}

html {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  scroll-behavior: auto;
}

body {
  overflow-x: hidden;
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);;
  color: var(--body-font-color);
  padding: 0;
  line-height: 1.9em;
  word-spacing: 0px;
}

a,
a:hover {
  color:var(--body-font-color);
  text-decoration: none;
  outline: none;
}

.text-light a,
.text-light a:hover {
  color:var(--body-font-color-dark);
  text-decoration: none;
  outline: none;
}


/* ================================================== */
/*  header  */
/* ================================================== */

header {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1001;
  background: var(--bg-dark-1);
  margin: 0;
}

header.transparent {
  background: none;
}

body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {
  background: rgba(255, 255, 255, 0.0);
}

header div#logo {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header .logo-scroll {
  display: none;
}

.scroll-down {
    margin-top: -90px;
}

header .logo-mobile {
  display: none;
}

div#logo img{
  max-width: var(--logo-width);
}

footer .logo-footer{
  max-width: 120px;
}

/* left col header */

/* middle col header */
/* subheader */

#subheader {
  overflow: hidden;
  position: relative;
  padding: 100px 0 120px 0;
}

#subheader h1{
  margin: 0;
}

.crumb {
  font-size: 13px;
}


.crumb {
  display: inline-block;
  padding: 3px 10px;
  margin-top: 20px;
  line-height: 1.2em;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}


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

#mainmenu {
  font-size: 13px;
  margin: 0 auto;
  padding: 0;
  float: none;
  counter-reset: my-awesome-counter;
}

#mainmenu ul {
  margin: 0px 0px;
  padding: 0px;
  height: 30px;
  background: #ffffff;
  color: var(--body-font-color);
}

#mainmenu li {
  margin: 0px 0px;
  padding: 0px 0px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
}

#mainmenu>li {
  margin-right: 30px;
}

#mainmenu>li:last-child{
  margin-right: 0;
}

#mainmenu>li {
  counter-increment: my-awesome-counter;
}
/*
#mainmenu>li::before {
  content: counter(my-awesome-counter) ' —';
  right: 8px;
  top: 5px;
  color:var(--secondary-color);
  margin-right: 5px;
  font-weight: 500;
  font-family: var(--heading-font);
}
*/

#mainmenu >li>a {  
  padding-right: 6px;  
  font-size: var(--mainmenu-font-size);
  font-weight: var(--mainmenu-font-weight);
  text-transform: var(--mainmenu-text-transform);
  letter-spacing: var(--mainmenu-letter-spacing);
}

#mainmenu a {
  position: relative;
  display: inline-block;
  padding: var(--mainmenu-item-padding);
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  outline: none;
}

#mainmenu > li > a{
  padding: var(--mainmenu-item-padding);
}

#mainmenu > li:active {
  background: #f8f8f8;
}

header #mainmenu > li:active > a {
  color: #000000;
}

header.header-light #mainmenu a {
  color: var(--heading-font-color);
}

.header-light {
  background: #ffffff;
}

.header-light #mainmenu>li>a {
  color: var(--heading-font-color);
}

#mainmenu li li {
  font-family: var(--body-font);
  font-size: 14px;
}

#mainmenu li li:last-child {
  border-bottom: none;
}

#mainmenu li li a {
  padding: 5px 15px;
  border-top: none;
  color: #606060;
  width: 100%;
  border-left: none;
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px rgba(255, 255, 255, .1);
  letter-spacing: 0;
}

#mainmenu li:last-child>a {
  border-bottom: none;
}

#mainmenu li li a:hover {
  color: #111;
}

#mainmenu li li a:after {
  content: none;
}

#mainmenu li li a:hover,
#mainmenu ul li:hover>a,
#mainmenu li li:hover {
  color: #fff;
  background: rgba(75, 69, 53, 0.12);
}

#mainmenu li ul {
  width: 190px;
  height: auto;
  position: absolute;
  left: 0px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
}

#mainmenu li li {
  font-size: 14px;
  display: block;
  float: none;
  text-transform: none;
}

#mainmenu li:hover>ul {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
}

/* menu toggle for mobile */

#menu-btn {
  display: none;
  float: right;
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  cursor: poInter;
  color: #fff;
  margin-top: 0px;
  margin-left: 20px;
}

#menu-btn:before {
  font-family: "Font Awesome 6 Free";font-weight:900;
  content: "\f0c9";
  font-size: 20px;
}


#btn-extra{
  position: relative;
  margin-left: 20px;
  width: 24px;
  height: 12px;
  cursor: pointer;
}

#btn-extra span{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: solid 2px #ffffff;
}

header.header-light #btn-extra span{
  border-bottom: solid 2px var(--heading-font-color);
}


#btn-extra span:nth-child(2){
  top:auto;
  bottom: 0;
  right: 0;
}

#btn-extra:hover span{
  width: 70%;
}

.header-light #btn-extra span{
  background: var(--bg-dark-1);
}

#extra-wrap{
  position: fixed;
  z-index: 1002;
  top:0;
  right: -500px;
  width: 500px;
  height: 100%;
  overflow: hidden;
  background: rgba(47,72,88, .75);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#extra-content{
  padding: 50px;
  color:#ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -17px;
  overflow-y: scroll;
}

#btn-close{
  top: 50px;
  right: 50px;
  position: absolute;
  z-index: 1001;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

#btn-close span{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #ffffff;
  transform: rotate(45deg);
}

#btn-close span:nth-child(2){
  transform: rotate(-45deg);
}

/* ================================================== */
/* content */
/* ================================================== */

#content {
  width: 100%;
  background: transparent;
  padding: 90px 0 90px 0;
  z-index: 100;
}

/* ================================================== */
/* section */
/* ================================================== */

section {
  padding: 120px 0 150px 0;
}

@media (min-width: 991px) and (max-width: 1400px){
  section{
    padding: 120px 0 40px 0;
  }
  /* aici poți adăuga alte reguli */

}

/* ================================================== */
/* footer */
/* ================================================== */

footer {
  color: var(--body-font-color-dark);
  background: var(--bg-dark-2);
  padding: 100px 0 0 0;
}

footer p {
  line-height: 1.8em;
}

footer a {
  color: var(--body-font-color-dark);
  text-decoration: none !important;
}

.subfooter {
  margin-top: 50px;
  border-top: solid 1px rgba(255, 255, 255, .1);
  padding: 20px 0 20px 0;
}

/* topbar start here */

/* topbar left content */

/* topbar widget */

/* topbar end here */

/* ================================================== */
/* blog */
/* ================================================== */

/* blog list */

/* de-bloglist-type-1 */


/* de-post-type-1 */

/* blog comment */

/* blog comment form */

/* ================================================== */

/* ratings */
/* ================================================== */

/* ================================================== */
/* contact form */
/* ================================================== */

.text-light::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ffffff;
}

/* ================================================== */
/* elements */
/* ================================================== */
/* border */
/* ------------------------------ */

/* breadcrumb */
/* ------------------------------ */

.crumb {
  color: #777;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.crumb{
  font-size: 16px;
  padding-top: 10px;
  margin-bottom: -50px;
}

.crumb li {
  display: inline;
  text-decoration: none;
  letter-spacing: 0;
}

.crumb li:after {  
  font-family: "Font Awesome 6 Free";font-weight:900;
  content: "\f054";
  font-size: 10px;
  margin: 0 10px 0 10px;
  color:var(--primary-color);
}

.crumb li:last-child:after {
  display: none;
}

.crumb a {
  color: var(--body-font-color);
  text-decoration: none;
}

.crumb a:hover{
  opacity: 1;
}

.crumb li.active {
  color: var(--heading-font-color) ;
  font-weight: 600;
}

/* button and link */
/* ------------------------------ */

a {
  text-decoration: none;
}

a.btn-main:hover,
.btn-main:hover,
a.btn-main.btn-line:hover {
  color: #fff;
  background: var(--btn-hover-bg);
}

a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
a.btn-line {
  background: var(--primary-color);
  color: var(--btn-color);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  letter-spacing: var(--btn-letter-spacing);
  padding: var(--btn-padding); 
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  border-radius: var(--btn-rounded);
  -moz-border-radius: var(--btn-rounded);
  -webkit-border-radius: var(--btn-rounded);
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  outline: 0;
}

a.btn-main.fx-slide{
  overflow: hidden;
}

a.btn-main.fx-slide span{
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
}

a.btn-main.fx-slide:hover span{
  transform: translate(0, 40px);
  opacity: 0;
}

a.btn-main.fx-slide:hover:before {
  opacity: 1;
  transform: translate(0, 0);
}

a.btn-main.fx-slide:before {
  content: attr(data-hover);
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translate(0, -100%);
  transition: all 0.3s ease-in-out;
}

a.btn-line,
a.btn-line:hover {
  background: none;
  color: #35404e;
  border: solid 1px rgba(255, 255, 255, .5);
}

a.btn-line:hover {
  border: solid 1px rgba(255, 255, 255, 0);
}

.text-light .btn-line{
  color:#ffffff;
}


a.btn-line:hover {
  color: #ffffff;
}

.btn-plus{
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  text-align: center;
  max-width: 36px;
  height: 36px;
  border-radius:36px;
  -moz-border-radius:36px;
  -webkit-border-radius:36px;
  overflow: hidden;
  border: solid 1px rgba(var(--bg-dark-1-rgb), .3);
  color: var(--heading-font-color);;
}

.btn-plus:hover{
  max-width: 100%;
  color: var(--heading-font-color);;
}

.btn-plus i{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.btn-plus span{
  opacity: 0;
  display: inline-block;
  overflow: hidden;
  margin-left: 36px;
  line-height: 2.2em;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-plus:hover span{
  opacity: 1;
}



/* divider */
/* ------------------------------ */

.spacer-single {
  width: 100%;
  height: 30px;
  display: block;
  clear: both;
}

.spacer-double {
  width: 100%;
  height: 60px;
  display: block;
  clear: both;
}

.spacer-20 {
  width: 100%;
  height: 20px;
  display: block;
  clear: both;
}

.spacer-30-line{
  border-bottom: solid 1px rgba(0, 0, 0, .3);
  margin-top: 30px;
  margin-bottom: 30px;
}

.text-light .spacer-30-line{
  border-bottom: solid 1px rgba(255, 255, 255, .3);
  margin-top: 30px;
  margin-bottom: 30px;
}

/* dropcap */
/* ------------------------------ */

/* form */
/* ------------------------------ */


/* heading */
/* ------------------------------ */

h1,
h2,
h3 {
  margin-top: 0;
  font-family: var(--heading-font);
  font-weight: var(--heading-font-weight);
  color: var(--heading-font-color);
  text-transform: var(--heading-text-transform);
}

h1{
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);  
  letter-spacing: var(--h1-letter-spacing);
  line-height: var(--h1-line-height);
  margin-bottom: var(--h1-margin-bottom);
}

h2{
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);  
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  margin-bottom: var(--h2-margin-bottom);
}

h3{
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight); 
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);
}

.text-light, .text-light p {
  color: var(--body-font-color-dark);
}

.text-dark {
  color: var(--heading-font-color) !important ;
}

.text-white {
  color: #fff;
}

.text-light h2,
.text-light h3 {
  color: #fff;
}

/* list */

ul.cols-2{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.ul-check {
  padding: 0;
  list-style: none;
}

.ul-check li {
  margin: 5px 0 5px 0;
}

.ul-check li:before {
  font-family: "FontAwesome";font-weight:900;
  content: "\f00c";
  margin-right: 15px;
  color:var(--primary-color);
}

/* pagination */

/* ================================================== */

/* preloader */

/* ================================================== */

#de-loader {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* progress bar */
/* ================================================== */


/* social-icons */
/* ================================================== */

.social-icons {
  display: inline-block;
}

.social-icons i {
  text-shadow: none;
  padding: 10px 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  margin: 0 3px 0 3px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.social-icons i:hover {
  background: #fff;
  border-color: #eceff3;
  color: #333;
}

.social-icons.mb-sm-30 i {
  font-size: 22px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  padding: 0;
}

/* ================================================== */

/* accordion

/* ================================================== */


.accordion-section-title {
  color: #35404e;
  width: 100%;
  padding: 15px 0;
  cursor: poInter;
  font-family: var(--body-font);
  width: 100%;
  display: inline-block;
  font-size: 17px;
  transition: all linear 0.5s;
  text-decoration: none;
  font-weight: 600;
  overflow: none;
  border-bottom: solid 1px #dddddd;
}

.accordion-section-title:before {
  font-family: "Font Awesome 6 Free";font-weight:900;
  content: "\f107";
  float: right;
  color: var(--bg-dark-1);
  text-align: center;
  padding: 0 8px 0 8px;
  font-size: 15px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  width: 30px;
}

.accordion-section-title:hover {
  text-decoration: none;
}

.accordion-section-content {
  padding-top: 15px;
  padding-bottom: 5px;
  display: none;
  margin-bottom: 10px;
}

.accordion.s2 .accordion-section-title{
  border:none;
  border-bottom: solid 1px #ddd;
}


/* bs */

/* new added */



/* tab de_light */

/* tab de_light */


/* tab de_light */

/* testimonial
    /* ================================================== */

/*
.de_testi blockquote:before {
  font-family: "Font Awesome 6 Free";font-weight:900;
  content: "\f10d";
  padding-bottom: 10px;
  font-size: 20px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  font-style: normal;
  background: #000;
  position: absolute;
  left: 15px;
  font-weight: normal;
}
*/

.de_testi_by div{
  color:var(--heading-font-color);
  font-weight: bold;
  margin-top: 20px;
  display: block;
  text-align: center;
  font-style: normal;
  font-size: 15px;
  line-height: 1.5em;
}

.de_testi_by div span{
  display: block;
  font-weight: 400;
  font-size: 15px;
  opacity: .5;
}

/* new timeline */

/* close new timeline */



/* css attributes */

.overflow-hidden {
  overflow: hidden;
}

/* ================================================== */
/* anim */
/* ================================================== */

header,
header *,
.hover,
.hover *,
a.btn-line:after,
.social-icons a i,
.btn-main,
#mainmenu *,
#mainmenu>li::before,
.btn-plus,
.btn-plus *,
#extra-wrap,
#btn-extra,
#btn-extra *,
.crumb *{
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  outline: none;
}

#mainmenu li,
#mainmenu li ul {
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  outline: none;
}

@-webkit-keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

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

@keyframes scaleIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }

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

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

/* ================================================== */
/* video */
/* ================================================== */

/* youtube, vimeo */

/* ================================================== */
/* map */
/* ================================================== */
/* --------------- map --------------- */

/* ================================================== */
/* overide bootstrap */
/* ================================================== */

.container-fluid {
  padding: 0px;
  margin: 0px;
}

p{
  margin-top: 0;
}

/* Vertical line */

/* ================================================== */
/* widget */
/* ================================================== */

.widget {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

footer .widget{
  margin-bottom: 0;
}


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

.widget ul li {
  margin: 3px 0;
}

footer .widget {
  border: none;
  margin-bottom: 0;
}

/* marquee */


.d-flex {
  display: flex;
  white-space: nowrap;
}

/* marquee */

.border-gray {
  border: solid 1px #ddd;
}

/* marquee plugin close */

.gradient-white-top{
  background: linear-gradient(180deg, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
}

/* select2 begin */

/* select2 end */

/* ================================================== */

/* declass */

/* ================================================== */

/* background */
.bg-white{ background:#ffffff; }

/* width (percent) */
.w-40{width: 40%;}
.w-50{width: 50%;}
.w-100{width: 100%;}

/* width (px) */
.w-70px{width: 70px;}
.w-150px{width: 150px;}

/* height (percent) */
.h-50{height: 50%;}
.h-100{height: 100%;}

/* height (px) */
.h-100px{height: 100px;}

/* top (percent) */
.top-50{top: 50%;}

/* top (px) */

/* bottom (percent) */

/* bottom (px) */

/* top negative (px) */

/* bottom negative (px) */

/* left pos (percent) */

/* left pos (px) */

/* right  pos (percent) */

/* right  pos (px) */

/* margin-left (percent) */


/* margin-left (px) */


/* margin top (px) */

/* margin top negative (px) */

/* margin bottom (px) */

/* margin bottom negative (px) */

/* margin left negative (px) */

/* margin top negative (px) */

/* font-size (px) */
.fs-24{font-size: 24px;}
.fs-32{font-size: 32px;}
.fs-40{font-size: 40px;}
.fs-120{font-size: 120px;}
.fs-150{font-size: 150px;}


/* font-weight */
.fw-600{font-weight: 600;}
.fw-bold{font-weight: bold;}

/* margin left (px) */

/* padding (px) */
.p-40{padding: 40px;}

/* padding bottom (px) */
.pb-50{padding-bottom: 50px;}

/* padding top (px) */
.pt-50{padding-top: 50px;}

/* padding left (px) */
.ps-50{padding-left: 50px;}
.ps-90{padding-left: 90px;}
.ps-100{padding-left: 100px;}

/* border white */

/* border bottom white with transparency */

/* border bottom grey */

/* border bottom dark */

/* border bottom dark */

/* hover effects */
.hover:hover .hover-scale-1-2{transform: scale(1.2);}
.hover-op-1,.hover-op-05{ opacity:0 }
.hover:hover .hover-op-1{ opacity:1 }
.hover:hover .hover-op-05{ opacity:.5 }
.hover:hover .hover-scale-1-2{transform: scale(1.2);}

/* opacity */
.op-1{ opacity:.1; }
.op-5{ opacity:.65 }
.op-6{ opacity:.75 }

/* line height em */
.lh-1{line-height: 1em;}
.lh-1-1{line-height: 1.1em;}

/* min height (px) */

/* background dark */

/* overlay-black */
.overlay-black-5{background: rgba(0, 0, 0, .5)}

/* overlay-dark */

/* overlay-white */

/* positions */
.absolute,.abs { position: absolute;}
.abs-middle{ top: 50%;  transform: translateY(-50%);}
.relative,.position-relative { position: relative; }

/* z-index */
.z-2{ z-index:2 }
.z-3{ z-index:3 }

.bg-color-op-1{background: rgba(var(--primary-color-rgb), .1)}
.bg-color-op-2{background: rgba(var(--primary-color-rgb), .2)}

/* declass end */

/* custom tabs */
.de-tab .d-tab-nav {
  padding: 0;
  list-style: none;
  position: relative;
}
.de-tab .d-tab-nav .active-tab {
  border-bottom: none;
  font-weight: 500;
  position: relative;
  color: #ffffff;
  background: var(--primary-color);
}
.de-tab .d-tab-nav li {
  display: block;
  cursor: pointer;
  padding: 10px;
}
.de-tab .d-tab-content {
  padding: 0;
  list-style: none;
}
.de-tab .d-tab-content > li {
  display: none;
}

.de-tab .d-tab-nav li{
  display: inline-block;
  padding: 8px 20px;
}

.de-tab.plain .d-tab-nav li{
  font-weight: 500;
  color:#000000;
  text-align: center;
  padding: 0;
  margin: 0;
  opacity: .4;
}
.de-tab.plain .d-tab-nav .active-tab{
  background: none;
  font-weight: bold;
  opacity: 1;
}


@media only screen and (max-width: 767px) {
  .d-tab-nav,
  .d-tab-nav li{
    display: block !important;
  }
}

/* custom tabs end */

/* de-dot */

/* de-vertical-nav begin */

/* de-vertical-nav end */

.menu-simple {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
}


/* timeline begin */

/* de-timeline end */

/* timeline-s2 begin */

/* de-timeline end */
/* swiperjs */


/* swiper end */
/* swiper #2 begin */

/* swiper #2 end */

.de-flex #mainmenu{
  margin: 0;
}


.subtitle{
  position: relative;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-family:var(--body-font);
  color:var(--primary-color);
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.text-light .subtitle{
  border-color: rgba(255, 255, 255, .5);
}

.text-light .subtitle:not(.id-color){
  color:#ffffff;
}

.triangle-bottomright-dark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--bg-dark-1);
  border-left: 60px solid transparent;
}

/* de-number begin */
/* de-number close */

.soft-shadow {
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 5%), 0 1.5rem 2.2rem rgb(0 0 0 / 10%);
}

.de-flex {
  display: flex;
  justify-content: space-between;
}

.de-flex>.de-flex-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Cookie Consent Begin*/

/*Cookie Consent End*/

.owl-carousel {
  position: relative;
  margin-top: -5px;
  bottom: -5px;
  margin-bottom: -15px;
}

.bg-white {
  background: #ffffff;
}

.border-bottom {
  border-bottom: solid 1px rgba(0, 0, 0, .3) !important;
}

.no-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

p {
  margin-bottom: 20px;
}

.no-bottom {
  padding-bottom: 0 !important;
}

.no-top {
  padding-top: 0 !important;
}

/* new owl */

/* new owl close */


.de-overlay-gradient-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: -moz-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
  background: -webkit-linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
  background: linear-gradient(rgba(var(--primary-color-rgb), 0) 0%, rgba(var(--primary-color-rgb), 1) 100%);
}

.wow {
  visibility: hidden;
}

#back-to-top {
  background: var(--primary-color);
  position: fixed;
  bottom: -40px;
  right: 20px;
  z-index: 1020;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
  cursor: poInter;
  padding-top: 3px;
  border: 0;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  outline: none;
  opacity: 0;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}

#back-to-top:hover {
  transform: scale(1.1);
}

#back-to-top:before {
  font-family: "Font Awesome 6 Free";font-weight:900;
  font-size: 18px;
  content: "\f106";
  color: #fff !important;
  position: relative;
}

/* mouse scroll icon begin */

/* mouse scroll icon close */

/* owl */

.owl-dots {
  text-align: center;
}

.menu_side_area {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.ul-check {
  padding: 0;
  list-style: none;
}

.ul-check li {
  position: relative;
  display: block;
  margin-top: 0;
  padding: 0px;
  padding-left: 30px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  line-height: 1.6em;
}

.ul-check li:before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Free";font-weight:900;
  content: "\f00c";
  margin-right: 12px;
  width: 20px;
  line-height: 1;
  padding: 5px 0;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}


/* shadow */

#mainmenu ul {
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 10%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 10%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 10%);
}


.rounded-10 {
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.circle{
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}


/* image effect */

/* price list */

/* dropdown */
/* ------------------------------ */  

/* --------------------------------------------------
* plugin
* --------------------------------------------------*/

/* ================================================== */
/* isotope */
/* ================================================== */

/**** disabling Isotope CSS3 transitions ****/

#filters {
  font-family: var(--body-font);
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-weight: 400;
}

#filters li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 25px;
}

#filters a {
  background: rgba(255, 255, 255, .1);
  outline: none;
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}

#filters a:hover {  
  background: rgba(255, 255, 255, .2);
}

#filters a.selected {
  color: #fff;
  background: var(--primary-color);
}

a,
img {
  outline: 0;
}

/* overwrite bootstrap */


/* -------------------------Line Preloader--------------------- */

/* ================================================== */
/* media queries */
/* ================================================== */

@media (min-width: 1000px){
    .container {
        max-width: var(--container-max-width);
    }
}

@media (min-width: 992px){
    #section-intro {
        padding-top:230px;
    }
}

@media (min-width: 1200px) {

  .container {
    max-width: 1200px;
  }
}


@media (min-width: 1400px) {

  .container {
    max-width: 1304px;
  }
}


/* bootstrap cols 5 */
/* bootstrap cols 5 end */

@media(min-width:980px) and (max-width: 1199px) {
  #mainmenu li a:after {
    margin-left: 15px;
  }

  .container {
    min-width: 95%;
  }
}

/* -------------------------------------------------- 
    design for 768px
    /* ================================================== */

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

  .container{
    max-width: 100%;
  }

  .mb-sm-30 {
    margin-bottom: 30px;
  }

  .sm-pt10 {
    padding-top: 10px;
  }

  #menu-btn {
    display: block;
    float: right;
    z-index: 1000;
    top: 0;
    right: 0;
  }

  .header-col-mid #mainmenu {
    position: absolute;
    top: 100px;
    width: 100%;
    padding: 0 0 0 0;
    left: 20px;
  }

  #mainmenu>li::before{
    display: none;
  }

  header {
    display: none;
  }

  .soft-shadow {
    padding: 0.75rem !important;
  }

  header {
    display: block;
    position: inherit;
    margin: 0;
    padding: 0;
    margin-top: 0;
    height: auto;
    background: var(--bg-dark-1);
  }
  
  #subheader .crumb {
    margin-top: -5px;
    margin-bottom:0;
  }

  #logo {
    vertical-align: middle;
    height: auto;
  }

  #mainmenu {
    display: none;
    position: fixed;
    height: 100%;
    z-index: 200;
    width: 200px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 100px !important;
    overflow-y: auto;
    top: 100px;
  }

  #mainmenu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #mainmenu a.menu-item {
    text-align: left;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* #mainmenu a.menu-item:hover {
    background: #111;
  }

  #mainmenu a.menu-item:hover {
    background: #111;
  } */

  #mainmenu li:active {
    background: #ddd;
  }

  #mainmenu li:active > a {
    color: #000;
  }

  #mainmenu li ul {
    display: block;
    position: inherit;
    margin: 0;
    width: 100%;
  }

  #mainmenu li {
    border-bottom: solid 1px var(--bg-dark-3);
    margin: 0;
    width: 100%;
    display: block;
  }

  #mainmenu li a.menu-item:after {
    display: none;
  }

  #mainmenu li:last-child {
    margin-bottom: 30px;
  }

  #mainmenu li ul {
    border-top: solid 1px #eee;
    top: auto;
    width: auto;
    height: auto;
    position: inherit;
    visibility: visible;
    opacity: 1;
  }

  #mainmenu li ul li {
    border: none;
    padding-left: 40px;
  }

  #mainmenu li ul li:last-child {
    border-bottom: none;
    margin: 0;
  }

  #mainmenu li a {
    color: #eceff3;
  }

  #mainmenu ul:not(.mega) {
    border: none;
  }

  #back-to-top {
    display: none;
  }

  header #mainmenu li ul li:first-child {
    border-top: solid 1px var(--bg-dark-3);
  }

  /* header light */

  .sm-hide {
    display: none;
  }

  .subfooter .de-flex,
  .subfooter .de-flex-col {
    display: block;
  }

  .subfooter .social-icons {
    margin-top: 20px;
  }

  section{
    padding: 60px 0;
  }

  #subheader h1{
    padding: 0;
  }

  #subheader{
    padding: 100px 0 40px 0;
  }

  .crumb{
    margin-bottom: 0;
  }

  /* title tablet */

  h1{
    font-size: 60px;
  }

  h2{
    font-size: 40px;
  }

  /* padding top (px) */

  /* padding top (px) */

  /* margin top (px) */

  /* margin top (px) */
  .mb-sm-30{margin-bottom:30px;}
  .fs-sm-10vw{font-size: 10vw}

  #content{
    margin-top: 10px;
  }

  #btn-extra{
    display: none;
  }

  ul.cols-2{
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }

}

/* -------------------------------------------------- 
    custom for 320px & 480px 
    /* -------------------------------------------------- */

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

   header .logo-main {
    display: none;
  }

  header .logo-mobile {
    display: block;
  }

  header .btn-main{
    display: none;
  }

  .menu_side_area {
    margin-left: 20px;
    width: 100%;
    position: relative;
    right: 0;
    text-align: right;
    z-index: 0;
    display: block;
  }

  header .container {
    min-width: 100%;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  header a.btn-main{
    display: none !important;
  }

  section{
    padding: 40px 0;
  }

  #subheader{
    padding-top: 150px;
  }

  /* title phone */

  h1{
    font-size: 48px;
  }

  h2{
    font-size: 36px;
  }

  /* padding top (px) */

  /* padding top (px) */

  /* margin top (px) */

  /* margin top (px) */

}

/* -------------------------------------------------- 
    design for 480px
    /* -------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* -------------------------------------------------- 
    design for 320px
    /* -------------------------------------------------- */

/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
  }
}

@media only screen and (max-width: 992px) {
  #subheader {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;

  }

  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
  }

  #content {padding-top: 20px;}
  #onlyformobile {padding-top:0px;}

}

/* new added */
.half-fluid .left-half,
.half-fluid .right-half {
  left: 50%;
  margin-left: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  padding: 0px;
}
.half-fluid .image {
  background-size: cover;
  background-position: center;
  min-height: 400px;
  height: 100%;
}

@media (min-width: 992px) {
  .half-fluid .left-half {
    padding-left: 0 !important;
    position: absolute;
    left: 0;
    right: 50%;
    margin-left: auto;
    width: auto;
  }
  .half-fluid .right-half {
    padding-right: 0 !important;
    position: absolute;
    right: 0;
    left: 50%;
    margin-left: auto;
    width: auto;
  }
}

#wrapper {
    position: relative;
    z-index: 1;
}

.svg-layer {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.svg-layer .svg-item {
    position: absolute;
    opacity: 0;
    will-change: transform, opacity;
}

.svg-layer .svg-item.active {
    opacity: var(--svg-opacity, 0.15);
}

.svg-layer .svg-item svg {
    width: 100%;
    height: 100%;
}


      .team-card {
        display: flex;
        flex-direction: column;
        }
        .team-card .relative {
        flex: 1;
        display: flex;
        flex-direction: column;
        }
        .team-card .team-img-wrap {
            flex: 1;
            display: flex;
            overflow: hidden;
        }
        .team-card .team-img-wrap img {
            flex: 1;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    @media (min-width: 992px) {
        .hero-desc {
            font-family: 'Urbanist', sans-serif;
            font-size: 1.5rem;
        }
    }

    @media (max-width: 991.98px) {
        .hero-desc {
            background: rgba(255, 255, 255, 0.85);
            padding: 1rem;
            border-radius: 0.5rem;
            text-align: center;
        }
        .hero-title {
            text-align: center;
        }
        .hero-title span {
            font-size: 14vw !important;
            display: block !important;
            letter-spacing: normal !important;
        }
        .hero-title .id-color {
            font-size: 0.5em !important;
            letter-spacing: 0.3em !important;
        }
    }

    .floating-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 12px 0;
        width: 52px;
        height: 52px;
        background: linear-gradient(135deg, #907f51 0%, #786b44 100%);
        color: #fff !important;
        border-radius: 50%;
        text-decoration: none;
        box-shadow: 0 4px 15px rgba(144, 127, 81, 0.4);
        transition: all 0.3s ease;
        font-size: 1.15rem;
    }

    .floating-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 6px 25px rgba(144, 127, 81, 0.6);
        color: #fff;
    }

    .sticky-buttons-container {
        position: fixed;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    @media (max-width: 768px) {
        .sticky-buttons-container {
            top: auto;
            bottom: 80px;
            right: 20px;
            transform: none;
        }
        .floating-btn {
            width: 46px;
            height: 46px;
            margin: 10px 0;
            font-size: 1rem;
        }
    }


/* === DYNAMIC HEADER/MENU CSS === */
body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {
  background: rgba(255, 255, 255, 0.0);
}

header.autoshow {
  top: -120px;
  height: 70px !important;
}

header.autoshow.scrollOn,
header.autoshow.scrollOff {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  outline: none;
}

header.autoshow.scrollOn {
  top: 0;
}

header.autoshow.scrollOff {
  top: -120px;
}

header div#logo {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header .logo-2 {
  display: none;
}

header .logo-scroll {
  display: none;
}

header .logo,
header .logo-2 {
  font-family: var(--body-font);
  color: #fff;
  font-size: 40px;
  font-weight: 300;
}

header .logo-2 {
  color: #333;
}

header.header-full nav {
  float: left;
}

header nav a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header nav a:hover {
  color: #555;
}

header.smaller #mainmenu ul ul {
  top: 0px;
}

header.smaller {
  position: fixed;
  top: 0px;
  background: var(--bg-dark-1);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: none;
}

header.smaller.header-float .header-inner,
header.header-mobile.header-float .header-inner{
  background: none;
  margin-top: 0;
  padding: 0;
}

header.smaller.header-float.header-light .header-inner{
  background: none;
}

header.smaller #mainmenu > li > a{
  padding: var(--mainmenu-item-padding-hover);
}

header.header-light.smaller{
  background: rgba(255, 255, 255, 1.0);
}

.scroll-down {
    margin-top: -90px;
}

.scroll-up {
    margin-top: 0;
}

header.header-center.scroll-down{
  margin-top: -175px;
}

header.header-center #logo-center{
  display: inline-block;
  padding-top: 40px;
}

header.header-center #mainmenu{
  display: inline-block;
}

header.header-center{
  text-align: center;
}

header.header-center #logo{
  display: none;
}

header.smaller .logo-init {
  display: none;
}

header.smaller #topbar {
  margin-top:-42px;
  overflow: hidden;
}

header.smaller #topbar.topbar-dark {
  background: rgba(34, 34, 34, .05);
}

header.smaller #topbar.topbar-dark a {
  color: #333333;
}

header .logo-mobile {
  display: none;
}


header.smaller.scroll-light {
  background: #ffffff;
}

header.scroll-light .logo-scroll{
  display: none;
}

header.smaller.scroll-light .logo-main{
  display: none;
}

header.smaller.scroll-light .logo-scroll{
  display: block;
}

header.smaller.scroll-dark {
  background: var(--bg-color-even);
}

header.header-light .h-phone,
header.smaller.scroll-light .h-phone {
  color: #202020;
}

header:not(.header-light).smaller.scroll-light div#logo .logo {
  display: none;
}

header.smaller.scroll-light div#logo .logo-2 {
  display: inline-block;
}

header.smaller.scroll-light div#logo .logo-scroll {
  display: inline-block;
}

header.smaller.header-light div#logo .logo {
  display: none;
}

header.smaller.scroll-light .social-icons i {
  color: var(--heading-font-color);
}

header.smaller.scroll-light #mainmenu li a,
header.smaller.scroll-light #mainmenu li.has-child:after {
  color: var(--heading-font-color);
}

.logo-smaller div#logo {
  width: 150px;
  height: 30px;
  line-height: 65px;
  font-size: 30px;
}

.logo-smaller div#logo img {
  font-size: 30px;
}
header.smaller div#logo .logo-1 {
  display: none;
}

header.smaller div#logo .logo-2 {
  display: inline-block;
}

.logo-small {
.owl-next {
  -o-transition: .2s ease;
  -ms-transition: .2s ease;
  -moz-transition: .2s ease;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  outline: none;
}

header.header-mobile #mainmenu>li>span {
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  outline: none;
}

@-webkit-keyframes scaleIn {
*/

header.smaller #mainmenu>li::before{
  transform: scale(0);
}

#mainmenu>li.has-child:after {
}

header.smaller.scroll-light #btn-extra span{
  border-bottom: solid 2px var(--bg-dark-1);
}

.header-light #mainmenu>li>a {
  color: var(--heading-font-color);
}

#mainmenu li li {
  content: "\f0c9";
  font-size: 20px;
}

#menu-btn.menu-open:before{
  content: "\f068";
}

.rtl #menu-btn {


/* shadow */

header.smaller,
.shadow-soft,
.de-map-wrapper iframe,
.expand-custom,
#form_sb input,
.container-timeline ul li::before{
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
}

.shadow-1,
  margin-top: 50px;
  border-top: solid 1px rgba(255, 255, 255, .1);
  padding: 20px 0 20px 0;
}

.footer-light .subfooter {
  border-top: solid 1px rgba(0, 0, 0, .1);
}

header.header-light-transparent {
  background: rgba(255, 255, 255, .5);
}

header.header-solid.header-light #mainmenu>li>a {
  color: #555;
}

header.header-solid {
  background: #fff;
}

header.smaller.header-dark {
  background: #222222;
  border: none;
}

header.smaller.header-dark #mainmenu a {
  color: #fff;
}

.side-layout header.smaller.header-dark #mainmenu>li {
  border-bottom: solid 1px rgba(255, 255, 255, .1);
}
}

.footer-light .subfooter {
  border-top: solid 1px rgba(0, 0, 0, .1);
}

header.header-light-transparent {
  background: rgba(255, 255, 255, .5);
}

header.header-solid.header-light #mainmenu>li>a {
  color: #555;
}

header.header-solid {
  background: #fff;
}

header.smaller.header-dark {
  background: #222222;
  border: none;
}

header.smaller.header-dark #mainmenu a {
  color: #fff;
}

.side-layout header.smaller.header-dark #mainmenu>li {
  border-bottom: solid 1px rgba(255, 255, 255, .1);
}

.side-layout header.smaller.header-dark #mainmenu>li:last-child {
  border-bottom: none;
}

header.header-mobile {
  position: fixed !important;
  background: var(--heading-font-color);
  top: 0;
  padding-bottom: 10px;
}

header.header-mobile .container {
  max-width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
}

.dark-scheme header.header-mobile {
  background: var(--bg-dark-1);
}

header.header-mobile.has-topbar .header-row,
header.header-mobile.has-topbar .header-col {
  margin-top: 10px;
}

header.header-mobile nav {
  float: none;
}

header.header-mobile .logo {
  display: none;
}

header.header-mobile .logo-2 {
  display: inline-block;
}

header.header-mobile.header-light {
  background: #fff;
}

header.header-mobile #mainmenu ul {
  padding: 0;
}

header.header-solid.header-light {
  background: #fff;
}

header.header-light .logo {
  display: none;
}

header.header-light .logo-2 {
  display: inline-block;
}

/* topbar start here */


header.header-mobile.header-light {
  background: #fff;
}
header.header-mobile.header-light #menu-btn,
header.header-mobile.header-light #menu-btn:hover {
  background: none;
}

header.header-mobile.header-light #menu-btn {
  color: #222;
}


  header.autoshow {
    height: auto;
    top: 0;
  }

  header.autoshow #mainmenu li a {
    background: none;
  }

  header.header-mobile-sticky {
    position: fixed;
  }

  header.header-mobile {
    overflow: hidden;
    position: relative;
  }

  header.header-mobile:not(.menu-open) #mainmenu {
    display: none;
  }

  header.header-mobile #mainmenu {
    width: 100%;
    padding-right: 30px;
    position: absolute;
  }

  header.header-mobile #mainmenu ul {
    background: none;
  }

  header.header-mobile #mainmenu a.menu-item {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  header.header-light.header-mobile #mainmenu a.menu-item{
    color:var(--heading-font-color);
  }

  header.header-mobile #mainmenu a.menu-item:hover {
    background: none;
  }

  header.header-mobile #mainmenu li ul {
    display: block;
    position: inherit;
    margin: 0;
    width: 100%;
  }

  header.header-mobile #mainmenu li {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    margin: 0;
    width: 100%;
    display: block;
    position: relative;
  }

  .dark-scheme header.header-mobile #mainmenu li {
    border-bottom-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul.mega ul {
    height: auto;
  }

  header.header-mobile #mainmenu li ul.mega .menu-content {
    background: #fff;
  }

  header.header-light.header-mobile #mainmenu li,
  header.header-light.header-mobile #mainmenu li ul li a.menu-item {
    border-color: #eee;
  }

  header.header-dark.header-mobile {
    background: #222;
  }

  header.header-dark.header-mobile #mainmenu li {
    border-color: #333;
  }

  header.header-dark.header-mobile #mainmenu li a.menu-item {
    color: #fff;
  }

  header.header-mobile #mainmenu li a.menu-item:after {
    display: none;
  }

  header.header-mobile #mainmenu li:last-child {
    margin-bottom: 30px;
  }

  header.header-mobile #mainmenu li ul {
    border-top: none;
    top: auto;
  }

  header.header-mobile #mainmenu li ul a.menu-item {
    width: 100%;
    background: none;
    border: none;
  }

  header.header-mobile #mainmenu li ul li {
    border: none;
    padding-left: 40px;
  }

  header #mainmenu li ul li:first-child {
    border-top: solid 1px var(--bg-dark-3);
  }

  .dark-scheme header #mainmenu li ul li:first-child {
    border-top-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul li a.menu-item {
    display: block;
    border-bottom: solid 1px var(--bg-dark-3);
  }

  header.header-mobile #mainmenu li ul li:last-child {
    border-bottom: none;
    margin: 0;
  }

  header.header-mobile #mainmenu li ul li:last-child a.menu-item {
    border-bottom: none;
  }

  header.header-mobile #mainmenu li a {
    color: #ffffff;
  }

  header.header-light.header-mobile #mainmenu li a {
    color: var(--heading-font-color);
  }

  .dark-scheme header.header-mobile #mainmenu li a.menu-item {
    color: #ffffff;
  }
  
  .dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
    color: #fff;
  }

  header.header-mobile #mainmenu li ul {
    height: 0;
    overflow: hidden;
    position: relative;
    left: 0;
  }

  header.header-mobile #mainmenu li ul li ul {
    margin-bottom: 10px;
  }

  header.header-mobile #mainmenu>li>span {
    width: 36px;
    height: 36px;
    background: url(../images/ui/arrow-down-light.png) center no-repeat;
    position: absolute;
    top:0;
    right: 0;
    margin-top: 10px;
    z-index: 1000;
    cursor: poInter;
  }

  .dark-scheme header.header-mobile #mainmenu>li>span {
    background: url(../images/ui/arrow-down-light.png) center no-repeat;
  }

  header.header-mobile #mainmenu li span.active {
    background: url(../images/ui/arrow-up-light.png) center no-repeat;
  }

  .dark-scheme header.header-mobile #mainmenu li span.active {
    background: url(../images/ui/arrow-up-light.png) center no-repeat;
  }

  header.header-mobile #mainmenu li>ul>li>span {
    width: 36px;
    height: 36px;
    background: url(../images/ui/arrow-down.png) center no-repeat;
    position: absolute;
    right: 0;
    margin-top: -45px;
    z-index: 1000;
    cursor: poInter;
  }

  header.header-mobile #mainmenu>li>ul>li>span.active {
    background: url(../images/ui/arrow-up.png) center no-repeat;
  }

  header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
  }

  .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
    border-bottom: none;
  }

  header.header-light.header-mobile #mainmenu>li>span,
  header.header-light.header-mobile #mainmenu li>ul>li>span {
    background: url(../images/ui/arrow-down.png) center no-repeat;
  }

  header.header-light.header-mobile #mainmenu>li>span.active,
  header.header-light.header-mobile #mainmenu li>ul>li>span.active {
    background: url(../images/ui/arrow-up.png) center no-repeat;
  }

  #mainmenu li ul.mega {
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 30px;
    display: block;
  }

  #mainmenu li ul.mega>li {
    width: 100%;
  }

  #mainmenu li ul.mega>li ul {
    position: static;
    visibility: visible;
    opacity: 1;
    left: 0;
    float: none;
    width: 100%;
  }

  #mainmenu ul.mega>li ul li {
    margin: 0;
    padding: 0;
  }
/* -------------------------------------------------- 
    custom for 320px & 480px 
    /* -------------------------------------------------- */

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

   header .logo-main {
    display: none;
  }

  header .logo-init {
    display: none;
  }

  header .logo-mobile {
    display: block;
  }

  header .btn-main{
    display: none;
  }

  #topbar{
    display: none;
  }

  .menu_side_area {
    margin-left: 20px;
    width: 100%;
    position: relative;
    right: 0;
    text-align: right;
    z-index: 0;
    display: block;
  }

  header .container {
    min-width: 100%;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.scroll-down{margin-top:-90px}.nav-up{top:0}.mb-min-100{margin-bottom:-100px}

}.owl-theme .owl-dots .owl-dot{border:0}
.de_testi_by .fa-quote-left,.de_testi i.fa-quote-left{margin-left:3rem}
header.menu-open #mainmenu,header.header-mobile.menu-open #mainmenu{display:block!important}

#extra-wrap,#extra-wrap a,#extra-wrap p,#extra-wrap li,#extra-wrap div,#extra-wrap i,#extra-wrap span{color:#fff!important}.widget-title{color:inherit!important}