@charset "utf-8"; /* CSS Document */ html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, input, dl, dd, dt {margin: 0px; padding: 0px;} html {height: 100%;} body {font: 22px/24px 'PFAgoraSansPro'; color: #5c5c5c; min-width: 1000px; position: relative; height: 100%; background: #fff url(../images/fon_bod2.jpg); } img {border: none;} a {cursor: pointer; text-decoration: underline; color: #5c5c5c;} a:hover {text-decoration: none;} input {outline: none;} p {padding:0 0 40px;} h1, h2, h3, h4, h5, h6 {font-family: 'PFAgoraSansPro'; color: #5c5c5c; padding: 0 0 30px; line-height: normal; font-weight: normal;} h1 {font-size: 28px; } h2 {font-size: 28px; } h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 16px;} h6 {font-size: 14px;} ol {padding:0 0 20px 30px;} ul {padding: 0 0 20px 0; } ul li {list-style: disc outside; padding:5px;} ol li{padding:5px;} @font-face { font-family: 'pf_agora_sans_prothin_italic'; src: url('fonts/pfagorasanspro-thinital-webfont.eot'); src: url('fonts/pfagorasanspro-thinital-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfagorasanspro-thinital-webfont.ttf') format('truetype'), url('fonts/pfagorasanspro-thinital-webfont.svg#pf_agora_sans_prothin_italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pf_agora_sans_proregular'; src: url('fonts/pfagorasanspro-reg-webfont.eot'); src: url('fonts/pfagorasanspro-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfagorasanspro-reg-webfont.ttf') format('truetype'), url('fonts/pfagorasanspro-reg-webfont.svg#pf_agora_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'PFAgoraSansPro'; src: url('fonts/pfagorasanspro-light.eot'); src: url('fonts/pfagorasanspro-light.eot?#iefix') format('embedded-opentype'), url('fonts/pfagorasanspro-light.woff') format('woff'), url('fonts/pfagorasanspro-light.ttf') format('truetype'), url('fonts/pfagorasanspro-light.svg') format('svg'); font-weight: normal; font-style: normal; } .bot_foot:before, .bot_foot:after, .list_advantages ul li:before, .list_advantages ul li:after {content: ""; display: table;} .bot_foot:after, .list_advantages ul li:after {clear: both;} .bot_foot, .list_advantages ul li {zoom:1;} .wrap {position: relative; width: 100%; height: auto !important; min-height: 100%; overflow: hidden;} .block_fon {min-width: 1010px; position: relative;} .block_fon img {width: 100%; height: 563px;} .header {margin: -563px auto 0; width: 902px; position: relative; padding: 69px 0 0;} .logo {padding: 0 0 17px 129px;} .logo a {display: block; background: url(../images/logo.png) no-repeat; width: 242px; height: 60px;} .mess1 {padding: 0 0 28px 129px; font: 27px 'pf_agora_sans_prothin_italic'; color: #fff;} .bl_img {padding: 0 0 41px 38px;} .page { margin: 0 auto; width: 902px; position: relative; text-align: center;} .page h2 {padding: 0 0 43px;} .list_advantages {width: 100%; overflow: hidden; text-align: left; padding: 0 0 22px;} .list_advantages ul {padding: 0 0 0 41px; font-size: 0; line-height: 0; display: table; width: 130%;} .list_advantages ul li {display: inline-block; vertical-align: top; font-size: 22px; line-height: normal; width: 437px; padding: 0 12px 22px 0; } .lte7 .list_advantages ul li {display: inline; zoom:1;} .list_advantages ul li .im {background: url(../images/icons.png) no-repeat; float: left; width: 84px; padding: 0 10px 0 0; height: 61px;} .list_advantages ul li .txt {overflow: hidden;} .list_advantages ul .item1 .im {background-position: 0 0;} .list_advantages ul .item2 .im {background-position: -118px 8px;} .list_advantages ul .item3 .im {background-position: 0 -83px;} .list_advantages ul .item4 .im {background-position: -118px -76px;} .list_advantages ul .item5 .im {background-position: 0 -165px;} .list_advantages ul .item6 .im {background-position: -118px -154px; height: 63px; margin-top: -4px;} .list_advantages ul .item1 .txt {padding: 6px 0 0;} .list_advantages ul .item2 .txt {padding: 6px 0 0;} .list_advantages ul .item3 .txt {padding: 3px 0 0;} .list_advantages ul .item4 .txt {padding: 3px 0 0;} .list_advantages ul .item5 .txt {padding: 0px 0 0;} .list_advantages ul .item6 .txt {padding: 0px 0 0;} .mess2 {font: 50px 'pf_agora_sans_proregular'; padding: 0 0 6px; line-height: normal;} .mess3 {font-size: 26px; padding: 0 0 43px;} .wrap_form_block {background: #4c4c4c; padding: 46px 0 50px; margin: 0 0 50px;} .form_block {width: 396px; margin: 0 auto;} .form_block h2 {font: 27px 'pf_agora_sans_proregular'; text-align: center; color: #fff; padding: 0 0 23px; line-height: 31px;} .inpt {background: url(../images/input.png) no-repeat; width: 374px; height: 19px; position: relative; padding: 8px 11px 7px; margin: 0 0 16px;} .inpt input[type="text"] { width:374px; height: 19px; font: 16px/20px 'pf_agora_sans_proregular'; background:#f7f7f7; border: none; color: #858585; } .inpt label {display:block; position: absolute; left:11px; top:2px; height: 30px; font: 16px/30px 'pf_agora_sans_proregular'; width: 374px; color: #858585; } .sub_but {padding: 0 0 0 1px;} .sub_but a {display: block; background: url(../images/but_sub.png) no-repeat; width: 394px; height: 61px; outline: none;} .sub_but a:hover {background-position: 0 -62px;} .sub_but a:active {background-position: 0 -124px;} .brends {padding: 0 0 81px;} .footer {} .bl_counts {padding: 0 0 15px;} .bot_foot {width: 304px; margin: 0 auto; padding: 0 0 20px;} .foot1 {float: left; width: 184px; font:12px "Helvetica Neue", Arial; font-weight: 300; padding: 10px 0 0;} .foot2 {float: right; width:105px; } .foot2 a {display: block; background: url(../images/rus.png) no-repeat; width: 105px; height: 38px;}