.ts-main-header{
	position: fixed;
	z-index: 999;
	width: 100%;
    background-color: #000000;
    /*position: relative;*/
}
.ts-main-header.hyaline{
	background: transparent;
}
.ts-main-header.blackbg{
	background: #000000;
}
.ts-main-header.stick{
	background: #000000 !important;
}

nav.nav-extended .nav-wrapper{
	position: relative;
}
.mega-dropdown-menu::before,
.mega-dropdown-menu::after{
	top: 0;
}
.telosystems-logo{
	display: flex;
	align-items: center;
	width: 205px;
}
body.overflow .telosystems-logo{
    width: 205px;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
nav.nav-extended .nav-wrapper {
	height: 80px;
}
@media only screen and (min-width: 1025px){
	nav.nav-extended .nav-wrapper > ul{
		height: 80px;
		line-height: 80px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1024px){
	.telosystems-banner-secction:before{
		height: 80px;
	}
}
.telosystems-banner-secction{
	padding-top: 80px;
}

.product-column .xk-left{
	flex-shrink: 0;
	padding-top: 0;
	margin-right: 50px;
	grid-gap: 5px;
}
.product-column .xk-left .addheadline{
	font-family: 'Manrope-Bold';
	color: #000000;
	font-size: 26px;
	line-height: 1.5;
	margin-bottom: 5px;
	padding-top: 20px;
}
.product-column .xk .my_row.on .no-border{
	background: none;
}
.product-column .xk.dropdown-sub-section .no-border{
	padding: 0 !important;
}
.product-column .xk.dropdown-sub-section .no-border:hover{
	background: none;
}
.product-column .mega-dropdown-menu .dropdown-header{
	color: #000000;
	font-size: 18px;
	line-height: 1.5;
	font-weight: normal;
}
.product-column .xk .my_row.on .dropdown-header{
	color: #ec801b;
}
.product-column .xk.dropdown-sub-section{
	grid-gap: 0;
	overflow: auto;
	padding-right: 0 !important;
}
.product-column .mega-dropdown-menu{
	box-shadow: none !important;
}



.add-section{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	gap: 30px;
}
.add-section .addleft{
	flex: 1;
	overflow: hidden;
}
.add-section .addleft ul{
  	display: flex;
  	align-items: stretch;
  	justify-content: center;
  	flex-wrap: wrap;
	gap: 30px;
	margin-top: 0;
	width: 100%;
	max-width: 100%;
}
.xk-left .col.l4{
	width: 100%;
    float: none;
    min-height: auto;
}
.add-section .addleft ul li{
	flex: 1;
	overflow: hidden;
	max-width: 632px;
}
.add-section .addleft ul li a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border-radius: 0;
}
.add-section .addleft ul li a::before{
	content: '';
	position: absolute;
	right: 100%;
	bottom: 10px;
	z-index: 5;
	width: 28px;
	height: 28px;
	background: url(../images/addh3.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
	transition: all .5s ease-out;
}
.add-section .addleft ul li a:hover::before{
	opacity: 1;
	right: 8px;
}
@media only screen and (max-width: 1900px){
	.add-section .addleft ul li a::before{
		bottom: 0.5208333333333333vw;
		width: 1.458333333333333vw;
		height: 1.458333333333333vw;
	}
	.add-section .addleft ul li a:hover::before{
		right: 0.4166666666666667vw;
	}
}
.add-section .addleft ul li a:hover{
	box-shadow: none;
}
.add-section .addleft ul li a .img{
	width: 100%;
	height: 100%;
}
.add-section .addleft ul li a .img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}
.add-section .addleft ul li a:hover .img img{
	transform: scale(1.06);
}
.add-section .addright{
	flex: 1;
	overflow: hidden;
}
.add-section .addright ul{
  	display: flex;
  	align-items: flex-start;
  	align-content: space-between;
  	flex-wrap: wrap;
	gap: 56px 20px;
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
@media only screen and (max-width: 1900px){
	.add-section .addright ul{
		row-gap: 2.916666666666667vw;
	}
}
@media only screen and (max-width: 1680px){
	.add-section .addright ul{
		row-gap: 2.815vw;
	}
}
@media only screen and (max-width: 1366px){
	.add-section .addright ul{
		row-gap: 2.5vw;
	}
}
.add-section .addright ul li{
	width: 195px;
}
/*@media only screen and (max-width: 1900px){
	.add-section .addright ul li{
		width: 10.15625vw;
	}
}*/
@media only screen and (max-width: 1900px){
	.add-section .addright ul li{
		width: 10.45vw;
	}
}
@media only screen and (max-width: 1300px){
	.add-section .addright ul li{
		width: 10vw;
	}
}
.add-section .addright ul li a{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	border-radius: 0;
}
.add-section .addright ul li a:hover{
	box-shadow: none;
}
.add-section .addright ul li a::before{
	content: '';
	position: absolute;
	right: 100%;
	bottom: 0;
	z-index: 5;
	width: 28px;
	height: 28px;
	background: url(../images/addh3.png) center no-repeat;
	background-size: 100% auto;
	opacity: 0;
	transition: all .5s ease-out;
}
.add-section .addright ul li a:hover::before{
	opacity: 1;
	right: 0;
}
.add-section .addright ul li.spe-item a::before{
	display: none;
}
@media only screen and (max-width: 1900px){
	.add-section .addright ul li a::before{
		width: 1.458333333333333vw;
		height: 1.458333333333333vw;
	}
}
.add-section .addright ul li .img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 110px;
	/*overflow: hidden;*/
}
@media only screen and (max-width: 1900px){
	.add-section .addright ul li .img{
		height: 5.729166666666667vw;
	}
}
@media only screen and (max-width: 1720px){
	.add-section .addright ul li .img{
		height: 6.25vw;
	}
}
@media only screen and (max-width: 1536px){
	.add-section .addright ul li .img{
		height: 5.75vw;
	}
}
@media only screen and (max-width: 1366px){
	.add-section .addright ul li .img{
		height: 5.4vw;
	}
}
.add-section .addright ul li .img img{
	max-width: 100%;
	max-height: 100%;
	transition: all 0.5s ease;
}
.add-section .addright ul li.spe-item .img img{
	max-width: 90%;
	max-height: 80px;
}
.add-section .addright ul li:hover .img img{
	transform: scale(1.12);
}
.add-section .addright ul li .text{
	margin-top: 15px;
	color: #000000;
	font-size: 16px;
	height: auto;
	line-height: 1.6;
}


/*.telosystems-banner-secction{
	position: relative; 
}*/



.slider-btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
}
@media only screen and (max-width: 1024px){
	.slider-btn{
		width: 40px;
		height: 40px;
	}
}
.slider-btn.slider-nav-left{
	opacity: 1;
	left: 50px;
	background: rgba(0,0,0,0.5) url(../images/slider-nav-left.png) center no-repeat;
	background-size: 18% auto;
}
.slider-btn.slider-nav-right{
	right: 50px;
	background: rgba(0,0,0,0.5) url(../images/slider-nav-right.png) center no-repeat;
	background-size: 18% auto;
}
@media only screen and (max-width: 600px){
	.slider-btn{
		width: 36px;
		height: 36px;
	}
	.slider-btn.slider-nav-left{
		left: 15px;
	}
	.slider-btn.slider-nav-right{
		right: 15px;
	}
}