@font-face {
    font-family: 'Gotham-Light';
    src: url('../fonts/Gotham-Light.eot');
    src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Light.woff') format('woff'),
         url('../fonts/Gotham-Light.ttf') format('truetype'),
         url('../fonts/Gotham-Light.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Book.woff') format('woff'),
         url('../fonts/Gotham-Book.ttf') format('truetype'),
         url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Medium.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.eot');
  src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Helvetica.woff2') format('woff2'),
       url('../fonts/Helvetica.woff') format('woff'),
       url('../fonts/Helvetica.ttf') format('truetype'),
       url('../fonts/Helvetica.svg#Helvetica') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica-Bold';
  src: url('../fonts/Helvetica-Bold.eot');
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Helvetica-Bold.woff2') format('woff2'),
       url('../fonts/Helvetica-Bold.woff') format('woff'),
       url('../fonts/Helvetica-Bold.ttf') format('truetype'),
       url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

* { margin:0; padding:0;}
body, td, th, input, select, textarea, button { font:14px/23px 'Open Sans', sans-serif; color:#4f4f4f;}
header, footer, section, nav, article, aside { display:block;}
:focus { outline:none;}
.clearfix { zoom:1;}
.clearfix:after { content:" "; display:table; clear:both;}
img, table { border:0;}
button { cursor:pointer;}
ul { list-style:none;}
a { text-decoration:none; color:#ed1c24;}
	a:hover { color:#c41219;}
p { padding-bottom:12px;}
sup { font-size:.7em; vertical-align:baseline; position:relative; top:-0.5em;}

/* --   MAIN   ------------------------------------------------------------------------------- */
.ico { background:url(../images/sprite.png) no-repeat;}
.table { display:table; width:100%;}
.tr { display:table-row;}
.td { display:table-cell;}

html { background:#fff;}
body { min-width:1000px;}
.inner { margin:0 auto; width:1000px;}
#outer { position:relative; margin:0 auto; padding-top:36px;}

/* --   HEADER   ------------------------------------------------------------------------------- */
header { z-index:99; position:fixed; left:0; right:0; top:0; background:#121100;}
header .inner { height:36px;}
	header .tagline { padding:6px 0 0 17px; float:left; color:#fff; font-size:12px; font-weight:300;}
	header .fa-bars { padding:9px 21px 0; float:right; color:#fff; font-size:17px;} 

header .search-box { padding:5px 0 8px; float:right;}
	header .search-box input[type=text] { padding:0 7px; height:19px; box-sizing:border-box; vertical-align:middle; color:#9d9d9d; font-size:9px; border:1px solid #e8e8e8; background:#f9f9f9; text-align:center;}
	header .search-box .fa-search { cursor: pointer; margin-left:-4px; display:inline-block; width:18px; height:19px; box-sizing:border-box; vertical-align:middle; text-align:center; color:#dcdcda; font-size:8px; border:1px solid #e8e8e8; background:#fff;}

/* --   NAV   ---------------------------------------------------------------------------------- */
.logo-line { padding:42px 0 37px; text-align:center; border-bottom:1px solid #b8b9ba;}
nav > ul {}
nav ul li a, nav ul li span { line-height:16px; color:#828282;}
nav > ul > li { border-top:1px solid #b8b9ba;}
nav > ul > li:first-child { border:0;}
nav > ul > li > a, nav > ul > li > span { position:relative; display:block; padding:14px 18px 13px; text-transform:uppercase;}
nav > ul > li.active > a { background:#fff;}
nav > ul > li.have-sub > a, nav > ul > li.have-sub > span { padding-right:35px; color:#fff;}
nav > ul > li.have-sub > a:before , nav > ul > li.have-sub > span > span.before:before { position:absolute; right:8px; top:50%; margin-top:-10px; display:blockl; width:21px; height:21px; content:"\f107"; font:16px/23px 'FontAwesome'; color:#a7a7a7; text-align:center; border-radius:21px; border:1px solid #d5d5d5; background:#fff; cursor: pointer; }
nav > ul > li.have-sub-active > a, nav > ul > li.have-sub-active > span { background:#d7123d;}
nav > ul > li > ul > li { border-top:1px solid #b8b9ba;}
nav > ul > li > ul > li:first-child { border:0;}
nav > ul ul li a { position:relative; display:block; padding:14px 18px 13px 37px; text-transform:uppercase;}
nav .list-head:after { position:absolute; right:4px; top:50%; margin-top:-10px; display:blockl; width:21px; height:21px;  content:"\f107"; font:16px/23px 'FontAwesome'; color:#e2e2e3;}
nav > ul ul ul { margin-bottom:16px;}
.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
nav .check-item { padding:0 10px 0 38px; color:#828282;}
nav .check-item .ui-button:before { content:""; display:inline-block; vertical-align:middle; margin:-1px 7px 1px 0; width:8px; height:8px; background:rgba(242,242,242,.75);}
nav .check-item .ui-button.ui-state-active:before { background:rgba(255,0,0,.75);}
nav .slider-item { padding:0 5px 14px 25px; color:#828282;}
nav .slider { position:relative; display:inline-block; vertical-align:middle; height:14px; cursor:pointer;}
nav .slider:after { content:""; position:absolute; left:0; right:0; top:7px; height:1px; background:rgba(177,178,179,.29);}
nav .slider-item1 .slider { margin:0 8px; width:160px;}
nav .slider-item2 .slider { margin:0 4px 0 0; width:111px;}
nav .slider-item2 label { display:inline-block; font-size:10px;}
nav .slider-item2 label:first-child, nav .slider-item2 .title + label { width:54px;}
nav .slider span.ui-slider-handle { position:absolute; top:4px; display:inline-block; vertical-align:middle; margin:-1px 7px 1px 0; width:8px; height:8px; background:rgba(255,0,0,.75);}
nav .slider-item .title { line-height:1em;}
aside .search { margin-bottom:18px;}
	aside .search input { padding:0 13px; width:217px; height:32px; box-sizing:border-box; vertical-align:middle; color:#9d9d9d; font-size:10px; line-height:20px; border:1px solid #e8e8e8; background:#f9f9f9;}
	aside .search .fa-search { cursor: pointer; margin-left:-3px; display:inline-block; width:30px; height:32px; box-sizing:border-box; vertical-align:middle; text-align:center; color:#c9c9c9; font-size:13px; line-height:30px; border:1px solid #e8e8e8; background:#f9f9f9;}

.aside-block { padding:33px 17px 12px;}
.social .ico { margin-right:7px; display:inline-block; width:25px; height:25px; border-radius:4px;}
	.social .ico-facebook { background-position:-160px 0;}
	.social .ico-google { background-position:-190px 0;}
	.social .ico-rss { background-position:-220px 0;}
	.social .ico-twitter { background-position:-250px 0;}
        .social .ico-linkedin { background-position:-250px -30px;}


aside .button-row { padding:13px 17px 24px; text-align:right; border-bottom:1px solid #b8b9ba;}




/* --   FOOTER   ------------------------------------------------------------------------------- */
footer { background:#121100;}
	footer .inner { padding:77px 0 93px;}
	footer .col { margin-left:26px; float:left; width:316px;}
	footer .col:first-child { margin-left:0;}
	footer .col-h { padding:11px 15px; color:#fff; text-transform:uppercase; background:#a90112; border-width:6px 0; border-style:solid; border-image:url(../images/border-footer-h.png) 6 0 repeat;}
	
footer .markets ul { padding-top:17px;}
	footer .markets a { color:#fff; font-size:19px; line-height:30px; font-weight:300;}
	
footer .twitts .line { margin-top:14px; padding-left:33px; font-size:12px; line-height:19px;}
	footer .twitts .ico { margin:0 8px 0 -33px; display:inline-block; width:21px; height:15px; vertical-align:middle; background-position:0 -40px;}
	footer .twitts .name, footer .twitts .link { color:#4b9ec9;}
	footer .twitts .time { display:block; color:#a7a7a7;}
	
footer .contacts .line { margin-top:11px; padding-left:39px;}	
	footer .contacts .ico { margin:0 8px 0 -39px; display:inline-block; width:31px; height:31px; vertical-align:middle; border:1px solid #d5d5d5; border-radius:25px; box-sizing:border-box;}
	footer .contacts .ico-phone { background-position:0 0;}
	footer .contacts .ico-mail { background-position:-40px 0;}
	footer .contacts .ico-fax { background-position:-80px 0;}
	footer .contacts .ico-address { background-position:-120px 0;}
	footer .contacts a { color:#4f4f4f;}
	
footer .bg { padding:7px 0 8px; background:#a90112;}
	footer .copyright { padding-left:23px; color:#fff; font-size:11px;}

/* --   PAGE   --------------------------------------------------------------------------------- */
#page { padding:51px 0 26px; background-repeat:no-repeat; background-size:cover;}
aside { float:left; width:282px; overflow:hiddenl; background:rgba(0,0,0,.8);}
#content { float:right; width:702px; overflow:hiddenl;}

/* --   boxes & blocks   --------------------------------------------------------------------------------- */
.slider-box { position:relative;}
.slider-box li { z-index:10; position:relative;}
.slider-box li img { display:block;}
.slider-box li .text { position:absolute; left:50px; top:50px; box-sizing:border-box; padding:8px 8px 8px 18px; width:425px; font-size:18px; line-height:22px; font-weight:300; color:#fff; background:rgba(38,38,38,.75);}
.slider-box li .text b, .slider-box li .text strong { font-weight:600;}
.slider-box .flex-direction-nav { z-index:11; position:absolute; right:10px; bottom:10px; box-sizing:border-box; padding-top:39px; width:37px; height:76px;}
	.slider-box .flex-direction-nav a { display:block; width:37px; height:37px; font-size:0; font-weight:0; text-align:center; background:#000;}
	.slider-box .flex-direction-nav a:hover { background-color:#d7123d;}
	.slider-box .flex-direction-nav a.flex-prev {}
	.slider-box .flex-direction-nav a.flex-next { position:absolute; margin-top:-76px;}
	.slider-box .flex-direction-nav a:before { font:22px/37px 'FontAwesome'; color:#fff;}
	.slider-box .flex-direction-nav a.flex-prev:before { content:"\f104";}
	.slider-box .flex-direction-nav a.flex-next:before { content:"\f105";}
.slider-box .flex-control-nav { z-index:11; position:absolute; left:10px; bottom:10px;}
.slider-box .flex-control-nav li { display:inline-block;}
.slider-box .flex-control-nav li a { position:relative; margin-right:6px; display:inline-block; width:16px; height:16px; font-size:0; line-height:0; cursor:pointer; background:url(../images/sprite.png) 0 -120px no-repeat;}
.slider-box .flex-control-nav li a.flex-active { background-position:-20px -120px;}

.block1 { padding:34px 37px 24px 40px; position:relative; background:rgba(76,76,76,.95);}
	.block1 .block-title  { font-size:20px; font-weight:bold; color:#fff;}
	.block1 .text { font-size:20px; line-height:30px; color:#fff;}
.block1 .block-text { color:#fff;}
.block1 .pic-right { float:right; margin:22px 0 0 20px;}
.block1 .pic-left { float:left; margin:0 40px 0 0;}
.block1 ul { margin:20px 0 0 22px; list-style:disc;}
.block1 ul li { margin-bottom:4px;}
	
.block2 { padding:45px 37px 52px 136px; position:relative; background:rgba(255,255,255,.8);}

.block2 .feature { padding-bottom:48px;}
	.block2 .line { margin-bottom:24px;}
	.block2 .line:last-child { margin-bottom:0;}
	.block2 .line .item:first-child { margin-right:37px;}
	.block2 .item { float:left; width:295px;}
	.block2 .item .ico-box { margin-right:18px; float:left; width:60px; height:60px; overflow:hidden; border-radius:5px;}
	.block2 .item .content { overflow:hidden;}
	.block2 .item .title { font:15px/18px 'Gotham-Medium';}
	.block2 .item .text { font:13px/16px 'Gotham-Book';}
		
	.block2 .video-block { padding-top:55px;}
	.block2 .video-block .td { vertical-align:middle;}
	.block2 .video-block .td-video { padding:0 61px 0 22px;}
	.block2 .video-box { margin-bottom:18px; width:430px; height:242px; overflow:hidden;}
	.block2 .video-block .content {}
	.block-title { margin-bottom:4px; font:25px/26px 'Helvetica'; color:#f01618;}
	.block-title strong { font-family:'Helvetica-Bold'; font-weight:normal;}
	.block2 .video-block .position { margin-bottom:6px; font:19px/26px 'Helvetica';}
	.block2 .video-block .company { font:19px/26px 'Helvetica-Bold';}
	
.block3 { padding:48px 38px 35px 29px; background:rgba(0,0,0,.9);}
	.block3 .content { margin-right:30px; float:left; width:378px; color:#fff;}
	.block3 .content .title { margin-bottom:20px; font:32px/36px 'Gotham-Medium';}	
	.block3 .content .text { font:19px/23px 'Gotham-Book';}	
	.block3 .form { float:left; width:227px;}
	.block3 .form .title { margin-bottom:4px; font:18px/20px 'Gotham-Medium'; color:#fff;}
	.block3 .form input[type=text] { margin-bottom:16px; box-sizing:border-box; padding:2px 9px 1px; width:100%; font:17px 'Gotham-Book'; border:6px solid #fff;}
	.block3 .form input:focus, .block3 .form input:active { border:6px solid #df1a02;}
	.block3 .form textarea { margin-bottom:16px; box-sizing:border-box; padding:2px 9px; width:100%; font:17px 'Gotham-Book'; border:6px solid #fff;}
	.block3 .form textarea:focus, .block3 .form textarea:active { border:6px solid #df1a02;}
	.block3 .form .button-row { text-align:right;}
	
	.block-text { font-size:16px; line-height:24px;}

.video-content .block-title { font-size:20px;}

/* --   BUTTONS & ICONS & SEPS   --------------------------------------------------------------- */
.sep-red { height:1px; background:#ea1900; box-shadow:3px 5px 5px rgba(0,0,0,.2);}

.button1 { box-sizing:border-box; padding:2px 10px 0 20px; height:40px; font:18px 'Gotham-Medium'; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0,0,0,.4); border:0; border-radius:5px; background:url(../images/bg-button.png) repeat-x;}
	.button1:after { margin-left:15px; display:inline-block; margin-top:-2px; content:""; width:17px; height:24px; vertical-align:middle; background:url(../images/sprite.png) -280px -20px no-repeat;}

.button2, a.button2 { display:inline-block; padding:7px 5px; font:12px 'Gotham-Light'; color:#fff; text-align:center; background:#d7123d; border:0; cursor:pointer; }
.button2:hover, a.button2:hover { color:#fff;}
.block1 .button2 { float:right; margin-top:16px;}
.page-title-content .text {
    box-sizing: border-box;
    padding: 8px 8px 8px 18px;
    width: 345px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #fff;
    background: rgba(38,38,38,.75);
}



.block2, .block3, .block4, .block5 { margin-top:1px; box-shadow:0 0 5px rgba(0,0,0,.2);}
.block4 { padding:50px 10px 28px 30px; background:rgba(255,255,255,.8);}
.block4 .block-title { font-size:25px;}
.block4 .pic-left { float:left; margin:0 20px -10px 0;}

.items-block { clear:both; line-height:normal;}
.items-block .prod-item { float:left; margin:0 0 16px 42px; width:230px;}
.items-block .prod-item + .prod-item { margin-left:100px;}
.items-block .prod-item .pic { text-align:center;}

.block5 { color:#fff; padding:30px 26px 20px 40px; background:rgba(37,37,37,.95);}
.block5 .block-title { font-size:24px; line-height:normal; color:#fff;}

.block5 .items-line { margin:50px 0 10px;}
.item4 { float:left; width:25%; text-align:center;}
.item4:first-child { margin-left:0;}
.item4 .text { font-size:19px; line-height:normal;}
.item4 a { color:#fff;}
.item4.item-special { width:35%;}
.item4.item-special + .item4 { margin-right:-10px; width:15%;}
.item4.item-special a br { display:none;}

.popup { z-index:10000; position:fixed; left:50%; top:50%; margin:-235px 0 0 -350px!important; box-sizing:border-box!important; padding:30px!important; width:700px; height:480px; color:#fff; background:rgba(0,0,0,.8); background-color: rgba(0,0,0,.8)!important;}
.popup > div { box-sizing:border-box; padding-top:16px; height:505px; overflow:hidden;}
.popup .close { position:absolute; right:10px; top:6px; font:24px 'Gotham-Medium'; color:#595b5b;}

.form-block .content { margin-right:30px; float:left; width:378px; color:#fff;}
	.form-block .content .title { margin-bottom:20px; font:32px/36px 'Gotham-Medium';}	
	.form-block .content .text { font:18px/23px 'Gotham-Book';}	
	.form-block .form { float:left; width:227px;}
	.form-block .form .title { margin-bottom:4px; font:17px/20px 'Gotham-Medium'; color:#fff;}
	.form-block .form input[type=text] { margin-bottom:16px; box-sizing:border-box; padding:2px 9px 1px; width:100%; font:17px 'Gotham-Book'; border:6px solid #fff; background-color: #fff;}
	.form-block .form input:focus, .block3 .form input:active { border:6px solid #df1a02;}
	.form-block .form textarea { margin-bottom:16px; box-sizing:border-box; padding:2px 9px; width:100%; font:17px 'Gotham-Book'; border:6px solid #fff;}
	.form-block .form textarea:focus, .block3 .form textarea:active { border:6px solid #df1a02;}
	.form-block .form .button-row { text-align:right;}


a.more { font-style:italic; color:#fff;}
.block1 .more { float:right;}

/* --   NAV   ---------------------------------------------------------------------------------- */
.menu--active .menu-bar--navigation, .profile--active .menu-bar--account { right:0;}
.menu-bar { z-index:99; position:fixed; top:36px; bottom:0; right:-317px; transition:right 0.3s ease 0s; box-sizing:border-box; padding:78px 42px 22px; width:307px; color:#fff; background:rgba(0,0,0,.8);}
.menu-bar > div { position:absolute; left:23px; right:0; top:0; bottom:22px; overflow:auto; padding-right:34px;}
.menu-bar .menu-title { font-size:20px; font-weight:600;}
.menu-bar .menu-item { padding:20px 0; font-size:18px;}
.menu-bar ul { padding-top:6px;}
.menu-bar ul li { padding:6px 0;}
.menu-bar li a { color:#fff;}
.menu-bar .close {position:absolute; right:9px; top:0; font:24px 'Gotham-Medium'; color:#595b5b;}

nav > ul ul li.active a { background:#fff;}

.main-page-block { position:relative;}
.main-page-block img { display:block;}
.main-page-block > p { margin:0; padding:0;}
.main-page-block .text { position:absolute; left:50px; top:50px; box-sizing:border-box; padding:8px 8px 8px 18px; width:425px; font-size:18px; line-height:22px; font-weight:300; color:#fff; background:rgba(38,38,38,.75);}

@media (max-width: 768px) {
.configurator { display:none;}
}

@media (max-width: 768px) {
.configurator, .configurator-row { display:none;}
}

#wb_search_keyword { width: 80%; }
.but-search { width: 50px; height: 27px; cursor: pointer; }


.popup p {
    padding-bottom:12px!important;
    line-height: 24px!important;
}

.ui-button-disabled .ui-button-text { color: #3B3B3B; }
nav .check-item .ui-button-disabled:before {background:rgba(56, 56, 56, 0.75);}
.tabs-table-box table:not(.fixed-table-top) td.col { font-size:0!important; background-color:#b6b6b6;}
.tabs-table-box table td.col.passed, .tabs-table-box table td.col.yes { vertical-align:middle; background-color:#fff;}
.tabs-table-box table td.col.passed:before, .tabs-table-box table td.col.yes:before { content:""; display:inline-block; position:absolute; margin-left:-10px;}
.tabs-table-box table td.col.passed:before { margin-top:2px; width:20px; height:20px; background:url(../images/ico-passed.png) 0 0 no-repeat; background-size:100% auto;}
.tabs-table-box table td.col.yes:before { width:21px; height:22px; background:url(../images/ico-failed.png) 0 0 no-repeat; background-size:100% auto;}
.tabs-table-box table td.col.progress { background:url(../images/ico-progress.png) 0 0 #fff;}

.tabs-table-box-legend { position:absolute; margin:-115px 0 0 4px; width:70px;}
.tabs-table-box-legend > div { position:relative; padding:0 0 9px 16px; font-size:8px; line-height:11px;}
.tabs-table-box-legend .ico { position:absolute; left:0; top:0; display:block; width:12px; height:12px;}
.tabs-table-box-legend .ico-passed { background:url(../images/ico-passed.png) 0 0 no-repeat; background-size:100% auto;}
.tabs-table-box-legend .ico-failed { background:url(../images/ico-failed.png) 0 0 no-repeat; background-size:100% auto;}
.tabs-table-box-legend .ico-progress { background:url(../images/ico-progress.png) 0 0 #fff; background-size:74px auto;}
.tabs-table-box-legend .ico-unsupported { background:#b6b6b6;}
.tabs-table-box-legend .text { display:inline-block; padding-top:1px; color:#fff;}