@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;700&family=Krona+One&family=Mulish:wght@300;400;500;700&family=Spartan:wght@300;400;500;700');

html {
  scroll-behavior: smooth;
} 
 body{
font-family: 'Krona One', sans-serif;
}
 body p{
font-family: 'Spartan', sans-serif;	
}


.c-offset-xl-2 {margin-left:16.666%}
.phone{display:none;}
.pore {position: relative;
    height: calc(100% - (200px));}
.o-hidden {overflow:hidden;}
.mtop-90{margin-top:90px;}
.mtop-60{margin-top:60px;}
.ptop-90{padding-top:90px;}
.mbottom-30{margin-bottom:30px;}
.mbottom-90{margin-bottom:90px;}
.mbottom-60{margin-bottom:60px;}
.pbottom-90{padding-bottom:90px;}
.mtop-110{margin-top:110px;}
.ptop-110{padding-top:110px;}
.mbottom-110{margin-bottom:110px;}
.pbottom-110{padding-bottom:110px;}
*{outline:none}

li {list-style:none;}
ul{margin:0;padding:0;}
a,a:hover,a:focus{text-decoration:none;color:initial}
.c-container {max-width: 100%;margin:0 auto;padding: 0px 3%;}
/* width */
::-webkit-scrollbar {
  width: 4px;
}
button:focus {
    border: none;
    outline: none;
}
hr{color:#ECECEC;}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #be9904; 
 
 }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #be9904; 
}
.hv-100 {height:100vh}
.hovers {}
.hovers .hide{display:none}
.hovers:hover .show{display:none}
.hovers:hover .hide{display:block}
header {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 99;
    padding: 20px 0;
    }

.nav-item svg { padding:0px 5px 5px 5px;}
.nav-item:hover svg {
    padding: 3px;
    margin-top: 5px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    position:relative;
    padding-left:0;
    padding-right:0;
    padding-bottom: 30px;
    padding-top: 30px;
}
.navbar-dark .navbar-nav .nav-link:after {
    background: #be9904;
    content:'';
    position:absolute;
    width:0;
    height:3px;
    bottom: 15px;
    left:0;
    transition:all .5s ease-in-out;
}
.navbar-dark .navbar-nav .nav-link:hover:after {
  
    width:100%;
  
}
.navbar-dark .navbar-nav .active .nav-link:after {
  
    width:100%;
  
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}

.logo img {   transition: transform .2s; }
.menu-left li {font-size:16px;color:#EE4B25;margin-left: 30px;}
.menu-left svg {transform: rotate(40deg); color:#EE4B25}
.menu-left .menu-btn {min-width: 32px;cursor: pointer;}
.menu-left .menu-btn span{position:relative;content:" ";background:#EE4B25;width: 16px;height: 3px;display:block;margin-bottom: 5px;transition:all .5s ease-in-out;cursor: pointer;}
.menu-left .menu-btn span:nth-child(2){width: 32px;}
.menu-left .menu-btn span:nth-child(3){width: 26px;}
.menu-left .menu-btn:hover span:nth-child(3){width: 32px;}
.menu-left .menu-btn:hover span:nth-child(2){width: 16px;}
.menu-left .menu-btn:hover span:nth-child(1){width: 26px;}
header  .lang{position: relative;padding: 30px 14px 30px;}
header  .lang:hover{}
header  .lang a{color: #fff;font-weight: 400;position: relative;padding: 0px 11px 11px;border-bottom: 3px solid #be9904;margin-bottom: 19px;}
header  .lang img{margin-right:5px;margin-bottom: 5px;}
header  .lang svg{margin-left: 2px;font-size: 8px;color:#161C2D; transform:rotate(0)}
header  .lang .lang-all {
    position: absolute;
    width: 100%;
    transition: all .5s ease-in-out;
    display: none;
    padding: 20px 3px 15px;
    margin-left: 0px;
    background: #fff;
    margin-top: -2px;
    top: 80px;
    z-index: 0;
    left: 0;
}
header  .lang .lang-all:hover {display:block}
header  .lang:hover .lang-all {display:block;}
header  .lang .lang-all a {
    color: #707070;
    font-weight: 400;
    content: " ";
    margin-top: 1px;
    margin-bottom: 6px;
    padding: 0px 9px;
    border: none;
    display: flex;
    justify-content: center;
    font-size: 16px;
    }

header .nav-item {padding-bottom: 6px;padding-top: 6px;margin-right: 3.1vw;}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5);
    font-size: 18px;
    font-weight: 500;
}
.navbar {
  
    padding: 0;
}
header  .dropdown-menu {
   min-width: 17rem;
   padding: 25px 20px;
}
header  .dropdown-menu .nav-link{margin-bottom: 0px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link:hover  {
    color: #005240;
}
.navbar-light .navbar-nav .nav-link:after{content:" ";width:0%;height:2px;background:#005240;display:block;transition: all .5s ease-in-out;margin-top: 15px;}
.navbar-light .navbar-nav .nav-link:hover:after{width:100%}
.navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link:hover:after{width:0%}
.navbar-light .navbar-nav .nav-item:nth-child(3) .nav-link:hover:after{width:0%}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.dropdown:hover>.dropdown-menu {
    display: block;
    border: none;
}
.dropdown.product-menu {position:initial}
.dropdown.product-menu .dropdown-menu {margin-top: -10px;margin-left: 15px;padding: 0;border-radius: 0;border: none;border-top: 2px solid #005240;}
.dropdown .dropdown-menu {margin-top:-0px; }
.sidenav {
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: -100%;
	background:#fff;
	overflow-x: hidden;
	transition: 1s;
	padding: 14.4% 2.8% 0;
}
.sidenav ul {
    list-style-type: none;
    padding: 16px 0 11px;
    display: block;
    margin: 0;
}
.sidenav ul li{
    padding: 9px 15px 5px 0;
}
.sidenav ul  ul{
   padding: 0px;
   
   }
.sidenav ul  ul li{
   padding: 0px;
   
}
.sidenav a {
  font-size: 16px;
  color: #be9904;
}
.sidenav .bottom .menucontact a svg {
 transform:rotate(45deg);
 font-size:13px;
 margin-right: 6px;
}
.sidenav p {
  font-size: 16px;
  color: #be9904;
  margin-bottom:10px;
  font-weight: 500;
}



.sidenav .closebtn {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index:999;
  color: #be9904;
  font-size: 60px;
  width: 71px;
}
.sidenav .text {}
.sidenav .text h1{
    font-size: 19px;
    color: #3D3D3D;
    text-align: left;
    position: relative;
    top: -15px;
    font-weight: 800;
}

.sidenav .header {
}
.sidenav .header li{}
.sidenav .header  li a{
    color: #282727;
    font-size: 19px;
    line-height: 42px;
}
.sidenav .header li a:hover{
    color: #3D3D3D;
}

.sidenav .header ul li:hover a{
    color: #3D3D3D;
}

.sidenav .header ul  li a{
    color: #707070;
    font-size: 16px;
    line-height: 34px;
    display:flex;
    justify-content:start;
    align-items:center;
}
.sidenav .header ul  li a svg{
    color: #a29b9b;
    font-size: 12px;
    font-weight: 700;
    margin-right:10px

  
}
.sidenav .header ul li:hover a svg{
    color: #3D3D3D;
}
.sidenav .bottom {}
.sidenav .menusocial{margin-top: 15px;}
.sidenav .menusocial ul{
    display: flex;
    position: relative;
}
.sidenav .menusocial ul li {}
.sidenav .menusocial ul li a{
    font-size: 30px;
    color: #be9904;
    font-weight: 500;
}
.sidenav .menucontact{
    /* position: relative; */
    text-align: left;
    color: #1b1b1b;
}
.sidenav .menucontact ul{}
.sidenav .menucontact ul li{
    font-size: 12px;
}
.sidenav .menucontact ul li a{color: #fff;font-size: 36px;font-weight: 500;}
.sidenav .menucontact ul li a i{
    padding-right: 10px;
}
.menu-left b {color:#be9904;}
.bottom ul {padding:0;}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 0%;
    left: 13%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

	.carousel-control-prev {
    left: 13%;
    width: 3%;
    opacity: 1;
    top: initial;
    bottom: 4%;
    transition: all .6s ease-in-out;
}
.carousel-control-next, .carousel-control-prev {
    z-index: 51;
}


.carousel-control-next,.carousel-control-prev{z-index:51}
.carousel-control-prev-icon{background-image: url("../images/icon/icon-sub-slider-arrow-left.svg");background-size: 35%;}
.carousel-control-next-icon{background-image: url("../images/icon/icon-sub-slider-arrow-right.svg");background-size: 35%;}
.carousel-control-next-icon, .carousel-control-prev-icon{
    width: 25px;
    height: 25px;
    padding: 20px;
    outline: 0;
}
.carousel-control-next {
    left: 19%;
    width: 4%;
    opacity:1;
    top: initial;
    transform:rotate(180deg);
    bottom: 4%;
    transition: all .6s ease-in-out;
}
.carousel-control-next:hover {
	  right:20px;
}
.carousel-control-prev:hover {
}
.slider-bg{background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;}
.contact-link {position:relative;}
.contact-link h6{color:#fff;position: relative;padding: 0 16px 0 50px;margin-bottom: 0;font-size: 14px;font-weight: 400;left:0;transition:all .5s ease-in-out;}
.contact-link  h6:before {background:url(../images/icon/icon-button-arrow.svg);content:"";height: 20px;z-index:9;width: 22px;background-repeat: no-repeat;position: absolute;top: -2px;left: 0;background-size: 50%;transition: all .5s ease-in-out;display: flex;}
.contact-link h6:hover{ left:-15px;}
.contact-link h6:hover:before{ left:100%;}
header .home{margin-left: 4.2vw;}
.dropdown-item {
	display: flex;
	width: 100%;
	padding: 6px 0;
	clear: both;
	font-weight: 400;
	color: #707070;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-size: 14px;
	background: transparent;
	align-items: center;
	justify-content: space-between;
}
.dropdown-item.active, .dropdown-item:active {
    color: #707070;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #707070;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-item svg {font-size:22px;}
.dropdown-item:hover  {color:#282727;}
.caption {
height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.caption h1{font-size:54px;color:#FFFFFF;line-height:72px;margin-bottom:30px;}
.caption p{font-size:24px;color:#FFFFFF;line-height:36px;margin-bottom:40px;}
.caption a{background:#be9904;color: #fff;font-family:"Krona One";font-size:14px;line-height:32px;padding: 18px 40px 18px 30px;position:relative;transition:all .5s ease-in-out;}
.caption a span{background:#be9904;color: #fff;font-size:14px;line-height:32px;position: relative;padding-right: 35px;padding-left:15px;transition: all .5s ease-in-out;left: 0;}

.caption a span:before{background:url(../images/icon/icon-button-arrow-white.svg);content:"";height: 15px;z-index:9;width: 20px;background-repeat: no-repeat;position: absolute;top: 2px;right: 0;background-size: 40%;transition: all .5s ease-in-out;display: flex;}

.caption a:hover span{left:40px;}
.caption a:hover span:before{right:100%;}
.bg-red {background:#be9904;height:410px;width: 24%;position: absolute;bottom: -30%;}
.down-about {
	position: absolute;
	bottom: 4%;
	display: flex;
	align-items: center;
	width: 100%;
	transition:all .5s ease-in-out;
	}
.down-about a{
	text-align:center;
	width: 100%;
	display:flex;
	align-items:center;
	justify-content: center;
	color: #fff;
	font-size:16px;
	font-weight:400;
	font-family: 'Spartan';
	}
.down-about a svg{
	
	margin-right:10px;
	transition:all .5s ease-in-out;
	top:0;
	}


.home-about {background:#282727;}
.home-about h3{height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 32px;
    line-height: 48px;}

.home-about p{
   color: #fff;
   font-size: 16px;
   line-height: 32px;
   width: 100%;
   padding-bottom: 25px;
   }
.home-about p:nth-child(n+3){
 display:none;
   }
.home-about .texts {padding-top: 60px;}

.home-about span {
    color: #be9904;
    position: relative;
    padding: 0 37px 0 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    transition: all .5s ease-in-out;
}
.home-about span:before {
    background: url(../images/icon/icon-button-arrow.svg);
    content: "";
    height: 20px;
    z-index: 9;
    width: 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    right: 0;
    background-size: 35%;
    transition: all .5s ease-in-out;
    display: flex;
}
.home-about span:hover {
    left: 25px;
}
.home-about span:hover:before {
    right: 100%;
}
.b-after {position:relative}
.b-after:after {content:"";height:3px;background:#be9904;width: 75%;display: block;position: absolute;bottom: 13%;right: 30px;}
.title {margin-bottom: 60px;}
.title  h2{color: #282727;
	font-size:36px;
	font-weight:400;
	line-height:72px;}
.title  p{color: #282727;
	font-size:20px;
	font-weight:400;
	line-height:32px;
	padding:0 10%;}

.home-product{background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(49%, rgba(245,245,245,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 49%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );}
.home-product-slider .slick-slide {
    margin: 0 20px;
  }
  /* the parent */
.home-product-slider  .slick-list {
    margin: 0 -20px;
  }
.home-product-slider  .slick-list img {
   float:right;
   padding-left: 17%;
  }
.home-product-slider .item  {padding-bottom:10vh;position:relative;}
.home-product-slider .product-title  {position:absolute;top: 35%;left: 0;transition: all .5s ease-in-out;width: 81%;background: #be9904;height: 12vh;display: flex;}
.home-product-slider .product-title  h3{padding: 21px 45px;color: #fff;display: flex;align-items: center;justify-content: start;font-size: 24px;line-height: 36px;}
  .home-product-slider .item:nth-child(2) .product-title  h3{padding: 21px 35% 21px 45px;}
  
 .home-product-slider .item:hover .product-title  {height:38vh;}
 .home-product-slider .item  h6 {padding: 21px 30% 21px 45px;color:#fff;z-index: 999999;position: absolute;bottom: 15px;display:none;}
 .home-product-slider .item:hover  h6 {display:block;}
 .home-product-slider .item  h6 span {position:relative;padding-right: 30px;left:0;transition: all .5s ease-in-out;font-size:14px;color:#fff;}
  .home-product-slider .item .hover-link:hover  h6 span {left:15px;}
 .home-product-slider .item  h6 span:after {
    background: url(../images/icon/icon-button-arrow-white.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.home-product-slider .item .hover-link:hover h6 span:after {
   
    right: 100%;
}
  

.sectors-slider  .item {
   padding: 35px 20px 90px;
   position:relative;
  } 
.sectors-slider  .item:before {
  width:100%;
  height:0%;
  z-index:-1;
  background:#F1F1F1;
  content:"";
  position:absolute;
  top:0;
  left:0;
  transition:all .5s ease-in-out;
  } 
.sectors-slider  .item:hover:before {
 
  height:100%;
 
  } 
.sectors-slider  .item:after {
  content:"";
  background:#F1F1F1;
  width:2px;
  height:50%;
  position:absolute;
  right:0;top:25%
  
   
  } 
.sectors-slider  .item.slick-active:last-child:after {
  display:none;
  
   
  } 
  .sectors-slider  .item img {
    margin: 0 auto;
    width: 75px;
  } 
  
 .sectors-img {height: 60px;} 
 .sectors-img img{padding: 0px;filter: grayscale(150%);} 
 .sectors-slider  .item:hover .sectors-img img{padding: 0px;filter: grayscale(0%);} 
  .sectors-slider .product-title h3 {
	font-size: 16px;
	font-weight:400;
	line-height: 30px;
	color:#282727;
	margin-bottom: 19px;
	text-transform: uppercase;
	margin-top: 21px;
	min-height: 63px;
	}
  .sectors-slider .product-title p {
  font-size:16px;
  font-weight:400;
  line-height:24px;
  color:#282727;
  min-height: 54px;
  }
  
  
 .sectors-slider .item  h6 {color: #282727;z-index: 999999;position: absolute;bottom: -30px;transition: all .5s ease-in-out;width: 100%;left: 0;}
 .sectors-slider .item:hover  h6 {bottom: 20px;}
 .sectors-slider .item  h6 span {position:relative;padding-right: 30px;left:0;transition: all .5s ease-in-out;font-size: 13px;color: #282727;}
 .sectors-slider .item .hover-link:hover  h6 span {left:15px;}
.sectors-slider .item  h6 span:after {
    background: url(../images/icon/icon-button-arrow-black.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.sectors-slider .item .hover-link:hover h6 span:after {
   
    right: 100%;
}
  
 .sectors-slider .item  h6 {color: #282727;z-index: 999999;position: absolute;bottom: -30px;transition: all .5s ease-in-out;width: 100%;left: 0;}
 .sectors-slider .item:hover  h6 {bottom: 20px;}
 .sectors-slider .item  h6 span {position:relative;padding-right: 30px;left:0;transition: all .5s ease-in-out;font-size: 13px;color: #282727;}
 .sectors-slider .item .hover-link:hover  h6 span {left:15px;}
.sectors-slider .item  h6 span:after {
    background: url(../images/icon/icon-button-arrow-black.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.sectors-slider .item .hover-link:hover h6 span:after {
   
    right: 100%;
}
  
 .all:hover  a {bottom: 20px;}
  .all  span {position:relative;padding-right: 30px;left:0;transition: all .5s ease-in-out;font-size: 14px;color: #282727;}
 .all   .hover-link:hover  span {left:15px;}
 .all   span:after {
    background: url(../images/icon/icon-button-arrow-black.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
 .all  .hover-link:hover  span:after {
   
    right: 100%;
}
 .uretim {
    background-color: #282727;
    padding: 5% 0;
    background-repeat:no-repeat;
    background-size:cover;
    } 
	.uretim .slick-list {
    padding: 0 25% 0 0 !important;
}
.uretim .item {
    padding-right: 50px;
}
.uretim .item h1 {
    display:none
}.uretim .item.slick-active h1 {
    display:block;
}
.uretim .details h1 {color:#A5A5A5;font-size:16px;margin-top: 50px;}
.uretim .uretim-title  {}
.uretim .uretim-title h6 {color:#be9904;font-size:36px; margin-bottom:60px;line-height:48px;padding-right:15%}
.uretim .uretim-title p {color:#fff;font-size:20px; margin-bottom:60px;line-height:32px;padding-right:32%}
.uretim .all span {
   
    color: #be9904;
}
.uretim .all span:after {
   background: url(../images/icon/icon-button-arrow.svg);
    content: "";
    height: 20px;
    z-index: 9;
    width: 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    
    background-size: 35%;
    transition: all .5s ease-in-out;
    display: flex;
}
.uretim-slider .slick-prev:before {
    height: 25px;
    background-image: url(../images/icon/icon-sub-slider-arrow-left-red.svg);
    background-repeat: no-repeat;
	content:"";
	display:block;
}    
.uretim-slider .slick-next:before {
    height: 25px;
    background-image: url(../images/icon/icon-sub-slider-arrow-right-red.svg);
    background-repeat: no-repeat;
	content:"";
	display:block;
	transform:rotate(180deg);
}    
.uretim-slider .slick-prev, .uretim-slider .slick-next {
   
    top: initial;
   z-index:99;
    bottom: 0;
}
.uretim-slider .slick-prev {
   left:initial;
   right: 40%;
}
.uretim-slider .slick-next {
    left:initial;
    right: 30%;
}
.policy {padding: 6% 0;background-size: cover !important;}
.policy .policy-title h6 {color:#be9904;font-size:36px;margin-bottom:60px;line-height:48px;padding-right: 6%;}
.policy .policy-title p {color:#fff;font-size:20px;margin-bottom:60px;line-height:32px;padding-right: 2%;}
.policy .all span {
   
    color: #be9904;
}
.policy .all span:after {
   background: url(../images/icon/icon-button-arrow.svg);
    content: "";
    height: 20px;
    z-index: 9;
    width: 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    
    background-size: 35%;
    transition: all .5s ease-in-out;
    display: flex;
}
.news {background:#F5F5F5;padding:110px 0;}
.news-slider .slick-slide {
    margin: 0 20px;
  }
  /* the parent */
.news-slider  .slick-list {
    margin: 0 -20px;
  }
  .news h6 {color:#C8C8C8;font-size:12px;line-height:28px;font-weight:700;font-family:"Spartan";margin-top:10px;}
  .news h2 {color:#282727;font-size:20px;line-height:32px;letter-spacing:-1px;min-height: 150px;display: flex;align-items: center;}
 .news .item:hover .all span:after {
    background: url(../images/icon/icon-button-arrow.svg);
	background-size:40%;
	background-repeat:no-repeat;
	 
}
 .news .item:hover .all span {
  
    color: #be9904;
}
.news .item:hover .all .hover-link span {
    left: 15px;
}
.news .item:hover .all .hover-link span:after {
    right: 100%;
}
.slick-dots {
    
    bottom: -70px;
   
}
.slick-dots li {
    width: 60px;
    height: 4px;
}
.slick-dots li button {
    width: 60px;
    height: 4px;
}
.slick-dots li button:before {
    width: 60px;
    height: 4px;
    content: ' ';
    background: #C8C8C8;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #be9904;
}
.o-hidden img{ transition: all .5s ease-in-out;}
.news .item:hover .o-hidden img{ transform: scale(1.1);}
.news-title {margin-bottom:40px;}
.news-title h1{color:#282727;font-size:36px;line-height:48px;}
.news-title  .all:hover span:after {
    background: url(../images/icon/icon-button-arrow.svg);
	background-size:40%;
	background-repeat:no-repeat;
	 
}
.news-title  .all:hover span {
   color:#be9904;
	 
}
footer {background:#282727;padding: 80px 0 0px;}
footer .left {}
footer .left p{margin-top: 60px;font-size:14px;font-weight:400;color:#C8C8C8;line-height:24px;padding:0 15% 0 0;}
footer .left .phones{margin-bottom: 25px;font-size:20px;font-weight:400;color:#C8C8C8;line-height:75px;position:relative;}
footer .left .phones:hover{color:#fff;}
footer .left .phones:after{content:"";background:#fff;width:0;height:2px;position:absolute;bottom:-10px;transition:all .5s ease-in-out;left:0;}
footer .left .phones:hover:after{width:100%;}
footer .left .mail{margin-bottom: 25px;font-size:14px;font-weight:400;color:#C8C8C8;line-height:28px;position:relative;font-family:"Spartan";}
footer .left .mail:hover{color:#fff;}
footer .left .mail:after{content:"";background:#fff;width:0;height:2px;position:absolute;bottom:-10px;transition:all .5s ease-in-out;left:0;}
footer .left .mail:hover:after{width:100%;}
footer .left .social {margin-top:35px;}
footer .left .social a{}
footer .left .social a svg{font-size:30px;margin-right:15px;color:#be9904;}
footer .left .social a svg:hover{color:#fff;}
footer .bultens {padding-bottom:25px;}
footer .bultens h2{font-size:16px;font-weight:400;color:#be9904;line-height:24px;}
footer .bultens input{font-size:16px;font-weight:400;color:#fff;line-height:24px;width:30vw;}
footer .bultens input::placeholder{font-size:16px;font-weight:400;color:#C8C8C8;line-height:24px;}
footer .kaydol {font-size:14px;font-weight:400;color:#C8C8C8;line-height:24px;}
footer .kaydol svg{margin-left:10px;font-size: 17px;}
footer .kaydol:hover {color:#be9904;}
footer .bultens.border-bottom {border-bottom:1px solid #707070 !important;}
footer .border-top {border-top:1px solid #707070 !important;}
.footer-links {margin-top:60px;}
.footer-links .menus li {margin-bottom:20px;}
.footer-links .menus li a{font-size:14px;font-weight:400;color:#be9904;line-height:24px;width: 55%;display: flex;align-items: center;justify-content: space-between;}
.footer-links .menus li a svg{
    font-size: 17px;
}
.footer-links .menus li a:hover{color:#fff;}
.footer-links h3 {font-size:14px;font-weight:400;color:#be9904;line-height:24px;margin-bottom:5px;}
.footer-links .sub-menus li  {margin-top:15px;transition:all .5s ease-in-out; left:0;position:relative;}
.footer-links .sub-menus li:hover  { left:10px;}
.footer-links .sub-menus li  a{font-size:14px;font-weight:500;color:#C8C8C8;line-height:28px;font-family:"Spartan"}
footer .bottom  {padding: 25px 0;}
footer .bottom .fides {
    display: flex;
    justify-content: end;
    align-items: center;
}
footer .bottom p {font-size:12px;font-weight:400;color:#C8C8C8;line-height:47px;font-family:"Spartan";margin-bottom:0;}
footer .bottom li {}
footer .bottom li a{font-size:12px;font-weight:400;color:#C8C8C8;line-height:47px;font-family:"Spartan"}
footer .bottom li:hover a{color:#fff;}
.breadcrumb {
   
    background-color: transparent;
}
.header-bg{min-height: 230px;background:#282727;z-index: 9999999;}
.banner{margin-bottom: -100px;}
.banner.banner-two{height: 55vh;margin-bottom:initial;position: relative;}

.bg-banner{background:#be9904;padding: 70px 0 0px;position: relative;top: -100px;}
.bg-link{ background:#E6E6E6}
.banner h1{font-size:36px;color:#fff;}
.banner .breadcrumb {padding-top:80px}
.banner .breadcrumb li a{font-size:13px;color:#fff;font-family:"Spartan";font-weight:400;}
.banner .breadcrumb li a span{font-size:13px;color:#fff;margin:0 5px;}
.s-link {}
.s-link a{font-size:20px;color:#707070;font-family:"Spartan";font-weight:500;margin-right: 2.5vw;}
.s-link a.active{color:#be9904;}
.s-link .bg-link{padding:10px 0;}
.s-link a:hover{color:#be9904;}
.s-link a svg{
    margin-right: 18px;
}
.about .texts {
    height: 100%;
    display: flex;
    align-items: center;
}
.about .texts h4{font-size:32px;color:#282727;line-height:44px;margin-bottom:50px;padding-right: 20%;}
.about .texts p{font-size: 20px;color:#282727;font-weight:400;margin-bottom: 20px;}
.opsiyons {margin-top:80px;margin-bottom: 50px;}
.opsiyons .border-top-two {padding:40px; border:1px solid #eee; border-left:none; border-right:none;}
.opsiyons h4 {font-size:20px;color:#707070;line-height:28px;margin-left: 20px;width: 50%; position:relative; left:0; transition:all .5s ease-in-out;}
.opsiyons .item:hover h4 {left:15px; color:#282727;}
.mission-vision {
    background-size: cover !important;
    margin-bottom: 0;
    padding: 4% 0;
}
.mission-vision .item{padding: 75px 0 75px 75px;}
.mission-vision .item h1{font-size:64px;color:#be9904;line-height:48px;margin-bottom: 75px;letter-spacing:-1px;}
.mission-vision .item p{font-size: 21px;color:#fff;line-height:32px;margin-bottom:20px;font-weight:400;}
.mission-vision .item-two{background:#be9904;position: relative;top: 34%;padding: 110px 65px;}
.mission-vision .item-two h1{color:#fff}
.certifica {background:#F5F5F5;padding-top: 250px;padding-bottom:125px;}
.certifica h2{font-size:64px;color:#be9904;line-height:48px;letter-spacing:-1px;margin-bottom:60px;margin-top: 15px;}
.certifica p{font-size:20px;color:#282727;line-height:32px;margin-bottom: 25px;font-weight:400;}
.certifica ul{
    margin-left: 15px;
}
.certifica li{font-size:20px;color:#282727;line-height: 39px;margin-bottom: 0px;font-family:"Spartan";font-weight:400;list-style: disc;}


.certifica-slider .item img{
	padding: 0 20%;
	}
.certifica-slider	.slick-next {
    right: 0px;
    z-index:99;
    width: 60px;
    height: 0px;
    transform: rotate(180deg);
}
.certifica-slider	.slick-prev {
    left: 0px;
    z-index:99;
    width: 60px;
    height: 0px;
}
.certifica-slider  .slick-prev:before {
	content: "";
	background:url(../images/icon/icon-sub-slider-arrow-gray.svg);
	padding: 18px;
	top: 0px;
	position:relative;
	left: 0;
	transition: all .4s ease-in-out;
	z-index:999;
	width: 60px;
	height: 0px;
	background-size: 30px;
	background-repeat: no-repeat;
}

.certifica-slider  .slick-next:before {
	content: "";
	background:url(../images/icon/icon-sub-slider-arrow-gray.svg);
	padding: 18px;
	vertical-align: middle;
	font-weight: 600;
	border: none;
	font-size: 36px;
	top:-2px;
	position:relative;
	right: 0px;
	transition: all .4s ease-in-out;
	color: #707070;
	z-index:99;
	width: 60px;
	height: 0px;
	background-size: 30px;
	background-repeat: no-repeat;
}

.certifica-slider  .slick-next:hover:before{right:10px;}
.certifica-slider  .slick-prev:hover:before{left:-10px;}


.product .item  {padding-bottom: 11vh;position:relative;text-align: right;margin-bottom: 10px;}
.product .product-title  {position:absolute;top: 35%;left: 0;transition: all .5s ease-in-out;width: 81%;background: #be9904;height: 12vh;display: flex;text-align: left;}
.product .product-title  h3{padding: 21px 45px;color: #fff;display: flex;align-items: center;justify-content: start;font-size: 24px;line-height: 36px;}
  .product .item:nth-child(2) .product-title  h3{padding: 21px 30% 21px 45px;}
  
 .product .item:hover .product-title  {height:38vh;}
 .product .item  h6 {padding: 21px 30% 21px 45px;color:#fff;z-index: 999999;position: absolute;bottom: 15px;display:none;}
 .product .item:hover  h6 {display:block;}
 .product .item  h6 span {position:relative;padding-right: 30px;left:0;transition: all .5s ease-in-out;font-size:14px;color:#fff;}
  .product .item .hover-link:hover  h6 span {left:15px;}
 .product .item  h6 span:after {
    background: url(../images/icon/icon-button-arrow-white.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.product .item .hover-link:hover h6 span:after {
   
    right: 100%;
}
 .product {margin-bottom:50px;}
 .product img {padding-left: 18%;}
 .banner-two h1.sub-title{position:absolute;width:15%;bottom:5%;}
 .product-detail .item:hover .o-hidden img {
    transform: scale(1.1);
}
.product-detail .o-hidden {
   
    background: #ebebeb;
}
.product-detail .item{margin-bottom:30px;}
.product-detail .product-title {position:relative;padding: 20px 10% 20px 0%;transition:all .5s ease-in-out;}
.product-detail .item:hover .product-title {padding: 20px 0% 20px 10%;}
.product-detail .product-title:before {content:"";background:#F5F5F5;width: 100%;height: 0;transition:all .2s ease-in-out;left:0;position:absolute;top:0;z-index:-1;}
.product-detail  .item:hover .product-title:before {height: 100%;}
 .product-detail p {font-size:20px;color:#282727;line-height: 32px;margin-bottom: 60px;font-weight:400;}
 .product-detail .item p {font-size:14px;color:#282727;line-height: 24px;font-weight:400;padding-right:15%;margin-bottom: 0;margin-top:20px}
 .product-detail .item h3 {font-size:20px;color:#282727;line-height: 32px;margin-bottom: 0px;font-weight:400;margin-top: 0;}
 .form {background:#F5F5F5;padding:90px 0;}
  .form .form-control {
    
    height: calc(3em + 0.75rem + 2px);
    padding: 2px 2rem;
   
}
  .contact-form textarea.form-control {
    height: auto;
    padding: 25px 2rem;
}
.form-check {
    position: relative;
    display: block;
    padding-left: 2.25rem;
}
.frm-btn {display: flex;
    align-items: center;
    justify-content: end;}
.form	.title p {
    color: #282727;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    padding: 0px 10%;
    margin-top: 29px;
}
.form span { color: #A5A5A5;
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 10px;}
.form input::placeholder, .form textarea::placeholder{color: #282727;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
	font-family:"Spartan";}
.form .form-check span{font-family:"Spartan";color:#282727;font-weight:600;margin-left: 10px;}
.form .form-check span a{color:#be9904;font-weight:600}
input[type=checkbox], input[type=radio] {
    width: 20px;
    padding: 20px;
    height: 19px;
    font-size: 30px;
}
.form-btn  {
    background: #be9904;
    color: #fff;
    font-family: "Krona One";
    font-size: 14px;
    line-height: 32px;
    padding: 14px 60px 14px 50px;
    position: relative;
    transition: all .5s ease-in-out;
    text-transform: uppercase;
}
.form-btn span {
  
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    position: relative;
    padding-right: 35px;
    padding-left: 15px;
    transition: all .5s ease-in-out;
    left: 0;
}
.form-btn span:before {
    background: url(../images/icon/icon-button-arrow-white.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.form-btn:hover span {
    left: 40px;
	}
.form-btn:hover span:before {
    right: 100%;
}
.banner-two .form-btn{background: #282727;text-transform: capitalize;position: absolute;bottom: -25px;right: 0;  padding: 14px 50px 14px 60px;}
.banner-two .form-btn span:before {
   background: url(../images/icon/icon-button-arrow.svg);
    content: "";
    height: 20px;
    z-index: 9;
    width: 22px;
    background-repeat: no-repeat;
    position: absolute;
    top: 1px;
    left: 0;
    background-size: 35%;
    transition: all .5s ease-in-out;
    display: flex;
}
.form-btn:hover span {
    left: -20px;
}
.banner-two .form-btn:hover span:before {
  
    left: 100%;
   
}
.production {}
.production .details {}
.production .details p{font-size:20px;margin-bottom:45px;color:#282727;font-weight:400;line-height:36px;}
.production .details p:nth-child(1){font-weight:500;}
.btn {display: flex;align-items: center;justify-content: center;}
.btn h1{font-size:54px;color:#FFFFFF;line-height:72px;margin-bottom:30px;}
.btn p{font-size:24px;color:#FFFFFF;line-height:36px;margin-bottom:40px;}
.btn a{background:#be9904;color: #fff;font-family:"Krona One";font-size:14px;line-height:32px;padding: 15px 40px 15px 30px;position:relative;transition:all .5s ease-in-out;}
.btn a span{background:#be9904;color: #fff;font-size:14px;line-height:32px;position: relative;padding-right: 35px;padding-left:15px;transition: all .5s ease-in-out;left: 0;}

.btn a span:before{background:url(../images/icon/icon-button-arrow-white.svg);content:"";height: 15px;z-index:9;width: 20px;background-repeat: no-repeat;position: absolute;top: 2px;right: 0;background-size: 40%;transition: all .5s ease-in-out;display: flex;}

.btn a:hover span{left:40px;}
.btn a:hover span:before{right:100%;}
.machine {padding:90px 0; background:#F5F5F5;}
.machine h1{width: 69%;font-size:36px;color:#282727;font-weight:400;line-height:72px;}
.machine p{font-size:16px;color:#282727;font-weight:500;line-height:24px;}
.machine ul li {cursor:pointer;padding-left:10px;list-style:inherit;font-size:16px;color:#282727;font-weight:400;line-height:24px;left:0;position:relative;transition:all .5s ease-in-out;}
.machine ul li{list-style-image: url(../images/icon/icon-button-arrow-black.svg);}
.machine ul li.active {color:#be9904;left:15px; list-style-image: url(../images/icon/icon-button-arrow.svg);}

.machine .b-bottom {border-bottom:1px solid #C8C8C8;padding-left:20px;padding-bottom:15px;margin-bottom:15px;}
.o-hidden img:hover {transform: scale(1.1);}
.sub-title-two	{
		position: absolute;
		bottom: -120px;
		left: 0;
		background: #be9904;
		padding: 50px 50px;
}
.sub-title-two img {filter: brightness(0) invert(1);}
.sub-title-two h1 {font-size:26px;color:#fff;font-weight:400;line-height:35px;margin-top:50px;}
.sektors-detail p {
    font-size: 24px;
    color: #282727;
    line-height: 32px;
    margin-bottom: 50px;
    font-weight: 400;
}
.sectors .item:hover img{filter: grayscale(0%);}
.sectors .item {position:relative;padding:80px 0 50px;}
.sectors .item:after {z-index:-1;content:"";background:#F1F1F1;position:absolute;top:0;left:0;width:100%;height:0;transition:all .1s ease-in-out;}
.sectors .item:hover:after {height:100%;}
.sectors .item h3{font-size:20px;color:#282727;font-weight:400;line-height:48px;margin-top: 10px;margin-bottom: 10px;}
.sectors .item p{font-size:16px;color:#282727;font-weight:400;line-height:24px;width: 48%;margin: 0 auto 100px;min-height: 48px;}
.sectors .item h6 span {
    position: relative;
    padding-right: 30px;
    left: 0;
    transition: all .5s ease-in-out;
    font-size: 14px;
    color: #282727;
}
.sectors .item h6 span:after {
    background: url(../images/icon/icon-button-arrow-black.svg);
    content: "";
    height: 15px;
    z-index: 9;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    right: 0;
    background-size: 40%;
    transition: all .5s ease-in-out;
    display: flex;
}
.sectors  .item:hover h6 span {
    left: 15px;
}
.sectors  .item:hover h6 span:after {
    right: 100%;
}
 .news-detail h2 {font-size:36px;color:#282727;font-weight:400;line-height:48px;margin-bottom: 30px;}
 .news-detail p {font-size: 19px;color:#282727;font-weight:400;line-height:32px;margin-bottom: 20px;}
 .maps {
    margin-top: 0;
    z-index: -1;
    }
.contact .item {
    min-height: 345px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact .item h4{font-size: 14px;color:#C8C8C8;font-weight:400;line-height:44px;text-transform:uppercase;margin: 0 15px;}
.contact .item h5{font-size: 16px;color:#282727;font-weight:400;line-height:28px;margin-bottom: 60px;}
.contact .item a{font-size: 20px;color:#282727;font-weight:400;position:relative;}
.contact .item a:hover{color:#be9904;}
.contact .item.link a:after{background:#be9904;content:"";width:0;height:2px;position:absolute;bottom:-5px;left:0;transition:all .5s ease-in-out;}
.contact .item.link a:hover:after{width:100%;}
.contact .item .social svg{font-size: 35px;margin:5px 5px; color:#282727;}
.contact .item .social svg:hover{color:#be9904;}
.contact .item .social a:after {width:0;}
.tarif span {
    position: relative;
    padding-left: 20px;
    left: 0;
    transition: all .5s ease-in-out;
    font-size: 14px;
    color: #282727;
}
.tarif span:after {
    background: url(../images/icon/icon-button-arrow.svg);
    content: "";
    height: 25px;
    z-index: 9;
    width: 16px;
    background-repeat: no-repeat;
    position: absolute;
    top: -1px;
    left: 0;
    background-size: 70%;
    transition: all .5s ease-in-out;
    display: flex;
}
.tarif span:hover {
    padding-right:20px;
	padding-left:20px;
    left: -30px;
    
}
.tarif span:hover:after {
    
    left: 100%;
    
}
 .menu-btn {min-width: 32px;cursor: pointer;}
 .menu-btn span{position:relative;content:" ";background:#be9904;width: 32px;height: 3px;display:block;margin-bottom: 5px;transition:all .5s ease-in-out;cursor: pointer;}
 .menu-btn span:nth-child(2){width: 32px;}
 .menu-btn span:nth-child(3){width: 32px;}
 .menu-btn {
   display:none;
}
.sectors-slider .slick-dots {
    bottom: -25px;
}
.p-all {display:none;}
button {border: none;}