/********************** Global Styles *******************/

:root {
	--fs-xl: 48px;
	--fs-800: 22px;
	--fs-700: 20px;
	--fs-600: 18px;
	--fs-400: 15px;
	--fs-btn: 18px;
	--corp-orange: #f3943b;
}

@font-face {
	font-family: 'MyWebFont';
	src: url('myfont.woff') format('woff'),
		/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: "TFLEX Design";
	src:
		local("TFLEX Design"),
		url('css/fonts/tflex_design_regular.ttf') format('truetype');
}

@media (max-width: 768px) {
	:root {
		--fs-xl: 32px;
		--fs-800: 20px;
		--fs-700: 18px;
		--fs-600: 16px;
		--fs-400: 14px;
	}

	.index_about-content p {
		padding-left: 30px;
		padding-right: 30px;
	}
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html {
	height: 100.01%;
	background: #ffffff;
}

body {
	/*height:100%;*/
	font-size: 15px;
	font-family: "Segoe UI", Tahoma, sans-serif;
	color: #333;
	/*background-color: #FBFBFB; */
}

img,
div,
table,
td,
tr,
tbody {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

a {
	color: #006cb5;
	text-decoration: none;
}

a:hover {
	/*color:#00abc2;*/
	/*color:#eb510b;*/
	text-decoration: underline;
}

#container-global {
	position: relative;
	width: 1205px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

.clear_left {
	clear: left;
}

.clear_both {
	clear: both;
}

p {
	padding: 6px 20px;
	text-align: justify;
	line-height: 1.5;
}

ul,
ol {
	padding: 6px 20px 6px 40px;
}

ul li,
ol li {
	padding: 3px 0 3px 20px;
}

ul,
ul li {
	list-style-image: url(/img/template/main/dot_blue.gif)
}

/********************** Header *******************/

.header_wrap {
	position: sticky;
	background: #fff;
	width: 100%;
	top: 0;
	z-index: 1000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header_wrap .menu-form button {
	position: absolute;
	right: 11px;
	top: 0;
	border: none;
	background: transparent;
	color: #a9a9a9;
	bottom: 0;
	cursor: pointer;
}

.header_wrap .menu-form>div {
	float: right;
	position: relative;
}

#container-header {
	position: relative;
	height: 214px;
	width: 1205px;
	background: white;
}

#box-top-eng {
	position: absolute;
	right: 11px;
	top: 18px;
	text-align: right;
	font-size: 12px;
	z-index: 3;
}

#box-top {
	position: absolute;
	top: 4px;
	left: 11px;
	height: 100px;
	overflow: hidden;
	/*background:#e4edee url('/img/template/main/bg_ts_new.png') no-repeat;*/
}

#box-buttons {
	position: absolute;
	top: 43px;
	right: 0px;
	overflow: hidden;
}

#box-logo {
	position: absolute;
	top: 30px;
	right: 11px;
	width: 163px;
	height: 163px;
	background: #e4edee url(/img/template/main/bg_logo.png) no-repeat;
	overflow: hidden;
}

#box-topmenu {
	position: absolute;
	top: 27px;
	left: 260px;
	width: 650px;
	height: 50px;
	/*background:#bfeff5;*/
}

#box-threemenu {
	position: absolute;
	top: 420px;
	left: 11px;
	width: 1183px;
	height: 56px;
	background: white;
	z-index: 110;
}

.area-name {
	position: absolute;
	/*bottom:8px;*/
	/*left:20px;*/
	font-family: Impact, "Segoe UI", Tahoma, sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #005baa;
	padding: 0;
}

.area-name:hover {
	color: #617a7d;
}

.area-slogan {
	position: absolute;
	bottom: 15px;
	right: 30px;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #005baa;
	padding: 0;
}

#box-logo h1 {
	position: absolute;
	top: 30px;
	left: -1999px;
	font-size: 1px;
	font-weight: normal;
}

/********************** Top Blue Menu *******************/

.area-home {
	position: relative;
	display: block;
	width: 51px;
	height: 78px;
	margin-left: 12px;
	background: #bfeff5 url('/img/template/main/home_01.png') no-repeat center center;
}

.area-home:hover {
	background: white url('/img/template/main/home_01.png') no-repeat center center;
}

.area-topmenu {
	position: absolute;
	top: 0px;
	left: 10px;
}

/********************** Top Three Menu *******************/
/***SEE MENU PHP FILE***/

/********************** Show-Hide Boxes *******************/
.box-show-hide {
	position: absolute;
	top: 0px;
	left: 11px;
	width: 1183px;
	background: #ffffff;
	z-index: 100;
	display: none;
}

.area-solutions,
.area-products,
.area-support {
	width: 1181px;
	/*border:1px #6d7a8c solid;*/
	border-top: none;
	z-index: 20;
}

.th_solutions {
	height: 25px;
	background: #ffffff;
}

.th_products {
	height: 25px;
	background: #ffffff;
}

.th_support {
	height: 25px;
	background: #ffffff;
}

p.name_menu {
	padding: 15px 15px 15px 15px;
	font-size: 16px;
	color: #6d7a8c;
	text-align: left;
}

ul.punkt_menu {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	list-style-image: none;
}

ul.punkt_menu li {
	list-style-image: none;
	padding: 0 15px 15px 15px;
	font-size: 14px;
}

ul.punkt_menu li a {
	color: #00469e;
	/*text-decoration:underline;*/
}

ul.punkt_menu li a:hover {
	color: #ec0000;
}




/********************** Carousel Area *******************/
#container-topbanner {
	position: relative;
	height: 270px;
	width: 1205px;
	top: 246px;
}

.box-show {
	position: relative;
	top: 80px;
}


/* ------------- Showcase ------------- */
.showcase-load {
	height: 333px;
	/* Same as showcase javascript option */
	overflow: hidden;
}

.showcase {
	position: relative;
	width: 1183px;
	height: 333px;
	margin: 0 11px;
}

.showcase-content-container {
	background-color: white;
	width: 1183px;
	height: 333px;
}

/* --------- Content ------------- */
.showcase-content {
	background-color: white;
	text-align: left;
	width: 1013px;
}

.showcase-content-wrapper {
	text-align: left;
	height: 333px;
	width: 1013px;
	display: table-cell;
	vertical-align: middle;
}

/* ---------------- Styling the tooltips --------------- */
.showcase-plus-anchor {
	background-image: url('/img/template/main/plus.png');
	background-repeat: no-repeat;
}

.showcase-plus-anchor:hover {
	background-position: -32px 0;
}

div.showcase-tooltip {
	background-color: #fff;
	color: #000;
	text-align: left;
	padding: 5px 8px;
	background-image: url(/img/template/main/white-opacity-80.png);
}

/* --------------- Styling the caption ------------------ */
.showcase-caption {
	color: #000;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	display: none;
	background-image: url(/img/template/main/white-opacity-80.png);
}

/* ------------------- Thumbnails ------------------------ */
/* Used for backgrounds, no other styling!!! */
/* .showcase-thumbnail-container
	{
	background-color: #dee2e8;
} */

.showcase-thumbnail-wrapper {
	overflow: hidden;
}

.showcase-thumbnail {
	width: 145px;
	height: 51px;
	cursor: pointer;
	position: relative;
	/* Used for 4 slides: */
	margin: 26px 12px 26px 13px;
	top: 1px;
	/* Used for 3 slides: */
	/*	margin: 21px 12px 21px 13px;
	top: 3px; */
}

.showcase-thumbnail-caption {
	position: absolute;
	bottom: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.showcase-thumbnail-content {
	text-align: center;
}

.showcase-thumbnail-cover {
	background-image: url(/img/template/main/black-opacity-40.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* .showcase-thumbnail:hover {} */

.showcase-thumbnail:hover .showcase-thumbnail-cover {
	display: none;
}

/* .showcase-thumbnail.active {} */

.showcase-thumbnail.active .showcase-thumbnail-cover {
	display: none;
}

.showcase-thumbnail-wrapper-vertical {
	padding: 0px;
}

.showcase-thumbnail-wrapper-vertical {
	padding: 0px;
}

/* .showcase-thumbnail-wrapper-vertical .showcase-thumbnail {} */

.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward {
	height: 0px;
}

/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span {
	display: none;
}

/* Individual styles for slides and thumbnails
-------------------------------------------  */

.showcase .ny-textbox {
	position: absolute;
	top: 12px;
	left: 2px;
	height: 212px;
	width: 616px;
	z-index: 2;
}

.showcase .ny-name {
	height: 50px;
	width: 560px;
	z-index: 2;
}

.showcase .ny-text {
	padding: 16px 15px;
	font: normal 15px/18px "Segoe UI";
	color: #004266;
	text-align: justify;
	z-index: 2;
}

.showcase .ny-right {
	padding: 0px 15px;
	font: normal 15px/18px "Segoe UI";
	color: #004266;
	text-align: right;
	z-index: 2;
}

.showcase .logo {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 2;
}

.showcase .h-text {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 2;
}

.showcase .a-text {
	position: absolute;
	bottom: 10px;
	left: 300px;
	z-index: 2;
}

.showcase .t-logo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

.showcase .t-text {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 2;
}

.showcase h1 {
	font-size: 24px;
	font-weight: bold;
	color: white;
}

.showcase h2 {
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	color: red;
}

.showcase h5 {
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 0px;
}

/********************** Central Area *******************/

#container-central {
	position: relative;
	width: 1205px;
	background: white;
}

.box-page {
	position: relative;
	margin-left: 11px;
	width: 1184px;
	float: left;
	background: white;
}

.box-right {
	position: relative;
	margin-right: 11px;
	width: 333px;
	float: right;
	background: white;
}

/********************** Main Page Boxes *******************/

.block-785-200 {
	position: relative;
	width: 100%;
	height: 170px;
}

.block-small-news {
	position: relative;
	width: 380px;
	height: 420px;
	float: left;
}

.block-news-2016 {
	position: relative;
	width: 100%;
	height: 310px;
}

.block-articles-2016 {
	position: relative;
	width: 100%;
	height: 852px;
}

.block-download-2016 {
	position: relative;
	width: 100%;
	height: 380px;
	/*border-bottom: 1px solid #027b9a;*/
}

.box-tflex-gray {

	display: flex;
	flex-wrap: wrap;
}

.box-tflex-gray img {
	max-width: 100%;
}

.box-square-1 {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 163px;
	height: 163px;
	background: #e4edee url('/img/template/main/bg_one_new.png') no-repeat;
}

.box-square-2 {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 163px;
	height: 163px;
	background: #e4edee url('/img/template/main/bg_two_new.png') no-repeat;
}

.box-square-3 {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 163px;
	height: 163px;
	background: #e4edee url('/img/template/main/bg_three_new.png') no-repeat;
}

.box-square-4 {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 163px;
	height: 163px;
	background: #e4edee url('/img/template/main/bg_four_new.png') no-repeat;
}

.box-585-rose {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 100%;
	height: fit-content;
	padding: 4px;
	/*	border: 1px solid #027b9a;*/
	/*border-top: 1px solid #027b9a;
	border-bottom: 1px solid #027b9a;*/
}

.box-585-green {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 1174px;
	height: 292px;
	padding: 4px;
	/*border-top: 1px solid #027b9a;
	border-bottom: 1px solid #027b9a;*/
}

.box-585-blue {
	position: absolute;
	top: 7px;
	right: 0px;
	width: 390px;
	height: 286px;
	border: 1px solid #027b9a;
	/*background:#bfeff5;*/
}

.box-small-news {
	position: absolute;
	top: 7px;
	width: 380px;
	height: 340px;
	/*border: 1px solid #027b9a;*/
	/*background:#bfeff5;*/
}

.box-585-yell {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 673px;
	height: 163px;
	background: #d7fbf4;
}

/********************** Right Side Boxes *******************/

.block-385-100 {
	position: relative;
	width: 333px;
	height: 85px;
}

.block-385-400 {
	position: relative;
	width: 333px;
	height: 340px;
}

.box-185-quest {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 163px;
	height: 78px;
	background: #e4edee;
}

.box-185-enter {
	position: absolute;
	top: 7px;
	left: 170px;
	width: 163px;
	height: 78px;
	background: #e4edee;
}

.box-385-search {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 333px;
	height: 78px;
	background: #e4edee;
}

.box-385-news {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 333px;
	height: 333px;
	background: #e4edee;
}

.box-385-events {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 333px;
	height: 333px;
	background: #e4edee;
}

.search-field {
	width: 220px;
	height: 22px;
	background: white;
	margin-top: 25px;
	margin-left: 0px;
	font-size: 11px;
	padding-left: 3px;
	color: #555;
}

.search-button {
	margin-left: 6px;
	margin-top: 18px;
	position: relative;
	top: 6px;
}

.news-list,
.event-list {
	margin: 0;
}

.event-list img {
	margin-left: 15px;
	float: left;
}



/********************** Footer Styles *******************/
#container-footer {
	position: relative;
	width: 1205px;
	background: white;
	height: 260px;
}

.box-footer {
	position: relative;
	/*background:white url('/img/template/main/bg_footer_01_new.png') repeat-x;*/
	/*height:346px;*/
	margin-bottom: 0px;
}

.table-footer {
	text-align: left;
	width: 100%;
}

.table-footer td {
	text-align: left;
}

.name-footer {
	padding: 27px 32px;
	font-size: 16px;
	color: #6d7a8e;
}

.icons-footer {
	width: 100%;
	/*	vertical-align:middle; */
}

.icon {
	width: 58px;
}

.icon img {
	width: 26px;
	height: 26px;
	margin: 6px 0 6px 32px;
}

.td-footmenu {
	text-align: left;
	vertical-align: top;
}

.menu-footer {
	list-style: none;
	text-align: left;
	margin: 0;
	padding-left: 32px;
}

.menu-footer li {
	list-style: none;
	list-style-image: none;
	font-size: 14px;
	padding: 4px 0 10px 0;
}

.knopka img {
	margin-left: 32px;
	margin-bottom: 16px;
}

.copy-footer {
	text-align: center;
}

.cherta {
	margin-top: 12px;
	width: 100%;
	background: #8d9aae;
	height: 1px;
}

.copy {
	text-align: center;
	color: #6d7a8e;
}

/********************** Authorization *******************/

.bluebutton {
	border: 1px gray outset;
	color: #00469e;
	background: #dfe3e8;
	padding: 1px 3px;
	font-size: 14px;
}

.authblock {
	margin-top: 6px;
	margin-left: 20px;
}

.authline {
	padding-top: 6px;
	padding-left: 20px;
}

/**********************************/
.topsmallbuttons {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.topsmallbuttons:hover {
	opacity: 0.5;
}

.div_line {
	background-color: #6b6b6b;
	height: 1px;
}

/*************SMALL SEARCH***************/
#search-buttons {
	position: absolute;
	top: 43px;
	overflow: hidden;
	right: 0px;
}

.search-small {
	width: 108px;
	height: 22px;
	background: white;
	padding-left: 3px;
	color: #555;
}

/************MAIN PAGE BOXES and BUTTONS************/
.orange-button {
	padding: 12px 30px;
	width: 200px;
	color: white;
	background-color: var(--corp-orange);
	text-align: center;
	cursor: pointer;
	font-size: 17px;
	box-sizing: content-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
}

.orange-button:hover {
	background-color: rgb(233, 123, 0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
}

.gray-button {
	background-color: rgb(128, 128, 128);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
}

.gray-button:hover {
	background-color: rgb(100, 100, 100);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
}

.gray-link-bottom-right {
	text-decoration: none;
	float: right;
	width: 120px;
	margin-top: 9px;
	margin-left: 22px;
}

.gray-link-bottom-right:hover {
	text-decoration: none;
}

.box_news2020 {
	border: 0px;
	border-image: none;
	background-color: rgb(248, 249, 250);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
	margin-bottom: 20px;
}

.news2020_high {
	height: 390px;
}

.news_button_gray {
	padding: 10px;
	width: 130px;
	text-align: center;
	color: #FFFFFF;
	float: right;
	cursor: pointer;
}

.news-btn-absolute {
	position: absolute;
	bottom: 0;
	right: 0;
}

.box_obrazovanie {
	border-image: none;
	background-color: rgb(245, 245, 245);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all .3s ease;
	transition: all 0.3s ease;
	height: 100%;
	position: relative;
	padding-bottom: 50px;
}

/************END************/
.footmenu-background {
	width: 100%;
	background: #f8f8f8;
}


/* banners for inner pages */
.news_banner {
	height: 467px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}

.block-sectorbanner *,
.block-sectorbanner *:hover {
	text-decoration: none;
}

.news_banner .carousel-textbox {
	background-color: #f8f8f8e7;
	min-height: 190px;
	position: relative;
	padding: 0;
	display: flex;
	padding-left: 25px;
	padding-top: 10px;
	align-items: center;
}

.news_banner .carousel-textbox img {
	max-height: 110px;

}

.news_banner .BannerTextMob {
	display: block;
	color: #555;
	/* font-size: 28px; */
	font-size: 1.3em;
	padding-top: 35px;
	padding-bottom: 0;
	padding-left: 12px;
	font-weight: 400;
}

.news_banner-link {
	display: block;
	font-size: 2rem;
	padding: 0px 20px;
}

.news_banner a:hover {
	text-decoration: none;
}



.index_about {
	/* background: url('/img/index/index_about-bg.png') no-repeat; */
	/* background-size: cover; */
	/* min-height: 1300px; */
	width: 100%;
	/* background-position: top; */
}

.index_about .product-item {
	margin-bottom: 20px;
}

.index_about-logowrap {
	margin-bottom: 20px;
	padding-top: 50px;
}

@media (max-width: 768px) {
	.index_about-logowrap {
		margin-bottom: 45px;
		padding-top: 50px;
	}
}

.index_about-miniproduct {
	background-color: #fff;
	height: 129px;
	/* box-shadow: 0px 0px 24px 4px rgba(150, 150, 150, 0.067); */
	border: 1.5px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1em;
}

.index_about-miniproducts_wrap .col-lg-3 {
	padding-bottom: 25px;
}

.index_about-content {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 400;
	font-size: var(--fs-600);
	/* line-height: 40px; */

	color: #333333;
}

.index_about-content p {
	padding-left: 0;
	padding-right: 0;
}

.index_about-allproducts {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-family: Segoe UI;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
}

.index_about-allproducts a {
	font-family: Segoe UI;
	font-size: var(--fs-btn);
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
}

.nobr {
	white-space: nowrap;
}

body {
	max-width: 1920px;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.index_about-content p {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.index_learnmore {

	background-size: cover;
	min-height: 564px;
	width: 100%;
	background-position: top;
	background: rgba(0, 0, 0, 0.5);
	background-image: url('/img/index/index_learnmore-bg.png');
	backdrop-filter: blur(13px);
}

.index_learnmore-textwrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.index_learnmore-textwrap h2 {
	font-family: 'Segoe UI';
	font-style: normal;
	text-align: center;
	font-weight: 600;
	font-size: var(--fs-xl);
	color: #fff;
}

.index_learnmore-textwrap a {
	font-family: Segoe UI;
	font-size: var(--fs-btn);
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	color: #fff;
}

.index_smallnews-list {
	display: grid;
	grid-auto-rows: 1fr auto;
}

.index_smallnews-list .flickity-slider {
	display: flex;
	align-items: flex-start;
}

.index_smallnews-container {
	background: #FFFFFF;
	border: 1.5px solid rgba(0, 0, 0, 0.1);
	/* border-radius: 9px; */
	/* margin-top: 20px; */
	padding: 2rem;
}

.index_smallnews-btnwrap {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	padding-top: 20px;
	padding-bottom: 0px;
}

.index_smallnews-button {
	text-decoration: none;
	display: block;
	font-family: Segoe UI;
	font-size: var(--fs-btn);
	font-weight: 400;
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #000;
	padding: 12px 30px;
	min-width: 250px;
	width: fit-content;
	text-align: center;
	cursor: pointer;
}

.index_smallnews-item {
	display: flex;
	min-height: 75px;
	justify-content: space-between;
}

@media (max-width: 768px) {
	.index_smallnews-item a {
		display: flex;
		align-items: center;
	}

	.index_smallnews-delimiter {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}

	.index_events-item p {
		padding: 6px 20px;
	}

}

.index_smallnews-item a {
	font-family: 'Segoe UI';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}

/*.index_smallnews-button:hover,
.index_smallnews-item a,
.index_smallnews-item a:hover {
	text-decoration: none;
}*/

.index_smallnews-delimiter {
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border: 0;
	max-height: 1px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.index_smallnews-container .news-data {
	align-self: flex-end;
}

.default_button {
	text-decoration: none;
	background: transparent;
	border: 1px solid #000000;
	color: #000;
	min-width: 150px;
	padding: 12px 10px;
	text-align: center;
	cursor: pointer;
	font-size: var(--fs-btn);
	box-sizing: content-box;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.default_button:hover {
	background: #323232cc;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
}

.index_events-container {
	padding-top: 20px;
}

.index_events-item {
	background-color: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	/* border-radius: 10px; */
	border: 1px solid rgba(0, 0, 0, 0.1);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}

/* .index_events-item img {
	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
} */
.index_events-item h3,
.index_events-item h3:hover,
.index_events-item a,
.index_events-item a:hover {
	color: #000;
	font-size: var(--fs-600);
	text-decoration: none;
	font-weight: 700;
	line-height: 23px;
}

.index_events-item-footer {
	padding: 6px 20px;
	width: 100%;
	margin-top: auto;
}

.index_events-item .news-data {
	font-size: var(--fs-800);
	text-decoration: none;
	font-weight: 700;
	line-height: 23px;
	color: #EA6A3C;
	padding: 6px 0px;
}

.tflexcad_bannerlogo {
	padding: 25px;
}

.tflexcad_bannerlogo img {
	position: absolute;
	top: -40px;
	width: 400px;
	left: 38px;
}

@media (max-width: 1200px) {
	.tflexcad_bannerlogo h2.BannerTextMob {
		padding-top: 60px;
	}
}

@media (max-width: 768px) {
	.tflexcad_bannerlogo img {
		width: 350px;
	}

	.main-carousel .carousel-cell {
		display: initial;
	}
}

@media (max-width: 400px) {
	.tflexcad_bannerlogo img {
		width: 300px;
	}
}

.index_about-miniproduct.shadow:hover {
	/* border-color: transparent; */
	/* -webkit-box-shadow: 0 9px 30px 0 rgb(18 25 38 / 13%);
	-moz-box-shadow: 0 9px 30px 0 rgba(18, 25, 38, .13);
	box-shadow: 0 9px 30px 0 rgb(18 25 38 / 13%); */
	-webkit-box-shadow: 0 5px 25px 0 rgb(18 25 38 / 10%);
	-moz-box-shadow: 0 5px 25px 0 rgba(18, 25, 38, .1);
	box-shadow: 0 5px 25px 0 rgb(18 25 38 / 10%);
}

.index_about-miniproduct.shadow {
	transition: box-shadow .3s ease;
	-moz-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-webkit-transition: box-shadow .3s ease;
}

.index_about-miniproduct a {
	width: 100%;
	display: contents;
}

.index_about-miniproduct img {
	max-height: 100%;
}

.index_genblock {
	padding-bottom: 20px;
	padding-top: 20px;
}

.index_genblock h2 {
	padding: 0 20px 10px 0;
	font-size: 24px;
	text-align: left;
}

/*
.gradient_background {
	background: linear-gradient(180deg, white, #f8f8f8);
} */
.box-show {
	/* height: 475px; */
	/* overflow: hidden; */
}

.success-carousel {
	height: 333px;
	overflow: hidden;
}

.index_genblock .shadow:hover {
	/* border-color: transparent; */
	-webkit-box-shadow: 0 5px 25px 0 rgb(18 25 38 / 10%);
	-moz-box-shadow: 0 5px 25px 0 rgba(18, 25, 38, .1);
	box-shadow: 0 5px 25px 0 rgb(18 25 38 / 10%);
}

.index_genblock .shadow {
	transition: box-shadow .3s ease;
	-moz-transition: box-shadow .3s ease;
	-ms-transition: box-shadow .3s ease;
	-o-transition: box-shadow .3s ease;
	-webkit-transition: box-shadow .3s ease;
}

.index_smallnews-item a:hover {
	color: #00abc2;
	text-decoration: none;
}

.box_prod_overal .buttons {
	width: 100%;
}

.ts_flex {
	display: flex;
	gap: 4px;
	justify-content: space-between;
}

.ts_flex-col3 {
	flex: 0 0 32%;

}

.ts_flex-col2 {
	flex: 0 0 49%;
}

.ts_flex-col3 img,
.ts_flex-col2 img {
	margin-top: 8px;
	max-width: 100%;
	vertical-align: middle;
}

.ts_p-padding {
	padding: 6px 20px;
}


.ts_p-margin {
	margin: 6px 20px;
}


article .single_image {
	padding: 6px 20px;
	text-align: center;
}
article .single_image p {
	font-style: italic;
	text-align: center;
	font-size: small;
}


/* История компании */
.grid_history {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 2em;
	display: flex;
	flex-direction: column-reverse;
}

.grid_history_row {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 5fr;
	min-height: 120px;
	padding: 1em;
	border: 0.5px solid rgba(0, 0, 0, 0.1);
}


.grid_history_year {
	padding: 0.5em;
	font-size: 2em;
	font-weight: 100;
	color: #0078d2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.grid_history_desc {
	padding: 0.5em;
	font-size: 1em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

@media (max-width: 768px) {
	.grid_history_row {
		padding: 10px;
	}

	.grid_history_year {
		font-size: 1.5em;
	}

	.grid_history_desc {
		font-size: 1em;
	}
}

blockquote {
	color: #333;
	position: relative;
	padding: 0 0 0 81px;
	border: none;
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.6667em;
	margin: 24px 0 55px
}

blockquote p {
	line-height: normal
}

blockquote:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 41px;
	height: 28px;
	background: #333 url(/img/template/content_icons.svg) 0 -109px no-repeat;
}

blockquote::before {
	background-color: #00aac6;;
}

.focused_text {
	font-size: 1.1em;
	margin: 20px 0 20px 20px;
	border-left: 7px solid #00aac6;
}

.pic-sign {
	text-align: center;
	font-size: 12px;
	color: #575757;
	font-style: italic;
	display: block;
}

.pure-material-textfield-outlined>input+span,
.pure-material-textfield-outlined>textarea+span {
	pointer-events: none;
}

#submitform_wrap {
	position: relative;
}

.loading-gif.active+input,
.loading-gif {
	display: none;
}

.loading-gif.active {
	background-image: url('/img/preloader.gif');
	width: 100px;
	height: 50px;
	display: block;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

form .prod_title {
	text-align: left;
	font-size: 20px;
	margin-bottom: 0;
	padding: 0;
}

.news_caption {
	text-align: center;
	font-style: italic;
}

.abs_bottom_gradient {
	position: absolute;
	bottom: -100px;
	width: 100%;
	padding-top: 3em;
	background: linear-gradient(0deg, black, transparent);
	transition: all 0.5s ease-out;
}

.abs_top_gradient {
	position: absolute;
	top: 0;
	width: 100%;
	padding-bottom: 3em;
	padding-top: 1em;
	background: linear-gradient(180deg, black, transparent);
}

.abs_top_gradient *,
.abs_bottom_gradient * {
	color: #fff;
}

.abs_top_gradient h1 {
	color: #fff;
	text-align: center;
}

.pub_banner_wrapper {
	position: relative;
	overflow: hidden;
}

.pub_banner_wrapper:hover .abs_bottom_gradient {
	bottom: 0;
}

article .gray_bg {
	background: #f8f8f8;
	border-top: 1px solid #333;
}

.over_gray_heading {
	background: #000;
	color: #fff;
	width: fit-content;
	padding: 0.5em 2em 5px;
	margin-left: 20px;
	margin-bottom: 0;
	font-size: 1.5em;
}
article .black_block {
	background-color: #000;
	padding: 2em 0;
    margin: 2em 20px;
}
article .black_block * {
	color: #fff;	
}
article .black_block h2 {
	text-transform: uppercase;
}
article .black_block .inner {
	border-left: #fff 5px solid;
}
article h1 {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 2.5em;
	font-weight: 600;
	color: #00aac6;
}
article h2 {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 2em;
	font-weight: 500;
	color: #000;
}
article h3 {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	color: #000;
}
article h4 {
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	color: #000;
}
/* article * {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 6 3 2;
}*/
@media (max-width: 768px) {
	article h1 {
		font-size: 2em;
	}
	article h2 {
		font-size: 1.8em;
	}
}