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

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

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

@font-face {
    font-family: 'RegularBlack';
    src: url('../fonts/regular-black.eot');
    src: url('../fonts/regular-black.eot') format('embedded-opentype'),
    url('../fonts/regular-black.woff') format('woff'),
    url('../fonts/regular-black.ttf') format('truetype'),
    url('../fonts/regular-black.svg#RegularBlack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'RegularExtraBold';
    src: url('../fonts/regular-extrabold.eot');
    src: url('../fonts/regular-extrabold.eot') format('embedded-opentype'),
    url('../fonts/regular-extrabold.woff') format('woff'),
    url('../fonts/regular-extrabold.ttf') format('truetype'),
    url('../fonts/regular-extrabold.svg#RegularExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

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

@font-face {
    font-family: 'RegularSemiBold';
    src: url('../fonts/regular-semibold.eot');
    src: url('../fonts/regular-semibold.eot') format('embedded-opentype'),
    url('../fonts/regular-semibold.woff') format('woff'),
    url('../fonts/regular-semibold.ttf') format('truetype'),
    url('../fonts/regular-semibold.svg#RegularSemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
body { width: 100%; min-width: 998px; font: 24px/29px 'RegularRegular', sans-serif; color: #4a4a4a; background: #ffffff;}
img { border: none;}
a { cursor: pointer;}
p { margin-bottom: 20px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-weight: 800; font-family: 'RegularExtraBold', sans-serif; color: #1c1c1c; text-transform: uppercase; line-height: normal;}
h1 { font-size: 40px;}
h2 { font-size: 34px;}
h3 { font-size: 30px;}
h4 { font-size: 26px;}
h5 { font-size: 24px;}
h6 { font-size: 22px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
li { list-style: none;}

.head_fix:after, .head:after, .container:after { content: ''; display: table; clear: both;}

.head_fix_wr, .head_wr { width: 100%; background: #ffffff;}
.head_fix_wr { position: fixed; top: 0; z-index: 90; display: none;}
.head_wr { position: relative; z-index: 100;}
.head_fix_wr:before, .head_wr:before { content: ''; display: block; width: 100%; height: 23px; background: url("../images/shadow.png") repeat-x; position: absolute; left: 0; bottom: -23px;}
.head { width: 998px; margin: 0 auto; padding: 15px 0 14px;}
.head_fix_wr .head { padding: 7px 0;}
.logo_01, .logo, .logo_top { float: left;}
/*.logo_01 a { display: block; width: 137px; height: 40px; background: url("../images/logo_sprite.png") no-repeat;}
.logo_02 a { background-position: 0 -42px;}
.logo_03 a { background-position: 0 -84px;}*/
.logo_top a { display: block; width: 137px; height: 40px; background: url("../images/logo.png") 0 10px no-repeat; position: relative; text-indent: -99in; overflow: hidden;}
    .logo_top a span { display: block; position: absolute; left: 20px; top: 0; width: 40px; height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; background: #e9647a url(../images/for_logo.png) 50% 11px no-repeat;}
.logo a { display: block; width: 87px; height: 26px; background: url("../images/h_logo.png") no-repeat;}
.nav { max-width: 860px; padding: 12px 4px 0 0; float: right;}
.head_fix_wr .nav { max-width: 800px; padding: 4px 3px 0 0;}
.nav li { max-width: 800px; margin-left: 77px; float: left; font: 16px 'RegularMedium', sans-serif; font-weight: 500; text-transform: uppercase;}
.head_fix_wr .nav li { margin-left: 32px; font-size: 13px;}
.nav li a { text-decoration: none; color: #2b2b2b;}
.nav li a:hover, .nav li.active a { color: #5dafd1;}

.wwa_wr { width: 100%; position: relative;}
.wwa_wr:before, .wwa_wr:after { content: ''; display: block; width: 50%; height: 532px; position: absolute; top: 0; z-index: 10;}
.wwa_wr:before { left: 0; background: #4d545d;}
.wwa_wr:after { right: 0; background: #5a626a;}
.wwa { height: 532px; background: url("../images/photo.jpg") 50% -69px no-repeat; position: relative; z-index: 20;}
.wwa_cont { width: 998px; margin: 0 auto; padding-top: 131px; text-align: center; font-size: 23px; line-height: 27px; color: #ffffff;}
.wwa_t_wr { margin-bottom: 19px; text-align: center;}
.h101 { display: inline-block; margin: 0 9px 0 0;}
.h301 { margin-bottom: 26px; font: 23px/27px 'RegularRegular', sans-serif; color: #ffffff; text-shadow: 1px 0 2px rgba(0, 0, 0, .38); filter: Shadow(Color=#33333d, Direction=120, Strength=1);}
.h301 span { font-family: 'RegularBold', sans-serif;}
.wwa_cont p { text-shadow: 1px 0 2px rgba(0, 0, 0, .38); filter: Shadow(Color=#33333d, Direction=120, Strength=1);}

.products_wr { min-height: 507px; background: url("../images/prod_bg.png") 50% 0 no-repeat;}
.products { width: 628px; min-height: 320px; margin: 0 auto; padding: 110px 370px 0 0; background: url("../images/ico.png") 669px 59px no-repeat;}
.h201 { margin-bottom: 61px; padding: 25px 0 0 142px; font-size: 51px; position: relative;}
.h201:before { content: ''; display: block; width: 115px; height: 109px; background: url("../images/icon.png") no-repeat; position: absolute; top: 0; left: -8px;}
.h201:after { content: ''; display: inline-block; width: 21px; height: 14px; margin: 8px 0 0 9px; vertical-align: top; background: url("../images/aa.png") 0 -16px no-repeat;}

.f_inv_wr { width: 100%; height: 515px; position: relative;}
.f_inv_wr:before, .f_inv_wr:after { content: ''; display: block; width: 50%; height: 515px; position: absolute; top: 0; z-index: 10;}
.f_inv_wr:before { background: url("../images/for_inv_l.jpg") repeat-x; left: 0;}
.f_inv_wr:after { background: url("../images/for_inv_r.jpg") repeat-x; right: 0;}
.f_inv { height: 515px; background: url("../images/for_inv.jpg") 50% 0 no-repeat; position: relative; z-index: 20;}
.f_inv_cont { width: 998px; height: 432px;  padding: 84px 0 0; margin: 0 auto; color: #ffffff; background: url("../images/mouse.png") 80px 328px no-repeat; text-align: center;}
.h202 { margin-bottom: 48px; color: #ffffff; font: 56px 'RegularBlack', sans-serif; font-weight: 900;}
.h202 span { display: inline-block; padding: 5px 0 0 99px; position: relative;}
.h202 span:before { content: ''; display: block; width: 73px; height: 77px; background: url("../images/fi_icon.png") no-repeat; position: absolute; top: 0; left: 0;}
.h202:after { content: ''; width: 21px; height: 14px; display: inline-block; margin: 16px 0 0 10px; background: url("../images/aa.png") no-repeat; vertical-align: top;}
.f_inv_cont p { padding: 0 46px;}
.contact { padding: 37px 0;}
.contact a { display: inline-block; width: 250px; height: 58px; border: 6px solid #ffffff; font-size: 26px; line-height: 58px; color: #ffffff; text-decoration: none; text-transform: uppercase;}
.contact a:hover { color: #2a628d; border-color: #2a628d;}

.team { width: 998px; margin: 0 auto; padding: 80px 0 64px; text-align: center;}
.h203 { margin-bottom: 55px; font-size: 51px;}
.h203 span { display: inline-block; padding: 0 0 0 91px; position: relative;}
.h203 span:before { content: ''; display: block; width: 67px; height: 58px; background: url("../images/ot_ico.png") no-repeat; position: absolute; top: 3px; left: 0;}
.h203:after { content: ''; display: inline-block; width: 21px; height: 14px; margin: 7px 12px 0 10px; vertical-align: top; background: url("../images/aa.png") 0 -16px no-repeat;}
.team_01 {}
.team_01 ul, .team_02 ul { width: 100%; font-size: 0; display: table;}
.team_01 li, .team_02 li { display: inline-block; margin: 0 50px 56px; vertical-align: top; font-size: 20px; line-height: 24px;}
.team_02 li { margin: 0 40px 50px; font-size: 16px; line-height: 19px;}
.team_02 li:first-child, .team_02 li:last-child {visibility: hidden;}
.item_img { width: 198px; height: 198px; margin-bottom: 13px;}
.team_02 .item_img { width: 163px; height: 163px; margin-bottom: 12px;}
.item_img img { width: 198px; height: 198px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; position: relative;}
.team_02 .item_img img { width: 163px; height: 163px; -webkit-border-radius: 82px; -moz-border-radius: 82px; border-radius: 82px; position: relative;}
.post { color: #e5565e;}
.join { width: 163px; height: 90px; padding: 73px 0 0; background: #a17fd1; font: 25px/21px 'RegularExtraBold', sans-serif; font-weight: 800; color: #ffffff; -webkit-border-radius: 82px; -moz-border-radius: 82px; border-radius: 82px; position: relative;}
.join span { display: block;}

.for_any { background: url("../images/gray_bg.jpg") repeat;}
.title_wr { padding: 61px 0 75px; background: url("../images/line.png") 0 100% repeat-x;}
.h204 { width: 892px; margin: 0 auto; padding-left: 103px; font-size: 35px; line-height: 39px; color: #262626; background: url("../images/fa_ico.png") 3px 4px no-repeat;}
.h204 span { display: block; font: 32px 'RegularSemiBold', sans-serif; right: 600px;}
.form_wr { width: 998px; padding: 57px 0 0; margin: 0 auto;}
.container { margin-bottom: 50px;}
.col_01 { width: 252px; float: left;}
.col_02 { width: 731px; float: right;}
.i_wr, .t_wr { -webkit-box-shadow: 1px 1px 5px #dddddd; -moz-box-shadow: 1px 1px 5px #dddddd; box-shadow: 1px 1px 5px #dddddd; position: relative;}
.i_wr{ height: 51px; margin-bottom: 17px;}
.t_wr { height: 118px;}
.i_wr input, .t_wr textarea { background: #ffffff; border: none; font: 19px 'RegularRegular', sans-serif; font-weight: 300; color: #3b3b3b;}
.i_wr input { width: 224px; height: 51px; padding: 0 14px; line-height: 51px;}
.t_wr textarea { width: 703px; height: 90px; padding: 14px; resize: none; overflow: auto;}
.i_wr input.error, .t_wr textarea.error { color: #bf444c;}
.i_wr .error { background: url("../images/inp_error.png") no-repeat;}
.ie8 .i_wr input.error { font-size: 18px;}
.t_wr textarea.error { background: url("../images/ta_error.png") no-repeat;}
.send { padding-bottom: 88px; text-align: center; position: relative;}
.send:before, .send:after { content: ''; display: block; width: 384px; height: 4px; background: url("../images/send_line.png") repeat-x; position: absolute; top: 26px;}
.send:before { left: 0;}
.send:after { right: 0;}
.send a { display: inline-block; width: 160px; height: 44px; font-size: 22px; line-height: 44px; color: #e5565e; border: 5px solid #e5565e; text-decoration: none;}
.send a:before { left: 0;}
.send a:after { right: 0;}
.send a:hover { border-color: #6eb6e5; color: #6eb6e5;}

.foot_wr { background: #1f1f1f;}
.footer { width: 998px; margin: 0 auto; padding: 97px 0 86px; text-align: center;}
.foot_logo { margin-bottom: 37px;}
.foot_logo a { display: inline-block; width: 284px; height: 82px; background: url("../images/f_logo.png") no-repeat;}
.cop { font: 21px 'RegularLight', sans-serif; font-weight: 300; color: #d6d5d5;}

.popup_wr { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
.tr_bg { width: 100%; height: 100%; background: #b4d6e5; opacity: 0.75; filter: alpha(opacity=75);}
.popup { width: 354px; height: 108px; padding: 120px 30px 0; position: fixed; top: 50%; left: 50%; margin: -120px 0 0 -207px; background: #ffffff url("../images/mess.png") 176px 51px no-repeat; border-top: 11px solid #1e7ea9; text-align: center; font-size: 26px; color: #3d3939; text-transform: uppercase;}