@font-face {
	font-family: 'Ekibastuz';
	src: 	url('../fonts/Ekibastuz.eot?#iefix') format('embedded-opentype'),  
			url('../fonts/Ekibastuz.woff') format('woff'), 
			url('../fonts/Ekibastuz.ttf')  format('truetype'), 
			url('../fonts/Ekibastuz.svg#Ekibastuz') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src: 	url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),  
			url('../fonts/icomoon.woff') format('woff'), 
			url('../fonts/icomoon.ttf')  format('truetype'), 
			url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ekibastuz_Black'; 
	src: url("https://www.garantexpress.ru/wp-content/uploads/ten-sopr/Ekibastuz_Black.otf") format("truetype");
	font-weight: normal;
	font-style: normal;
} 

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	f_ont-family: Arial, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;	
	f_ont-size: 14px;
	min-width: 1434px;
	/* 2025 */	
	font-family: 	Ekibastuz, Verdana, auto;	
	font-size: 		12px;	
	font-weight: 	normal;
	font-style: 	normal;	
}

/* UI */
/* Accordion */
.ui-accordion-header {
	height: 51px;
	background: #ffffff;
	border-top: 1px #E9E9E9 solid;
	border-bottom: 1px #E9E9E9 solid;
	border-left: none;
	border-right: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 51px;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	color: #000000;
	margin: -1px 0 0 0 !important;
	border-radius: 0;
}
.ui-accordion-header-active {
	background: #F4F4F4;
}
.ui-accordion-content {
	border: none;
	padding: 1em 72px !important;
	background: #ffffff;
}
.ui-state-default .ui-icon {
	background: url('../img/accordion_icon_default.png') no-repeat 50% 50%;
}
.ui-state-active .ui-icon {
	background: url('../img/accordion_icon_active.png') no-repeat 50% 50%;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	left: 16px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 41px;
}
.ui-widget-content a {
	color: #2272bc !important;
}
		
	
/* EE_THEME (c) 2025 by gsoft */
html, body {
    height: 		100%;
    margin: 		0;
    padding: 		0;
}
html {	
	font-size: 		12px;
	font-family: 	Ekibastuz, Verdana, auto !important;	
	font-weight: 	normal;
	font-style: 	normal;
	scroll-behavior: smooth;
}
body 
{
	color:			#808080;
	background:		#FFF;	
	overflow-x: 	hidden;
} 

.ee_theme  {	
	o_verflow: 		auto;
}
.ee_theme * { box-sizing: 	border-box;	 }

.ee_theme .column {			
	width: 		1260px; /* 65.6%; */
	max-width:	1896px; /* 98% */
	margin: 	0 auto;
b_order:1px solid magenta;
}

.ee_theme a {				
	color:#000;
	t_ext-decoration: none;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-style: dotted;
}
.ee_theme a:hover {					
	t_ext-decoration: none;
}
.ee_theme a:visited {				
	t_ext-decoration: none;
}

.bold {	font-weight: bold; }
.center { text-align: center; }
.center table { margin:0 auto; }
.left { text-align: left; }
.right { text-align: right; }
.bg_left { background-position: left center !important; }
.bg_right { background-position: right center !important; }

.middle {
	display: flex;     
	align-items: center;	
}
.bottom {
	display: flex;    
    align-items: flex-end;
}

.float_left { float: left; }
.float_right { float: right; }
.float_clear { clear: both; }

.hide { display: none !important; }

/* GRID 1%|7.25% 12:147*/
.grid_w1 { width:147px; /*7.25% */ }
.grid_w2 { width:306px; /* 15.5% */ }
.grid_w3 { width:465px; /* 23.75% */ }
.grid_w4 { width:624px; /* 33% */ }

.grid_w6 { width:942px; }
.grid_wide { width:100%; }
/*807
942
*/

.pad_l {
	margin-left:12px !important;
}
.pad_v {	
	padding-left:12px !important;
	padding-right:12px !important;
}
.pad_3 { padding: 3rem !important; }

.pad_t3 { padding-top: 3rem !important; }
.pad_t5 { padding-top: 5rem !important;}
.pad_b3 { padding-bottom: 3rem !important; }
.pad_b5 { padding-bottom: 5rem !important; }

.mar_t3 { margin-top: 3rem !important; }
.mar_t5 { margin-top: 5rem !important; }
.mar_b3 { margin-bottom: 3rem !important; }
.mar_b5 { margin-bottom: 5rem !important; }


/* sections */
.ee_theme .content {	
	font-size:1.25rem;
}
.ee_theme .section {	
	width: 			100%;
	margin: 		0 auto;	
	z-index:		1;	
}
.ee_theme .section_header {
	position:	fixed;
	width:		100%;
	top:		0;
	left:		0;	
	background:#FFF;
	z-index:	10;	
	border-bottom: 	1px solid rgba(0,0,0,0.2);	
}
.ee_theme .section_headline {
	width: 			100%;
	height: 		4em;	
	padding:		1em;	
	o_verflow:		hidden;
	border-bottom: 	1px solid rgba(0,0,0,0.2);	
}

header {
	height: 4em;
    t_ransition: height 0.5s ease;	
}
header.shrink {
    height: 0em;	
}
nav {
	height: 8em;	
    transition: height 0.3s ease;		
}
nav.min {	
	padding: 1em 0;			
	height: 5em;	
}	
.section_menu .ee_logo {		
	transition: height 0.5s ease;	
}
.min .section_menu, .min .logo_ee, .min .logo_garant  {	
	height: 80%;			
}
.min .menu-menu_home-container {		
	padding-bottom:	1em;
	color:Red;
}

.section_menu {
	display: 		grid;		
	grid-template-columns: 170px auto 170px; 	
	grid-auto-rows: 4em;
	gap: 			1em;		
	padding:		2em 0;			
}

.ee_theme .section_pad {
	margin-top:		12em;	
	b_ackground:green;
	z-index:1;
b_order:1px solid red;
}
.ee_theme .section_slider {
	position: 		relative;
	display: 		flex;
	width: 			100%;	
	aspect-ratio: 1920 / 400;
	h_eight: 		33em; /* 396px */	
	margin: 0 auto;
	overflow: 		hidden;	
}

.ee_theme .section_services {
	
}

.ee_theme .section_integra {
	position:relative;
	color:#FFFFFF !important;
	background-color: #6bacec;
}


.ee_theme .section_about {	
	padding-bottom:16em;
	color:#FFF;
	background: url('../img/bg_about.png') #212d3b;	
	background-repeat: no-repeat;	
	background-position: center bottom;	
}

.ee_theme .section_feedback {
	display: flex; 
	text-align: center; 
	justify-content: center; 
	align-items: center;

	min-height:30em;	
	background: #83c1ef url('../img/bg_feedback.png') no-repeat;
	background-position: left bottom;
}
.ee_theme .section_feedback .id_fb {
	background:red;
}

.ee_theme .section_clients {
	display: flex; 
	text-align: center; 
	justify-content: center; 
	align-items: center;
}	
.ee_theme .ee_maps {	 
	display: 		grid;
	grid-template-columns: repeat(2, 1fr); 
	gap: 			3em; 
}	
.ee_theme .section_support {
	color:#FFFF;
	background: #83c1ef url('../img/bg_support.png') no-repeat;	
	background-position: right bottom;
}
.ee_theme .section_footer {	
	color:			white;
	min-height:		30em;
	f_ont-family:	Verdana, auto;		
	text-align:		left;			
	z-index:		100;
}
.section_footer a,  .section_footer a:hover, .section_footer a:visited {
	color:#FFF;
	c_ursor: pointer;
	t_ext-decoration: underline;
	t_ext-decoration-style: dotted;
}

.ee_theme .section_copyright {		
	display: 		grid;
	g_rid-template-columns: auto 170px;   	
	grid-template-columns: repeat(2, 1fr); 
	height:			4em;
	font-family: 	Arial;	
	color:			#FFF;	
	background:		#000;	
	overflow:		hidden;		
}
.section_copyright .left {	
	justify-self: start; /* h */
}
.section_copyright .right {	
	justify-self: end; /* h */
}
.section_copyright > div > a  {		
	color:#FFF;
	margin-left: 1em;	
}

.section_copyright > div {		
	align-self: center;	
	padding:0 1em;
	a_lign-self: center;
	j_ustify-self: center; /* h */
}

/* sunsections */
.ee_news {
	margin:0 0 3rem 0;
}
/* footer */
.ee_footer {
	display: 		grid;
  	grid-template-columns: 465px 306px 306px; 	
  	gap: 0 2em; 
}

/* sizes */ 
h1 { font-size:2.5rem; }
h2 { font-size:2rem;  }
h3 { font-size:1.5rem;	}
h4 { font-size:1.25rem;	 }
h5 { font-size:1rem; }
h6 { font-size:0.75rem; }

.icon16 {
	height:			16px;
	width:			auto;
	margin:			0 8px;
	vertical-align: middle;
}
.icon24 {
	height:			24px;
	min-width:		24px;
	width:			auto;
	margin:			0 12px;
	vertical-align: middle;
b_order:1px dotted red;	
}
.icon32 {
	height:			32px;
	min-width:		32px;
	width:			auto;
	margin:			0 12px;
	vertical-align: middle;
}
.icon48 {
	height:			48px;
	min-width:		48px;
	width:			auto;
	margin:			0 12px;
	vertical-align: middle;
}

.ee_title {
	font-size:2.5rem;		
	l_ine-height:3.75em;
	margin-bottom:1.5em;			
b_order:1px dotted magenta;	
}
.ee_subtitle {
	font-size:1.5rem;		
	l_ine-height:1.5em;
	margin-bottom:1em;	
b_order:1px dotted magenta;		
}

.ee_content {
	font-size:1.25rem;	
	l_ine-height:1.25em;
	margin-bottom:1em;	
	padding: 1em 0em 3em 0em;
}
.ee_subcontent {
	font-size:1rem;	
	l_ine-height:1em;
	margin-bottom:1em;	
}
.ee_sub {
	font-size:0.75em;	
	margin-bottom:1em;
}


/* colors */
.gray_10 { color: #1a1a1a; }
.gray_20 { color: #333333; }
.gray_30 { color: #4d4d4d; }
.gray_40 { color: #666666; }
.gray_50 { color: #808080; }
.gray_60 { color: #999999; }
.gray_70 { color: #b3b3b3; }
.gray_80 { color: #cccccc; }

.empty { color: rgba(0,0,0,0); }
.white { color: #FFF; }
.white a { color: #FFF; }
.ee_lightgray {	color: #cccccc !important; }
.ee_gray { color: #808080; }
.black { color: #000; }

.ee_red { color: #bf4743; }
.ee_deepred { color: #552422; }
.ee_lightred { color: #cd8b8a; }
.ee_darkred { color: #5a3f3e; }
.ee_lowred { color: #943936; }

.ee_blue { color: #0071b8; }
.ee_deepblue { color: #0A3157; }
.ee_lightblue { color: #638dc3; }
.ee_darkblue { color: #212d3b; }
.ee_lowblue { color: #345384; }

.ee_cyan { color: #6bacec; }
.ee_deepcyan { color: #33526c; }
.ee_lightcyan { color: #83c1ef; }
.ee_darkcyan { color: #3e596c; }
.ee_lowcyan { color: #5487b8; }

.ee_light { color: #daffff; }
.ee_deeplight { color: #ecffff; }
.ee_hilight { color: #c9ffff; }
.ee_darklight { color: #c0e4fe; }
.ee_lowlight { color: #b0e4fe; }

.ee_green { color: #65a351; }
.ee_deepgreen { color: #95f073; }
.ee_lightgreen { color: #76b272; }
.ee_darkgreen { color: #9ef199; }
.ee_lowgreen { color: #467139; }

.bg_ee_red { background-color: #bf4743; }
.bg_ee_deepred { background-color: #552422; }
.bg_ee_lightred { background-color: #cd8b8a; }
.bg_ee_darkred { background-color: #5a3f3e; }
.bg_ee_lowred { background-color: #943936; }

.bg_ee_blue { background-color: #0071b8; }
.bg_ee_deepblue { background-color: #0A3157; }
.bg_ee_lightblue { background-color: #638dc3; }
.bg_ee_darkblue { background-color: #212d3b; }
.bg_ee_lowblue { background-color: #345384; }

.bg_ee_cyan { background-color: #6bacec; }
.bg_ee_deepcyan { background-color: #33526c; }
.bg_ee_lightcyan { background-color: #83c1ef; }
.bg_ee_darkcyan { background-color: #3e596c; }
.bg_ee_lowcyan { background-color: #5487b8; }

.bg_ee_light { background-color: #daffff; }
.bg_ee_deeplight { background-color: #ecffff; }
.bg_ee_hilight { background-color: #c9ffff; }
.bg_ee_darklight { background-color: #c0e4fe; }
.bg_ee_lowlight { background-color: #b0e4fe; }

.bg_ee_green { background-color: #65a351; }
.bg_ee_deepgreen { background-color: #95f073; }
.bg_ee_lightgreen { background-color: #76b272; }
.bg_ee_darkgreen { background-color: #9ef199; }
.bg_ee_lowgreen { background-color: #467139; }


.bg_empty { color: rgba(0,0,0,0); }
.bg_white {	background-color: #ffffff; }
.bg_ee_lightgray { background-color: #cccccc; }
.bg_ee_gray { background-color: #808080; }
.bg_black {	background-color: #000000; }

.bg_gray_10 { background-color: #1a1a1a; }
.bg_gray_20 { background-color: #333333; }
.bg_gray_30 { background-color: #4d4d4d; }
.bg_gray_40 { background-color: #666666; }
.bg_gray_50 { background-color: #808080; }
.bg_gray_60 { background-color: #999999; }
.bg_gray_70 { background-color: #b3b3b3; }
.bg_gray_80 { background-color: #cccccc; }

/* shadows */
.shadow_down {	
	box-shadow: 0 10px 20px -10px rgba(0,0,0,0.39);	
}
.shadow_up {
	box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.39);	
}

/* elements */ 
.ee_headline {
	display: 		grid;
  	grid-template-columns: repeat(2, 1fr); 
  	gap: 			1em; 		
}
.searchform {
	
}
.ee_phone {	
	font-weight:	bold;
	color:			#0071b8;	
	font-size: 		1.25em;
}

.ee_logo  {			
	width: 			auto;	
	height: 		4em;	
	max-height: 	48px;		
	margin-bottom:	1em;
}
.ee_search input {		
	font-size:1.25em;
	color:#ccc; /* ee_lightgray */
	border:1px dotted #999999;	
	border-radius:3px;
}
.ee_search input:focus {		
	border:1px dashed #999999;
	b_order:1px dashed rgba(0,113,184,0.8);
	outline: none;
}
#searchsubmit {		
	height:	24px;
	width:	24px;
	color:	transparent;	
	border: none;	
	background: url('../img/i48-search.png') no-repeat center/contain;		
	cursor: pointer;	
}
.ee_breadcrumbs {
	m_argin-top: 3rem;
	font-size:1.25rem;	
}

.ee_leftmenu
{
	display: 		grid;
	grid-template-columns: 306px auto; 
	gap: 			12px; 
}
.ee_leftmenu > div {
b_order:1px dotted magenta;
}
.ee_leftmenu .item { 

}
.ee_leftmenu .menu .item { 
	font-size:1.25em;		
}

.ee_cards {
	width: 			100%;	
	display: 		grid;
	grid-template-columns: repeat(3, 1fr); 	
  	gap: 			3em; 	
b_order:1px dashed magenta;		
	j_ustify-content: center;
	a_lign-items: start;	
}
.ee_card1 {	
	max-width:		358px;	
	text-align: 	left;
	f_ont-family:	Verdana,auto;
	padding: 		1.5em 1em 1em 7em; /*90px*/	
b_order:1px dashed magenta;
}
.ee_card {	
	max-width:		358px;	
	text-align: 	center;
	f_ont-family:	Verdana,auto;
	padding: 		6em 1em 1em 1em; /*90px*/
	b_ox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	b_ox-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 1em;	
b_order:1px dashed magenta;	
	align-self: start;
  	justify-self: center;
	b_ackground-size: auto 5em !important;
}

.ee_card > div {
b_order:1px dashed magenta;	
}
.ee_card .ee_subtitle {
	c_olor:green;
	l_ine-height:2.25em;
	m_argin-bottom:1.5em;
}


.ee_menu_h {	
	display: 		grid;
  	g_rid-template-columns: repeat(6, 1fr); 
  	grid-template-columns: auto auto auto auto auto auto; 
  	gap: 			2em; 	
	justify-content: center;
	f_ont-family: 	Verdana, auto; 
	font-size: 		1.25em;		
}
.ee_menu_h > div {
b_order:1px dashed magenta !important;
}
.ee_carousel .content {
b_order:1px dashed magenta !important;
	display: flex;
	flex-wrap: nowrap;
	transition: transform 0.1s linear;
	will-change: transform;
	overflow: hidden;
}
.ee_carousel .item {
b_order:1px solid red !important;
	flex: 0 0 auto;
	height: 8rem; 
	margin-right: 3rem;
	o_bject-fit: cover;
	b_order-radius: 0.5rem;
}	
.wraper_carousel {	
	width: 	100%;
	position: relative;	
}
.carousel_left {
	position: 	absolute;
	top: 		-48px;
	right: 		60px;	    
	z-index:	10;
	height: 	48px;
	width: 		48px;
	cursor: pointer;
	background: url("../img/i48-left.png") repeat scroll 0 0 rgba(0, 0, 0, 0);	    
	opacity: 0.5;
}
.carousel_right {
	position: 	absolute;
	top: 		-48px;
	right: 		0;	    
	z-index:	10;
	height: 	48px;
	width: 		48px;
	cursor: pointer;
	background: url("../img/i48-right.png") repeat scroll 0 0 rgba(0, 0, 0, 0);	    
	opacity: 0.5;
}

.ee_form {
	border:			none;
	border-radius: 	0.5em;		
	/*pad_t5 pad_b5 center*/
	padding:3em 0;
	margin:3em 0;
}
.ee_form input[type=text]
 {	
	m_ax-width:		80%;
	min-width:		306px;
	max-width:		942px;
	height:			3em;
	padding:		1em;
	border:			none;
	border-radius: 	0.5em;
	margin-bottom: 	1em;	
	c_olor:			#808080;	
	color:			#cccccc;	
	font-size:		1.25rem;
}

.ee_buts {	
	bottom:5em;
	d_isplay: flex;	
	text-align: center;	
	j_ustify-content: center;
}
.ee_but {
	display: flex;	
	text-align: center; 
	justify-content: center; 
	align-items: center;

	min-width: 12.25rem; /* 147 */
	max-width: 25.5rem;	 /* 306 */	
	
	height: 3em;
	
	margin: 0 auto;	
	padding:2rem 2rem;
	
	f_ont-family: Verdana,auto;
	f_ont-weight: bold;	
	
	color:#FFF;
	background: #0071b8; 
    border-radius: 5px;
	transition: all 300ms linear;
	cursor: pointer;
}
.ee_but:hover {
	background-color: #e44113; 
}
.ee_thanx {
	min-width: 12.25rem; /* 147 */
	m_ax-width: 25.5rem;	 /* 306 */	
	h_eight: 3em;
	padding: 0.5em;
	color:#FFF;
	background: #0071b8; 
    border-radius: 5px;
	transition: all 300ms linear;	
	text-align: center;
}

.ee_list {	
	list-style: none outside;	
	line-height: 1.5em;
	padding:0;		
}
.ee_list li:before {	
    content: 		">"; 		
	padding-right: 0.5em;	
}
.ee_list li:hover {	
    text-shadow: 0 0 5px rgba(255,255,255,0.8);
}

/* content */
/* icons */
.icon_phone {	
	background: url('../img/i48-phone.png') no-repeat center/contain;	
}
.icon_search {	
	background: url('../img/i48-search.png') no-repeat center/contain;	
}

.icon_done {	
	background: url('../img/i48-done.svg') no-repeat left/contain;	
}
.icon_del {	
	background: url('../img/i48-del.svg') no-repeat left/contain;	
}

.logo_ee {			
	background: url('../img/logo_ee.svg') no-repeat center/contain;			
}
.logo_ee_white {
	background: url('../img/logo_white.png') no-repeat center/contain;
}
.logo_garant {	
	background: url('../img/logo_garant.svg') no-repeat center/contain;
	background-size: 85% auto;
}

.icon_ep {
	background: url('../img/icon_ep.png') no-repeat center top;		
}
.icon_trade {
	b_ackground: url('../img/icon_trade.png') 1em 1.5em no-repeat;
	b_ackground: url('../img/icon_trade.png') no-repeat center 15%;
	background: url('../img/icon_trade.png') no-repeat center top;
}
.icon_neo {
	b_ackground: url('../img/icon_neo.png') 1em 1.5em no-repeat;	
	b_ackground: url('../img/icon_neo.png') no-repeat center 15%;	
	background: url('../img/icon_neo.png') no-repeat center top;	
}
.icon_edoc {
	b_ackground: url('../img/icon_edoc.png') 1em 1.5em no-repeat;
	b_ackground: url('../img/icon_edoc.png') no-repeat center 15%;
	background: url('../img/icon_edoc.png') no-repeat center top;
}
.icon_tender {
	b_ackground: url('../img/icon_tender.png') 1em 1.5em no-repeat;
	b_ackground: url('../img/icon_tender.png') no-repeat center 15%;
	background: url('../img/icon_tender.png') no-repeat center top;
}
.icon_echeck {
	b_ackground: url('../img/icon_echeck.png') 1em 1.5em no-repeat;
	b_ackground: url('../img/icon_echeck.png') no-repeat center 15%;
	background: url('../img/icon_echeck.png') no-repeat center top;
}
.icon_garant {	
	background: url('../img/logo_g.svg') no-repeat center top;
	background-size: 4em auto;
}
.icon_ai {	
	background: url('../img/logo_iskra.svg') no-repeat center top;
	background-size: 4em auto;
}
.icon_ref {
	background: url('../img/icon_ref.png') no-repeat center top;
}
.icon_shortlist {
	background: url('../imgi48-shortlist.png') no-repeat center top;
}


/* SAT */
.layer_sat {
    position:   absolute !important;
	box-sizing: border-box;
	margin:		0;
    left:       0;
    top:        0;    
    width:      100vw !important;
    height:     auto;    
    overflow:   hidden;    
    z-index:    2;
}
.layer_sat > svg {	
	b_order: 1px dashed magenta;
}

.sprite48 {
    position:   absolute;    
    width:      64px;
    height:     64px;
    transform:  translate(-50%, -50%);    
    pointer-events: none;        
}
.sprite24 {
    position:   absolute;    
    width:      24px;
    height:     24px;
    transform:  translate(-50%, -50%);
    pointer-events: none; 
    b_ackground: url('../img/i64-email_white.svg') no-repeat center/contain;    
    background: url('../img/i64-letter_white.svg') no-repeat center/contain;        
}
.letter {
    opacity: 1; /* чтобы были видимыми */
}

#satellite {    
    b_ackground: url('../img/i512-sattelite.png') no-repeat center/contain;    
    background: url('../img/i64-satellite.svg') no-repeat center/contain;    
    background-size: 48px;    
    transition: transform 0.05s linear;
    opacity: 0; /* чтобы fade-in работал корректно */
}