@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%, 12%);
  --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%);

  --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_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;	 
}
.max_wrap{
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:1600px;
	position:relative;
	padding:0 0px;
} 

.max_wrapB{
	width:100%;
	height:100%;
	margin:0 ;
	max-width:280px;
	position:relative;
} 
.max_wrapBB{
	width:100%;
	height:100%;
	margin:0 ;
	 
	position:relative;
} 
.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:1600px;
	}

.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: var(--t_majorcolorBlue);
	transition: top 0.4s, opacity 0.3s ease;
}

.header.is-active{
background-color: var(--t_majorcolorBlue);

}
 
 
 
.toptopmenu_container {
	width:98%;
	margin:0 auto;
	 max-width:1600px;
    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);*/
   text-align:left;
  min-width:250px;
}

.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_majorcolorBlue);

    }
 


 
@media screen and (min-width: 62rem) {
	  .Topnavbar {
			display: flex;
			justify-content: space-between;
		}

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

.topmenu {
  padding-block: 1rem;
  padding-inline: auto;
 
}
a.topmenu-link,
  .topmenu-link {
    font-size:20px;
    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;
  }


@media screen and (min-width: 980px) {
  .topmenu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 3rem;
    height: 100%;
    padding: unset;
	 
}
     .topmenu-item {
      display: flex;
      cursor: pointer;
      padding-inline: 1rem;
    }

     .topmenu-link {
      padding: unset;
    }
   
}

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



  .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: var(--t_majorcolorBlue);
    overflow: hidden;
    transition: height 0.5s ease;
  }

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

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

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

  .topdropdown-title  a
 {
    
    font-weight: 400;
    line-height: inherit;
     color: var(--t_majorcolorSkyblue);
    transition: color 0.3s ease;
  }

 
    .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: 62rem) {
 
    .topdropdown-toggle {
      column-gap: 0.35rem;
      pointer-events: none;
    }

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

      .topdropdown-column {
      grid-template-columns: repeat(5, minmax(0, 1fr));
      column-gap: 2rem;
      max-width: 75rem;
      margin-inline: auto;
    }
	  .aboutsub .topdropdown-column{
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: 400px;
	  }

      .topdropdown-group {
      align-content: baseline;
      row-gap: 1.25rem;
      padding-block: 4rem;
	}
      .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: 4.25rem;
      opacity: 1;
      pointer-events: initial;
    }

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

/* 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;
    }
     .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;
    }
 
 

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





/**/
#footer{
	clear:both;
	background:#fff;
	padding-top:30px;
 	 

}
#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{
	float:right;  
	text-align:right;
	width:50%;
 } 






/**/

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

 
#footer  .companyinfo .companyinfo_in{
	position:relative;
	padding-top:20px;
	display:block; 
	
 }
#footer .companyinfo .companyinfo_in span{
	margin-right:30px;
	font-size:90%; 
	 font-weight:400; 
 	 
	display:inline-block;
	position:relative;
 	 
}
#footer .companyinfo .companyinfo_in span a{ }
 
#footer .companyinfo .companyinfo_in span:before{
	display: block;
 	content:' ';
 	width:0px;
 	height:10px;
 	background:rgba(255,255,255,.2);
 	position:absolute;
 	top:8px;
	left:0;
	padding-left:0;
 }

 #footer .companyinfo .companyinfo_in span.first{
	 
 }

#footer .companyinfo .companyinfo_in span.first: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 all and  (max-width:1000px){ 
	   #footer  .rightlogo,
	 #footer  .bottom_logo{
		text-align:center;
		width:44%;
		margin-left:3%;
		margin-right:3%;

	 }
	 
}