/* FONTS
----------------------------------------------- */
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue.eot');
    src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue.woff') format('woff'),
         url('../fonts/helveticaneue.ttf') format('truetype'),
         url('../fonts/helveticaneue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue-bold.eot');
    src: url('../fonts/helveticaneue-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-bold.woff') format('woff'),
         url('../fonts/helveticaneue-bold.ttf') format('truetype'),
         url('../fonts/helveticaneue-bold.svg#HelveticaNeue') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinTextProLight';
    src: url('../fonts/pfdintextpro-light.eot');
    src: url('../fonts/pfdintextpro-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextpro-light.woff') format('woff'),
         url('../fonts/pfdintextpro-light.ttf') format('truetype'),
         url('../fonts/pfdintextpro-light.svg#PFDinTextProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinTextCompPro';
    src: url('../fonts/pfdintextcomppro.eot');
    src: url('../fonts/pfdintextcomppro.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro.woff') format('woff'),
         url('../fonts/pfdintextcomppro.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro.svg#PFDinTextCompPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinTextCompProLight';
    src: url('../fonts/pfdintextcomppro-light.eot');
    src: url('../fonts/pfdintextcomppro-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-light.woff') format('woff'),
         url('../fonts/pfdintextcomppro-light.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-light.svg#PFDinTextCompProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PFDinTextCompProMedium';
    src: url('../fonts/pfdintextcomppro-medium.eot');
    src: url('../fonts/pfdintextcomppro-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-medium.woff') format('woff'),
         url('../fonts/pfdintextcomppro-medium.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-medium.svg#PFDinTextCompProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* BASICS
----------------------------------------------- */
body,
input,
button,
select,
textarea {font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #484d4f;}
body {line-height: 16px;}

a {color: #ff5400; text-decoration: none;}
a:hover {color: #ff864b;}

p {margin: 0 0 16px;}

h1, h2, h3, h4, h5, h6 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #50585b; text-transform: uppercase; margin: 0 0 17px;}
h1 {font: 30px/36px PFDinTextProLight, Arial, Helvetica, sans-serif; color: #3b4143; text-transform: none; margin: 0;}
h1 strong {font-weight: normal; color: #ff5400;}
.h1 {margin-bottom: 20px; padding: 13px 20px 11px; position: relative; z-index: 999; border-bottom: 1px solid #e5eaec;}
h2 {font: 24px/30px PFDinTextProLight, Arial, Helvetica, sans-serif; color: #3b4143; text-transform: none; margin: 0 0 12px;}

ol,
ul {margin: 0 0 16px 20px; padding: 0;}
ol {padding-left: 20px;}
ul,
ul li {list-style: none outside none; display: block;}
ul {padding-left: 0;}
ul li {padding-left: 20px; background: url(../img/li.gif) no-repeat 0 7px;}
li {vertical-align: inherit; margin-bottom: 6px;}

hr,
.hr {color: #e5eaec; background: #e5eaec; height: 1px; overflow: hidden; margin: 20px 0; position: relative; border: 0; font: 0/0 serif; zoom: 1; display: block;}
* html hr {margin: 13px 0;}
*+html hr {margin: 13px 0;}

.layout-main-bg-dark {color: #acb2b4;}
.layout-main-bg-dark h1,
.layout-main-bg-dark h2,
.layout-main-bg-dark h3,
.layout-main-bg-dark h4,
.layout-main-bg-dark h5,
.layout-main-bg-dark h6 {color: #fff;}
.layout-main-bg-dark .h1 {border-color: #464d4f;}
.layout-main-bg-dark hr,
.layout-main-bg-dark .hr {color: #464d4f; background: #464d4f;}



/* TABLES
----------------------------------------------- */
table {border-spacing: 0; border-collapse: collapse;}
td,
th {padding: 0;}

table.visible {font-size: 11px; line-height: 14px; width: 100%; border: 1px solid #c8cfd6;}
table.visible th {font-weight: normal; color: #8b9397; text-shadow: 0 1px 0 #fff; text-align: left; vertical-align: top; white-space: nowrap; padding: 8px 10px; border-top: 1px solid #d1d9df; border-bottom: 1px solid #bec6ce; background: #d7dee1 url(../img/table_th.gif) repeat-x;}
table.visible td {padding: 8px 10px; border: 1px solid #e5eaec;}
table.visible td.even,
table.visible tr.even td {background: #fbfbfc;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0; border: 0; display: block;}
label.placeholder {display: none;}

/* field */
.field {}

/* submit */
.submit {position: relative; zoom: 1;}
.submit:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* select */
.select {zoom: 1;}
.select:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.select select {margin: 0; padding: 0; border: 0; float: left; display: inline;}

/* jselect */
.select,
.jselect {height: 24px;}
.jselect {font-size: 11px; line-height: 13px; font-weight: bold; color: #3b4143; text-transform: uppercase; height: 24px; position: relative; z-index: 99; cursor: default;}
.jselect-arrow {width: 5px; height: 3px; right: 10px; top: 10px; position: absolute; z-index: 2; cursor: pointer; background: url(../img/jselect/arrow.gif) no-repeat; font: 0/0 serif;}
.jselect-title {width: 100%; left: 0; top: 0; position: absolute; z-index: 1; cursor: pointer;}
.jselect-title-r,
.jselect-title-l {height: 26px; position: relative; background: url(../img/jselect/title.png) no-repeat 100% 0;}
.jselect-title-r {margin-right: -1px;}
.jselect-title-l {margin: 0 20px 0 -1px; background-position: 0 -100px;}
.jselect-title-text {white-space: nowrap; overflow: hidden; margin: 0 6px 0 11px; padding: 5px 0 6px; position: relative; zoom: 1;}
.jselect-list {width: 100%; left: 0; top: 0; position: absolute; visibility: hidden;}
.jselect-list-lt,
.jselect-list-rt {position: relative; background: url(../img/jselect/list.png) no-repeat; zoom: 1;}
.jselect-list-lt {margin: 0 20px 0 -1px;}
.jselect-list-rt {margin-right: -1px; z-index: 2; background-position: 100% 0;}
.jselect-list-rb,
.jselect-list-lb {height: 22px; position: relative; background: url(../img/jselect/list.png) no-repeat; font: 0/0 serif;}
.jselect-list-rb {margin: 0 -1px -2px 0; background-position: 100% 100%;}
.jselect-list-lb {margin: 0 20px 0 -1px; background-position: 0 100%;}
.jselect-list-wrap {margin: 0 -19px 0 1px; position: relative; zoom: 1;}
.jselect-list-wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.jselect-list-content {width: 100%; margin-bottom: -20px; padding: 2px 0; position: relative; float: left; display: inline;}
.jselect-li {padding: 3px 10px 4px; zoom: 1;}
.jselect-li:hover,
.jselect-li-disabled,
.jselect-title-disabled {color: #8b9397;}
.jselect-open {z-index: 999;}
.jselect-open .jselect-arrow,
.jselect-open .jselect-title {visibility: hidden;}
.jselect-open .jselect-list {visibility: visible;}
.select-orange .jselect {color: #fff;}
.select-orange .jselect-li:hover,
.select-orange .jselect-li-disabled,
.select-orange .jselect-title-disabled {color: #ffaa80;}
.select-orange .jselect-arrow {background-image: url(../img/jselect/orange_arrow.gif);}
.select-orange .jselect-title-r,
.select-orange .jselect-title-l {background-image: url(../img/jselect/orange_title.png);}
.select-orange .jselect-list-lt,
.select-orange .jselect-list-rt,
.select-orange .jselect-list-rb,
.select-orange .jselect-list-lb {background-image: url(../img/jselect/orange_list.png);}
.select-dark,
.select-dark .jselect {height: 34px;}
.select-dark .jselect {color: #fff;}
.select-dark .jselect-li:hover,
.select-dark .jselect-li-disabled,
.select-dark .jselect-title-disabled {color: #9da1a2;}
.select-dark .jselect-arrow {width: 7px; height: 4px; top: 15px; background-image: url(../img/jselect/dark_arrow.gif);}
.select-dark .jselect-title-r,
.select-dark .jselect-title-l {height: 36px; background-image: url(../img/jselect/dark_title.png);}
.select-dark .jselect-title-text {padding: 10px 0 11px;}
.select-dark .jselect-list-content {padding: 7px 0;}
.select-dark .jselect-list-lt,
.select-dark .jselect-list-rt,
.select-dark .jselect-list-rb,
.select-dark .jselect-list-lb {background-image: url(../img/jselect/dark_list.png);}

/* textarea */
textarea {overflow: auto; resize: none;}
.textarea {padding-bottom: 20px; position: relative; zoom: 1;}
.textarea:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.textarea .rt,
.textarea .lt {position: relative; background: url(../img/textarea/top.png) no-repeat; float: left; display: inline;}
.textarea .rt {margin-right: -1px; background-position: 100% 0;}
.textarea .lt {margin: 0 20px 0 -1px;}
.textarea .rb,
.textarea .lb {position: relative; background: url(../img/textarea/bot.png) no-repeat 0 100%; float: left; display: inline;}
.textarea .rb {margin: 0 -20px -22px 0; background-position: 100% 100%;}
.textarea .lb {margin-right: 20px;}
.textarea textarea,
.textarea .input {font-size: 11px; line-height: 13px; color: #fff; margin: 0 -19px 2px 1px; padding: 10px 10px 11px; position: relative; border: 0; background: transparent url(../img/textarea/field-error_bot.png) no-repeat -9999px 0; float: left; display: inline;}
.textarea .placeholder {color: #9da1a2;}
.field-error .textarea .rt,
.field-error .textarea .lt {background-image: url(../img/textarea/field-error_top.png);}
.field-error .textarea .rb,
.field-error .textarea .lb {background-image: url(../img/textarea/field-error_bot.png);}

/* input-text */
.input-text {position: relative; zoom: 1;}
.input-text:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.input-text .r,
.input-text .l {height: 36px; position: relative; z-index: 2; background: url(../img/input-text.png) no-repeat 100% 0; float: left; display: inline;}
.input-text .r {margin: 0 -1px -2px 0;}
.input-text .l {margin: 0 20px 0 -1px; background-position: 0 -100px;}
.input-text input,
.input-text .input {font-size: 11px; line-height: 13px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 0 -19px 0 1px; padding: 10px 10px 11px; position: relative; border: 0; background: transparent; float: left; display: inline;}
.input-text .placeholder {color: #9da1a2;}
.field-error .input-text .r {background-position: 100% -200px;}
.field-error .input-text .l {background-position: 0 -300px;}

/* input-radio */
.input-radio {padding-left: 20px; position: relative; zoom: 1;}
.input-radio:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.input-radio input {left: 0; top: 0; position: absolute; cursor: pointer;}
.input-radio label {cursor: pointer;}

/* jradio */
.jradio {padding-left: 20px; position: relative; zoom: 1;}
.jradio:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.jradio input {left: -9999px; top: 0; position: absolute;}
.jradio-i {width: 15px; height: 15px; left: -1px; top: 0; position: absolute; background: url(../img/jradio.png) no-repeat; font: 0/0 serif; display: block;}
.jradio-checked .jradio-i {background-position: 0 -100px;}
.jradio label {cursor: pointer;}
.field-error .jradio-i {background-position: -100px 0;}
.field-error .jradio-checked .jradio-i {background-position: -100px -100px;}

/* input-check */
.input-check {padding-left: 20px; position: relative; zoom: 1;}
.input-check:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.input-check input {left: 0; top: 0; position: absolute; cursor: pointer;}
.input-check label {cursor: pointer;}

/* jcheck */
.jcheck {padding-left: 20px; position: relative; zoom: 1;}
.jcheck:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.jcheck input {left: -9999px; top: 0; position: absolute;}
.jcheck-i {width: 15px; height: 15px; left: -1px; top: 0; position: absolute; background: url(../img/jcheck.png) no-repeat; font: 0/0 serif; display: block;}
.jcheck-checked .jcheck-i {background-position: 0 -100px;}
.jcheck label {cursor: pointer;}

/* button */
button {overflow: visible; margin: 0; padding: 0; border: 0;}
button::-moz-focus-inner {border: 0; padding: 0;}
.button {position: relative; zoom: 1;}
.button:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.button .r,
.button .l {height: 26px; position: relative; background: url(../img/button.png) no-repeat 100% 0; float: left; display: inline;}
.button .r {margin: 0 -1px -2px 0;}
.button .l {margin: 0 20px 0 -1px; background-position: 0 -100px;}
.button button,
.button .input {font-size: 11px; line-height: 13px; font-weight: bold; color: #3b4143; text-transform: uppercase; text-decoration: none; margin: 0 -19px 0 1px; padding: 5px 0 6px; position: relative; cursor: pointer; background: transparent; float: left; display: inline;}
.button button:hover,
.button .input:hover {color: #8b9397;}
.button-disabled button,
.button-disabled .input,
.button-disabled button:hover,
.button-disabled .input:hover {color: #8b9397; cursor: default;}



/* COMMON
----------------------------------------------- */
a {cursor: pointer;}
img {border: 0;}
a,
object {outline: 0;}



/* LAYOUT
----------------------------------------------- */
html,
body {height: 100%; min-width: 990px;}
body {margin: 0; padding: 0; background: #eee url(../img/body/l.png) repeat-y;}
.page-error {background: #272b2e;}
.layout-body {min-height: 100%; position: relative; background: url(../img/body/r.png) repeat-y 100% 0;}
* html .layout-body {height: 100%;}
.layout-bg-top {width: 100%; left: 0; top: 0; position: absolute; background:url(../img/body/rt.png) no-repeat 100% 0;}
.layout-bg-top .l {height: 250px; margin-right: 250px; background: url(../img/body/lt.png) no-repeat; display: block;}
.layout-bg-bot {width: 100%; left: 0; bottom: 0; position: absolute; background: #333 url(../img/body/rb.png) no-repeat 100% 0;}
.layout-bg-bot .l {height: 250px; margin-right: 250px; background: url(../img/body/lb.png) no-repeat; display: block;}
.layout-header {width: 940px; height: 172px; margin: 0 auto; position: relative; z-index: 4;}
.layout-content {width: 940px; margin: 0 auto; padding-bottom: 377px; position: relative; z-index: 3;}
.page-home .layout-content {padding-bottom: 658px;}
.layout-content:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.layout-main {width: 700px; padding: 10px 0; position: relative; float: left; display: inline;}
.layout-main-bg {margin: 0 -2px; position: relative; z-index: 2; background: url(../img/layout-main/bg.png) repeat-y; zoom: 1;}
.layout-main-bg:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.layout-main-wrap {width: 700px; margin: -10px 0 -10px 2px; position: relative; float: left; display: inline;}
.layout-main-top,
.layout-main-bot {width: 704px; left: -2px; position: absolute;}
.layout-main-top {height: 11px; top: -1px; background: url(../img/layout-main/top.png) no-repeat;}
.layout-main-bot {height: 13px; bottom: -3px; background: url(../img/layout-main/bot.png) no-repeat;}
.layout-main-bg-dark {background-image: url(../img/layout-main/bg-dark.png);}
.layout-main-top-dark {background-image: url(../img/layout-main/top-dark.png);}
.layout-main-bot-dark {background-image: url(../img/layout-main/bot-dark.png);}
.layout-sidebar {width: 220px; float: right; display: inline;}
.layout-footer {width: 940px; height: 217px; margin: -217px auto 0; position: relative; z-index: 4;}



/* STATIC
----------------------------------------------- */
/* logo */
.logo {left: -10px; top: 50px; position: absolute;}

/* footnote */
.footnote {width: 220px; height: 217px; background: url(../img/footnote.png) no-repeat;}
.page-home .footnote {margin-left: 320px;}

/* copy */
.copy {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 47px 20px 0;}
.copy strong {font-weight: normal; color: #ff5400;}

/* rights */
.rights {font-size: 11px; line-height: 14px; color: #8b9397; margin-top: 11px; padding: 0 20px;}

/* atelier */
.atelier {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top: 17px; padding: 17px 20px 0; border-top: 1px solid #e9eef0;}



/* NAVIGATION
----------------------------------------------- */
/* lang */
.lang,
.lang li {margin: 0; padding: 0; list-style: none outside none; background: none; display: block;}
.lang {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; right: 0; top: 108px; position: absolute;}
.lang li {height: 10px; margin-right: 10px; padding-right: 10px; border-right: 1px solid #bac0c6; float: left; display: inline;}
.lang .last {margin: 0; padding: 0; border: 0;}
.lang span {margin: -3px 0; position: relative; float: left; display: inline;}
.lang a {color: #3b4143;}
.lang,
.lang a:hover {color: #8b9397;}

/* m1 */
.m1 {font: bold 11px/12px Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; text-transform: uppercase; right: -1px; top: 55px; position: absolute; cursor: default;}
.m1 .r,
.m1 .l {height: 35px; background: url(../img/m1/bg.png) no-repeat 100% 0; float: left; display: inline;}
.m1 .r {margin-right: -1px;}
.m1 .l {margin: 0 20px 0 -1px; padding: 0 1px; background-position: 0 -100px;}
.m1 ul,
.m1 li {margin: 0; padding: 0; list-style: none outside none; background: none; zoom: 1; display: block;}
.m1 ul {margin-right: -20px;}
.m1 li {padding: 11px 17px 10px 15px; position: relative; background: url(../img/m1/sep.gif) no-repeat 100% 0; float: left; display: inline;}
.m1 .last {padding-right: 15px; background: none;}
.m1 a {margin: -11px -15px -10px; padding: 11px 15px 10px; position: relative; float: left; display: inline;}
.m1,
.m1 a {color: #3b4143;}
.m1 a:hover {color: #8b9397;}
.m1 .i-search {width: 13px; height: 13px; margin-top: -1px; position: relative; background: url(../img/m1/search.png) no-repeat; font: 0/0 serif; display: block;}
.m1 a:hover .i-search {background-position: 0 -100px;}
.m1 .m1-title {margin: -11px -15px -10px; padding: 11px 15px 10px; position: relative; float: left; display: inline;}
.m1 .folder .m1-title {background: url(../img/m1/folder.png) no-repeat 100% 15px;}
.m1 .folder {padding-right: 32px;}
.m1 .folder a,
.m1 .folder .m1-title {margin-right: -30px; padding-right: 30px;}
.m1 .last .m1-title {background: none;}
.m1 .last {padding-right: 17px;}
.m1 .last a,
.m1 .last .m1-title {margin-right: -15px; padding-right: 15px;}
.m1 .drop {width: 100%; height: 12px; left: 0; top: 33px; position: absolute; background: url(../img/m2/tail.png) no-repeat 100% 8px; display: none;}
.m1 .drop .bg {left: 0; top: 12px; position: absolute;}
.m1 .last .drop,
.m1 .last .drop .bg {left: auto; right: 0;}
.m1 .drop .rt,
.m1 .drop .lt {position: relative; background: url(../img/m2/top.png) no-repeat; float: left; display: inline;}
.m1 .drop .rt {margin-right: -1px; background-position: 100% 0;}
.m1 .drop .lt {margin: 0 20px 0 -1px;}
.m1 .drop .rb,
.m1 .drop .lb {position: relative; background: url(../img/m2/bot.png) no-repeat 0 100%; float: left; display: inline;}
.m1 .drop .rb {margin: 0 -20px -22px 0; background-position: 100% 100%;}
.m1 .drop .lb {margin-right: 20px;}

/* m2 */
.m1 .m2 {font-size: 11px; line-height: 13px; font-weight: bold; text-shadow: 0 1px 0 #fff; white-space: nowrap; margin: 0 -19px 2px 1px; padding: 7px 0 5px; position: relative; float: none; display: block;}
.m1 .m2 li {padding: 3px 15px 4px; background: none; float: none; display: block;}
.m1 .m2 a {color: #3b4143; margin: -3px -15px -4px; padding: 3px 15px 4px; zoom: 1; float: none; display: block;}
.m1 .m2 a:hover,
.m1 .m2,
.m1 .m2 .act a,
.m1 .m2 .act a:hover {color: #8b9397;}

/* search */
.m1 .search {margin: 0 -19px 2px 1px; padding: 5px 6px; position: relative; zoom: 1;}
.m1 .search:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.m1 .search input {font-size: 10px; line-height: 12px; color: #3b4143; text-transform: uppercase; width: 178px; margin: 0; padding: 5px 10px 6px; border: 1px solid #e5eaec; background: #fff; float: left; display: inline;}
.m1 .search input.placeholder {color: #9da1a2;}
.m1 .search button {display: none;}



/* SHARED
----------------------------------------------- */
/* clear */
.br {height: 0; overflow: hidden; clear: both; font: 0/0 serif; display: block;}

/* wrap */
.wrap {position: relative; zoom: 1;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; font: 0/0 serif; visibility: hidden; display: block;}

/* jflow */
.jflow-viewport {width: 100%; overflow: hidden; position: relative;}
.jflow-li {width: 100%; left: 100%; top: 0; position: absolute;}
.jflow-li-first {left: 0%;}
.jflow-prev,
.jflow-next {display: none;}

/* jscroll */
.jscroll-viewport {width: 100%; overflow: hidden; position: relative;}
.jscroll-track {height: 8px; position: relative; background: url(../img/top10/jscroll-track.gif) no-repeat; font: 0/0 serif; visibility: hidden;}
.jscroll-scroller,
.jscroll-scroller .i {height: 8px; cursor: pointer; background: url(../img/top10/jscroll-scroller.png) no-repeat 100% 0;}
.jscroll-scroller {position: relative;}
.jscroll-scroller .i {margin-right: 20px; background-position: 0 -100px; display: block;}

/* pager */
.pager {font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; height: 60px; border-top: 1px solid #e5eaec;}
.pager-li,
.pager-list {float: left; display: inline;}
.pager-li {margin-right: 15px;}
.pager-list {margin: 23px 0 0 20px;}
.pager-next {margin: 23px 20px 0 0; float: right; display: inline;}

/* qtip */
.ui-tooltip {left: -9999px;	top: -9999px;	position: absolute;	display: none;}
.ui-tooltip-content {height: 26px;}
.ui-tooltip-content-r,
.ui-tooltip-content-l {height: 28px; position: relative; background: url(../img/qtip.png) no-repeat; float: left; display: inline;}
.ui-tooltip-content-r {margin: 0 -1px -2px 0; background-position: 100% 0;}
.ui-tooltip-content-l {margin: 0 20px 0 -1px; background-position: 0 -100px;}
.ui-tooltip-content-text {font-size: 10px; line-height: 12px; color: #8b9397; text-transform: uppercase; margin: 0 -19px 0 1px; padding: 5px 10px; position: relative; float: left; display: inline;}
.ui-tooltip-fluid {position: static !important; visibility: hidden; float: left !important; display: block;}

/* comments */
.comments {padding: 20px; min-height: 20px; border-top: 1px solid #e5eaec;}
.comments #disqus_thread,
.comments #dsq-content #dsq-footer,
.comments #dsq-content #dsq-global-toolbar {margin: 0;}
.comments #dsq-content #dsq-global-toolbar {line-height: 16px;}
.comments #dsq-content ul,
.comments #dsq-content li {background: none;}
.comments #dsq-content h3 {margin: 0 0 17px;}
.comments #dsq-content #dsq-global-toolbar .dsq-global-toolbar-right li {margin: 0 0 0 5px;}
.comments #dsq-content #dsq-global-toolbar .dsq-global-toolbar-left li {margin: 0 5px 0 0;}
.comments #dsq-content .dsq-reply {margin: 20px 0 17px;}
.comments #dsq-content .dsq-comment {margin: 0 0 20px;}
.comments #dsq-content #dsq-sort-by {margin: -2px 0 0;}
.comments #dsq-content .dsq-comment-header {margin: 0 0 20px;}
.comments #dsq-content .dsq-comment-message {line-height: 16px; margin: -5px 0 11px;}
.comments #dsq-content .dsq-comment-text {display: block;}
.comments #dsq-content .dsq-comment-text p {margin: 0 !important;}
.comments #dsq-content .dsq-comment-meta,
.comments #dsq-content .dsq-comment-actions {margin-bottom: -4px;}
.comments #dsq-content .dsq-save-edit {margin: 0;}
.comments #dsq-content .dsq-textarea {margin: 0 0 10px;}
.comments #dsq-content .dsq-edit {margin-bottom: 15px;}
.comments #dsq-content .dsq-append-post .dsq-reply {margin: 17px 0 0;}
.comments #dsq-content .dsq-append-post h3 {margin: 0 0 7px;}
.comments #dsq-content .dsq-append-post .dsq-textarea {margin: 0;}
.comments #dsq-content a.dsq-subscribe-rss em,
.comments #dsq-content a.dsq-subscribe-email em {text-decoration: none;}
.comments #dsq-content a.dsq-subscribe-rss .dsq-font,
.comments #dsq-content a.dsq-subscribe-email .dsq-font {top: -1px; position: relative;}

/* counter */
/*
.counter {zoom: 1;}
.counter:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.counter .digit {width: 34px; height: 50px; margin-right: 6px; position: relative; float: left; display: inline;}
.counter .digit-last {margin-right: 0;}
.counter .i {width: 36px; height: 51px; left: -1px; top: 0; position: absolute; background: url(../img/counter.png) no-repeat; font: 0/0 serif; display: block;}
*/
.counter {float: left; display: inline;}
.counter .digit {width: 34px; height: 50px; padding-right: 6px; display: table-cell;}
.counter .digit-last {padding-right: 0;}
* html .counter .digit {float: left; clear: right; display: inline;}
*+html .counter .digit {float: left; clear: right; display: inline;}
.counter .i {width: 36px; height: 51px; margin: 0 -1px -1px; position: relative; background: url(../img/counter.png) no-repeat; font: 0/0 serif; display: block;}
.counter .i-1 {background-position: 0 -100px;}
.counter .i-2 {background-position: 0 -200px;}
.counter .i-3 {background-position: 0 -300px;}
.counter .i-4 {background-position: 0 -400px;}
.counter .i-5 {background-position: 0 -500px;}
.counter .i-6 {background-position: 0 -600px;}
.counter .i-7 {background-position: 0 -700px;}
.counter .i-8 {background-position: 0 -800px;}
.counter .i-9 {background-position: 0 -900px;}

/* popup */
.popup {width: 100%; height: 100%; overflow: hidden; left: -9999px; top: 0; position: fixed; z-index: 9999;}
.popup-overlay {width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: #fff; opacity: 0.7; -moz-opacity: 0.7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70);}
.popup-loading {width: 40px; height: 40px; margin: -20px 0 0 -20px; left: -9999px; top: 50%; position: absolute; z-index: 5; cursor: pointer; background: url(../img/popup/loading_bg.png) no-repeat;}
.popup-loading .i {width: 16px; height: 16px; margin: -8px 0 0 -8px; left: 50%; top: 50%; position: absolute; background: url(../img/popup/loading.gif) no-repeat; font: 0/0 serif; display: block;}
.popup-window {left: -9999px; top: 50%; position: absolute; z-index: 2;}
.popup-close {width: 18px; height: 18px; right: 20px; top: 16px; position: absolute; z-index: 4; cursor: pointer;}
.popup-close .i {width: 18px; height: 18px; background: url(../img/popup/close.png) no-repeat; font: 0/0 serif; display: block;}
.popup-close:hover .i {background-position: 0 -100px;}
.popup-content {margin: -11px -10px -11px 15px; position: relative; z-index: 3;}
.popup-text {width: 280px; padding: 20px;}
.popup-r {margin: 10px -15px 10px 0; background: url(../img/popup/r.png) repeat-y 100% 0;}
.popup-l {margin: 0 25px 0 -15px; padding: 1px 0; background: url(../img/popup/l.png) repeat-y; zoom: 1;}
.popup-rt,
.popup-lt,
.popup-rb,
.popup-lb {height: 25px; background: url(../img/popup/corners.png) no-repeat;}
.popup-rt {background-position: 100% 0;}
.popup-lt {background-position: 0 -100px;}
.popup-rb {background-position: 100% -200px;}
.popup-lb {background-position: 0 -300px;}
.popup-rt,
.popup-rb {width: 100%; right: -15px; position: absolute;}
.popup-rt {top: -15px;}
.popup-rb {bottom: -15px;}
.popup-lt,
.popup-lb {margin: 0 25px 0 -30px;}
.popup-src {display: none;}

/* alert-popup */
.alert {zoom: 1;}
.alert-content {padding: 20px 20px 0;}
.alert-text {text-align: center; width: 280px;}
.alert-buttons {padding: 20px; zoom: 1;}
.alert-buttons:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.alert-ok {width: 35px; height: 35px; position: relative; float: right; display: inline;}
.alert-ok .i {width: 37px; height: 37px; left: -1px; top: 0; position: absolute; cursor: pointer; background: url(../img/popup/ok.png) no-repeat; font: 0/0 serif; display: block;}
.alert-ok:hover .i {background-position: 0 -100px;}

/* confirm-popup */
.confirm {zoom: 1;}
.confirm-content {padding: 20px 20px 0;}
.confirm-text {text-align: center; width: 280px;}
.confirm-buttons {padding: 20px; zoom: 1;}
.confirm-buttons:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.confirm-ok,
.confirm-cancel {width: 35px; height: 35px; position: relative; float: left; display: inline;}
.confirm-ok {float: right;}
.confirm-ok .i,
.confirm-cancel .i {width: 37px; height: 37px; left: -1px; top: 0; position: absolute; cursor: pointer; font: 0/0 serif; display: block;}
.confirm-ok .i {background: url(../img/popup/ok.png) no-repeat;}
.confirm-cancel .i {background: url(../img/popup/cancel.png) no-repeat;}
.confirm-ok:hover .i,
.confirm-cancel:hover .i {background-position: 0 -100px;}



/* MODULES
----------------------------------------------- */
/* teasers */
.teasers {height: 403px; margin-top: -172px; position: relative; z-index: 2;}
.teasers .jflow-li,
.teasers .jflow-viewport {height: 500px;}
.teasers .jflow-viewport {margin-bottom: -97px;}
.teasers .jflow-li {overflow: hidden;}
.teasers .jflow-li img {width: 1000px; height: 500px; margin-left: -500px; left: 50%; top: 0; position: absolute; display: block;}
.teasers .jflow-prev,
.teasers .jflow-next {width: 30px; height: 40px; margin-top: -20px; top: 50%; position: absolute; cursor: pointer; background-repeat: no-repeat; font: 0/0 serif;}
.teasers .jflow-prev {background-image: url(../img/teasers/jflow-prev.png);}
.teasers .jflow-next {right: 0; background-image: url(../img/teasers/jflow-next.png);}
.teasers .jflow-prev:hover,
.teasers .jflow-next:hover {background-position: 0 -100px;}

/* news-feed */
.news-feed {width: 940px; height: 75px; margin: 0 auto 20px; position: relative; z-index: 2;}
.news-feed-content {position: relative; z-index: 2;}
.news-feed-bg {width: 942px; height: 77px; left: -1px; top: 0; position: absolute; background: url(../img/news-feed/bg.png) no-repeat;}

/* news-feed-team */
.news-feed-team {width: 366px; height: 65px; padding: 10px 0 0 14px; position: relative; float: left; display: inline;}
/*
.news-feed-team .counter {left: 14px; top: 13px; position: absolute; display: block;}
.news-feed-team .title {font-size: 11px; line-height: 14px; font-weight: bold; color: #3b4143; text-transform: uppercase; width: 187px; left: 183px; top: 10px; position: absolute; display: block;}
.news-feed-team a:hover .title {color: #8b9397;}
.news-feed-team .link {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; text-transform: uppercase; left: 183px; bottom: 9px; position: absolute; display: block;}
.news-feed-team .link .i {width: 12px; height: 10px; left: 0; top: 2px; position: absolute; background: url(../img/icons/team.png) no-repeat; font: 0/0 serif; display: block;}
.news-feed-team .link a {color: #8b9397; padding-left: 20px;}
.news-feed-team .link a:hover {color: #a4aeb3;}
*/
.news-feed-team .counter {margin: 3px 15px 0 0;}
.news-feed-team .title {font-size: 11px; line-height: 14px; font-weight: bold; color: #3b4143; text-transform: uppercase; height: 40px; margin-right: 10px; position: relative; display: block;}
.news-feed-team a:hover .title {color: #8b9397;}
.news-feed-team .link {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; text-transform: uppercase; display: block;}
.news-feed-team .link .i {width: 12px; height: 10px; left: 0; top: 1px; position: absolute; background: url(../img/icons/team.png) no-repeat; font: 0/0 serif; display: block;}
.news-feed-team .link a {color: #8b9397; padding-left: 20px; position: relative;}
.news-feed-team .link a:hover {color: #a4aeb3;}


/* news-feed-main */
.news-feed-main {width: 560px; height: 75px; position: relative; float: left; display: inline; background: url(../img/news-feed/sep.gif) no-repeat;}
.news-feed-main .jflow-viewport {width: 538px; height: 75px; left: 6px; top: 0; position: absolute;}
.news-feed-main .jflow-li {width: 468px; height: 50px; margin: 13px 0 0 5px;}
.news-feed-main .jflow-prev,
.news-feed-main .jflow-next {width: 27px; height: 27px; top: 25px; position: absolute; cursor: pointer; background-repeat: no-repeat; font: 0/0 serif;}
.news-feed-main .jflow-prev {right: 45px; background-image: url(../img/news-feed/main_jflow-prev.png);}
.news-feed-main .jflow-next {right: 19px; background-image: url(../img/news-feed/main_jflow-next.png);}
.news-feed-main .jflow-prev:hover,
.news-feed-main .jflow-next:hover {background-position: 0 -100px;}
.news-feed-main .image,
.news-feed-main .image img {width: 50px; height: 50px; display: block;}
.news-feed-main .image {left: 0; top: 0; position: absolute;}
.news-feed-main .image .i-frame {width: 52px; height: 52px; left: -1px; top: 0; position: absolute; z-index: 2; background: url(../img/news-feed/main_image_frame.png) no-repeat; font: 0/0 serif; display: block;}
.news-feed-main .title {font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; left: 60px; top: -3px; position: absolute; display: block;}
.news-feed-main .date {font-size: 10px; line-height: 12px; text-shadow: 0 1px 0 #fff; left: 60px; bottom: -2px; position: absolute; display: block;}
.news-feed-main .date .i {width: 11px; height: 11px; left: 0; top: 1px; position: absolute; background: url(../img/icons/date.png) no-repeat; font: 0/0 serif; display: block;}
.news-feed-main .date {color: #8b9397; padding-left: 15px;}
.news-feed-main a:hover .date {color: #a4aeb3;}
.news-feed-main .link {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #fff; text-transform: uppercase; left: 122px; bottom: -4px; position: absolute;}
.news-feed-main .link .i {width: 14px; height: 11px; left: 0; top: 1px; position: absolute; background: url(../img/icons/archive.png) no-repeat; font: 0/0 serif; display: block;}
.news-feed-main .link a {color: #8b9397; padding-left: 20px;}
.news-feed-main .link a:hover {color: #a4aeb3;}

/* quote */
.quote {padding: 40px 40px 40px 80px; position: relative; zoom: 1;}
.quote .text {font: 22px/30px PFDinTextProLight, Arial, Helvetica, sans-serif; color: #8b9397; margin-top: -5px;}
.quote .text strong {font-size: 25px; line-height: 30px; font-weight: normal; color: #ff5400; text-transform: uppercase;}
.quote .author {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #8b9397; margin: 29px 0 -4px 0; position: relative;}
.quote .author .dash {right: 100%; top: -1px; position: absolute;}
.quote .author strong {font-weight: normal; color: #ff5400;}
.quote .i {width: 61px; height: 58px; left: -34px; bottom: 0; position: absolute; background: url(../img/quote.png) no-repeat; font: 0/0 serif;}

/* intro */
.intro {width: 320px; height: 320px; border-bottom: 1px solid #d0d5d8; background: #f6f8f8; zoom: 1;}
.intro h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #3b4143; text-transform: uppercase; margin: 0; padding: 18px 20px 17px; border-bottom: 1px solid #d0d5d8;}
.intro .text {font-size: 12px; line-height: 16px; padding: 17px 20px 0;}
.intro .text strong {font-weight: normal; text-transform: uppercase;}

/* vacancy-flow */
.vacancy-flow {width: 320px; height: 80px; position: relative;}
.vacancy-flow h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8b9397; text-transform: uppercase; margin: 0; padding: 18px 20px 0;}
.vacancy-flow .jflow-li,
.vacancy-flow .jflow-viewport {height: 49px;}
.vacancy-flow .jflow-li {width: 100%;}
.vacancy-flow .jflow-viewport {margin-top: -1px;}
.vacancy-flow .jflow-prev,
.vacancy-flow .jflow-next {width: 20px; height: 20px; top: 15px; position: absolute; cursor: pointer; background-repeat: no-repeat; background-position: 7px 5px; font: 0/0 serif;}
.vacancy-flow .jflow-prev {right: 34px; background-image: url(../img/vacancy-feed/jflow-prev.gif);}
.vacancy-flow .jflow-next {right: 13px; background-image: url(../img/vacancy-feed/jflow-next.gif);}
.vacancy-flow .jflow-prev:hover,
.vacancy-flow .jflow-next:hover {background-position: 7px -95px;}
.vacancy-flow a {width: 100%; height: 100%; display: block;}
.vacancy-flow .title {font-size: 11px; line-height: 14px; font-weight: bold; color: #ff5400; text-transform: uppercase; margin: 0 20px; display: block;}
.vacancy-flow a:hover .title {color: #ff864b;}
.vacancy-flow .text {font: 12px/16px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; color: #8b9397; text-transform: uppercase; margin: 4px 20px 0; display: block;}
.vacancy-flow a:hover .text {color: #a4aeb3;}

/* service-widget */
.service-widget {width: 380px; height: 682px; right: 0; top: 0; position: absolute; background: url(../img/service-widget.png) no-repeat 0 100%;}

/* service-map-widget */
.service-map-widget {height: 320px; border-bottom: 1px solid #464d4f;}
.service-map-widget h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0; padding: 18px 20px 17px; border-bottom: 1px solid #464d4f;}
.service-map-widget .map,
.service-map-widget .map img {width: 380px; height: 230px;}
.service-map-widget .map {margin-top: 20px;}

/* service-map */
.service-map {margin-bottom: 20px;}
.service-map .map {}
.service-map .text {padding: 0 20px; border-top: 1px solid #464d4f;}
.service-map .text h2 {margin: 16px 0 14px;}

/* service-form-widget */
.service-form-widget {}
.service-form-widget .field {margin: 0 20px 5px;}
.service-form-widget .kind-field {height: 50px; margin: 0 0 20px; padding: 0 20px; border-bottom: 1px solid #464d4f;}
.service-form-widget .kind-field .label,
.service-form-widget .kind-field .select {float: left; display: inline;}
.service-form-widget .kind-field .label {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 18px 10px 0 0;}
.service-form-widget .kind-field .select {margin-top: 13px;}
.service-form-widget .kind-field .select select {width: 220px;}
.service-form-widget .input-text input,
.service-form-widget .textarea textarea {width: 320px;}
.service-form-widget .textarea textarea {height: 47px;}
.service-form-widget .submit {height: 24px; margin: 20px 20px 0; position: relative;}
.service-form-widget .status {font-size: 11px; line-height: 14px; color: #fff; margin-top: 5px; float: left; display: none;}
.service-form-widget .i-loading {width: 15px; height: 16px; right: 0; top: 4px; position: absolute; z-index: 2; background: url(../img/icons/loading-dark.gif) no-repeat; font: 0/0 serif; display: none;}
.service-form-widget .button {float: right; display: inline;}
.service-form-widget .button button {width: 140px;}
.service-form-widget .busy .i-loading {display: block;}
.service-form-widget .busy .button {display: none;}

/* service-form */
.service-form {margin-bottom: 10px; background: #3b4244;}
.service-form .field {margin: 0 20px 5px;}
.service-form .kind-field {height: 50px; margin: 0 0 20px; padding: 0 20px; border-bottom: 1px solid #464d4f;}
.service-form .kind-field .label,
.service-form .kind-field .select {float: left; display: inline;}
.service-form .kind-field .label {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 18px 10px 0 0;}
.service-form .kind-field .select {margin-top: 13px;}
.service-form .kind-field .select select {width: 220px;}
.service-form .input-text input,
.service-form .textarea textarea {width: 640px;}
.service-form .textarea textarea {height: 149px;}
.service-form .submit {height: 24px; margin: 20px 20px 0; padding-bottom: 10px; position: relative;}
.service-form .status {font-size: 11px; line-height: 14px; color: #fff; margin-top: 5px; float: left; display: none;}
.service-form .i-loading {width: 15px; height: 16px; right: 0; top: 4px; position: absolute; z-index: 2; background: url(../img/icons/loading-dark.gif) no-repeat; font: 0/0 serif; display: none;}
.service-form .button {float: right; display: inline;}
.service-form .button button {width: 140px;}
.service-form .busy .i-loading {display: block;}
.service-form .busy .button {display: none;}

/* poll */
.poll {padding-bottom: 6px; position: relative; zoom: 1;}
.poll-bg {position: relative; z-index: 2; background: url(../img/poll/top.png) no-repeat; zoom: 1;}
.poll-bg:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.poll-wrap {width: 100%; margin-bottom: -6px; padding: 20px 0; position: relative; float: left; display: inline;}
.poll-bot {width: 100%; height: 6px; left: 0; bottom: 0; position: absolute; background: url(../img/poll/bot.png) no-repeat; font: 0/0 serif; zoom: 1;}
.poll h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: -3px 40px 17px 20px; position: relative; zoom: 1;}
.poll .field {padding: 0 20px;}
.poll .input-radio {font-size: 11px; line-height: 14px; font-weight: bold; color: #ffccb3; margin: -5px 0 17px;}
.poll .jradio-checked {color: #fff;}
.poll .submit {height: 24px; margin: 20px 20px 0; position: relative;}
.poll .i-loading {width: 15px; height: 16px; right: 0; top: 4px; position: absolute; z-index: 2; background: url(../img/icons/loading-orange.gif) no-repeat; font: 0/0 serif; display: none;}
.poll .button {float: right; display: inline;}
.poll .button button {width: 100px;}
.poll .busy .i-loading {display: block;}
.poll .busy .button {display: none;}
.poll .fields {}
.poll .results {display: none;}
.poll .var {margin: 0 26px 17px;}
.poll .bar {height: 12px; font: 0/0 serif;}
.poll .bar .r,
.poll .bar .l {height: 14px; position: relative; background: url(../img/poll/bar.png) no-repeat; display: block;}
.poll .bar .r {margin: 0 -7px -2px 0; background-position: 100% 0;}
.poll .bar .l {margin: 0 7px 0 -7px; background-position: 0 -100px;}
.poll .val {font-size: 11px; line-height: 14px; font-weight: bold; color: #ffccb3; margin: 7px -6px 0; position: relative; zoom: 1;}
.poll .val em,
.poll .val strong {font-style: normal; color: #fff;}
.poll .total {font-size: 11px; line-height: 14px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 24px 20px 0;}

/* city-links */
.city-links,
.city-links li {margin: 0; padding: 0; list-style: none outside none; background: none; zoom: 1; display: block;}
.city-links {margin-top: 10px;}
.city-links li {position: relative; border-bottom: 1px solid #d2d8db;}
.city-links li.last {border: 0;}
.city-links a {padding: 20px 40px; zoom: 1; display: block;}
.city-links .title {font: 18px/22px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; color: #8b9397; letter-spacing: 2px; text-transform: uppercase; margin-top: -4px; position: relative; z-index: 2; zoom: 1; display: block;}
.city-links .city {font: 14px/18px PFDinTextCompProMedium, Arial, Helvetica, sans-serif; color: #a4aeb3; text-transform: uppercase; margin: -3px 0 -5px; position: relative; z-index: 2; zoom: 1; display: block;}
.city-links a:hover .city {color: #8b9397;}
.city-links .i-logo {width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-repeat: no-repeat; background-position: 0 15px; font: 0/0 serif; display: block;}
.city-links .i-bull {width: 14px; height: 13px; right: 20px; top: 20px; position: absolute; background: url(../img/city-links_bull.png) no-repeat; font: 0/0 serif; display: block;}
.city-links a:hover .i-bull {background-position: 0 -100px;}

/* html */
.html {margin-bottom: 20px; padding: 0 20px;}
.html .hr {margin-left: -20px; margin-right: -20px;}
.html .images {margin: 0 0 20px -30px; zoom: 1;}
.html .images:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.html .images .li {width: 200px; margin-left: 30px; float: left; display: inline;}
.html .images img,
.html .images .image,
.html .images .i-frame {width: 200px; height: 130px; position: relative;}
.html .images .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/frame.png) no-repeat;}
.html .images .title {font-size: 10px; line-height: 12px; color: #8b9397; margin: 15px 0 -2px;}

/* jobs */
.jobs {}
.jobs .list {}
.jobs .li {margin-bottom: 20px; padding: 0 20px; border-top: 1px solid #e5eaec;}
.jobs .li-first {border: 0;}
.jobs h2 {padding: 16px 0 14px; margin: 0;}
.jobs .li-first h2 {padding-top: 0;}
.jobs h2 strong {font-weight: normal; color: #ff5400;}

/* gallery */
.gallery {}

/* gallery-view */
.gallery-view {margin-bottom: 20px; padding: 0 20px 21px; border-bottom: 1px solid #e5eaec; zoom: 1;}
.gallery-view:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.gallery-view .image {position: relative; cursor: pointer; zoom: 1;}
.gallery-view .image .lt,
.gallery-view .image .rt,
.gallery-view .image .rb,
.gallery-view .image .lb {width: 3px; height: 3px; position: absolute; z-index: 2; background: url(../img/frame.png) no-repeat; font: 0/0 serif; display: block;}
.gallery-view .image .lt {left: 0; top: 0;}
.gallery-view .image .rt {right: 0; top: 0; background-position: 100% 0;}
.gallery-view .image .rb {right: 0; bottom: 0; background-position: 100% 100%;}
.gallery-view .image .lb {left: 0; bottom: 0; background-position: 0 100%;}
.gallery-view .image .overlay {width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 10; background: url(../img/px.gif);}
.gallery-view .prev,
.gallery-view .next {width: 19px; height: 19px; margin-top: 20px; cursor: pointer; background-repeat: no-repeat; font: 0/0 serif;}
.gallery-view .prev:hover,
.gallery-view .next:hover {background-position: 0 -100px;}
.gallery-view .prev {background-image: url(../img/gallery/prev.png); float: left; display: inline;}
.gallery-view .next {background-image: url(../img/gallery/next.png); float: right; display: inline;}
.gallery-view .title {font-size: 11px; line-height: 14px; color: #8b9397; text-align: center; margin: 23px 40px 2px;}
.gallery-view .i-loading {width: 15px; height: 16px; margin: -8px 0 0 -8px; left: 50%; top: 50%; position: absolute; z-index: 2; background: url(../img/icons/loading.gif) no-repeat; font: 0/0 serif; display: none;}

/* gallery-list */
.gallery-list {margin-bottom: 20px; padding: 0 20px;}
.gallery-list .list {margin-left: -30px; zoom: 1;}
.gallery-list .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.gallery-list .br {height: 20px;}
.gallery-list .li,
.gallery-list img {width: 200px; height: 130px;}
.gallery-list .li {margin-left: 30px; position: relative; float: left; display: inline;}
.gallery-list .a {cursor: pointer;}
.gallery-list .href {display: none;}
.gallery-list .i-frame {width: 206px; height: 136px; left: -3px; top: -3px; position: absolute; z-index: 2; background: url(../img/gallery/list_frame.png) no-repeat; font: 0/0 serif; display: block;}
.gallery-list .li-act .a {cursor: default;}
.gallery-list .a:hover .i-frame,
.gallery-list .li-act .i-frame {background-position: 0 -200px;}

/* search */
.search {}
.search .list {margin-bottom: 20px; padding: 0 20px;}
.search .li {margin-bottom: 22px;}
.search .li-last {margin-bottom: 0;}
.search h3 {margin: 0 0 12px;}
.search h3 strong {background: #fff600;}
.search .text {margin-bottom: 11px;}
.search .text p {margin: 0;}
.search .links {margin-bottom: -2px; zoom: 1;}
.search .links:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.search .date {font-size: 10px; line-height: 12px; position: relative; float: left; display: inline;}
.search .date .i {width: 11px; height: 11px; left: 0; top: 1px; position: absolute; background: url(../img/icons/date.png) no-repeat; font: 0/0 serif; display: block;}
.search .date a {color: #8b9397; padding-left: 15px;}
.search .date a:hover {color: #a4aeb3;}
.search .viewed {font-size: 10px; line-height: 12px; margin-left: 20px; position: relative; float: left; display: inline;}
.search .viewed .i {width: 14px; height: 9px; left: 0; top: 1px; position: absolute; background: url(../img/icons/viewed.png) no-repeat; font: 0/0 serif; display: block;}
.search .viewed a {color: #8b9397; padding-left: 20px;}
.search .viewed a:hover {color: #a4aeb3;}

/* news */
.news-filter {left: 246px; top: 18px; position: absolute;}
.news-filter .year-select,
.news-filter .month-select {float: left; display: inline;}
.news-filter .year-select select {width: 60px;}
.news-filter .month-select {margin-left: 10px;}
.news-filter .month-select select {width: 100px;}

/* rss-link */
.rss-link {right: 20px; top: 21px; position: absolute;}
.rss-link .i {width: 18px; height: 18px; background: url(../img/icons/rss.gif) no-repeat; font: 0/0 serif; display: block;}

/* news */
.news {}
.news .list {margin-bottom: 25px; padding: 0 20px;}
.news .li {margin-bottom: 25px; zoom: 1;}
.news .li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.news .li-last {margin-bottom: 0;}
.news .image,
.news .image img,
.news .image .i-frame {width: 200px; height: 130px;}
.news .image {position: relative; float: left; display: inline;}
.news .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/frame.png) no-repeat;}
.news .descr {width: 440px; min-height: 109px; margin-left: 20px; padding-bottom: 21px; position: relative; float: left; display: inline;}
.news h3 {margin: -3px 0 12px; position: relative; zoom: 1;}
.news h3 strong {background: #fff600;}
.news .text p {margin: 0;}
.news .links {left: 0; bottom: -2px; position: absolute;}
.news .date {font-size: 10px; line-height: 12px; position: relative; float: left; display: inline;}
.news .date .i {width: 11px; height: 11px; left: 0; top: 1px; position: absolute; background: url(../img/icons/date.png) no-repeat; font: 0/0 serif; display: block;}
.news .date a {color: #8b9397; padding-left: 15px;}
.news .date a:hover {color: #a4aeb3;}
.news .viewed {font-size: 10px; line-height: 12px; margin-left: 20px; position: relative; float: left; display: inline;}
.news .viewed .i {width: 14px; height: 9px; left: 0; top: 1px; position: absolute; background: url(../img/icons/viewed.png) no-repeat; font: 0/0 serif; display: block;}
.news .viewed a {color: #8b9397; padding-left: 20px;}
.news .viewed a:hover {color: #a4aeb3;}

/* article-info */
.article-info {font-size: 10px; line-height: 12px; color: #8b9397; margin: 6px 0 7px; zoom: 1;}
.article-info:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.article-info .date {padding-left: 15px; position: relative; float: left; display: inline;}
.article-info .date .i {width: 11px; height: 11px; left: 0; top: 1px; position: absolute; background: url(../img/icons/date.png) no-repeat; font: 0/0 serif; display: block;}
.article-info .viewed {margin-left: 20px; padding-left: 20px; position: relative; float: left; display: inline;}
.article-info .viewed .i {width: 14px; height: 9px; left: 0; top: 1px; position: absolute; background: url(../img/icons/viewed.png) no-repeat; font: 0/0 serif; display: block;}

/* article */
.article {margin-bottom: 20px; padding: 0 20px;}
.article .image {margin-bottom: 20px; position: relative; zoom: 1;}
.article .image .lt,
.article .image .rt,
.article .image .rb,
.article .image .lb {width: 3px; height: 3px; position: absolute; background: url(../img/frame.png) no-repeat; font: 0/0 serif; display: block;}
.article .image .lt {left: 0; top: 0;}
.article .image .rt {right: 0; top: 0; background-position: 100% 0;}
.article .image .rb {right: 0; bottom: 0; background-position: 100% 100%;}
.article .image .lb {left: 0; bottom: 0; background-position: 0 100%;}

/* article-footer */
.article-footer {height: 60px; position: relative; border-top: 1px solid #e5eaec;}
.article-footer .all-link {font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; left: 20px; top: 23px; position: absolute;}

/* contacts */
.contacts {margin: 0 20px 20px;}
.contacts th,
.contacts td {vertical-align: top; padding-bottom: 14px;}
.contacts th {font-size: 11px; line-height: 14px; font-weight: normal; color: #8b9397; text-align: left; width: 200px; padding-right: 30px;}
.contacts .last td,
.contacts .last th {padding-bottom: 0;}
.contacts .phone th,
.contacts .phone td {padding-bottom: 9px;}
.contacts .phone th {padding-top: 11px;}
.contacts .phone .content {font: 24px/30px PFDinTextProLight, Arial, Helvetica, sans-serif; padding-left: 25px; position: relative;}
.contacts .phone .content .i {width: 15px; height: 15px; left: 0; top: 6px; position: absolute; background: url(../img/icons/phone.gif) no-repeat; font: 0/0 serif; display: block;}
.contacts .email .content {font-size: 11px; line-height: 14px; font-weight: bold; text-transform: uppercase; padding-left: 25px; position: relative;}
.contacts .email .content .i {width: 15px; height: 15px; left: 0; top: 2px; position: absolute; background: url(../img/icons/email.gif) no-repeat; font: 0/0 serif; display: block;}
.contacts .address .content {font-size: 11px; line-height: 14px; font-weight: bold; color: #50585b; text-transform: uppercase; padding-left: 25px; position: relative;}
.contacts .address .content .i {width: 15px; height: 15px; left: 0; top: 0; position: absolute; background: url(../img/icons/address.gif) no-repeat; font: 0/0 serif; display: block;}

/* location */
.location {margin: 0 20px; position: relative; zoom: 1;}
.location .map {height: 360px;}
.location .lt,
.location .rt,
.location .rb,
.location .lb {width: 3px; height: 3px; position: absolute; background: url(../img/frame.png) no-repeat; font: 0/0 serif; display: block;}
.location .lt {left: 0; top: 0;}
.location .rt {right: 0; top: 0; background-position: 100% 0;}
.location .rb {right: 0; bottom: 0; background-position: 100% 100%;}
.location .lb {left: 0; bottom: 0; background-position: 0 100%;}

/* feedback */
.feedback {margin: 30px 0 10px; background: #3b4244;}
.feedback h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0 0 20px; padding: 17px 20px; border-bottom: 1px solid #464d4f;}
.feedback .field {margin: 0 20px 5px; zoom: 1;}
.feedback .input-text input,
.feedback .textarea textarea {width: 640px;}
.feedback .textarea textarea {height: 149px;}
.feedback .select select {width: 660px;}
.feedback .submit {height: 24px; margin: 20px 20px 0; padding-bottom: 10px; position: relative;}
.feedback .status {font-size: 11px; line-height: 14px; color: #fff; margin-top: 5px; float: left; display: none;}
.feedback .i-loading {width: 15px; height: 16px; right: 0; top: 4px; position: absolute; z-index: 2; background: url(../img/icons/loading-dark.gif) no-repeat; font: 0/0 serif; display: none;}
.feedback .button {float: right; display: inline;}
.feedback .button button {width: 170px;}
.feedback .busy .i-loading {display: block;}
.feedback .busy .button {display: none;}

/* tariffs */
.tariffs {border-top: 1px solid #e5eaec;}
.tariffs h2 {padding: 16px 20px 14px; margin: 0;}
.tariffs .list {}
.tariffs .li {padding: 17px 20px; position: relative; background: #f7f8f9;}
.tariffs .li-even {background: transparent;}
.tariffs h3 {margin: 0 0 7px;}
.tariffs .text {font-size: 11px; line-height: 14px; color: #8b9397; margin-right: 200px;}
.tariffs .text p {margin: 0;}
.tariffs .price {right: 20px; top: 15px; position: absolute;}
.tariffs .price .r,
.tariffs .price .l {height: 26px; position: relative; background: url(../img/button.png) no-repeat 100% 0; float: left; display: inline;}
.tariffs .price .r {margin: 0 -1px -2px 0;}
.tariffs .price .l {margin: 0 20px 0 -1px; background-position: 0 -100px;}
.tariffs .price span {font-size: 11px; line-height: 13px; font-weight: bold; color: #ff5400; text-transform: uppercase; margin: 0 -19px 0 1px; padding: 5px 10px 6px; position: relative; background: transparent; float: left; display: inline;}

/* files */
.files {margin-bottom: 20px; border-top: 1px solid #e5eaec;}
.files h2 {margin: 16px 20px 14px;}

.files .list {margin: 0 0 0 -10px; zoom: 1;}
.files .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.files .li {width: 160px; margin-left: 30px; padding: 0 0 19px 40px; position: relative; float: left; display: inline;}
.files .br {height: 20px;}

.files .title {font-size: 11px; line-height: 13px; font-weight: bold; color: #3b4143; text-transform: uppercase; top: -1px; position: relative;}
.files a:hover .title {color: #8b9397;}
.files .info {font-size: 11px; line-height: 14px; text-transform: uppercase; color: #8b9397; left: 40px; bottom: -1px; position: absolute;}
.files a:hover .info {color: #a4aeb3;}
.files .i {left: 0; top: 0; position: absolute; background-repeat: no-repeat; font: 0/0 serif; display: block;}
.files .i-doc {width: 27px; height: 32px; background-image: url(../img/icons/files/doc.gif);}

/* top10 */
.top10 {margin-bottom: 20px; background-color: #ff5400; background-repeat: no-repeat; background-position: 17px 21px;}
.lang-ru .top10 {background-image: url(../img/top10/title-ru.png);}
.lang-uk .top10 {background-image: url(../img/top10/title-uk.png);}
.lang-en .top10 {background-image: url(../img/top10/title-en.png);}
.top10 .toggle {height: 100px; position: relative; cursor: pointer;}
.top10 .toggle .i {width: 26px; height: 27px; right: 19px; top: 37px; position: absolute; background: url(../img/top10/toggle.png) no-repeat; font: 0/0 serif; display: block;}
.top10 .toggle-open .i {background-position: 0 -100px;}
.top10 .content {height: 0; overflow: hidden; position: relative;}
.top10 .content-wrap {padding: 20px; border-top: 1px solid #fd6d27; zoom: 1;}
.top10 .list {position: relative; display: table; zoom: 1;}
.top10 .li {width: 200px; vertical-align: top; padding: 0 30px 27px 0; display: table-cell;}
.top10 .li-last {padding-right: 0;}
* html .top10 .li {clear: right; float: left;}
*+html .top10 .li {clear: right; float: left;}
.top10 .image,
.top10 .image img,
.top10 .image .i-frame {width: 200px; height: 130px;}
.top10 .image {margin-bottom: 17px; position: relative;}
.top10 .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/top10/frame.png) no-repeat;}
.top10 h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0 0 7px;}
.top10 h3 {font: 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #f9c7af; text-transform: none; margin: 0 0 -2px; padding-bottom: 12px; border-bottom: 1px solid #fd6d27;}
.top10 .text {font-size: 11px; line-height: 14px; color: #f9c7af; margin-top: 12px;}
.top10 .text p {margin: 0;}

/* team */
.team {margin-bottom: 20px; zoom: 1;}
.team .leader {margin-bottom: 30px; padding: 0 20px 30px; border-bottom: 1px solid #e5eaec; zoom: 1;}
.team .leader:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.team .leader .image,
.team .leader .image img,
.team .leader .image .i-frame {width: 200px; height: 130px;}
.team .leader .image {position: relative; float: left; display: inline;}
.team .leader .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/frame.png) no-repeat;}
.team .leader .descr {width: 430px; margin-left: 30px; float: left; display: inline;}
.team .leader h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #ff5400; text-transform: uppercase; margin: 0 0 7px;}
.team .leader h3 {font: 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8b9397; text-transform: none; margin: 0 0 -2px; padding-bottom: 12px; border-bottom: 1px solid #e5eaec;}
.team .leader .text {font-size: 11px; line-height: 14px; color: #8b9397; margin-top: 12px;}
.team .leader .text p {margin: 0;}
.team .list {margin-left: -10px; zoom: 1;}
.team .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.team .list .li {width: 200px; margin-left: 30px; float: left; display: inline;}
.team .list .br {height: 30px;}
.team .list .image,
.team .list .image img,
.team .list .image .i-frame {width: 200px; height: 130px;}
.team .list .image {margin-bottom: 17px; position: relative;}
.team .list .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/frame.png) no-repeat;}
.team .list h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #ff5400; text-transform: uppercase; margin: 0 0 7px;}
.team .list h3 {font: 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8b9397; text-transform: none; margin: 0 0 -2px; padding-bottom: 12px; border-bottom: 1px solid #e5eaec;}
.team .list .text {font-size: 11px; line-height: 14px; color: #8b9397; margin-top: 12px;}
.team .list .text p {margin: 0;}
.team .list .hours {font-size: 11px; line-height: 14px; font-weight: bold; color: #3b4143; text-transform: uppercase; margin-top: 14px;}

/* error404 */
.error404 {text-align: center; width: 940px; margin: 0 auto; padding: 132px 0 137px;}
.error404 .logo {margin-bottom: 176px; position: static;}
.error404 .code {margin-bottom: 62px;}
.error404 .text {font-size: 11px; line-height: 14px; font-weight: bold; color: #fff; text-transform: uppercase;}

/* region */
.region {width: 700px;}
.region-title {padding: 18px 20px; border-bottom: 1px solid #464d4f;}
.region-title h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0;}
           
/* region-staff */
.region-staff {margin-top: 20px; padding: 0 20px 20px; border-bottom: 1px solid #464d4f;}
.region-staff .list {margin-left: -30px; zoom: 1;}
.region-staff .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.region-staff .li {width: 200px; margin-left: 30px; float: left; display: inline;}
.region-staff .br {height: 30px;}
.region-staff .image,
.region-staff .image img,
.region-staff .image .i-frame {width: 200px; height: 130px;}
.region-staff .image {position: relative;}
.region-staff .image .i-frame {left: 0; top: 0; position: absolute; z-index: 2; background: url(../img/region/frame.png) no-repeat;}
.region-staff h3 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 17px 0 -3px;}
.region-staff h4 {font: 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8b9397; text-transform: none; margin: 10px 0 -3px;}

/* region-location */
.region-location {margin-top: 20px; padding: 0 20px 20px; border-bottom: 1px solid #464d4f;}
.region-location h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: -3px 0 17px;}
.region-location .map {position: relative; zoom: 1;}
.region-location .map .img {}
.region-location .map .lt,
.region-location .map .rt,
.region-location .map .rb,
.region-location .map .lb {width: 3px; height: 3px; position: absolute; background: url(../img/region/frame.png) no-repeat; font: 0/0 serif; display: block;}
.region-location .map .lt {left: 0; top: 0;}
.region-location .map .rt {right: 0; top: 0; background-position: 100% 0;}
.region-location .map .rb {right: 0; bottom: 0; background-position: 100% 100%;}
.region-location .map .lb {left: 0; bottom: 0; background-position: 0 100%;}

/* region-info */
.region-info {}
.region-info .list {overflow: hidden; position: relative; zoom: 1;}
.region-info .list:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.region-info .li {width: 139px; margin-bottom: -9999px; padding-bottom: 9999px; border-right: 1px solid #464d4f; float: left; display: inline;}
.region-info .li-last {padding-right: 1px; border-right: 0;}
.region-info .amount {font: 80px/96px PFDinTextCompPro, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: -23px; padding: 3px 15px;}
.region-info .title {font-size: 10px; line-height: 12px; font-weight: bold; color: #8b9397; text-transform: uppercase; margin-top: 10px; padding: 0 15px 18px;}

/* formula */
.formula {font: 11px/16px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8b9397; width: 560px; padding: 20px;}
.formula h2 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: -20px -20px 17px; padding: 17px 20px; position: relative; border-bottom: 1px solid #464d4f; zoom: 1;}
.formula h3 {font: bold 11px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0 0 17px;}
.formula h4 {font: bold 80px/96px PFDinTextCompProLight, Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: -6px 0 2px;}
.formula p {margin: 0;}
.formula strong {color: #fff;}
.formula .hr {margin: 20px -20px; background: #464d4f;}