@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,cyrillic-ext);
@import url(//fonts.googleapis.com/css?family=Lato:300&subset=latin,latin-ext);
@font-face {
  font-family: 'helveticaneuecyrultralight';
  src: url("fonts/helveticaneuecyr-ultralight-webfont.eot");
  src: url("fonts/helveticaneuecyr-ultralight-webfont.eot#iefix") format("embedded-opentype"), url("fonts/helveticaneuecyr-ultralight-webfont.woff") format("woff2"), url("fonts/helveticaneuecyr-ultralight-webfont.woff") format("woff"), url("fonts/helveticaneuecyr-ultralight-webfont.ttf") format("truetype"), url("fonts/helveticaneuecyr-ultralight-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'helveticaneuecyrthin';
  src: url("fonts/helveticaneuecyr-thin-webfont.eot");
  src: url("fonts/helveticaneuecyr-thin-webfont.eot#iefix") format("embedded-opentype"), url("fonts/helveticaneuecyr-thin-webfont.woff") format("woff2"), url("fonts/helveticaneuecyr-thin-webfont.woff") format("woff"), url("fonts/helveticaneuecyr-thin-webfont.ttf") format("truetype"), url("fonts/helveticaneuecyr-thin-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'ALSRubl-Verdana';
  src: url("fonts/alsrubl-verdana-regular.eot");
  src: url("fonts/alsrubl-verdana-regular.eot#iefix") format("embedded-opentype"), url("fonts/alsrubl-verdana-regular.woff") format("woff"), url("fonts/alsrubl-verdana-regular.ttf") format("truetype"), url("fonts/alsrubl-verdana-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
body, html {
  margin: 0;
  padding: 0;
  width: 100%; }

body {
  background-color: #fff; }

body, table td, input, textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px; }

input, textarea, a {
  outline: none; }

.clr {
  clear: both; }

h1, div.h1, h2.pseudo {
  font-family: 'helveticaneuecyrultralight', 'Lato', sans-serif;
  font-size: 70px;
  font-weight: normal;
  line-height: normal; }

div.h1 {
  text-align: center; }

h2 {
  font-family: 'helveticaneuecyrthin', 'Lato', sans-serif;
  font-size: 36px;
  font-weight: normal;
  line-height: normal; }

h3 {
  font-family: 'helveticaneuecyrthin', 'Lato', sans-serif;
  font-size: 30px;
  font-weight: normal;
  line-height: normal; }

h4 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal; }

a {
  color: #000; }

.topline {
  background-color: #000;
  height: 30px;
  color: #fff;
  line-height: 30px;
  position: relative; }

.toplinesp {
  width: 100%;
  height: 30px; }

.toplinefix {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }

.topline .glbody {
  height: 30px; }

.topline .glbody .glbodyright {
  height: 30px;
  float: right;
  position: relative; }

.topline .tlphone {
  background: url(images/toplineicon.png) no-repeat 0 -180px;
  padding-left: 20px;
  height: 30px;
  float: left;
  margin-right: 16px; }

.topline .cabinet {
  background: url(images/toplineicon.png) no-repeat 0 -150px;
  height: 30px;
  padding-left: 20px;
  float: right;
  margin-left: 16px; }

.topline .tltw, .topline .tlfb, .topline .tlvk, .topline .tlgp, .topline .tlyt, .topline .tlig, .topline .tlok {
  float: left;
  display: block;
  height: 30px;
  width: 24px;
  text-align: center; }

.topline .tltw:hover, .topline .tlfb:hover, .topline .tlvk:hover, .topline .tlgp:hover, .topline .tlyt:hover, .topline .tlig:hover, .topline .tlok:hover {
  background-color: #e66776; }

.topline .tltw span, .topline .tlfb span, .topline .tlvk span, .topline .tlgp span, .topline .tlyt span, .topline .tlig span, .topline .tlok span {
  background: url(images/toplineicon.png) no-repeat center center;
  height: 30px;
  width: 14px;
  display: block;
  margin: 0 auto; }

.topline .tltw span {
  background-position: 0 -120px;
  left: 938px; }

.topline .tlfb span {
  background-position: 0 -90px;
  left: 960px; }

.topline .tlvk span {
  background-position: 0 -60px;
  left: 982px; }

.topline .tlgp span {
  background-position: 0 0;
  left: 1004px; }

.topline .tlyt span {
  background-position: 0 -30px;
  left: 1026px; }

.topline .tlig span {
  background-position: 0 -210px;
  left: 916px; }

.topline .tlok span {
  background-position: 0 -240px;
  left: 1048px; }

#content {
  min-height: 400px; }

.overflowcontent {
  overflow: hidden; }

.margincontent {
  padding-bottom: 50px; }

.glbody {
  margin: 0 auto;
  width: 1200px;
  position: relative; }

#content .smallcontent {
  width: 1000px;
  padding-right: 18px;
  float: left; }

#content .rightline {
  width: 182px;
  height: 100%;
  background-color: yellow;
  float: right; }

header {
  height: 145px; }

header .logo {
  display: block;
  height: 60px;
  width: 438px;
  background: url(images/logo.png) no-repeat;
  margin: 30px auto 0 auto; }

header #tbleft, header #tbright {
  position: absolute;
  bottom: 38px;
  width: 273px;
  height: 43px;
  display: block;
  text-align: center;
  border: 1px dotted #000;
  line-height: 39px;
  border-radius: 6px;
  padding: 0;
  font-size: 18px;
  text-decoration: none;
  margin: 20px; }

header #tbleft {
  left: 0; }

header #tbright {
  right: 0; }

header #tbleft:hover,
header #tbright:hover {
  background-color: #000;
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); }

header #tbleft.tbactive,
header #tbright.tbactive {
  background-color: #000;
  color: #fff;
  cursor: default; }

header .menuhcenter {
  width: 438px;
  margin: 0 auto;
  text-align: center;
  padding-top: 22px; }

header .menuhcenter a {
  text-decoration: none;
  color: gray;
  text-transform: uppercase;
  padding: 6px 12px;
  font-size: 20px; }

header .menuhcenter a.active {
  background-color: #ededed; }

footer {
  background-color: #141414;
  min-height: 308px;
  padding-top: 52px;
  color: #fff;
  padding-bottom: 16px; }

footer .fbrand {
  background: url(images/brandbottom.jpg) no-repeat;
  width: 1200px;
  height: 143px;
  border-bottom: #434343 1px solid;
  padding-bottom: 18px; }

footer .ftw, footer .ffb, footer .fvk, footer .fgp, footer .fyt, footer .fig, footer .fok {
  background: url(images/bottomsocicon.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 227px;
  display: block; }

footer .ftw {
  right: 152px; }

footer .ffb {
  right: 114px;
  background-position: -30px 0; }

footer .fvk {
  right: 76px;
  background-position: -60px 0; }

footer .fgp {
  right: 38px;
  background-position: -90px 0; }

footer .fyt {
  right: 0;
  background-position: -120px 0; }

footer .fig {
  right: 190px;
  background-position: -150px 0; }

footer .fok {
  right: 228px;
  background-position: -180px 0; }

footer .fig:hover {
  background-position: -150px -30px; }

footer .ftw:hover {
  background-position: 0 -30px; }

footer .ffb:hover {
  background-position: -30px -30px; }

footer .fvk:hover {
  background-position: -60px -30px; }

footer .fgp:hover {
  background-position: -90px -30px; }

footer .fyt:hover {
  background-position: -120px -30px; }

footer .fok:hover {
  background-position: -180px -30px; }

#magic {
  overflow: hidden; }

#content0 {
  float: left;
  width: 1200px;
  position: absolute;
  min-height: 200px;
  opacity: 0; }

#loaderImage {
  width: 128px;
  height: 128px;
  background: url(images/sprites.png) no-repeat;
  position: absolute;
  left: 536px;
  top: 10px;
  z-index: 9999; }

span.brub {
  font-family: 'ALSRubl-Verdana', Verdana, sans-serif;
  font-weight: normal; }

a.lbutton {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px; }

footer .crworks {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0; }

footer .crworks,
footer .crworks a {
  font-size: 13px;
  color: #aaa;
  text-decoration: none; }

footer .crworks a:hover {
  text-decoration: underline; }

.subscription {
  position: absolute;
  top: 229px;
  left: 518px; }

a.pdf {
  display: block;
  min-height: 33px;
  line-height: 33px;
  padding-left: 40px;
  background: url("images/pdf.jpg") no-repeat scroll left center transparent; }

button, .ui-widget button {
  background-color: #000;
  color: #FFF;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Open Sans",sans-serif;
  border: 0;
  cursor: pointer; }

#content .lright {
  float: left;
  width: 900px; }

.fullcontent {
  width: 100%;
  min-width: 1200px; }

.abutton {
  background-color: #000;
  color: #fff;
  text-decoration: none;
  padding: 8px 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px; }

.bgbissnes {
  background: url(../../../business/bgbissnes.jpg) no-repeat center center;
  background-size: cover;
  width: 1200px;
  padding-bottom: 80px;
  min-height: 1510px; }

.bgbissnes .h1 {
  padding-top: 60px; }

.bgbissnes .mresult {
  width: 787px;
  height: 687px;
  margin: 0 auto;
  position: relative; }

.bgbissnes .mresult div {
  position: absolute; }

.bgbissnes .mresult h3 {
  top: 0;
  left: 268px;
  width: 486px;
  height: 80px;
  margin: 0;
  padding-top: 8px;
  padding-left: 33px;
  display: block;
  position: absolute;
  background: #e8e8e8; }

.bgbissnes .mresult a {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  top: 540px;
  left: 540px;
  width: 246px;
  height: 92px;
  display: block;
  position: absolute; }

.bgbissnes .mresult .im1 {
  top: 212px;
  left: 0;
  background: url(../../../business/im1.png) no-repeat;
  width: 264px;
  height: 208px; }

.bgbissnes .mresult .im2 {
  top: 304px;
  left: 523px;
  background: url(../../../business/im2.png) no-repeat;
  width: 264px;
  height: 208px; }

.bgbissnes .mresult .im3 {
  top: 92px;
  left: 523px;
  background: url(../../../business/im3.png) no-repeat;
  width: 264px;
  height: 208px; }

.bgbissnes .mresult .im4 {
  top: 0;
  left: 0;
  background: url(../../../business/im4.png) no-repeat;
  width: 264px;
  height: 208px; }

.bgbissnes .mresult .im5 {
  top: 424px;
  left: 94px;
  background: url(../../../business/im5.png) no-repeat;
  width: 425px;
  height: 263px; }

.bgbissnes .mresult .im6 {
  top: 92px;
  left: 268px;
  background: url(../../../business/im6.png) no-repeat;
  width: 251px;
  height: 328px; }

.bgbissnes .startwords {
  width: 1100px;
  margin: 20px auto 0;
  background: url(../../../business/bgfone.png) repeat;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); }

.business__steps {
  max-width: 1100px;
  margin: 15px auto 40px;
  padding: 15px; }
  .business__steps * {
    box-sizing: border-box; }
.business-steps__title {
  font-family: 'helveticaneuecyrultralight', 'Lato', sans-serif;
  font-size: 35px;
  line-height: 1.3em; }
.business-steps__inner {
  margin-top: 10px; }
.business-steps__step {
  max-width: 670px;
  margin-top: 10px; }
  .business-steps__step:after {
    content: '';
    display: block;
    clear: both; }
  .business-steps__step--reverse .business-steps__step-title {
    background: #9c9da1;
    color: #fff;
    border-left-color: #fff; }
.business-steps__number {
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #9c9da1;
  color: #fff;
  font-size: 24px;
  float: left; }
.business-steps__step-title {
  float: left;
  width: calc(100% - 40px);
  border: 1px solid #9c9da1;
  background: #fff;
  padding: 9px 10px 8px;
  font-size: 16px; }
  .business-steps__step-title a:hover {
    text-decoration: none; }

#dialogzapis {
  width: 400px; }
