* {padding:0; margin:0; font-size:100%; border-collapse:collapse;}
*:focus {outline:none}

html, body {height:100%; background:#FFF;}
body {background:url(/images/bg2.jpg) repeat-x center top; color:#5e5e5e; font-family:Arial, Helvetica, sans-serif;}
td, th {font-size:1.3em; vertical-align:top; /*text-align:left;*/}
img {border:0;}
p {font-size:1.3em; line-height:1.3em; padding-bottom:18px;}
p.arhiv {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {padding:0; font-weight:bold; color:#231f20;}
h1 {padding:20px 0 15px 0; font-size:2.2em; font-weight:lighter;}
h1 span {padding: 0px; font-size:1.4em; color:#cf4832; font-weight:bold; letter-spacing:-3px; display:block; line-height:0.82em;}
h1.sp {padding: 10px 0 25px 0; font-size:1.7em; color:#cf4832; font-weight:bold; display:block;}
h2 {padding:0 0 10px 0; font-size:1.6em;}
h3 {padding:0 0 10px 0; font-size:1.6em;}
h3 span {font-size:0.75em;}
a {color:#007dc5; text-decoration:underline;}
a:hover {color:#cf4832; text-decoration:none;}
a.led {color: #5e5e5e; text-decoration: none;}
a.led:hover {text-decoration: none;}
ol li {list-style:inside decimal; font-size:1.3em;}
ul li{padding: 2px 0 3px 10px; font-size:1.2em; list-style:none; background:url(/images/li.png) no-repeat 0 8px}
hr {border:1px solid #d4d4d4;}
table.a {width: 690px; border: #000000 1px solid}
table.a td, table.a th {padding: 3px; border: #000000 1px solid}
table.b {background: #ececec; width: 100%}
table.b td {font-weight:bold; font-size:1.1em; padding: 5px}
table.c {border: 0}
table.c td {font-size:1.0em; text-align: center}
table.d {width: 100%; border: #cf4832 2px solid}

table h1 {text-transform:uppercase; font-size:1.4em; color:#cf4832; font-weight:bold; display:block; line-height:0.10em;}
table table {font-size:0.75em}
table td.e {font-size:1.1em}

sup {font-size:0.5em}

.pr {font-weight: bold; color: #cf4833;}  
.ch {text-decoration: line-through; font-weight: bold; color: #007dc5;}
a.gr {font-weight: bold; color: #4f9029;}

.podmenu3 ul {margin:0; padding:0; list-style:none; width:100%}
.podmenu3 li {margin:0 0 0 15px; list-style:none}
.podmenu3 li a {text-transform:uppercase; color:#007dc5; padding:0px 0px 8px 10px; font-size:10px; background:url(/images/red_square.gif) no-repeat 0px 4px}
.podmenu3 li a:hover {color:#cf4832}

.main {width:999px; margin:auto; min-height:100%; height:auto !important; height:100%; font-size:62.5%; position:relative;}
.footer {position:relative; width:999px; margin:-70px auto 0 auto; clear:both; height:60px; background:url(/images/style/bg/footer.png) repeat-x left top; font-size:75%;}
div.spacer {background:transparent; height:100px; visibility:hidden; clear:both;}
.fleft {width:277px; border-top:10px solid #e3e7e9; float:left; padding:21px 21px 20px 0;}
.fleft I {background:url(/images/gray_cor.png) no-repeat; width:4px; height:10px; position:absolute; top:0px;}
.fright {width:700px; border-top:10px solid #cf4832; float:left; padding:20px 0 21px 0;}
.fright I {background:url(/images/orange_cor.png) no-repeat; width:4px; height:10px; position:absolute; top:0px; right:0;}

.fastnav {position:absolute; left:780px;}
.fastnav I, .fastnav a {width:23px; height:24px; margin-right:25px; display:block; float:left;}
.home {background-image:url(/images/home.gif);}
.mail {background-image:url(/images/mail.gif);}
.sm {background-image:url(/images/sm.gif);}
I.act, .fastnav a:hover {background-position:0 24px;}

.logo {background:#FFF; position:absolute; top:8px; left:8px; background:url(/images/logo.png) no-repeat; width:314px; height:83px;}

.phone {position:absolute; text-align:right; width:210px; top:112px; right:30px; font-size:1.1em; color:#382312;}
.phone span {color:#fffffe;}
.fastcontacts {position:absolute; width:150px; top:70px; right:231px; font-size:1.3em; color:#4d4e4e; display:block;}
.fc {position:absolute; top:64px; right:25px; background:url(/images/contacts.png) no-repeat; width:177px; height:28px;}

.header {background:url(/images/header.jpg) no-repeat; height:30px; position:relative; top:142px;}

.fastsearch {position:absolute; top:8px; left:21px;}
.fastsearch div {display:inline;}
.st {width:168px; margin-right:18px; border:0; background:transparent; font:1.1em Tahoma;}
.si {width:18px; height:18px; position:absolute;}

.main_menu {padding: 5px 5px 0 230px; text-align:center;}
.main_menu li {background:transparent; padding:0 9px; font-size:1.3em; display:inline;}
.main_menu a {color:#fffffe;}

.logo-text {
    position: absolute;
    text-align: left;
    width: 100%;
    top: 90px;
    left: 14px;
    color: #fff;
    font-size: 22px;
    text-shadow: 1px 1px 3px #000;
}

a.mainButton {
    position: absolute;
    top: 27px;
    left: 435px;
    background: #EC4337;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    padding: 10px 50px;
    color: #fff;
    text-decoration: none;
    font-size: 19px;
    text-transform: uppercase;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.blueberry {
    width: 100% !important;
    height: 300px !important;
}

.blueberry .slides {
 	height: 300px !important;	
}

.blueberry .slides li {
	padding: 0 !important;
}

.main-three-blocks {
    margin: 65px 0 50px;
    text-align: center;
    border-top: 3px solid #EC4337;
    padding-top: 22px;
}

.main-three-blocks > div {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    text-align: center;
    font-size: 17px;
    height: 105px;
}


.main-three-blocks > div::after {
    content: " ";
    width: 120px;
    height: 3px;
    background: #EC4337;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.partn {
    text-align: center;
}

.partner {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 12px;
}

.ft {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.leftcolumn {margin-top:200px; width:240px; float:left;}
.leftcol {margin:181px 0 30px 0; width:255px; float:left;}
.leftcol2 {margin:933px 0 30px 0; width:255px;}
.leftcolumn .leftcol {margin-top:0; float:none;}
.col2 {background:#fff; margin-top:181px; width:196px; float:left;}
.cnt {margin:160px 0 0 300px; width:100%; float:left;}
.rightcol {margin-top:161px; width:187px; float:right;}
.content {margin:160px 0 0 300px;}
.wraper {width:100%; float:left;}
.content ol, .content ul {margin:0 0 15px 0;}

.content2 {margin: 60px 0 0 300px;}
.wraper3 { margin: 100px 0 0 0px; width:100%; float:left;}
.content2 ol, .content ul {margin:0 0 15px 0;}

.left img, img.left {float:left; margin:0 20px 15px 0;}

.black {background:url(/images/blackbg8.png) no-repeat -7px 0; padding:12px 21px 15px 21px; font-size:1.4em; color:#fffffe; position:relative; top:-30px;}
.black a {color:#fffffe}
.black a.hover {color:#fffffe}
.black i {position:absolute; display:block; background:url(/images/blackbg8.png) no-repeat; width:6px; height:39px; right:-6px; top:0;}

.toparrow {background:url(/images/top.png); width:239px; height:4px; font-size:0;}
.arrow {background:#FFF; background:url(/images/bg.png) repeat-y; padding:16px 18px 0px 25px; width:196px;}
.arrow li {text-transform:uppercase; background:none; padding:0 0 12px 0; font:1.1em Tahoma;}
.botarrow {background:url(/images/bot.png); width:239px; height:21px;}

.toparrow_small {background:url(/images/top1.png); width:159px; height:4px; font-size:0;}
.arrow_small {background:url(/images/bg1.png) repeat-y; padding:16px 50px 0px 5px; width:159px;}
.logos, .cat1 {position:relative; height:258px; margin:10px 0; overflow:hidden;}
.leftcolumn .logos {height:258px;}
.logos ul, .cat1 ul {position:relative; top:0;}
.logos li{background:none; padding:0 15px 12px 0; text-align:center; margin:auto;}
.botarrow_small {background:url(/images/bot1.png); width:159px; height:22px;}
.orange_arrow {background:url(/images/orange_arrow.png) no-repeat; width:16px; height:18px; padding-right:15px; margin:auto; cursor:pointer;}
.orange_arrow_top {background:url(/images/orange_arrow_top.png) no-repeat; width:16px; height:18px; padding-right:15px; margin:auto; cursor:pointer;}

.news_date {background:url(/images/news_date.png) no-repeat -7px 0; position:relative; padding:3px 1px 5px 7px; color:#fffffe;}
.news_date i {background:url(/images/news_date.png) no-repeat; width:6px; height:20px; position:absolute; right:-6px; top:0;}
.news {padding:0px 0 25px 0; font-size:1.2em;}
.news_list {padding:0 0 15px 84px;}
.news_list .news_date {position:absolute; margin-left:-84px;}
.news_list b {margin-bottom:4px; font-size:1.3em; color:#000001; display:block;}

.parts {padding:0 0 30px 148px; clear:both; min-height: 130px;}
.parts img {position:absolute; margin-left:-148px;}
.parts p {padding-bottom:10px;}
.parts p a {color:#f57200; font-weight:bold;}
.parts li a {color:#5e5f5f;}
.c2 td {padding:0 40px 0 0;}

.list {padding:0 0 81px 148px; clear:both; position:relative; min-height: 130px;}
.list img {position:absolute; top:0; left:0;}
.list b, .list span {display:block; padding:6px 0;}
.list b {color:#231f20;}
.list span {color:#f36f00; font-size:1.5em;}
.list  b a {color:#f57200;}
.list a {color:#5e5f5f;}
.element {margin-left:250px;}
.price {color:#f36f00; font-size:2em;}
.element h2   {padding-top:0;}
.element table {margin-bottom:21px;}
.element td, .element th {padding:3px 21px 3px 0; font-size:1.2em;}
.element th {font-weight:bold;}
.element li a {color:#5e5f5f;}

.search {margin:0 6px 30px 0; background:#FFF; padding:8px 0 7px 0; clear:both; position:relative;}
.search p {font-size:1.4em; color:#000001;}
.search div, .search p {display:inline; padding:0 12px;}
.search label {font:1.1em Tahoma; margin-left:7px;}
.search input {vertical-align:text-bottom;}
.subm {margin-bottom:-1px;}
.ll {background:url(/images/left.png); width:4px; height:37px; display:block; position:absolute; top:0; left:-4px;}
.rr {background:url(/images/right.png); width:4px; height:37px; display:block; position:absolute; top:0; right:-4px;}

.more {padding:0 10px 0 0; background:url(li.png) no-repeat right 6px; font-size:1.1em;}
.more a {color:#cf4833;}
.orange {color:#f57200; font-size:1.5em;}

.l15 {line-height:1.5em; clear:both;}

.pro li {float:left; border:1px solid #d4d4d4; background:#FFF; overflow:hidden; padding:30px 11px 0 11px; margin:15px; width:108px; height:100px; font:1.1em Tahoma; text-align:center;}
.pro li div {display:none;}
.pro li span a {display:block; text-transform:uppercase; color:#999999; margin-bottom:6px;}
.pro li:hover {padding:12px 11px 0 11px; margin:5px; width:128px; height:138px;}
.pro li:hover div {display:block;}

#motioncontainer {position:relative;overflow:hidden; left:0; top:155px; width:999px; height:163px;}
#motiongallery {position:absolute;left:0;top:0;white-space: nowrap;}
#trueContainer {width:3134px;}
#motioncontainer li {float:left; vertical-align:bottom; background:transparent; padding:0 7px; width:102px; height:160px;}
#motioncontainer li img {padding:8px 0}
#motioncontainer li a {display:block; color:#2f2f2f; width: 102px;}
#motioncontainer li div {display:none; position:absolute; text-align:center;}
#motioncontainer li div .img {text-align:left;}
li.hov {background:url(/images/catalog_hover.png) no-repeat center top !important;}

.pager {border-top:1px solid #d4d4d4; padding:34px 0; font:1.2em Tahoma;}
.pager a {margin:0 7px; color:#f36f00;}
.pager span {margin:0 7px; font-size:1.6em;}
.pager img {vertical-align:middle;}
.wraper .thumbs {width:220px; float:left; clear: both;}
.wraper .thumbs .thumb {float:left; overflow: hidden; padding: 0 0 0 5px; width:50px;}
.wraper .thumbs .thumb.first {padding-left: 0;}

p.maintext {padding-bottom: 0px;}

table.table_t {border-collapse: collapse;}
table.table_t td, table.table_t th {border: #9F9F9F 1px solid; padding: 7px;}
table.table_t th {color:#FFFFFF; background: #cf4831;}

ul.breadcrumb-navigation {padding:0; margin:0; padding-top:4px; list-style:none;}
ul.breadcrumb-navigation li {color:#fffffe; display:inline; margin-right: 10px;}
ul.breadcrumb-navigation li a {color:#fe7e00}

.features_title{font-size: 18px; text-align: center;color: #0032b1; background: url(/images/corporate_bg.png) no-repeat 50% 100%; padding-bottom: 10px; margin-bottom: 20px;}

.features {height:650px; position: relative;}
.features .item {display: block; padding: 25px 30px 30px; position: absolute;}
.features .item .title {font-size: 14px; font-weight: bold; padding-bottom: 15px; line-height: 24px;}
.features .item .desc {line-height: 20px; font-size: 14px; color: #444;}
.features .item_1 {background: #f2f3fa; width:50%; left:5%; top:0px;}
.features .item_1 .desc {padding-right: 20%;}
.features .item_2 {background: #f2fafa; width:40%; top:80px; right:0px;}
.features .item_3 {background: #f6f8f8; width:37%; top:240px; left:0px;}
.features .item_4 {background: #e9f8ec; width:36%; top:297px; right:9%; z-index: 1;}
.features .item_5 {background: #f2fafa; width:48%; top:473px; left:2%;}
.features .item_6 {background: #f6f8f8; width:28%; top:495px; right:2%; z-index: 2;}

a#but1 {display: block;	width: 154px; height: 20px; background-image: url(/images/but1.gif); background-position: left top; overflow: hidden}
a#but1:hover{display: block; width: 154px; height: 20px; background-image: url(/images/but1.gif); background-position: left bottom; overflow: hidden}
a#but2 {display: block; width: 182px; height: 20px; background-image: url(/images/but2.gif); background-position: left top; overflow: hidden}
a#but2:hover{display: block; width: 182px; height: 20px; background-image: url(/images/but2.gif);	background-position: left bottom; overflow: hidden}
a#but3 {display: block; margin-top: 2px; margin-left: 7px; width: 84px; height: 21px; background-image: url(/images/but3.gif); background-position: left top; overflow: hidden}
a#but3:hover{display: block; margin-top: 2px; margin-left: 7px; width: 84px; height: 21px; background-image: url(/images/but3.gif); background-position: left bottom; overflow: hidden}



.pull{display: none;}


@media screen and (max-width: 1024px){

	.callbackkiller,.ws-chat{display: none!important;}





	.main{width: 98%; padding: 0 1%;}
	.logo{left: 0}
	.fastnav{position: relative; float: right; left: 0;}
	.pull{display: block; float: right; width: 30px; height: 30px; background: #fff; position: absolute; top: 0; right: 0; background: url("/pull_nav.png") 50% 50% no-repeat;}
	.main_menu{display: none; position: absolute; top: 31px; left: 0; background: #fff; width: 100%; padding: 0; z-index: 10;}
		.main_menu li{display: inline-block; width: 100%; margin: 0; padding: 0; height: 35px; line-height: 35px;}
			.main_menu li a{display: block; height: 100%; margin: 0; padding: 0; color: #000; text-align: left; box-sizing: border-box; padding: 0 2%; text-transform: uppercase; border-bottom: 1px solid #eee;}
	#motioncontainer{width: 100%;}

	.leftcolumn{width: 30%;}
		.leftcolumn .leftcol{width: 100%;}

	.leftcol{width: 30%;}
		.arrow{width: 100%; box-sizing: border-box; background-size: 100%; background: none; border: 1px solid #ddd; border-radius: 5px;}
		.toparrow,.botarrow{display: none;}
	.content2,.content{float: right; width: 68%; margin-left: 0;}
		.content2 .wraper3 table,.content table{width: 100%!important}
			.content div{max-width: 100%!important}
			.content2 .wraper3 table:first-child td{display: inline-block; width: 100%; padding-bottom: 20px;}
		h1.sp{line-height: normal;}

	.content table td{padding-right: 0!important}
	.content table td:first-child img{width: 80%}

	.footer{width: 100%;}
		.fleft{width: 25%; box-sizing: border-box;}
		.fright{width: 75%; box-sizing: border-box;}

	.content img{width: 50%; height: auto; display: block; margin: 0 auto!important; margin-bottom: 20px!important; margin-right: 10px!important; margin-left: 10px!important}
	.content iframe,.content object{width: 100%!important; display: none!important}

	.content table.a{overflow-x: scroll!important; display: inline-block;}
		.content table.a td{}

	#hlab-speaker{display: none!important; visibility: hidden!important;}
}

@media screen and (max-width: 768px){
	.leftcol,.leftcolumn{width: 100%;}
		.leftcolumn .leftcol{margin-bottom: 5px!important}
		.leftcol div{height: auto!important}
		.leftcol div.orange_arrow_top,.leftcol div.orange_arrow{height: 18px!important}
			.leftcol div.orange_arrow_top{margin-top: 2%;}
		.leftcol br{display: none;}
		.leftcol .left-news{padding: 2%;}
		.leftcol .arrow{border: none; padding: 0; display: inline-block; box-sizing: border-box; margin-bottom: 5px;}
			.leftcol .arrow ul{box-sizing: border-box; padding: 2%;}
		.leftcol .arrow .black{top: 0; background: linear-gradient(to top, #5c5c5c, #2a2a2a); display: inline-block; border-radius: 4px; width: 100%; box-sizing: border-box; cursor: pointer;}
			.leftcol .arrow .black i{display: none;}
		.leftcol .arrow ul,.leftcol .arrow .left-news{display: none;}
		.leftcol .arrow .logos,.orange_arrow_top,.orange_arrow{display: none;}
			.leftcol .arrow .logos ul{display: block;}
	.content2,.content{width: 100%; margin: 0}
		.content2 .wraper3{margin: 0}
	.news_list .news_date{position: relative; left: 0; margin: 0; padding-right: 5px; display: inline-block; box-sizing: border-box; background: #fe7e00; border-radius: 4px;}
		.news_list .news_date i{display: none;}
	.news_list{padding-left: 0}

	.content input,.content select,.content textarea{max-width: 75%!important; float: left!important;}

	/*.content .main-text table{display: inline-block; width: 100%;}*/
	.no-site{display: none!important;}

	.logo-text {
	    position: absolute;
	    text-align: left;
	    width: 100%;
	    top: 90px;
	    left: 5px;
	    font-size: 18px;
	}

	a.mainButton {
	    position: absolute;
	    top: 39px;
	    left: inherit;
	    right: 10px;
	}

}

@media screen and (max-width: 560px){
	.logo{width: 100%; background-position: 50% 0; top: 25px;}
	.fleft{display: none}
	.fright{width: 100%; padding: 15px 2%; text-align: center;}

	.content2 .wraper3 table img{max-width: 90%; height: auto;}

	p.arhiv{display: inline-block; width: 100%;}
		p.arhiv a{display: inline-block;}

	table td.e{font-size: 9px;}
	.content table a{font-size: 10px}
		.content table a strong{font-size: 12px!important}

	.content-form table{display: inline-block; width: 100%!important}
		.content-form table td{display: inline-block; width: 100%; box-sizing: border-box; padding: 0 2% 5px;}
	.content-form input,.content-form select,.content-form textarea{max-width: 100%!important; float: left!important; width: 100%!important; box-sizing: border-box;}
	.content-form img{float: none; width: auto!important; margin: 0 auto;}

	.blueberry{width: 100%!important}

	.logo-text {
	    position: relative;
	    text-align: left;
	    width: 100%;
	    top: 144px;
	    left: 5px;
	    color: #fff;
	    font-size: 18px;
	    text-shadow: 1px 1px 3px #000;
	}
	a.mainButton {
	    position: relative;
	    top: 373px;
	    left: 0;
	    margin: 0 auto;
	    width: 95px;
	    display: block;
	    text-align: center;
	}
	.blueberry {
	    width: 100% !important;
	    height: auto !important;
	}
	.blueberry .slides {
	    height: auto !important;
	}
	.main-three-blocks > div {
	    width: 100%;
	    margin-bottom: 35px;
	}
}

#form-callback {
    color: #fff;
    padding: 30px 0;
}