@charset "utf-8";
:root {
  --color-white-100: hsl(0, 0%, 100%);
  --color-white-200: hsl(0, 0%, 95%);
  --color-white-300: hsl(0, 0%, 85%);
  --color-white-400: hsl(0, 0%, 75%);
  --color-white-500: hsl(0, 0%, 65%);
  --color-white-600: hsl(0, 0%, 55%);

  --color-black-100: hsl(210, 17%, 70%);
  --color-black-200: hsl(210, 17%, 10%);
  --color-black-300: hsl(210, 16%, 8%);
  --color-black-400: hsl(210, 16%, 6%);
  --color-black-500: hsl(210, 15%, 4%);
  --color-black-600: hsl(210, 15%, 2%);

  --color-blue-100: hsl(212, 96%, 60%);
  --color-blue-200: hsl(213, 94%, 55%);
  --color-blue-300: hsl(217, 91%, 50%);
  --color-blue-400: hsl(221, 83%, 45%);
  --color-blue-500: hsl(224, 76%, 40%);
  --color-blue-600: hsl(226, 71%, 35%);


  --color-red-100: hsl(0, 100%, 70%);
  --color-red-200: hsl(0, 100%, 60%);
  --color-red-300: hsl(0,100%, 50%);
  --color-red-400: hsl(0, 80%, 40%);
  --color-red-500: hsl(0, 60%, 30%);
  --color-red-600: hsl(0, 40%, 20%);

  --text-tiny: clamp(0.84rem, calc(0.12vw + 0.8rem), 0.89rem);
  --text-small: clamp(0.93rem, calc(0.13vw + 0.91rem), 1rem);
  --text-base: clamp(1.05rem, calc(0.15vw + 1.01rem), 1.12rem);
  --text-medium: clamp(1.18rem, calc(0.17vw + 1.14rem), 1.26rem);
  --text-large: clamp(1.32rem, calc(0.19vw + 1.28rem), 1.41rem);

  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
 
 --t_majorcolor:#c61500;
--t_majorcolorBlue: #232b41;
--t_majorcolorGreen: #ed1f24;
--t_red: #ed1f24;
--t_majorcolorSkyblue:#51d0f4;
--t_majorcolorSkyblueB:#106ac2;
--t_majorcolorSkyblueC:#0a6bb1;
--t_majorcolorSkyblueD:#003b83;
--t_majorcolorSkyblueE:#042753;

}
  

#wrap{
		position: absolute;
		width:100%;
		height:100%;
		margin:0;
		padding:0;	 
}
#wrap.on:after{
	  display:block;
	 content:'';
	 position: absolute;
		width:100%;
		height:100%;
		margin:0;
		padding:0;	 
		left:0;
		top:0;
		z-index:3;
		background:rgba(0,0,0,.4);
		
}
.max_wrap{
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:1500px;
	position:relative;
	padding:0 10px;
	
} 

.max_wrapB{
	width:100%;
	height:100%;
	margin:0;
	max-width:280px;
	position:relative;
	background:red;
} 
.max_wrapC{
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:1300px;
	position:relative;
	padding:0 10px;
} 
 
.wrap{
	margin:0 auto;
	padding:0;
	width:98%;
	position:relative;
	max-width:1500px;
	}

.wide_wrap{
	margin:0 auto;
	padding:0; 
	position:relative;
	width:100%;
	}	


.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  /*box-shadow: var(--shadow-medium);*/
  transition: top 0.4s, opacity 0.3s ease;
}
.header.on {
	background-color: #fff;
	transition: top 0.4s, opacity 0.3s ease;
}

.header.is-active{
	background-color: #fff;

}
 
 
 
.toptopmenu_container {
	width:98%;
	margin:0 auto;
	 max-width:1500px;
    height: auto;
    margin-inline: auto;
    padding-inline: 1.5rem;
	 
	
}

 

.Topnavbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    height: 100%;
	z-index:999;
	 
  }

.logo {
 /* font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--color-blue-300);*/
	display:block;
   text-align:left;
  min-width:210px;
  height:23px;
  background: url(/image/logo.png) no-repeat 0 center;
  background-size:cover;
}
.header.is-active .logo,
.header.on .logo {
	background: url(/image/logo_on.png) no-repeat 0 center;
  background-size:cover;
}

.english .logo {
  
  min-width:280px;
  height:18px;
  background: url(/image/logo_e.png) no-repeat 0 center;
  background-size:cover;
}
.english .header.is-active .logo,
.english .header.on .logo {
	background: url(/image/logo_e_on.png) no-repeat 0 center;
  background-size:cover;
}


.Topnavbar {
  width: 100%;
  height:5.25rem;
  margin-inline: auto;
}


.Topnavbar-block {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100vh - 4rem);
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    transition: opacity 0.4s ease;
	
}


 .Topnavbar-block.is-active {
      opacity: 1;
      pointer-events: initial;
	  background-color: var(--t_red);

    }
 


 
@media screen and (min-width: 1000px) {
	 
	  
	  .Topnavbar {
			display: flex;
			justify-content: space-between;
		}
		
		.logo {
 
		  min-width:290px;
		  height:33px;

		  }

		  .english .logo {
  
			  min-width:365px;
			  height:24px;

  }

      .Topnavbar-block {
		  position: initial;
		  height: initial;
		  opacity: 1;
		  overflow: hidden;
		  pointer-events: visible;
		  background: none;
		  transition: none;
    }
 
}

.topmenu {
  padding-block: 1rem;
  padding-inline: auto;
 
}
a.topmenu-link{
	 font-size:19px;
    font-weight: 600;
	color: var(--color-white-100);
    transition: color 0.3s ease;
}
  .topmenu-link {
    font-size:19px;
    font-weight: 600;
    line-height: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 0.5rem;
    padding-inline: 1.5rem;
    color: var(--color-white-100);
    transition: color 0.3s ease;
  }

  .langarea{
	display:block;
	text-align:center;
	 margin-top:40px;
  }

  .langarea a{position:relative;font-size:80%;margin-left:10px;margin-right:10px;display:inline-block;color:#fff;font-weight:600;border:2px solid rgba(255,255,255,.2);padding:5px 15px;}
 .langarea a.active{border:2px solid rgba(255,255,255,.8);}


@media screen and (min-width: 1000px) {
  .topmenu {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 1rem;
    height: 100%;
    padding: unset;
	 width: calc(100% - 110px);
	 
}
.english .topmenu {column-gap: 0rem;}



     .topmenu-item {
      display: flex;
      cursor: pointer;
      padding-inline: 1rem;
    }

     .topmenu-link {
      padding: unset;
    }

 .langarea{
	display: inline-flex;
    flex-direction: row;
    justify-content: right;
    column-gap: 1rem;
    height: 100%;
    padding: unset;
	 width: 100px;
    position:relative;
 }
 .langarea a{position:relative;font-size:80%;margin-left:5px;margin-right:5px;display:inline-block;color:#fff;font-weight:600;border:0px solid rgba(255,255,255,.2);padding:0px;}
   .langarea a.active{border:0px}
  .langarea a.active:after{
	display:block;
	content:'';
	position:absolute;
	top:18px;
	left:0;
	width:100%;
	height:3px;
	background:red;
	 
  }

  .header.on .langarea a{color:#333;}
   
}
 

 @media screen and (min-width: 1100px) {
		  .topmenu {
			column-gap: 4rem;
		}
	
}


 @media screen and (min-width: 1200px) {
	
		.english .topmenu {
			column-gap: 3rem;
		}
	
}
 






  .topdropdown-toggle {
    cursor: pointer;
    outline: none;
    user-select: none;
 }
    .topdropdown-toggle   i.bx {
      font-size: 1.5rem;
      line-height: inherit;
      transition: rotate 0.4s ease;
    }
 

 .topdropdown-content {
    height: 0;
	background-color:rgba(0,0,0,.2);
    overflow: hidden;
    transition: height 0.5s ease;
	text-align:left;
  }

  .topdropdown-column{}
  .topdropdown-group,
  .topdropdown-items {
    display: inline-block;
  }

  .topdropdown-group {
   padding-top: 1rem;
    padding-bottom: 1rem;
    padding-inline: .5rem;
	
  }

  .topdropdown-title {
    display: flex;
    column-gap: 0rem;
    align-items: center;
    padding-inline: 1rem;
  }

  .topdropdown-title  a
 {
    
    font-weight: 400;
    line-height: inherit;
     color: #fff;
	 opacity:.8;
    transition: color 0.3s ease;
  }
    .topdropdown-title  a:hover{
		opacity:1;
	}

 
    .topdropdown-items {
    row-gap: 0.5rem;
    padding-inline: 1rem;
    padding-top: 0.35rem;
  }

 .topdropdown-items a
 {
     font-size:80%;
     
    line-height: inherit;
    color: var(--color-white-500);
    transition: color 0.3s ease;
  }

   .topdropdown-show > .topdropdown-toggle i.bx {
    rotate: 180deg;
  }

 
   .topdropdown-block {
    display: flex;
    align-items: flex-start;
    column-gap: 1rem;
    padding-top: 1rem;
    padding-inline: 1rem;
  }
 

 
@media screen and (min-width: 1000px) {
 
    .topdropdown-toggle {
      column-gap: 0rem;
      pointer-events: none;
    }

      .topdropdown-content {
      position: absolute;
      left: 0;
      right: 0;
      top: 5rem;
      opacity: 0;
	  width:100%;
      height: max-content;
      pointer-events: none;
      background-color: var(--t_red);
       
      box-shadow: var(--shadow-large);
      transition: top 0.4s, opacity 0.3s ease;
    }

      .topdropdown-column {
      /*grid-template-columns: repeat(6, minmax(0, 1fr));
      column-gap: 1rem;
      max-width: 75rem;
      margin-inline: auto;*/
	  max-width:1000px;
	  position:relative;
	  margin:0 auto;
	  
	 text-align:center;
	 padding:30px 0;
	   
       
    }
 
	.topdropdown-column.lastcustomer{
			 text-align:right;
	}
	.english .topdropdown-column.lastcustomer{
			width:100%;
			 padding-right:90px;
		 
	}


	/*  .aboutsub .topdropdown-column{
		max-width: 400px;
	  }*/

      .topdropdown-group {
		display:inline-block;
      /*align-content: baseline;
      row-gap: 1.25rem;
      padding-block: 1rem;*/
	}
      .topdropdown-group:first-child,
      .topdropdown-group:last-child {
        margin: unset;
      }
 
     .topdropdown-items {
      padding-top: unset;
    }

     .topdropdown-block {
      padding-top: unset;
      padding-inline: unset;
    }

	 

     .topdropdown:hover > .topdropdown-content {
      cursor: initial;
      top: 5.25rem;
      opacity: 1;
      pointer-events: initial;
    }
	.topdropdown > .topdropdown-toggle i.bx {
		display:none;
	}

    .topdropdown:hover > .topdropdown-toggle i.bx {
      /*rotate: 180deg;*/
    }


	.header.on  a.topmenu-link,
	.header.on .topmenu-link {
 
 		 color: #333;
   }
  a.topmenu-link:hover,
  .topmenu-link:hover,
  .header.on  .topdropdown:hover >  a.topmenu-link,
	.header.on  .topdropdown:hover > .topdropdown-toggle.topmenu-link{
		color: #ff0000;
	  }
 
}

/* mobile topmenu*/
.mobile_menu {
  position: relative;
  display: block;
  cursor: pointer;
  user-select: none;
  width: 1.5rem;
  height: 1rem;
  border: none;
  outline: none;
  visibility: visible;
}
  .mobile_menu-line {
    position: absolute;
    display: block;
    right: 0;
    width: 100%;
    height: 2.15px;
    opacity: 1;
    rotate: 0deg;
    border-radius: 0.15rem;
    background-color: var(--color-white-100);
    transition: all 0.3s ease;
}
     .mobile_menu-line:nth-child(1) {
      top: 0px;
    }
     .mobile_menu-line:nth-child(2) {
      top: 0.5rem;
      width: 70%;
    }
     .mobile_menu-line:nth-child(3) {
      top: 1rem;
    }
 

 
     .mobile_menu.is-active > .mobile_menu-line:nth-child(1) {
      top: 0.5rem;
      rotate: 135deg;
	  background-color: #333;
    }
     .mobile_menu.is-active > .mobile_menu-line:nth-child(2) {
      opacity: 0;
    }
     .mobile_menu.is-active > .mobile_menu-line:nth-child(3) {
      top: 0.5rem;
      rotate: -135deg;
	  background-color: #333;
    }
 
 

/* Responsive media breakpoint */
@media screen and (min-width: 1000px) {
  .mobile_menu {
    display: none;
    visibility: hidden;
  }
}





/**/
#footer{
	clear:both;
	background:#fff;
	padding-top:30px;
	border-top: 1px solid rgba(0,0,0,.2);
 	 

}
#footer:after{
	clear:both;
	content:'';
	display:block;
	position:relative;
} 
 #footer .bottom_logoara{
	position:relative;
	padding:10px;
 }
  #footer .bottom_logoara:after{
	clear:both;
	display:block;
	content:'';
  }
 #footer  .bottom_logo{
	float:left;  
	text-align:left;
	width:50%;
 } 

  #footer  .rightlogo{
	position:absolute;
	right:0;
	top:0px;
	text-align:center;
	width:60px;
	height:60px;
	border-radius:50%;
	border:1px solid #ccc;
	box-shadow: var(--shadow-small);
	display:flex; 
	 justify-content:center;	 
	 align-items:center;

 } 
   #footer  .rightlogo span{
	display:flex; 
	 justify-content:center;	 
	 align-items:center;
	 text-align:center;
	 font-size:150%;
	 cursor:pointer;
   }






/**/

#footer .companyinfo{
 	clear:both;
	border-top: 0px solid #3f3f3f;
	padding:10px;
	margin-top:10px;
 }

 
#footer  .companyinfo .companyinfo_in{
	position:relative;
	padding-top:0px;
	display:block; 
	max-width:800px;
	
 }
#footer .companyinfo .companyinfo_in span{
	padding-right:16px;
	font-size:80%; 
	 font-weight:400; 
	 letter-spacing:-0.05em;
 	 
	display:inline-block;
	position:relative;
 	 
}
#footer .companyinfo .companyinfo_in span a{ }
 
#footer .companyinfo .companyinfo_in span:before{
	display: block;
 	content:' ';
 	width:2px;
 	height:10px;
 	background:rgba(0,0,0,.2);
 	position:absolute;
 	top:4px;
	right:4px;
	padding-left:0;
 }

 #footer .companyinfo .companyinfo_in span.first{
	 
 }

#footer .companyinfo .companyinfo_in span.noline:before{
	background:none;
}
#footer .companyinfo  .companyinfo_in  strong{
 	font-weight:400; 
	margin-right:0px; 
	left:0; 
	 
}
 
#footer .companyinfo p.cpyright{
	clear:both;
	display:inline-block;
	vertical-align:middle;
	 opacity:.7;
	margin-top:10px;
 	font-size:12px;
 	 letter-spacing:0px;
	 padding-bottom:10px;

}


#footer .bottomlink {
	  text-align:right;
	display:inline-block; 
	vertical-align:middle;
	 
}

#footer .bottomlink ul{
	display:block; 
	 text-align:right;
	margin:0;
    padding:0x;
 
}
#footer .bottomlink ul li{
	display:inline-block;
 	margin-right:10px;
 	padding:15px 10px;  
 	position:relative;
	 vertical-align:top;
 	 
	
}

#footer .bottomlink ul li.first{
  	background:none;
 
}
#footer  .bottomlink ul li a:after{
	display: block;
 	content:' ';
 	width:1px;
 	height:10px;
 	background:rgba(255,255,255,.2);
 	position:absolute;
 	top:20px;
	

}

#footer  .bottomlink ul li.first a:after{
	 
	width:0px;
 	background:none;
 	 

}
#footer  .bottomlink ul li a {
 	padding :10px;
	display:block;
	width:150px;
	text-align:center;
	border:1px solid #ccc;
	letter-spacing:-1px; 
	font-size:14px;
	font-weight:400;

	
}
#footer  .bottomlink ul li.first a {
	 
	padding-left:0px;
	
}

#footer  .bottomlink ul li a,
#footer  .bottomlink ul li a:hover{
	 
	text-decoration:none;	 
 	 
} 


#footer .bottomlink ul li.pesornal a{
 	font-weight:500;
}


@media(max-width:600px){
  #footer  .rightlogo{
	width:40px;
	height:40px;
  }
 }