/*	TEMP GOOGLE FONTS 
	font-family: 'Open Sans', sans-serif;
		font-weight: 300; 
		font-weight: 400; 
		font-weight: 700; 
	*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,cyrillic-ext,latin-ext,cyrillic);


/* RESET ------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:14px;font:inherit;vertical-align:baseline;margin:0;padding:0;font-family:'Open Sans',sans-serif;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input,select,textarea,button{font-family:'Open Sans',sans-serif;font-size:14px;}

/* GLOBALS ------------------------------------------------------------------- */
:focus,:active {
	border: none;
	outline: none;
	box-shadow: none;
	}
body { font-size: 14px; line-height: 140%; color: #2e272a; background: #0f0f0e url('images/bg.gif') top center no-repeat; background-attachment: fixed; }
h1,h2,h3,h4,h5,h6 { font-weight: 300; }
h1 { font-size: 36px; margin-bottom: 30px; line-height: 110%; }
h2 { font-size: 28px; margin-bottom: 25px; line-height: 110%; }
h3 { font-size: 23px; margin-bottom: 20px; line-height: 115%; }
h4 { font-size: 18px; margin-bottom: 15px; line-height: 120%; }
h5 { font-size: 16px; margin-bottom: 15px; line-height: 125%; }
h6 { font-size: 14px; margin-bottom: 15px; line-height: 130%; }
p { font-size: 14px; margin-bottom: 20px; line-height: 150%; }
ul,ol { margin-bottom: 20px; } 
li { font-size: 14px; }
small { font-size: 11px; line-height: 100%; }
strong,b { font-weight: 700; color: inherit; }
hr { background: none; outline: none; border: none; border-top: 1px solid #e9e9e9; margin-bottom: 20px; }
a, a:hover { color: inherit; text-decoration: none; }
table { margin-bottom: 20px; }



.button-inline { 
	display: inline-block;
	height: 32px;
	line-height: 31px;
	background-color: #f1f1f2;
	padding: 0 15px;
	/* anim */
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	}
	.button-inline:hover { color: #ffffff; background-color: #7c8184; }
	
.blue-link,
.blue-link:hover,
.blue-link:active {
	color: #25aae1;
	text-decoration: underline;
	}




/* COLUMNS ------------------------------------------------------------------- */
.col {
	margin-left: -20px;
	}
	.col > li {
		float: left;
		padding: 0 20px;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		background: url('images/col-break.png') right repeat-y;
		}
	.col > li .col > li { background-image: none; }
		.col > li:first-child {  }
		.col > li:last-child {  background-image: none; }
		.col > .size-1-2 { width: 50%; }
		.col > .size-1-4 { width: 25%; }



/* CONTAINERS ------------------------------------------------------------------- */
.wrap-width {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
.wrap-menu {
	position: fixed;
	width: 100%;
	height: 55px;
	overflow: visible;
	background: #2e272a url('images/menu-bg.png') center top repeat-y;
	-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3); 
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
	z-index: 99;
	}
.wrap-topcont {
	position: relative;
	}
.wrap-title {
	position: relative;
	}
.wrap-content {
	position: relative;
	}
.wrap-footer {
	position: relative;
	background-color: transparent;
	background-image: url('images/footer-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 60px;
	}


/* MENU ------------------------------------------------------------------- */
.wrap-menu .logo {
	display: block;
	float: left;
	width: 326px;
	height: 55px;
	margin: 0;
	text-indent: -99999px;
	overflow: hidden;
	background: #ff3c30 url('images/sprite.png') 0 0 no-repeat;
	}
	
.wrap-menu .lang {
	float: right;	
	}
	.wrap-menu .lang li {
		float: left;
		height: 31px;
		margin: 12px 0 12px 10px;
		text-align: center;
		}
		.wrap-menu .lang li > a {
			float: left;
			height: 30px;
			font-size: 9px;
			color: #696567;
			line-height: 30px;
			text-transform: uppercase;
			/* anim */
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-property: color;
			transition-property: color;
			}
		.wrap-menu .lang li > a:hover,
		.wrap-menu .lang li.active > a { color: #ffffff; }
				
				
.wrap-menu .menu-trg {
	display: none;
	float: right;
	width: 55px;
	height: 55px;
	cursor: pointer;
	margin: 0 -20px 0 20px;
	background: url('images/sprite.png') -326px 0 no-repeat;
	}
	
.wrap-menu .menu {
	display: none;
	float: left;
	margin: 0 0 0 0;
	}
	.wrap-menu .menu.open {
		display: block;
		margin: 0 0 0 0;
		}
	.wrap-menu .menu > ul {
		height: 55px;
		margin-bottom: 0;
		}
		.wrap-menu .menu > ul > li {
			position: relative;
			float: left;
			height: 53px;
			/* anim */
			-webkit-transition-duration: 0.5s;
			transition-duration: 0.5s;
			-webkit-transition-property: background-color, color;
			transition-property: background-color, color;
			}	
		.web .wrap-menu .menu > ul > li:hover,
		.mobile .wrap-menu .menu > ul > li.mouseover { 
			background-color: #484144; 
			border-bottom: 2px solid #ff3c30;
			}
			.wrap-menu .menu > ul > li > a {
				float: left;
				height: 55px;
				padding: 0 20px;
				color: #ffffff;
				font-size: 12px;
				line-height: 55px;
				text-transform: uppercase;
				}
				.wrap-menu .menu li > ul {
					position: absolute;
					z-index: 99;
					display: none;
					top: 55px;
					left: 0px;
					margin-bottom: 0;
					}			
					.wrap-menu .menu li > ul > li {
						width: 225px;
						border-top: 1px solid #51494d;
						background: #484144;
						}		
					.wrap-menu .menu li > ul > li:first-child {
						border-top: none;
						}	
					.web .wrap-menu .menu li > ul > li:hover > a { 
						color: #bebdbd;
						}	
						.wrap-menu .menu li > ul > li > a {
							display: block;
							padding: 15px 10px;
							color: #ffffff;
							line-height: 100%;
							}
							

.sidemenu .wrap-menu .menu {
	position: absolute;
	right: 0;
	top: 55px;
	clear: none;
	float: none;
	margin: 0 0 0 0;
	}
	.sidemenu .wrap-menu .menu > ul {
		height: auto;
		margin-bottom: 0;
		 -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
		}
		.sidemenu .wrap-menu .menu > ul > li {
			position: relative;
			float: none;
			width: 225px;
			background-color: #2e272a;
			border-left: 2px solid #2e272a;
			border-top: 1px solid #3d3539;
			}
		.sidemenu.web .wrap-menu .menu > ul > li:hover,
		.sidemenu.mobile .wrap-menu .menu > ul > li.mouseover { 
			background-color: #484144; 
			border-left: 2px solid #ff3c30;
			border-bottom: none;
			}
			.sidemenu .wrap-menu .menu > ul > li > a {
				display: block;
				float: none;
				color: #ffffff;
				}
				.sidemenu .wrap-menu .menu li > ul { 
					top: 10px; left: -227px; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); 
					}	
					.sidemenu .wrap-menu .menu li > ul > li { 
						background: #484144;
						}	
					.sidemenu .wrap-menu .menu li > ul > li:first-child { 
						border-top: none; 
						}
						.sidemenu .wrap-menu .menu li > ul > li > a {
							padding: 15px 10px;
							}




/* CONTACTS at top ------------------------------------------------------------------- */
.wrap-topcont {
	height: auto;
	color: #ffffff;
	}
	.wrap-topcont.intro {
		height: 290px;
		}
	.wrap-topcont .block-contacts {
		margin-top: 120px;
		padding-bottom: 20px;
		}
		.wrap-topcont table {
			float: left;
			width: auto;
			border: none;
			padding: 0;
			outline: none;
			margin-bottom: 10px;
			}
			.wrap-topcont table td {
				vertical-align: middle;
				}
				.wrap-topcont table td:nth-child(odd) {
					width: 100px;
					font-size: 12px;
					line-height: 18px;
					text-transform: uppercase;
					text-align: right;
					padding: 3px 15px 3px 0px;
					border-right: 1px solid #ffffff;
					}
				.wrap-topcont table td:nth-child(even) {
					font-size: 20px;
					text-transform: uppercase;
					text-align: left;
					padding: 0 45px 0 15px;
					}



/* TITLE QUOTE ------------------------------------------------------------------- */
.wrap-title {	
	}
	.wrap-title .title-quote {
		padding: 0 0 40px 0;
		color: #ffffff;
		}
		.wrap-title .title-quote h1 {
			font-size: 33px;
			font-weight: 700;
			margin-bottom: 10px;
			color: #ffffff;
			}
		.wrap-title .title-quote p {	
			font-size: 28px;
			font-weight: 300;
			line-height: 110%;
			color: #afaeae;
			margin-bottom: 20px;
			}




/* BIG BANNERS ------------------------------------------------------------------- */
.wrap-banner {
	margin-bottom: 30px;
	}
	.wrap-banner .banner {
		background: url('images/banner-bg.gif') center top repeat-y;
		}
		.wrap-banner .banner > ul > li {
			position: relative;
			float: left;
			width: 50%;
			height: auto;
			color: #ffffff;
			}
			.wrap-banner .banner > ul > li > a {
				float: left;
				width: 100%;
				height: 100%;
				}
				.wrap-banner .banner > ul > li > a > h1 {
					font-weight: 300;
					font-size: 33px;
					padding: 90px 180px 0 25px;
					margin-bottom: 10px;
					/* anim */
					-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
					-webkit-transition-property: padding; transition-property: padding;
					}
				.wrap-banner .banner > ul > li > a:hover > h1 { padding-top: 83px; }
				.wrap-banner .banner > ul > li > a > p {
					font-size: 13px;
					line-height: 18px;
					padding: 0 180px 0 25px;
					margin-bottom: 25px;
					}
				.wrap-banner .banner > ul > li > a > span {
					display: block;
					position: absolute;
					width: 200px;
					height: 200px;
					right: 0;
					bottom: 0;
					background-image: url('images/sprite.png');
					background-repeat: no-repeat;
					background-position: 0 -110px;
					}
				.wrap-banner .banner > ul > li > a > span.ups-sistemas {
					background-position: 0 -110px;
					}
				.wrap-banner .banner > ul > li > a > span.serviss {
					background-position: -200px -110px;
					}
				.wrap-banner .banner > ul > li > a > span.big-banner-arrow {
					position: absolute;
					display: block;
					top: 30px;
					left: 26px;
					width: 21px;
					height: 39px;
					background: url('images/sprite.png') -381px 0 no-repeat;
					}




/* BIG BLACK BANNERS ------------------------------------------------------------------- */
.wrap-products {
	margin-bottom: 30px;
	}
	.wrap-products .banner-black {
		color: #ffffff;
		background: #2e272a;
		}
		.wrap-products .banner-black li {
			float: left;
			width: 25%;
			height: 200px;
			overflow: hidden;
			}
			.wrap-products .banner-black li > a {
				position: relative;
				float: left;
				width: 100%;
				height: 200px;
				text-align: center;
				}
				.wrap-products .banner-black li > a > img {
					position: absolute;
					width: 360px;
					height: 200px;
					top: 0;
					left: 0;
					transition-duration: 0.5s; -webkit-transition-duration: 0.5s;
					transition-property: width, height, left, top; -webkit-transition-property: width, height, left, top;
					}
				.wrap-products .banner-black li > a:hover > img {
					width: 396px;
					height: 220px;
					left: -12px;
					top: -10px;
					}
				.wrap-products .banner-black li > a > h3 {
					position: absolute;
					box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
					width: 100%;
					padding: 158px 10px 0 10px;
					font-size: 13px;
					font-weight: 700;
					text-transform: uppercase;
					text-align: center;
					}
				.wrap-products .banner-black .icon-black {
					position: absolute;
					display: block;
					left: 50%;
					margin: 54px 0 0 -35px;
					width: 70px;
					height: 70px;
					background-image: url('images/sprite.png');
					background-repeat: no-repeat;
					background-position: 0px -310px;
					}
				.wrap-products .banner-black .icon-black.monitoring { 
					background-position: 0px -310px;
					}
				.wrap-products .banner-black .icon-black.atsunsts { 
					background-position: -70px -310px;
					}
				.wrap-products .banner-black .icon-black.accu { 
					background-position: -140px -310px;
					}
				.wrap-products .banner-black .icon-black.other { 
					background-position: -210px -310px;
					}
	
				
				


/* PRODUCT BUTTONS ------------------------------------------------------------------- */
.wrap-content .product-list {
	padding: 30px 0 0 0;
	margin: 0;
	border-top: 1px solid #dddddd;
	}
	.wrap-content .product-list li {
		position: relative;
		display: table;
		float: left;
		width: 33.3333%;
		height: 60px;
		overflow: hidden;
		padding: 0 10px;
		margin-bottom: 20px;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		}
		.wrap-content .product-list li:nth-child(3n+1) { padding-left: 0; }
		.wrap-content .product-list li:nth-child(3n+3) { padding-right: 0; }
		.wrap-content .product-list li > a {
			position: relative;
			display: table-cell;
			height: 60px;
			padding: 0 10px 0 70px;
			overflow: hidden;
			background-color: #efeeee;
			font-size: 12px; 
			font-weight: 700;
			line-height: 110%;
			vertical-align: middle;
			text-transform: uppercase;
			/* anim */
			-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
			-webkit-transition-property: background-color; transition-property: background-color;
			}
		.wrap-content .product-list li > a:hover {
			background-color: #dddddd;
			}
.wrap-content .product-list .icon {
	position: absolute;
	top: 0;
	left: 7px;
	width: 60px;
	height: 60px;
	background: url('images/sprite.png') -440px 0 no-repeat;
	}
	.wrap-content .product-list .icon.ups { background: url('images/sprite.png') -440px 0 no-repeat; }
	.wrap-content .product-list .icon.monitorings { background: url('images/sprite.png') -440px -60px no-repeat; }
	.wrap-content .product-list .icon.ats-sts { background: url('images/sprite.png') -440px -120px no-repeat; }
	.wrap-content .product-list .icon.accu { background: url('images/sprite.png') -440px -180px no-repeat; }
	.wrap-content .product-list .icon.cits { background: url('images/sprite.png') -440px -240px no-repeat; }
	
				
				


/* CONTENT ------------------------------------------------------------------- */
.wrap-content .wrap-width {
	background: #ffffff;
	padding: 50px 30px 30px 30px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	}
	
	.wrap-content .col-2 {
		float: left;
		width: 50%;
		padding: 0 10px 30px 10px;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		}
		.wrap-content .col-2:first-child {
			padding-left: 0;
			}
		.wrap-content .col-2:last-child {
			padding-right: 0;
			}
		.wrap-content .col-2-nopad {
			float: left;
			width: 50%;
			padding: 0;
			}
			
	.wrap-content .col-3 {
		float: left;
		width: 33.3333%;
		padding: 0 10px 30px 10px;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		}
		.wrap-content .col-3:first-child {
			padding-left: 0;
			}
		.wrap-content .col-3:last-child {
			padding-right: 0;
			}
		.wrap-content .col-3-nopad {
			float: left;
			box-sizing: border-box;
			border-right: 1px solid #ffffff;
			width: 33.3333%;
			padding: 0;
			}
		
	.wrap-content .partner-list {
		padding: 0 0 0 0;
		margin: 0 0 30px 0;
		/*border-top: 1px solid #dddddd;*/
		text-align: center;
		}
	.wrap-content .partner-list.intro {
		padding: 30px 0 0 0;
		margin: 30px 0 30px 0;
		border-top: 1px solid #dddddd;
		text-align: center;
		}
		.wrap-content .partner-list > ul {
			text-align: center;
			}
			.wrap-content .partner-list > ul > li {
				float: left;
				padding: 0;
				margin: 0;
				}
		
.skin-style h1 {
	border-bottom: 3px solid #efeeee;
	}
	.skin-style h1 > span {
		display: inline-block;
		border-bottom: 3px solid #1f8b9b;
		padding-bottom: 17px;
		margin-bottom: -3px;
		}
.skin-style p > a {
	color: #1f8b9b;
	text-decoration: underline;
	}
	.skin-style p > a:hover {
		text-decoration: none;
		}
.skin-style ul > li {
	line-height: 150%;
	padding-left: 60px;
	background: url('images/bullet.png') 40px 6px no-repeat;
	}
		
.block-certificate {
	position: relative;
	font-size: 12px;
	color: #1f8b9b;
	padding: 20px 20px 20px 90px;
	background-color: #e8f3f5;
	}
	.block-certificate .icon {
		position: absolute;
		display: block;
		top: 24px;
		left: 29px;
		text-indent: -99999px;
		overflow: hidden;
		height: 64px;
		width: 38px;
		background: url('images/sprite.png') -402px 0px no-repeat;
		}
		
.block-lightBlue {
	position: relative;
	color: #1f8b9b;
	padding: 20px 20px 20px 20px;
	background-color: #e8f3f5;
	}
	
.simple-table {
	width: 100%;
	}
	.simple-table tr:nth-child(odd) {
		background: #e8f3f5;
		}
	.simple-table tr:nth-child(even) {
		background: #f4f9fa;
		}
	.simple-table td {
		padding: 3px 10px;
		}
				
				


/* FILTER PRODUCTS ------------------------------------------------------------------- */	
.sys-category {
	margin-bottom: 20px;
	}
	.sys-category .button {
		display: block;
		width: 100%;
		height: 60px;
		background: #efeeee;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 60px;
		/* anim */
		-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
		-webkit-transition-property: background-color; transition-property: background-color;
		}
		.sys-category .button.active {
			color: #ffffff;
			background: #1f8b9b;
			}
		.sys-category .button:hover {
			background-color: #dddddd;
			}
		.sys-category .button.active:hover {
			background-color: #1f8b9b;
			}
.sys-filter {
	padding-bottom: 30px;
	}
	.sys-filter .selector {
		position: relative;
		float: left;
		height: 30px;
		margin: 0 10px 10px 0;
		background: #f2f2f2;
		/* anim */
		-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
		-webkit-transition-property: background-color; transition-property: background-color;
		}
	.sys-filter .selector.filter,
	.sys-filter .selector.filter:hover {
		color: #ffffff;
		background: #1f8b9b;
		}
		.sys-filter .selector:hover {
			background: #dddddd;
			}
		.sys-filter .selector > span {
			position: absolute;
			width: 100%;
			padding: 0 10px;
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
			height: 30px;
			font-size: 13px;
			font-weight: 700;
			line-height: 30px;
			background: url('images/form-dropdown.png') right top no-repeat;
			}
		.sys-filter .selector.filter > span,
		.sys-filter .selector.filter:hover > span {
			background: url('images/form-dropdown-filter.png') right top no-repeat;
			}
		.sys-filter .selector > select {
			position: absolute;
			width: 100%;
			height: 30px;
			border: none;
			outline: none;
			font-size: 13px;
			font-weight: 300;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
			cursor: pointer;
			}
	.sys-filter .chk-button {
		position: relative;
		display: block;
		float: left;
		height: 30px;
		margin: 0 10px 10px 0;
		padding: 0 10px 0 33px;
		background: #f2f2f2;
		font-size: 13px;
		font-weight: 700;
		line-height: 30px;
		-webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
		cursor: pointer;
		/* anim */
		-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
		-webkit-transition-property: background-color; transition-property: background-color;
		}
		.sys-filter .chk-button:hover {
			background: #dddddd;
			}
		.sys-filter .chk-button.filter,
		.sys-filter .chk-button.filter:hover {
			color: #ffffff;
			background: #1f8b9b;
			}
			.sys-filter .chk-button .checker {
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				width: 30px;
				height: 30px;
				}
				.sys-filter .chk-button .checker span {
					position: absolute;
					display: block;
					top: 7px;
					left: 7px;
					width: 16px;
					height: 16px;
					background: #ffffff;
					}
				.sys-filter .chk-button .checker span.checked {
					background: #ffffff url('images/form-checked.png') no-repeat;
					}
				.sys-filter .chk-button .checker input {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
					}
	.sys-filter .reset {
		float: left;
		font-size: 13px;
		font-weight: 300;
		text-decoration: underline;
		line-height: 28px;
		color: #1f8b9b;
		cursor: pointer;
		}
		.sys-filter .reset:hover {
			text-decoration: none;
			}

	
				
				


/* FILTERED PRODUCTS ------------------------------------------------------------------- */	
.sys-list {
		
	}
	.sys-list > ul > li {
		clear: left;
		margin-bottom: 30px;
		}
	.sys-list > ul > li > .left-col {
		float: left;
		width: 225px;
		margin-right: 15px;
		}
	.sys-list .right-col {
		margin-left: 240px;
		}
		.sys-list .right-col > h3 {
			font-size: 21px;
			font-weight: 400;
			padding-bottom: 5px;
			margin-bottom: 10px;
			border-bottom: 2px solid #1f8b9b;
			}
		.sys-list .right-col > .sys-note {
			font-size: 12px;
			line-height: 14px;
			}
		.sys-list .right-col > table {
			width: 100%;
			margin-bottom: 8px;
			}
			.sys-list .right-col > table th {
				font-size: 12px;
				line-height: 14px;
				font-weight: 300;
				padding: 2px 15px 5px 0;
				text-align: left;
				vertical-align: bottom;
				}
			.sys-list .right-col > table td {
				font-size: 13px;
				font-weight: 700;
				padding: 2px 10px 2px 0;
				text-align: left;
				vertical-align: top;
				border-top: 1px solid #efeeee;
				}
			.sys-list .right-col > table th:first-child,
			.sys-list .right-col > table td:first-child {
				display: none;
				}
				
		.sys-list .tabs-block * {
			font-size: 13px;
			}
			
			.sys-list .tabs-block .tabs-but {
				display: inline-block;
				margin-right: 15px;
				cursor: pointer;
				}
				.sys-list .tabs-block .tabs-but > i.icon {
					display: inline-block;
					width: 15px;
					height: 15px;
					margin-right: 7px;
					background: url('images/sys-list-options.png') 0 0 no-repeat;
					vertical-align: middle;
					}
				.sys-list .tabs-block .tabs-but.active > i.icon {
					background: url('images/sys-list-options.png') 0 -15px no-repeat;
					}
				
			.sys-list .tabs-block .tabs-frame {
				display: none;
				background: #efeeee;
				padding: 15px 15px 5px 15px;
				}
				.sys-list .tabs-block .tabs-frame p,
				.sys-list .tabs-block .tabs-frame ul,
				.sys-list .tabs-block .tabs-frame ol {
					margin-bottom: 8px;
					}
				.sys-list .tabs-block .tabs-frame a {
					color: #1f8b9b;
					text-decoration: underline;
					}
				.sys-list .tabs-block .tabs-frame ul > li,
				.sys-list .tabs-block .tabs-frame ol > li {
					padding-left: 15px;
					background: url('images/bullet-small.png') 0px 8px no-repeat;
					}
				
			.sys-list .tabs-block .tabs-frame .down-button {
				clear: right;
				float: right;
				width: 170px;
				margin: 0 0 5px 20px;
				padding: 5px 0;
				background: #1f8b9b;
				font-weight: 700;
				color: #ffffff;
				text-decoration: none;
				text-align: center;
				}
				
			.sys-list .sys-built .down-button {
				float: right;
				margin: 0 0 5px 20px;
				font-size: 13px;
				font-weight: 300;
				color: #1f8b9b;
				text-decoration: underline;
				}
				.sys-list .sys-built .down-button:hover {
					text-decoration: none;
					}
	.sys-list .sys-version {
		clear: right;
		}
			




/* SEND FORM ------------------------------------------------------------------- */

.sys-list .send-form-title {
	font-size: 13px;
	margin-bottom: 5px;
	}
					
.sys-list .tabs-block .tabs-frame .nosaukums {
	font-weight: 700;
	font-size: 16px; 
	margin-bottom: 15px; 
	line-height: 125%;
	}

.sys-list .send-form input[type='text'] {
	float: left;
	padding: 10px;
	margin: 0 5px 5px 0;
	outline: none;
	border: 1px solid #EFEFEF;
	box-sizing: border-box;
	}
	.sys-list .send-form input[type='text'].error {
		background: #ffffff url('images/form-error.jpg') left repeat-y;
		}
	.sys-list .send-form .fsize-1 {
		width: 100%;
		}
	.sys-list .send-form .fsize-2 {
		width: 50%;
		}
	.sys-list .send-form .fsize-3 {
		width: 33.3333%;
		}
	.sys-list .send-form textarea {
		width: 100%;
		height: 150px;
		float: left;
		padding: 10px;
		margin: 0 5px 5px 0;
		outline: none;
		border: 1px solid #EFEFEF;
		box-sizing: border-box;
		}
	.sys-list  .send-form textarea.error {
		background: #ffffff url('images/form-error.jpg') left repeat-y;
		}
	.sys-list .send-form .next-row {
		clear: left;
		}
	.sys-list .tabs-block .tabs-frame .submit-button {
		clear: left;
		float: left;
		display: block;
		margin: 10px 10px 10px 0;
		padding: 5px 20px;
		background: #1f8b9b;
		font-weight: 700;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		border: none;
		outline: none;
		cursor: pointer;
		}
		
	.sys-list .send-form .send-preloader {
		float: left;
		display: block;
		width: 30px;
		height: 30px;
		margin: 10px 10px 10px 0;
		padding: 5px 0;
		background: url('images/preloader.gif') no-repeat;
		}
		
	.sys-list .send-form .send-message {
		float: left;
		display: block;
		font-weight: 700;
		color: #1f8b9b;
		margin: 10px 10px 10px 0;
		line-height: 30px;
		height: 30px;
		}
	




/* GOOGLE MAP ------------------------------------------------------------------- */
#googleMap {
	width: 100%;
	height: 350px;
	}




/* FOOTER ------------------------------------------------------------------- */
.wrap-footer {
	font-size: 12px;
	line-height: 150%;
	color: #696567;
	}
	.footerLinks {
		padding-top: 60px;
		}
		.footerLinks > ul > li {
			float: left;
			width: 150px;
			margin-right: 20px;
			}
		.footerLinks > ul > li:first-child {
			font-size: 9px;
			}
			.footerLinks ul.menu > li,
			.footerLinks li > ul > li {
				font-size: 12px;
				line-height: 130%;
				padding-bottom: 5px;
				}
		.footerLinks h1,
		.footerLinks h2,
		.footerLinks h3,
		.footerLinks h4 {
			font-size: 12px;
			font-weight: 700;
			color: #ffffff;
			text-transform: uppercase;
			margin: 0 0 10px 0;
			padding: 0;
			}
		.footerLinks a:hover {
			text-decoration: underline;
			}





/* Hidden/clear classes ------------------------------------------------------------------- */

.hidden {
    display: none !important;
    visibility: hidden;
	}
.invisible {
    visibility: hidden;
	}
.cancel-float {
	float: none;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}	
.clear {
	clear: both;
	}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
	}
.clearfix:after {
    clear: both;
	}
.clearfix {
    *zoom: 1;
	}

	

/* MEDIA QUERIES ------------------------------------------------------------------- */

@media all and (min-width: 0px) {

	.wrap-width { width: auto; margin: 0 30px; }
	.wrap-menu .logo { width: 240px; padding-left: 30px; margin-left: -30px; background-position: 30px 0px; }
	.wrap-menu { background: #2e272a; }
	.wrap-menu .menu { display: none; }
	.wrap-menu .menu-trg { display: block; }
	.wrap-banner .banner > ul > li > a > h1 { padding-right: 30px; }
	.wrap-banner .banner > ul > li > a > p { padding-right: 30px; }
	.wrap-banner .banner > ul > li > a > span.big-banner { display: none; }
	.wrap-products .banner-black li { width: 50%; }
	.wrap-content .col-2 { width: 100%; padding: 0; padding: 0; }
	.wrap-content .col-2-nopad { width: 100%;}
	.wrap-content .col-3 { width: 100%; }
	.wrap-content .product-list li { width: 100%; padding-left: 0; padding-right: 0; }
	.sys-list > ul > li > div.left-col { float: none; width: 100%; text-align: center; }
	.sys-list > ul > li > div.right-col { float: none; width: 100%; margin-left: 0; }
	.sys-version tr > td:nth-last-child(1), .sys-version tr > th:nth-last-child(1) { display: none; }
	.sys-version tr > td:nth-last-child(2), .sys-version tr > th:nth-last-child(2) { display: none; }
	.sys-list .send-form .fsize-2 { width: 100%; }
	.sys-list .send-form .fsize-3 { width: 100%; }
	.footerLinks { display: none; }
	
	}

@media all and (min-width: 480px) {

	.sys-version tr > td:nth-last-child(1), .sys-version tr > th:nth-last-child(1) { display: none; }
	.sys-version tr > td:nth-last-child(2), .sys-version tr > th:nth-last-child(2) { display: table-cell; }
		
	}

@media all and (min-width: 640px) {

	.wrap-content .product-list li { width: 50%; padding-left: 10px; padding-right: 10px; }
	.wrap-content .product-list li:nth-child(3n+1) { padding-left: 10px; }
	.wrap-content .product-list li:nth-child(3n+3) { padding-right: 10px; }
	.wrap-content .product-list li:nth-child(2n+1) { padding-left: 0; }
	.wrap-content .product-list li:nth-child(2n+2) { padding-right: 0; }
	.wrap-content .col-3 { width: 50%; }
	.sys-version tr > td:nth-last-child(1), .sys-version tr > th:nth-last-child(1) { display: table-cell; }
	.sys-version tr > td:nth-last-child(2), .sys-version tr > th:nth-last-child(2) { display: table-cell; }
	.sys-list .send-form .fsize-2 { width: 50%; }
	.sys-list .send-form .fsize-3 { width: 33.3333%; }
	
	}
	
@media all and (min-width: 800px) {
	
	.wrap-menu .menu { display: block; }
	.wrap-menu .menu-trg { display: none; }
	.wrap-banner .banner > ul > li > a > h1 { padding-right: 180px; }
	.wrap-banner .banner > ul > li > a > p { padding-right: 180px; }
	.wrap-banner .banner > ul > li > a > span.big-banner { display: block; }
	.wrap-products .banner-black li { width: 25%; }
	.wrap-content .col-2 { width: 50%; padding: 0 10px 0 10px; }
	.wrap-content .col-2-nopad { width: 50%;}
	.wrap-content .col-3 { width: 33.3333%; }
	.wrap-content .product-list li { width: 33.3333%; }
	.wrap-content .product-list li:nth-child(2n+1) { padding-left: 10px; }
	.wrap-content .product-list li:nth-child(2n+2) { padding-right: 10px; }
	.wrap-content .product-list li:nth-child(3n+1) { padding-left: 0; }
	.wrap-content .product-list li:nth-child(3n+3) { padding-right: 0; }
	.sys-list > ul > li > div.left-col { float: left; width: 225px; text-align: left; }
	.sys-list > ul > li > div.right-col { float: none; width: auto; margin-left: 240px; }
	
	}
	
@media all and (min-width: 1000px) {

	.wrap-width { width: 960px; margin: 0 auto; }
	.wrap-menu { background: #2e272a url('images/menu-bg.gif') center top repeat-y; }
	.wrap-menu .logo { width: 326px; padding-left: 0; margin-left: 0; background-position: 0px 0px; }
	.footerLinks { display: block; }
		
	}
/* tests loaderi */
.progress-disabled {
  float: none;
  display:inline;
}
.ajax-progress {
     background: url("images/preloader.gif") no-repeat scroll 0% 0% transparent;
     color: green;
     display: block;
     float: left;
     height: 30px;
     margin: 10px 10px 10px 0px;
     padding: 5px 0px;
     width: 30px;
}