@font-face {
    font-family: 'PF Din Text Pro';
    src: url('../fonts/pfdintextpro-bold-webfont.eot');
    src: url('../fonts/pfdintextpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextpro-bold-webfont.woff') format('woff'),
         url('../fonts/pfdintextpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/pfdintextpro-bold-webfont.svg#pf_dintext_probold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*::-webkit-input-placeholder {}*/

/*::-moz-placeholder {}*/ /* firefox 19+ */

/*:-ms-input-placeholder {}*/ /* ie */


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;}

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
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 {
	margin: 0;
	padding: 0;
	border: 0;	
	outline:none;
	font-size: 100%;	
	font: inherit;	
	vertical-align:top;}

.group:after,
.container:after,
.media:after,
.content-block:after,
.preview-wrap:after,
.params-list li:after{
content: "";
display: table;
clear: both;}

b, u, i, strong, em{
vertical-align:baseline;}

body{
color:#2d363d;
background:#ffffff;
font-family: sans-serif;
font-size:12px;
line-height:18px;}

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

img{
max-width: 100%;
height: auto;}

strong, b{
font-weight:bold;}

a{
vertical-align:baseline;
color:#103659;}

a:link{}

a:visited{}

a:active{}

a:hover{
text-decoration:none;}

a:focus{}

p{}

p+p{
margin-top:12px;}

h1, h2{
font:bold 21px/1 Arial;
color:#103659;
margin-bottom:10px;
text-transform:uppercase;}

h1{
margin-bottom:22px;}

h2{}

h3{}

h4{}

ol, ul{
margin:18px 0;
list-style-position:inside;}

li~li{
margin-top:4px;}



/* layout style */

.container{
width:940px;
margin:0 auto;}

/*stycky footer*/
html, body{
height:100%;}

.sf-wrap{
min-height:100%;}

.content-wrap{
padding:0 0 100px;}

footer{
margin-top:-100px;}
/**/

.sidebar,
.content-block,
.container>.news{
border-width:0 1px;
border-style:solid;
border-color:#e5e5e5;}

.content-block,
.container>.news{
padding:20px 29px 0;
margin:0 -1px;}

.sidebar{
width:260px;
padding:20px 20px 0;}

.sidebar-right{
padding-left:21px;
margin-right:-1px;
float:right;}

.sidebar~.content-block{
float:left;
width:580px;}

.content-wrap .container>.content-block{
padding-top:36px;
border-bottom:1px solid #dedede;}

/* /end layout */



/* form elements style */

[type="text"],
[type="password"],
textarea{
display:inline-block;
vertical-align:top;
margin:0;
color:#585858;
font:12px/20px Arial;
height:20px;
border:1px solid #bfd5e0;
padding:5px 10px;
width:220px;
outline:none;}

[type="submit"],
.button{
cursor:pointer;
display:inline-block;
vertical-align:top;
padding:10px 8px;
border:1px solid #1c66a3;
font:bold 14px/16px Arial;
text-align:center;
text-decoration:none;
text-transform:uppercase;
color:#fff;
background: #12518b; /* Old browsers */
background: -moz-linear-gradient(top,  #12518b 0%, #0a3154 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12518b), color-stop(100%,#0a3154)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #12518b 0%,#0a3154 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #12518b 0%,#0a3154 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #12518b 0%,#0a3154 100%); /* IE10+ */
background: linear-gradient(to bottom,  #12518b 0%,#0a3154 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12518b', endColorstr='#0a3154',GradientType=0 ); /* IE6-9 */
box-shadow:inset 1px 1px rgba(255, 255, 255, .2),
			inset 0 2px 6px rgba(255, 255, 255, .25);}

[type="submit"]:hover,
.button:hover{
opacity:.9;}

[type="submit"]:active,
.button:active{
box-shadow:none;}

[type="submit"]{
margin:20px 0;
height:38px;
min-width:125px;}

.button{
margin:15px 0 0;
min-width:150px;}

.button:hover,
a.button,
a.button:hover{
color:#fff;
text-decoration:none;}

label+input,
label+textarea{
margin-top:5px;}

label{
display:inline-block;
vertical-align:top;}

input:focus{
outline:none;}

/* /end form elements */



/* header style */

header{
padding:0 0 39px;
background: #0e5694; /* Old browsers */
background: -moz-linear-gradient(top,  #0e5694 71%, #0273bc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,#0e5694), color-stop(100%,#0273bc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0e5694 71%,#0273bc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0e5694 71%,#0273bc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0e5694 71%,#0273bc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0e5694 71%,#0273bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5694', endColorstr='#0273bc',GradientType=0 ); /* IE6-9 */}

.header-stripe-1{
position:relative;
z-index:1;
padding:9px 0 8px;
margin:0 0 -1px;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
font:bold 18px/21px Arial;
text-align:right;
color:#10518d;}

.header-search{
float:left;
position:relative;}

.header-search [type="text"]{
border-radius:10px;
width:190px;
padding:0 35px 0 10px;
height:21px;
border:none;}

.header-search [type="submit"]{
margin:0;
min-width:0;
position:absolute;
right:0;
top:0;
width:30px;
height:100%;
border:none;
background:url(../img/icon_search.png) 6px 2px no-repeat;}

.header-stripe-2{
position:relative;
background: url(../img/header.png) 0 0 repeat-x;
box-shadow:0 1px 3px rgba(0, 0, 0, .8);}

.logo{
position:absolute;
left:50%;
top:13px;
margin-left:-463px;}

.logo a,
.logo img{
display:block;}

.dark{
position:absolute;
right:50%;
left:0;
top:0;
margin-right:243px;
height:58px;
background:url(../img/dark.png) 0 0 repeat-x;}

.dark .corner{
position:absolute;
right:-13px;
top:0;
width:13px;
height:100%;
background:url(../img/dark_corner.png) 0 0 no-repeat;}

header nav ul,
header nav li,
.slider-wrap ul,
.slider-wrap li,
.bc,
.bc li,
.slider-wrap ul,
.slider-wrap li{
margin:0;
list-style-type:none;
padding:0;}

header nav,
header nav a{
text-decoration:none;
color:#fff;}

header nav>ul>li{
position:relative;
float:left;
display:block;
background: url(../img/nav_separator.png) right 0 no-repeat;}

header nav>ul{
padding-left:2px;
background: url(../img/nav_separator.png) 0 0 no-repeat;
float:right;}

header nav>ul>li>a{
display:block;
padding:0 14px;
margin:0 1px 0 -1px;
height:58px;
font:bold 14px/60px 'PF Din Text Pro';
text-transform:uppercase;}

header nav>ul>li>a:hover{
background: url(../img/nav_hover.png) 0 0 repeat-x;}

nav li:hover .submenu{
display:table;
opacity:1;
visibility:visible;}

.submenu{
display:table;
position:absolute;
left:-2px;
top:100%;
width:220px;
padding:1px 0 0 1px;
background: url(../img/submenu_separator.png) 0 1px no-repeat;
white-space:nowrap;
font-size:0;
z-index: 62;
visibility:hidden;
opacity:0;
 transition: all .25s;}

.submenu li:hover{
background: #0b4372; /* Old browsers */
background: -moz-linear-gradient(top,  #0b4372 0%, #02578e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b4372), color-stop(100%,#02578e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0b4372 0%,#02578e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0b4372 0%,#02578e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0b4372 0%,#02578e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0b4372 0%,#02578e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4372', endColorstr='#02578e',GradientType=0 ); /* IE6-9 */}

.submenu li{
display:block;
font:12px/30px Arial;
color:#fff;
background: url(../img/submenu_separator.png) right 0 no-repeat;}

.submenu-right .submenu{
left:auto;
right:0;}

.submenu a{
display:block;
padding:0 12px 0 16px;
background:#10528e;
transition: all .25s;
position:relative;}
.submenu a:after{
    content:'';
    display:block;
    width:8px;
    height:10px;
    background: url(../img/arrow-submenu.png) no-repeat;
    position:absolute;
    top:10px;
    right:12px;
    opacity:0;
    transition: all .25s;
}
.submenu a:hover{
    background:#0c365c;
}
.submenu a:hover:after{
    opacity:1;
}

.header-stripe-1 .button{
border-radius:9px;
margin:2px 0 0 4px;
padding:1px 9px;
border:none;
box-shadow:none;
font-size:12px;
font-weight:normal;
text-transform:none;}

/* /end header */



/* footer style */

footer{
border-width:1px 0 7px;
border-style:solid;
border-color:#11538e #000 #10528e;
color:#353e40;}

footer .container{
width:900px;
padding:42px 0 36px;}

footer nav{
float:right;}

footer nav a:hover{
text-decoration:underline;}

footer nav a{
color:#113454;
text-decoration:none;
display:inline-block;
vertical-align:top;}

footer nav a~a{
margin-left:24px;}

.footer-content{
box-shadow:0 1px #236097;}

/* /end header */



/* content style */

.content-wrap .container{
background-color:#FFF;
border-width:0 1px;
border-style:solid;
border-color:#e5e5e5;}

.content-wrap .container>.group,
.item>.group,
.contacts>.group{
border-bottom:1px solid #dedede;}

.content-block+.content-block{
border-top:1px solid #dedede;}

.preview:hover{
opacity:.8;}

.preview{
display:block;
width:100px;
height:56px;
border:3px solid #0c365c;}

.main h1{
font-size:32px;
line-height:36px;
margin-bottom:10px;}

.main{
position:relative;
padding-top:10px;}

.main .text{
position:relative;
z-index:1;}

.main .image{
position:absolute;
right:-9px;
top:0px;}

.main .preview-wrap{
margin:65px 0 30px;}

.main .preview{
float:left;
margin-right:18px;}

.item-link-box:first-child{
margin-top:-20px;}

.item-link-box:hover{
opacity:.75;}

.item-link-box{
position:relative;
display:block;
background: url(../img/link_box.png) 0 bottom repeat-x;
height:168px;
font-size:14px;
line-height:1;
text-decoration:none;
margin:0 -20px 0 -21px;
padding:30px 20px 0 21px;}

.item-link-box img{
position:absolute;
right:0;
bottom:0;}

.item-link-box h2{
margin-bottom:5px;}

.media .text{
overflow:hidden;}

.media .image{
float:left;
margin-right:18px;
width:256px;
border-bottom:4px solid #113351;}

.news-preview .image,
.partners .image{
border-bottom:4px solid #113351;}

.news-preview{
margin-bottom:36px;}

.news-preview  a{
color:#0a61a3;}

.bc li{
display:inline;}

.bc{
padding:17px 45px 16px;
color:#103659;
border-bottom:1px solid #e0e0e0;}

.direction{
float:left;
font-size:0;
display:table;}

.direction>*{
display:inline-block;
vertical-align:top;
font-size:12px;}

.direction .separator{
margin:0 1ex;}

.pagination{
float:right;}

.pagination li{
float:left;}

.pagination li~li{
margin:0 0 0 9px;}

.pagination{
list-style-type:none;
margin:0;}

.pagination-first a,
.pagination-last a{
margin-top:2px;
display:block;
width:9px;
height:14px;
background-repeat:no-repeat;
background-image:url(../img/pagination.png);}

.pagination-first a{
background-position:0 0;}
.pagination-first a:hover{
background-position:0 -14px;}

.pagination-last a{
background-position:-9px 0;}
.pagination-last a:hover{
background-position:-9px -14px;}

.pagination-wrap{
padding:17px 55px 17px 45px;}

.content-wrap .pagination-wrap.group{
border:none;}

.slider-wrap .news-preview .image{
float:none;}

.slider-wrap{
margin:32px 0 0;}

.download-item~.download-item{
margin-top:22px;}

.download-item a:hover .text{
text-decoration:none;}

.download-item a{
text-decoration:none;
line-height:43px;
padding-left:48px;
height:45px;
display:inline-block;
vertical-align:top;
background: url(../img/downloads.png) 0 0 no-repeat;}

.download-item{
width:215px;
font-size:12px;}

.download-item .text{
text-decoration:underline;
display:inline-block;
line-height:16px;
vertical-align:middle;}

.downloads h2{
margin-bottom:18px;}

.download-item a:hover{
opacity:.8;}

.support .image{
float:left;
margin:-40px -18px 0 0;}

.partners{
line-height:16px;
color:#103659;}

.item .image-wrap{
border-right:1px solid #e5e5e5;
float:left;
padding:25px 20px 40px 30px;
width:580px;}

.item .preview-wrap{
float:left;}

.item .preview~.preview{
margin-top:24px;}

.item .image-wrap .image img{
max-height:100%;
vertical-align:middle;}

.item h1{
margin-bottom:12px;}

.item .image-wrap .image{
text-align:center;
line-height:300px;
float:right;
width:460px;
height:320px;}

.item{
color:#113351;
font-size:14px;}

.item .description ul{
margin:32px 0 18px;}

.item p a{
color:#0370b9;}

.item .description{
float:left;
width: 259px;
padding:35px 10px 10px 40px;
border-left:1px solid #e5e5e5;
margin-left:-1px;}

.item .content-block{
padding-top:35px;
padding-bottom:32px;}

.params-list li~li{
margin:0;
border-top:1px solid #e3e3e3;}

.params-list{
line-height:21px;
list-style-type:none;}

.param-value{
float:right;}

.param-name{
float:left;
font-weight:bold;}

.catalog-item:first-child+.catalog-item{
width:254px;}

.catalog-item:first-child{
margin-left:-1px;}

.catalog-item{
float:left;
width:252px;
height:358px;
overflow:hidden;
padding:0 30px 25px;
border-width:0 1px 1px;
border-style:solid;
border-color:#e5e5e5;
margin:0 -1px 0 0;}

.catalog-item .image img{
vertical-align:middle;}

.catalog-item .image{
line-height:184px;
text-align:center;
width:185px;
height:190px;
margin:2px auto 10px;}

.catalog-item h2{
/*height:21px;
overflow:hidden;
text-overflow: ellipsis;
white-space:nowrap;*/}

.catalog-item p{
height:72px;
overflow:hidden;
text-overflow: ellipsis;}

.documentation .image-wrap{
border-right:1px solid #e5e5e5;
float:left;
width:350px;
padding:0 25px 15px;}

.documentation .image-wrap .image img{
max-height:100%;
vertical-align:middle;}

.documentation .image-wrap .image{
padding:35px 0 25px;
text-align:center;
width:350px;
height:330px;
line-height:325px;}

.documentation .preview~.preview{
margin-left:10px;}

.documentation .preview{
width:56px;
height:56px;
float:left;}

.documentation .downloads{
border-left:1px solid #e5e5e5;
float:left;
padding:35px 30px;
width: 479px;
margin-left:-1px;}

.preview {
text-align:center;}

.preview img{
max-height:100%;}

.map-wrap{
float:right;
width:626px;
height:362px;
border-left:1px solid #e5e5e5;}

.contacts-text{
padding:25px 50px;}

.phone{
font:bold 22px/1 Arial;}

.form-wrap{
padding:35px 30px;}

.input-line~.input-line{
margin-top:15px;}

.input-line [type="text"],
.input-line [type="password"],
.input-line textarea{
display:block;}

textarea{
resize:none;
height:220px;}

[type="radio"],
[type="checkbox"]{
margin:0;
padding:0;
vertical-align:top;
display:inline-block;
margin:1px 4px 0 0;}

*+[type="radio"],
*+label [type="radio"],
*+[type="checkbox"],
*+label [type="checkbox"]{
margin-left:36px;}

.slider-main{
margin:-20px -29px 0;}

.main{
overflow:hidden;
padding:30px 29px 158px;}

.preview-wrap-main{
margin:-92px 0 0;
position:relative;
z-index:60;}

.preview-wrap-main .preview {
float: left;
margin-right: 18px;
}

/* /end content */



.bx-wrapper .bx-controls-direction a{
z-index:100;}

.hide{
display:none;}

.modal .input-line{
width:242px;
margin-left:auto;
margin-right:auto;}

.modal [type="submit"]{
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:0;}

.modal{
width:500px;
position:absolute;
padding:30px;}

.modal .close{
float:none;
margin:0;
position:absolute;
right:20px;
top:15px;}

.close{
text-decoration:none;}