:root{
  --dark-color:#2F3542;
  --primary-color: #EF4738;
  --secondary-color: #FDE5E3;
  --text-color: #747D8C;
  --text-color-2: #bdc3c7;
}
.gray-cl{
 color:var(--text-color)
}
.gray-bg{
 background-color:var(--text-color)
}
.light-gray-cl{
 color:var(--text-color-2)
}
.red-cl{
 color:var(--primary-color)
}
.dark-cl{
 color:var(--dark-color) !important
}
.dark-bg{
 background-color:var(--dark-color)
}
.wireframe-area {
  border: 1px solid #000;
  height: 32px;
  min-width: 32px;
}
.slider-img{
  width: 100%;
  height: 320px;
  border-radius: 8px;
}
.product-figure figure{
  width: 80px;
  height:64px;
  border-radius: 8px;
  object-fit: cover;
  overflow: hidden;
}
figure{
  border-radius: 8px;
  object-fit: cover;
  overflow: hidden;
}

figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
figure:hover img{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.fs-7{
 font-size: 14px;
}
.fw-700{
 font-weight: 700 !important;
}
.menu-buttons button {
  margin-right: 2px;
  background-color: #F1F2F6;
  color:#747D8C;
  padding:12px 24px;
  box-shadow: none;
  border: none;
  transition: ease .3s all;
  font-weight: 600;
  outline: none;
}
.menu-buttons .active {
  background-color: #FDE5E3;
  color: #EF4738;
}
body.dark-mode .menu-buttons .active{
  background-color: #FF9F8C;
  color: #b31c0e;
}
body.dark-mode .menu-buttons button{
  background-color: hsl(210, 32%, 16%);
  color: #bdc3c7;
}
button:hover {
  opacity: .75;
}
.menu-buttons button:last-child {
  margin-right: 0;
}
.carousel-inner{
 border-radius: 8px !important;
}
.carousel-indicators [data-bs-target]{
  height: auto !important;
  width: 24px !important;
  border-top: none !important;
  border-bottom:6px solid transparent !important;
  border-radius: 8px;
  background-clip: border-box !important;
}
.is-animated {
  animation: zoom-in 0.6s forwards;
  opacity: 0;
}
@keyframes zoom-in {
  0% {
      transform: scale(0.1);
      opacity: 0;
 }
  100% {
      transform: scale(1);
      opacity: 1;
 }
}
header .logo{
 transition: all 0.5s ease;
 cursor: pointer;
 height:32px;
}
header .logo:hover{
 transform: scale(1.1);
}
.search-icon {
  cursor: pointer;
  z-index: 2;
}
.search-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  padding: 10px;
  z-index: 1;
}
.search-input {
  width: 100%;
  padding: 10px;
  padding-left: 12px;
  padding-right: 40px;
  border: 1px solid hsl(204, 8%, 92%);
  outline: none;
  border-radius: 8px;
  font-size: 16px;
}
hr.hr{
  color: #bdc3c7;
}
.theme-toggle.theme-toggle--reversed .theme-toggle__expand{
 transform:scale(-1,1)
}
.theme-toggle{
 --theme-toggle__expand--duration:500ms
}
.theme-toggle__expand g circle,.theme-toggle__expand g path{
 transform-origin:center;
 transition:transform calc(var(--theme-toggle__expand--duration) * .65) cubic-bezier(0, 0, 0, 1.25) calc(var(--theme-toggle__expand--duration) * .35)
}
.theme-toggle__expand :first-child path{
 transition-property:transform,d;
 transition-duration:calc(var(--theme-toggle__expand--duration) * .6);
 transition-timing-function:cubic-bezier(0,0,0.5,1)
}
.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g circle,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g circle{
 transform:scale(1.4);
 transition-delay:0s
}
.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand g path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand g path{
 transform:scale(.75);
 transition-delay:0s
}
.theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path{
 d:path("M-9 3h25a1 1 0 0017 13v30H0Z");
 transition-delay:calc(var(--theme-toggle__expand--duration) * 0.4);
 transition-timing-function:cubic-bezier(0,0,0,1.25)
}
@supports not (d:path("")){
 .theme-toggle input[type=checkbox]:checked~.theme-toggle__expand :first-child path,.theme-toggle--toggled:not(label).theme-toggle .theme-toggle__expand :first-child path{
     transform:translate3d(-9px,14px,0)
 }
}
.theme-toggle{
 border:none;
 background:0 0;
 cursor:pointer
}
.theme-toggle input[type=checkbox]{
 display:none
}
.theme-toggle .theme-toggle-sr{
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 white-space:nowrap;
 border-width:0
}
@media (prefers-reduced-motion:reduce){
 .theme-toggle:not(.theme-toggle--force-motion) *{
     transition:none!important
 }
}
body.dark-mode .search-input{
  background-color: #17212B;
  border: none;
  color: #ffffff;
}
body.dark-mode .hr{
  color:#4d5656;
}
body.dark-mode{
  background: #0E1621;
}
header i, svg{
  color:var(--dark-color) 
}
body.dark-mode header i, body.dark-mode header svg{
  color:#bdc3c7 
}
.info-text{color:var(--dark-color)}
body.dark-mode h1, body.dark-mode .info-text{
  color: #bdc3c7 !important;
}
body.dark-mode .line{
  stroke: #bdc3c7 !important;
}
header svg:hover, i:hover{
  opacity: 0.75;
  transition: all 0.5s ease;
}
body, html{
  margin:0;
  padding:0;
  transition: background-color 0.5s, color 0.5s;
  line-height:normal;
  overflow-x: hidden;
}

body.modal-open {
  overflow-y: hidden;
  padding-right: 0 !important;
}
img{
 user-drag: none;
 -webkit-user-drag: none;
 -moz-user-select: none;
}
ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.language-selector li{
  border-radius: 8px;
}
ul.language-selector li:hover{
  background-color: #F0F3F9;
}
body.dark-mode ul.language-selector li:hover{
  background-color: rgba(255, 255, 255, .025);
}
.modal{
  padding-right: 0px !important;
}
.modal-body{
  padding: 24px;
}
.modal-content{
  border-radius: 16px;
}
body.dark-mode .modal-content{
  background-color: #17212B;
}
label.radio-container {
  display: block;
  cursor: pointer;
  padding: 12px 12px 12px 8px;
}
label.radio-container input {
  display: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
label.radio-container input + span {
  line-height: 16px;
  padding-left: 22px;
  display: block;
  position: relative;
}
label.radio-container input + span:not(:empty) {
  padding-left: 30px;
}
label.radio-container input + span:before, label.radio-container input + span:after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}
label.radio-container span{
  color: var(--text-color);
}
body.dark-mode label.radio-container span{
 color: var(--text-color-2)
}
label.radio-container input + span:before {
  background: #D1D7E3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
body.dark-mode label.radio-container input + span:before{
  background: rgba(255, 255, 255, .3);
}
body.dark-mode label.radio-container input + span:after{
  background: rgba(255, 255, 255, .75);
}
label.radio-container input + span:after {
  background: #fff;
  transform: scale(0.78);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
label.radio-container input:checked + span:before, body.dark-mode label.radio-container input:checked + span:before {
  transform: scale(1.04);
  background: #5D9BFB;
}
label.radio-container input:checked + span:after {
  transform: scale(0.4);
  transition: transform 0.3s ease;
}
label.radio-container:hover input + span:before {
  transform: scale(0.92);
}
label.radio-container:hover input + span:after {
  transform: scale(0.74);
}
label.radio-container:hover input:checked + span:after {
  transform: scale(0.4);
}
.alert{
 transition: all 0.5s ease;
 border:none;
 line-height: 1.75em;
 margin-bottom: 0;
}
.alert-warning{
 background-color:#FFEDE0;
 color:#d35400;
}
.alert-warning i{
 color:#d35400
}
.blink-animation{
 -webkit-animation:blink-animation 2s infinite both;
 animation:blink-animation 2s infinite both
}
@-webkit-keyframes blink-animation{
 0%,50%,100%{
     opacity:1
 }
 25%,75%{
     opacity:0
 }
}
.swiper-gradient.right {
  background: linear-gradient(270deg,#fff,#fff0);
  right: 0 
}
.swiper-gradient.left {
  background: linear-gradient(to right,#fff,#fff0);
  left: 0 
}
.swiper-gradient {
  z-index: 5;
  width: 48px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.scrolling-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}
.menu-buttons button {
  flex-shrink: 0;
  margin-right: 6px;
}
body.dark-mode .swiper-gradient.right {
  background: linear-gradient(270deg,#0E1621,#fff0);
}
body.dark-mode .swiper-gradient.left {
  background: linear-gradient(to right,#0E1621,#fff0);
}

@font-face {
  font-family: 'font-icon';
  src:  url('../fonts/font-icon.eot?p1tfub');
  src:  url('../fonts/font-icon.eot?p1tfub#iefix') format('embedded-opentype'),
    url('../fonts/font-icon.ttf?p1tfub') format('truetype'),
    url('../fonts/font-icon.woff?p1tfub') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'font-icon' !important;
  font-style: normal;
  vertical-align: middle;
}

.icon-call:before {
  content: "\e900";
  font-size: 18px;
  line-height: 26px;
}
.icon-close:before {
  content: "\e901";
  line-height: 26px;
}
.icon-language:before {
  content: "\e902";
  font-size: 18px;
  line-height: 26px;
}
.icon-search:before {
  content: "\e903";
  font-size: 18px;
  line-height: 26px;
}
.icon-warning:before {
  content: "\e904";
  font-size: 18px;
  line-height: 26px;
}
.icon-info:before {
  content: "\e905";
  font-size: 18px;
  line-height: 26px;
}



.portfolio-menu, .portfolio-item, .contact-info{
  margin-top:6rem;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}


.lc-block{
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}


.background-tint:before {
    content: '';
    background: rgba(25, 32, 46, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


.slider--image {
	position: absolute;
	z-index: 1;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	animation: 45s ease-in-out infinite;
} 
 /* Name of animations and selection of images */
.slider--image:nth-of-type(1) {
	animation-name: slide-01;
}
.slider--image:nth-of-type(2) {
	animation-name: slide-02;
}
.slider--image:nth-of-type(3) {
	animation-name: slide-03;
}

/* Images are overlaid and visible or invisible due to different transparency */
/* Moving the images with transform: scale & translate */
	/* Styles for webkit browsers */
@-webkit-keyframes slide-01 {
	0%  { opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
	16%  {opacity:1; -webkit-transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	50%  {opacity:0;}
	67%  {opacity:0;}
	84%  {opacity:0;}
	100%  {opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
}
@-webkit-keyframes slide-02 {
	0%  { opacity:0;}
	16%  {opacity:0; -webkit-transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:1; -webkit-transform: scale(1.4) translate(0, 0);}
	50%  {opacity:1; -webkit-transform: scale(1.2) translate(-20px, 10px);}
	67%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	84%  {opacity:0;}
	100%  {opacity:0;}
}
@-webkit-keyframes slide-03 {
	0%  { opacity:0;}
	16%  {opacity:0;}
	33%  {opacity:0;}
	50%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
	67%  {opacity:1; -webkit-transform: scale(1.4) translate(-20px, 10px);}
	84%  {opacity:1; -webkit-transform: scale(1.2) translate(20px, -10px);}
	100%  {opacity:0; -webkit-transform: scale(1.4) translate(0, 0);}
}

	/* Styles for all other browsers */
@keyframes slide-01 {
	0%  { opacity:1; transform: scale(1.4) translate(0, 0);}
	16%  {opacity:1; transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	50%  {opacity:0;}
	67%  {opacity:0;}
	84%  {opacity:0;}
	100%  {opacity:1; transform: scale(1.4) translate(0, 0);}
}
@keyframes slide-02 {
	0%  { opacity:0;}
	16%  {opacity:0; transform: scale(1.2) translate(-20px, -10px);}
	33%  {opacity:1; transform: scale(1.4) translate(0, 0);}
	50%  {opacity:1; transform: scale(1.2) translate(-20px, 10px);}
	67%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	84%  {opacity:0;}
	100%  {opacity:0;}
}
@keyframes slide-03 {
	0%  { opacity:0;}
	16%  {opacity:0;}
	33%  {opacity:0;}
	50%  {opacity:0; transform: scale(1.4) translate(0, 0);}
	67%  {opacity:1; transform: scale(1.4) translate(-20px, 10px);}
	84%  {opacity:1; transform: scale(1.2) translate(20px, -10px);}
	100%  {opacity:0; transform: scale(1.4) translate(0, 0);}
}

.slider--container {
	position: relative;
	height: 90vh;
	width: 90vw;
	margin: 0 auto;
	overflow: hidden;

}

.mapouter{position:relative;text-align:right;width:100%;height:auto;}.gmap_canvas {overflow:hidden;background:none!important;width:100%;height:280px;border-radius:8px ;}.gmap_iframe {height:280px!important;}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

body.dark-mode #preloader {
  background-color: #0E1621 !important;
}

.loader {
  color: #EF4738;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 19px 0 0 7px, 38px 0 0 3px, 57px 0 0 0;
  transform: translateX(-38px);
  animation: dot_animation .4s infinite alternate linear;
}

body.dark-mode .loader {
  color: #b31c0e;
}


@keyframes dot_animation {
  50%  {box-shadow: 19px 0 0 3px, 38px 0 0 7px, 57px 0 0 3px}
  100% {box-shadow: 19px 0 0 0  , 38px 0 0 3px, 57px 0 0 7px}
}