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

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

@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;
}

@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: 'PFDinTextCompProLight';
    src: url('../fonts/pfdintextcomppro-light-italic.eot');
    src: url('../fonts/pfdintextcomppro-light-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfdintextcomppro-light-italic.woff') format('woff'),
         url('../fonts/pfdintextcomppro-light-italic.ttf') format('truetype'),
         url('../fonts/pfdintextcomppro-light-italic.svg#PFDinTextCompProLight') format('svg');
    font-weight: normal;
    font-style: italic;
}

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



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

a {color: #70829c; text-decoration: none;}
a:hover {color: #970520;}

p {margin: 0 0 16px;}

h1, h2, h3, h4, h5, h6 {font: bold 13px/16px Arial, Helvetica, sans-serif; color: #666; margin: 0 0 16px;}
h1 {font: 57px/66px PFDinTextCompProThin, 'Arial Narrow', Arial, Helvetica, sans-serif; color: #868686; margin: 0;}
.loading h1 {visibility: hidden;}
h2 {font: italic 24px/28px PFDinTextCompProLight, 'Arial Narrow', Arial, Helvetica, sans-serif; color: #868686; margin: 0;}
.loading h2 {visibility: hidden;}

ol,
ul {margin: 0 0 16px 32px; padding: 0;}
ol {padding-left: 32px;}
ul,
ul li {list-style: none outside none; display: block;}
ul {padding-left: 16px;}
ul li {padding-left: 16px; background: url(../img/li.png) no-repeat 0 5px;}

hr,
.hr {color: #d8dbdd; background: #d8dbdd; height: 1px; overflow: hidden; margin: 16px 0; border: 0; font: 0/0 serif; display: block;}
* html hr {margin: 9px 0;}
*+html hr {margin: 9px 0;}



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



/* LAYOUT
----------------------------------------------- */
html,
body {height: 100%; min-width: 990px;}
body {margin: 0; padding: 0; background: #f4f4f4;}
.fw-content {min-height: 100%; position: relative;}
.fw-content-min {height: 660px;}
.fw-main {width: 50%; margin-top: -270px; right: 0; top: 50%; position: absolute; z-index: 2;}
.fw-footer {height: 60px; margin-top: -61px; border-top: 1px solid #d8dbdd; position: relative; z-index: 3;}



/* STATIC
----------------------------------------------- */
/* logo */
.logo {margin-bottom: 25px;}

/* file */
.file {margin: 15px 0 0 20px; float: left; display: inline;}
.file i {width: 30px; height: 30px; background-repeat: no-repeat; font: 0/0 serif; display: block;}
.file .i-pdf {background-image: url(../img/file/pdf.png);}

/* contacts */
.contacts {font: italic 18px/22px PFDinTextCompPro, 'Arial Narrow', Arial, Helvetica, sans-serif; margin-top: 22px; float: right; display: inline;}
.loading .contacts {visibility: hidden;}

/* phone */
.phone {font: 24px/28px PFDinTextCompPro, 'Arial Narrow', Arial, Helvetica, sans-serif; margin: 10px 20px 0 20px; padding: 6px 0 6px 20px; border-left: 1px solid #d8dbdd; float: right; display: inline;}
.loading .phone {visibility: hidden;}

/* body-bg */
.body-bg {width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; position: absolute; z-index: 1;}
.body-bg img {left: -9999px; top: -9999px; position: absolute; z-index: 1; -ms-interpolation-mode: bicubic;}
.body-bg i {width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2; display: block;}



/* MODULES
----------------------------------------------- */
/* frames */
.frames {}
.frames-content {width: 460px; height: 320px; position: relative; border: 1px solid #d8dbdd; border-width: 1px 0;}
.frames-image {width: 119px; left: 0; top: 20px; position: absolute; z-index: 3; border-right: 1px solid #d8dbdd;}
.frames-i {width: 100%; left: 0; top: 20px; position: absolute; display: none;}
.frames-i-first {display: block;}
.frames-title {height: 127px; margin-left: 140px;}
.frames-title h1 {margin: -12px 0 0 0;}
.frames-title h1 span {color: #dd0a32;}
.frames-title h2 {margin: -4px 0 0;}
.frames-nav {width: 460px;}
.frames-nav:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.frames-nav ul,
.frames-nav li {margin: 0; padding: 0; list-style: none outside none; background: none; float: left; display: inline;}
.frames-nav ul {font: 18px/56px PFDinTextCompProMedium, 'Arial Narrow', Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0 -1px 0 #666; text-align: center; margin-top: 15px;}
.loading .frames-nav ul {visibility: hidden;}
.frames-nav a,
.frames-nav a:hover {color: #fff;}
.frames-nav li {width: 42px; height: 40px; margin-right: 15px; position: relative; cursor: pointer;}
.frames-nav li i {font-style: normal; width: 52px; height: 52px; overflow: hidden; left: -5px; top: -6px; position: absolute; background: url(../img/frames_pi.png) no-repeat; display: block;}
.frames-nav .act {cursor: default;}
.frames-nav .act i,
.frames-nav .act i,
.frames-nav li:hover i {background-position: 0 -100px;}
.frames-nav .sep,
.frames-nav .prev,
.frames-nav .next {float: right; display: inline;}
.frames-nav .sep {width: 1px; height: 40px; margin: 15px 15px 0; background: #d8dbdd; font: 0/0 serif;}
.frames-nav .prev,
.frames-nav .next {width: 25px; height: 40px; margin-top: 15px; position: relative; cursor: pointer;}
.frames-nav .prev i,
.frames-nav .next i {width: 35px; height: 50px; left: -5px; top: -5px; position: absolute; font: 0/0 serif; display: block;}
.frames-nav .prev i {background: url(../img/frames_prev.png) no-repeat;}
.frames-nav .next i {background: url(../img/frames_next.png) no-repeat;}
.frames-nav .prev:hover i,
.frames-nav .next:hover i {background-position: 0 -100px;}
.frames-nav .na {cursor: default;}
.frames-nav .na i,
.frames-nav .na:hover i {background-position: 0 -200px;}