@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Sofia+Sans+Semi+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap');
:root{--system-font:"Onest", sans-serif;--primary:#9F0932;--accent:#CB0004;--shadow:rgba(0,0,0,0.2) 0 0 10px;--black:#0F1520;--white:#fff;--big-shadow:#C9D4D9 0 0 90px;--grey:#A1A1A1;--silver:#F5F5F5;}

#vEditorForm .absolute {position: relative;}
iframe {vertical-align: middle;}
body,html{overflow-x:hidden;font-family:var(--system-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height: 100%;}
.small-shadow {box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.1);}
.primary-text {color: var(--primary);}
.white-text, .light-text {color: var(--white);}
.primary {background-color: var(--primary);}
.accent {background-color: var(--accent);}
.white {background-color: var(--white);}
.black {background-color: var(--black);}
.black-text {color: var(--black);}
.silver {background-color: var(--silver);}
.mh100p {min-height: 100%;}
.mask {background-color: var(--black); opacity: 0.6;position: absolute;top:0;left:0;width: 100%; height: 100%;}
body{font-family:var(--system-font);font-size:16px;font-weight:500;-webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
@keyframes fadeinout{0%{opacity:0}
100%{opacity:1}
;}
.sofia-sans {font-family: "Sofia Sans Semi Condensed", sans-serif;}
.flex-col{float:none !important;flex-direction:row;}
.flex-row{display:flex;}
.flex1 {flex: 1;}
.v-center{top:50%;position:relative;transform:translateY(-50%);}
.vcenter-items {align-items: center;}
.lngbar{position:relative;z-index:30;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.lngbar .lng{width:30px;height:30px;text-align:center;line-height:25px;color:var(--white);font-weight:600;background-color: transparent; font-size: 0.9em;}
.lngbar ul{list-style:none;position:absolute;top:30px;left:0;background-color:var(--silver);width:30px;text-align:center;opacity:0;height:0px;overflow:hidden;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open{opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li{color:#000;cursor:pointer;height:30px;line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover{color:var(--black);background-color:var(--primary);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a{color:var(--white);}
.lngbar ul li a{text-decoration:none;color:#000;font-size:0.8em;font-weight:400;}
.lngbar .select{border-color:var(--white) transparent;border-style:solid solid none;border-width:5px 5px medium;height:5px;right:-12px;position:absolute;top:8px;width:0;text-decoration:none;color:var(--white);}
.editable {display: contents;}
.cmspage .wraper {margin: auto;}
.cmspage p {margin-bottom: 10px;} 
.cmspage ul, .cmspage ol {margin-bottom: 10px; padding-left: 20px; line-height: 1.5;}
/* .cmspage h2 {margin-bottom: 30px;}
.cmspage h3 {margin-bottom: 15px; font-size: 1.4em; font-weight: 700;} */
.cmspage table {border: solid 1px var(--silver); border-collapse: collapse; width: 100%; margin-bottom: 20px;}
.cmspage table  td {padding: 10px; border: solid 1px var(--silver);}

#accordion article {padding: 20px;}
#accordion .opened {background: var(--white);}
#accordion .opened .accordion-toggle{color: var(--accent);}
.template1 #accordion .opened {background: var(--silver);}
.row.no-ml *[class*="col-"] {margin-left: 0;}

.home-story .slick-track {
    display: flex;
    height: 120%;
    align-items: center;
    gap: 10px;
}
.home-story .slick-slide {
  display: flex;
  align-items: center;
  padding: 10px;
  height: -webkit-fill-available;
}
.home-story .slick-slide > div {
    display: flex;
  align-items: center;
  
}
.home-story .slick-slide:hover > div {
  
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.products-container .row.end::after {content: none;}

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1000;
}

.slick-prev {
  left: -50px; /* adjust as needed */
}

.slick-next {
  right: -50px; /* adjust as needed */
}

.slick-prev img,
.slick-next img {
  width: 30px; /* adjust arrow size */
  height: auto;
}
.mobile-menu .products-grid .row {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 2px;
}
.mobile-menu .products-grid article {
  padding: 5px;
}
.mobile-menu .row .col-20 {
  width: calc(20% - 2px)
}

.products-grid .row {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; */
}

.products-grid article {
  background: var(--white);
  padding: 15px;
  margin-left: 0 !important;
  text-align: center;
  transition: none;
}

.products-grid article:hover {
  background: var(--primary);
  color: var(--white);
}



.products-grid .date,
.products-grid .read-more,
.products-grid .apply {
  display: none;
}

.products-grid .img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}

.active-drop {
  transform: translateY(160%) translateX(-50%);
}
.active-slide {
  transform: translateX(0) !important;
}

header .mobile-menu.open {background-color: var(--silver);}
.mobile-menu {display:block;position: fixed; color: var(--black); width:100%; height:100%;background-color: var(--silver); z-index:99;transform:perspective(50em) rotateX(-90deg);transform-origin:50% 0;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
.mobile-menu .logo{max-width:70%;float:left;margin-top:-8px;}
/* .mobile-menu *{opacity:0;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease} */
.mobile-menu.open {left:0;right:0; transform:perspective(50em) rotatey(0deg);height: 100%;min-height: -webkit-fill-available; -o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}
/* .mobile-menu.open *{opacity:100;-o-transition:all .8s ease;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease} */
.mobile-menu ul{list-style:none; display: flex; flex-direction: column; gap: 10px;}
.mobile-menu ul li > ul{padding:10px;display:none; color: var(--primary);}
.mobile-menu .menu-products article button{border-bottom: 2px solid var(--grey)}

/* .mobile-menu ul li:hover > ul{display:block; transition: visibility 0s, opacity 0.5s linear;} */
.mobile-menu > nav  ul  li  a {text-align: start;}
.mobile-menu > nav > ul > li {border-bottom: 2px solid #ffffff5e;;}
.mobile-menu ul a{z-index:99; font-size:1.6rem;line-height:30px;position:relative;display:block; background: var(--white);-webkit-background-clip: text;font-weight:500;text-decoration:none;margin-bottom:10px;font-family: "Sofia Sans Semi Condensed", sans-serif;}
.mobile-menu ul a:after{content:'';height:1px;width:0;background-color:var(--white);bottom:0;left:0;position:absolute;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
.mobile-menu ul a:hover{color:var(--primary);-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.mobile-menu ul ul li a::after{position:absolute;height:2px;width:0%;margin:auto;content:'';display:block;background-color:var(--darkYellow);left:1%;right:1%;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
.mobile-menu ul ul li a:hover::after,.mobile-menu ul ul li a:active::after{width:50%;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;}
/* .mobile-menu ul ul a {font-size: 1em; opacity: 100%; } */
.mobile-menu ul ul a:hover {font-weight: bold;}
.mobile-menu > nav > ul > li:has(ul) > a{pointer-events: none;}


.europrojects article img{ width: 100%;}
.europrojects article .title{ text-transform: uppercase; color: var(--primary); text-align: start; font-size: 1.5rem; font-weight: bold; margin-top: 10px; }
.europrojects article .descr {text-align: start;}
.europrojects .date,
.europrojects .apply {
  display: none;
}


@media (max-width: 1324px) {
  .products-grid article {
    flex: 1 1 calc(33.333% - 19px);
  }
}

@media (max-width: 1024px) {
  .mobile-menu  nav li:hover {background: var(--white);}
  .mobile-menu  nav li:hover ul {display: block;}
  .mobile-menu ul li > ul {color: var(--black);}
  .wraper {min-width: 0}


   .home-story .slick-slide {
    padding-inline: 40px;
  }

  .home-story .slick-prev {
      left: 5px;
  }
  .home-story .slick-next {
    right: 5px;
  }
}

@media (max-width: 768px) {

  .products-grid article {
    flex: 1 1 calc(50% - 19px); 
  }
}

/* Base responsive row */
.responsive-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* space between columns */
  box-sizing: border-box;
  margin: 0;
}

/* Base column inside responsive row */
.responsive-row > [class*="col-"] {
  padding: 0 0.5rem;
  box-sizing: border-box;
  flex: 0 0 auto; /* default, overridden by width */
  margin-left: 0;
}

/* Responsive breakpoints */
@media (max-width: 1360px) {
  .responsive-row > [class*="col-"] {
    flex: 0 0 32%;
    max-width: 32%;
  }
}

/* Responsive breakpoints */
@media (max-width: 1024px) {

  .products-grid .responsive-row > [class*="col-"]:last-child:nth-child(odd) {
     flex: 0 0 98%;
    max-width: 98%;
  }

  .responsive-row > [class*="col-"] {
    flex: 0 0 47%;
    max-width: 47%;
  }

 
}

@media (max-width: 600px) {
    .products-container .responsive-row > [class*="col-"] {
      flex: 0 0 47%;
    max-width: 47%;
  }
  .responsive-row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}