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

}

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

}

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

}

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

}

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

}

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

}

body,html {
  font-family: 'heliosregular';
	color:#686b71;
	font-size:13px;
	line-height:20px;
	min-width:1100px;
}

.fc,
dl,
.common-form,
.body,
.form-item {
  zoom:1;
}

.fc:after,
dl:after,
.body:after,
.common-form:after,
.form-item:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.top-wrap {
  overflow:hidden;
}

.center-wrapper {
  width:980px;
  padding:0 60px;
  margin:0 auto;
}

.header {
  background:#fff;
	height:70px;
	width:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:10000;
	box-shadow:0 0 15px 0 rgba(0,0,0,.3);
}

.body {
  padding-top:70px;
}

.header-content {
  position:relative;
}

.header .logo {
  width:62px;
	height:38px;
	position:absolute;
	left:50%;
	margin:17px 0 0 -23px;
}

.projects-nav {
  font-family:'Open Sans';
	font-size:12px;
	line-height:40px;
	color:#443d35;
	letter-spacing:.61em;
}

.projects-nav .prev {
  position:absolute;
	left:0;
	padding: 0 0 0 40px;
	background: url(../../images/projects-arrows.png) 0 0 no-repeat;
	display: block;
	text-decoration: none;
	color: #443d35;
	text-transform: uppercase;
	margin: 17px 0 0 -10px;
}

.projects-nav .prev:hover {
	background-position:0 -80px;
}

.projects-nav .next {
	position:absolute;
	right:0;
  padding: 0 40px 0 0;
	background: url(../../images/projects-arrows.png) right -40px no-repeat;
	display: block;
	text-decoration: none;
	color: #443d35;
	text-transform: uppercase;
	margin: 17px -10px 0 0;
}

.projects-nav .next:hover {
	background-position:right -120px;
}

.block-content {
  position:relative;
}

/* Footer */

.footer {
  background:#faf2e2;
	color:#1e1e1e;
	font-family:'Open Sans';
	line-height:normal;
}

.footer-back-link {
  border-bottom: 1px solid #f1d9af;
	padding: 36px 0 34px 0;
	font-size: 14px;
	color: #a1865f;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .35em;
	margin: 0 0 109px 0;
}

.footer-back-link a,
.footer-back-link a:visited {
  text-decoration:none;
	color:#a1865f;
}

.footer-back-link a:hover {
  text-decoration:none;
	color:#a1865f;
}

.footer-back-link span {
  border-bottom:1px solid #cdbca0;
}

.footer-order {
  border: 2px solid #eac88c;
	padding: 20px 38px;
	position: relative;
	margin: 0 -40px;
}

.footer-order-ttl {
  padding: 10px 0 12px 0;
	text-align: center;
	text-transform: uppercase;
	margin: -85px 0 0 0;
}

.footer-order-ttl .sup {
  color: #c39c63;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	letter-spacing: .8em;
	padding: 0 0 0 .8em;
}

.footer-order-ttl .ttl {
  font-family: 'excelsior_lt_stdregular',serif;
	font-size: 42px;
	margin: 7px 0 25px 0;
	letter-spacing: .2em;
	padding: 0 0 0 .2em;
}

.footer-order-ttl .ttl span {
  background: #faf2e2;
	padding: 0 60px;
}

/* Forms */

.common-form .form-item {
  margin:0 0 10px 0;
  position:relative;
}

.common-form .form-text {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  background:#fff;
  border:1px solid #eddfc5;
  height:45px;
  font-size:15px;
  font-family:'Open Sans',serif;
  color:#1e1e1e;
  padding:0 20px;
  outline:none;
}

.common-form .form-textarea {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  background:#fff;
  border:1px solid #eddfc5;
  font-size:15px;
  line-height:21px;
  font-family:'Open Sans',serif;
  color:#1e1e1e;
  padding:11px 20px 16px 20px;
  outline:none;
  resize:none;
}

.common-form .placeholder {
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  line-height:45px;
  padding:0 21px;
  color:#a2a2a2;
	font-size:15px;
}

.common-form .error-wrapper {
  background: url(../../images/error-bg-r.png) left center no-repeat;
  height: 32px;
  line-height: 37px;
  padding: 0 0 0 0;
  position: absolute;
  left: 100%;
  top: 7px;
  white-space: nowrap;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  font-style: italic;
  z-index: 20;
}

.common-form .errors-left .error-wrapper {
  background: url(../../images/error-bg.png) right center no-repeat;
  padding: 0;
  right: 100%;
  left: auto;
  margin-right: 5px;
  margin-left: 0;
}

.common-form label.error {
  margin: 0 -3px 0 35px;
  background-color: #ff6f53;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  height: 32px;
  line-height: 33px;
  display: block;
  padding: 0 17px 0 0;
  float: none;
  font-size: 13px;
  width:auto !important;
}

.common-form .errors-left label.error {
  margin: 0px 35px 0 -3px;
  background-color: #ff6f53;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  height: 32px;
  display: block;
  padding: 0 0 0 17px;
  white-space:nowrap;
}

.common-form input.error,
.common-form textarea.error {
  border-color:#ff6f53;
  color:#ff6f53;
}

.button-2 {
  height:54px;
  font-family:'Open Sans',serif;
  font-size:17px;
  line-height:54px;
  background:#ffcf7c;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  border:none;
  border-bottom:2px solid #cbb283;
  padding:0 25px;
  color:#1e1e1e;
  letter-spacing:.2em;
  text-align:center;
	text-transform:uppercase;
	display:inline-block;
	cursor:pointer;
}

.button-2:hover {
  background:#fde0aa;
  border-color:#dfc38f;
}

.button-2:active {
  background:#efd39e;
  border-color:#efd39e;
  -webkit-box-shadow:inset 0 2px 0 0 #d4ba8a;
  -moz-box-shadow:inset 0 2px 0 0 #d4ba8a;
  box-shadow:inset 0 2px 0 0 #d4ba8a;
}

/* Forms END */

.footer-order-l {
  margin:0 20px 0 0;
	width:480px;
	float:left;
}

.footer-order-r {
  float:left;
	width:480px;
}

.footer-order .form-footer {
  text-align:center;
	padding:7px 0 21px 0;
}

.footer-soclinks {
  text-align: center;
	padding: 68px 0 55px 0;
}

.footer-soclinks h3 {
  font-size:16px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:.8em;
	padding:0 0 27px .8em;
}

.footer-soclinks .socbutton {
  width:70px;
	height:70px;
	margin:0 9px;
	display:inline-block;
}

.vk-button {
	background:url(../../images/button-vk.png) 0 0 no-repeat;
}

.facebook-button {
	background:url(../../images/button-fb.png) 0 0 no-repeat;
}

.twitter-button {
	background:url(../../images/button-twitter.png) 0 0 no-repeat;
}

.footer-soclinks .socbutton:hover {
  background-position:0 -70px;
}

.footer-copy {
  background: #efd39e;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	letter-spacing: .4em;
	padding: 18px 0 14px .4em;
}

.tint {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:url(images/tint.png);
  z-index:9999;
}

.popup {
  display:none;
  z-index:10000;
  position:absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #1e1e1e;
}

#successPopup1 {
  text-align:center;
}

.order-popup {
  width:636px;
  background:#fff;
  border:2px solid #efd39e;
}

.order-popup .popup-content {
  padding:44px 48px 48px 48px;
}

.popup .close {
  width:20px;
  height:20px;
  background:url(images/popup-close.png) 0 0 no-repeat;
  position:absolute;
  right:15px;
  top:15px;
  cursor:pointer;
}

.popup .close:hover {
  background-position:0 -20px;
}

.popup h2 {
  font-family: 'excelsior_lt_stdregular',serif;
  font-size:30px;
  line-height:30px;
  margin:0 0 25px 0;
  color:#1e1e1e;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.2em;
}

.order-form-2 {
  border:none;
  width:auto;
  padding:0;
  margin:0;
}

.order-popup .form-item {
  margin:0 0 15px 0;
}

.order-popup .row {
  margin:0 -12px 0 0;
}

.order-popup .row .form-item {
  margin:0 12px 15px 0;
  float:left;
  width:264px;
}

.common-form .error-wrapper {
  background: url(../../images/error-bg-r.png) left center no-repeat;
  height: 32px;
  line-height: 37px;
  padding: 0 0 0 0;
  position: absolute;
  left: 100%;
  top: 7px;
  white-space: nowrap;
  margin-left: 5px;
  color: #fff;
  font-size: 10px;
  font-style: italic;
  z-index: 20;
}

.common-form .errors-left .error-wrapper {
  background: url(../../images/error-bg.png) right center no-repeat;
  padding: 0;
  right: 100%;
  left: auto;
  margin-right: 5px;
  margin-left: 0;
}

.common-form label.error {
  margin: 0 -3px 0 35px;
  background-color: #ff6f53;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  height: 32px;
  line-height: 33px;
  display: block;
  padding: 0 17px 0 0;
  float: none;
  font-size: 13px;
  width:auto !important;
}

.common-form .errors-left label.error {
  margin: 0px 35px 0 -3px;
  background-color: #ff6f53;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  height: 32px;
  display: block;
  padding: 0 0 0 17px;
  white-space:nowrap;
}

/* Footer END */

.body {
  background:#d2e2e5 url(images/block-1-2-bg.jpg) center 70px no-repeat;
}

.block-content {
  position:relative;
}

.ingate-block-1 {
	height:1194px;
	min-width:1100px;
	/* overflow:hidden; */
}

.ingate-block-1 .block-content {
  height:1194px;
}

.block-1-objects {
	width: 1680px;
	height: 1062px;
	background: url(images/block-1-objects.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -822px;
}

.ingate-logo {
	width: 267px;
	height: 41px;
	position: absolute;
	left: 50%;
	top: 104px;
	margin-left: -455px;
	opacity:0;
}

.ingate-lead {
	font-size: 16px;
	line-height: 22px;
	color: #2a2c30;
	width: 650px;
	position: absolute;
	left: 50%;
	top: 90px;
	margin-left: -143px;
	opacity:0;
}

.block-1-comp {
	width: 1063px;
	height: 870px;
	position: absolute;
	left: 50%;
	top: 261px;
	margin-left: -532px;
	background: url(images/comp.png) 0 0 no-repeat;
}

strong {
  font-weight:bold;
}

.mCSB_container {
  /* -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px; */
}

.mCSB_scrollTools {
	position: absolute;
	width: 10px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 10px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	background: #1c2431 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 10px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #d2e2e5 !important;
}

.comp-content {
  width: 1047px;
	height: 549px;
	position: absolute;
	top: 44px;
	left: 45px;
}

.comp-content #mCSB_1_container {
  width:976px;
}

.ingate-block-2 {
	height:945px;
	min-width:1100px;
}

.block-2-arrow {
  width: 1190px;
	height: 416px;
	background: url(images/block-2-arrow.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	bottom: -172px;
	margin-left: -603px;
}

.ingate-block-2 .block-ttl {
  text-transform:uppercase;
	text-align:center;
	font-family:'heliosregular';
	color:#303861;
	font-size:50px;
	line-height:50px;
	padding:6px 0 15px 0;
}

.block-about {
  position:relative;
	width:980px;
	height:800px;
	background:url(images/about-orbits.png) center 0 no-repeat;
	margin:0 auto;
	opacity:0;
}

.about-item {
  opacity:0;
}

.about-center {
  width: 295px;
	height: 295px;
	position: absolute;
	left: 50%;
	top: 251px;
	background: url(images/about-center-bg.png) 0 0 no-repeat;
	margin-left: -153px;
}

.about-center .cont {
  padding:111px 0 0 34px;
}

.about-clients {
  position:absolute;
}

.about-clients .clients-content {
  position:absolute;
	left:0;
	top:0;
}

.about-clients .clients-content img {
  position:absolute;
}

#clientsLogo1 {
  left: 67px;
	top: -39px;
}

#clientsLogo2 {
  left: -17px;
	top: 27px;
}

#clientsLogo3 {
  left: 155px;
	top: 19px;
}

#clientsLogo4 {
  left: 76px;
	top: 70px;
}

#clientsLogo5 {
  left: -5px;
	top: 135px;
}

#clientsLogo6 {
  left: 185px;
	top: 81px;
}

#clientsLogo7 {
  left: 101px;
	top: 140px;
}

.about-clients .ttl {
  font-family: 'heliosregular';
	font-size: 22px;
	line-height: 26px;
	color: #303861;
	position: absolute;
	left: 307px;
	top: 79px;
	text-transform: uppercase;
}

.about-clients .clients-num {
  background: #fff;
	width: 148px;
	height: 148px;
	-webkit-border-radius: 74px;
	-moz-border-radius: 74px;
	border-radius: 74px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	position: absolute;
	left: 209px;
	top: 146px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #24bce9;
	letter-spacing: 0.1em;
}

.about-clients .clients-num .num {
  font-size: 70px;
	line-height: 70px;
	padding: 30px 0 0px 0;
	margin: 0 0 -8px 0;
}

.about-books {
  width: 206px;
	height: 206px;
	position: absolute;
	left: 650px;
	top: -21px;
}

.about-books .books-bg {
  position:absolute;
	left:0;
	top:0;
	width:206px;
	height:206px;
	background:url(images/about-books-bg.png) 0 0 no-repeat;
}

#book1 {
  position: absolute;
	left: 120px;
	top: 12px;
}

#book2 {
  position: absolute;
	left: 59px;
	top: 43px;
}

#book3 {
  position: absolute;
	left: 82px;
	top: 76px;
}

.about-books .ttl {
  font-family: 'heliosregular';
	font-size: 22px;
	line-height: 26px;
	color: #303861;
	position: absolute;
	left: -55px;
	top: 143px;
	text-transform: uppercase;
}

.about-publications {
  width: 197px;
	height: 196px;
	position: absolute;
	left: 100px;
	top: 471px;
	font-size:14px;
	line-height:18px;
}

.about-publications .ttl {
  font-family: 'heliosregular';
	font-size: 22px;
	line-height: 26px;
	color: #303861;
	position: absolute;
	left: 56px;
	top: -69px;
	text-transform: uppercase;
}

.about-publications .publications-bg {
  width:197px;
	height:196px;
	position:absolute;
	left:0;
	top:0;
	background:url(images/about-publications-bg.png) 0 0 no-repeat;
}

#publication1 {
  position: absolute;
	left: -38px;
	top: 17px;
}

#publication1 .logo {
  width: 96px;
	height: 96px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#publication1 .logo .cont {
  padding:26px 0 0 19px;
}

#publication1 .pub-ttl {
  position: absolute;
	left: -138px;
	top: 20px;
	text-align: right;
}

#publication2 {
  position: absolute;
	left: 82px;
	top: -27px;
}

#publication2 .logo {
  width: 128px;
	height: 128px;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#publication2 .logo .cont {
  padding:54px 0 0 19px;
}

#publication2 .pub-ttl {
  position: absolute;
	left: 130px;
	top: 100px;
}

#publication3 {
  position: absolute;
	left: 86px;
	top: 142px;
}

#publication3 .logo {
  width: 78px;
	height: 78px;
	-webkit-border-radius: 39px;
	-moz-border-radius: 39px;
	border-radius: 39px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#publication3 .logo .cont {
  padding:13px 0 0 12px;
} 

#publication3 .pub-ttl {
  position: absolute;
	left: -126px;
	top: 56px;
	text-align: right;
}

.about-ratings {
  position: absolute;
	width: 226px;
	height: 226px;
	left: 719px;
	top: 348px;
}

.about-ratings .ratings-bg {
  width:226px;
	height:226px;
	background:url(images/about-ratings-bg.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
}

.about-ratings .ttl {
  font-family: 'heliosregular';
	font-size: 22px;
	line-height: 26px;
	color: #303861;
	position: absolute;
	left: -55px;
	top: -48px;
	text-transform: uppercase;
}

#rating1 .logo {
  width: 62px;
	height: 62px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#rating1 .logo .cont {
  padding:22px 0 0 9px;
} 

#rating2 .logo {
  width: 98px;
	height: 98px;
	-webkit-border-radius: 49px;
	-moz-border-radius: 49px;
	border-radius: 49px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#rating2 .logo .cont {
  padding:40px 0 0 17px;
} 

#rating3 .logo {
  width: 88px;
	height: 88px;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	border-radius: 44px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#rating3 .logo .cont {
  padding:16px 0 0 18px;
}

#rating4 .logo {
  width: 128px;
	height: 128px;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;
	background: #fff;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
	box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}

#rating4 .logo .cont {
  padding:55px 0 0 18px;
}

#rating1 {
  position: absolute;
	left: 0px;
	top: 25px;
}

#rating2 {
  position: absolute;
	left: 118px;
	top: -48px;
}

#rating3 {
  position: absolute;
	left: 63px;
	top: 60px;
}

#rating4 {
  position: absolute;
	left: 60px;
	top: 155px;
}

.about-services {
  width: 200px;
	height: 200px;
	position: absolute;
	left: 470px;
	top: 612px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	letter-spacing: .05em;
}

#service1 {
  width:74px;
	height:74px;
	-webkit-border-radius:37px;
	-moz-border-radius:37px;
	border-radius:37px;
	position:absolute;
	left:10px;
	top:10px;
	background:#ffa800;
	font-size:20px;
}

#service1 .cont {
  padding:26px 0 0 0;
}

#service2 {
  width: 56px;
	height: 56px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	position: absolute;
	left: 132px;
	top: 17px;
	background: #c3627a;
	font-size: 14px;
}

#service2 .cont {
  padding:19px 0 0 0;
}

#service3 {
  width: 112px;
	height: 112px;
	-webkit-border-radius: 56px;
	-moz-border-radius: 56px;
	border-radius: 56px;
	position: absolute;
	left: 60px;
	top: 80px;
	background: #9450a6;
	font-size: 14px;
}

#service3 .cont {
  padding:47px 0 0 0;
}

.about-services .ttl {
  font-family: 'heliosregular';
	font-size: 22px;
	line-height: 26px;
	color: #303861;
	position: absolute;
	left: 30px;
	top: -40px;
	text-transform: uppercase;
}

#aboutObj1 {
  width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	left: 102px;
	top: 277px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#aboutObj2 {
  width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	left: 382px;
	top: 218px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#aboutObj3 {
  width: 12px;
	height: 12px;
	background: #fff;
	position: absolute;
	left: 334px;
	top: 486px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#aboutObj4 {
  width: 24px;
	height: 24px;
	background: #fff;
	position: absolute;
	left: 947px;
	top: 534px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#aboutObj5 {
  width: 34px;
	height: 34px;
	background: #fff;
	position: absolute;
	left: 259px;
	top: 724px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}

#aboutObj6 {
  width: 12px;
	height: 12px;
	background: #ffa800;
	position: absolute;
	left: 573px;
	top: 635px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#aboutObj7 {
  width: 8px;
	height: 8px;
	background: #c3627a;
	position: absolute;
	left: 663px;
	top: 673px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#aboutObj8 {
  width: 20px;
	height: 20px;
	background: #9450a6;
	position: absolute;
	left: 495px;
	top: 750px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ingate-block-3 {
  background:#fff url(images/block-3-pt.png) center 0 no-repeat;
	height:1115px;
	min-width:1100px;
}

.idea-ttl {
  height:181px;
	background:url(images/shadow-idea.png) center bottom no-repeat;
	position:relative;
}

#ideaLamp {
  width: 99px;
	height: 109px;
	background: url(images/idea-lamp.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -53px;
}

#ideaText {
  width: 137px;
	height: 79px;
	background: url(images/idea-text.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 66px;
	margin-left: 75px;
}

.style {
  position:relative;
}

.style-bg {
  width:1309px;
	height:839px;
	position:absolute;
	left:50%;
	top:62px;
	margin-left:-654px;
	background:url(images/style-bg.png) 0 0 no-repeat;
}

.ingate-block-3 .block-ttl {
  font-size: 50px;
	line-height: 50px;
	color: #303861;
	font-family: 'helioslightregular';
	text-transform: uppercase;
	padding: 98px 0 35px 0;
	text-align: center;
	position:relative;
}

.style-items {
  height:648px;
	position:relative;
}

.style-item {
  position:absolute;
	-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.3);
	-moz-box-shadow:0 0 25px 0 rgba(0,0,0,.3);
	box-shadow:0 0 25px 0 rgba(0,0,0,.3);
	opacity:0;
}

.style-item img {
  display:block;
	margin:0;
}

#styleItem1 {
  left: -48px;
	top: 70px;
}

#styleItem2 {
  left: 326px;
	top: 0;
}

#styleItem3 {
  left: 701px;
	top: 71px;
}

.ingate-block-4 {
	min-width:1100px;
	background:#fff;
	padding:10px 0;
}

.simple-slider {
  position:relative;
}

.simple-slider .slides {
  position:relative;
}

.simple-slider .slide {
  position:absolute;
	left:0;
	top:0;
}

.simple-slider .prev {
  width:136px;
	height:136px;
	background:url(images/slider-arrows.png) 0 0 no-repeat;
	position:absolute;
	left:-148px;
	top:50%;
	margin-top:-68px;
	cursor:pointer;
}

.simple-slider .next {
  width:136px;
	height:136px;
	background:url(images/slider-arrows.png) -136px 0 no-repeat;
	position:absolute;
	right:-148px;
	top:50%;
	margin-top:-68px;
	cursor:pointer;
}

.simple-slider .lister {
  position:absolute;
	left:0;
	bottom:-134px;
	width:100%;
	height:30px;
	text-align:center;
	font-size:1px;
}

.simple-slider .lister .item {
  width:30px;
	height:30px;
	cursor:pointer;
	display:inline-block;
	background:url(images/slider-bullets.png) 0 0 no-repeat;
}

.simple-slider .lister .act {
  background-position:-30px 0;
}

.services-slider-wrapper {
  width:1070px;
	height:623px;
	background:url(images/slider-notebook.png) 0 0 no-repeat;
	margin:0 -45px 127px -45px;
}

.services-slider {
  width:810px;
	height:506px;
	left: 131px;
	top: 36px;
}

.services-slider .slides {
  width: 810px;
	height: 506px;
}

.services-slider .slide-descr {
  position: absolute;
	right: -182px;
	top: 15px;
	width: 321px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 35px 47px;
	font-size: 16px;
	line-height: 20px;
	color: #525c62;
	background: #fff;
	box-shadow: 0 0 92px 0 rgba(0,0,0,.61);
	opacity:0;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	o-transform:scale(0);
	transform:scale(0);
	/* margin-right:160px; */
}

.services-slider .slide-descr:after {
  content:"";
	width:23px;
	height:23px;
	background:url(images/slider-tip-pt.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:100%;
}

.services-slider .slide-after-show .slide-descr {
  opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	o-transform:scale(1);
	transform:scale(1);
	margin-right:0;
}

.services-slider .slide-descr h4 {
  margin:0 0 6px 0;
	font-weight:bold;
}

.ingate-block-4 .block-ttl {
  font-family: 'heliosthinregular';
	font-size: 42px;
	color: #1d1d1d;
	text-align: center;
	text-transform: uppercase;
	padding: 24px 0 46px 0;
	letter-spacing: .05em;
}

.ingate-block-5 {
	height:772px;
  min-width:1100px;
	background:#e0eef0;
	padding:10px 0;
}

.cases-slider-descr {
  float: left;
	color: #3b3b3b;
	font-family: 'helioslightregular';
	font-size: 16px;
	line-height: 24px;
	width: 260px;
	margin: 130px 0 0 0;
}

.cases-slider-descr p {
  margin:0 0 16px 0;
}

.cases-slider-descr h2 {
  font-family: 'heliosthinregular';
	font-size: 42px;
	line-height: 48px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	letter-spacing: .05em;
}

.cases-slider-wrapper {
  float: right;
	margin: 26px -104px 0 0;
	width: 795px;
	height: 665px;
}

.cases-slider {
  width:795px;
	height:665px;
}

.cases-slider .slides {
  width:795px;
	height:665px;
}

.cases-slider .prev,
.cases-slider .next {
  display:none;
}

.cases-slider .lister {
  bottom:-41px;
}

#achievements {width:983px; margin:0 auto; position:relative; padding:52px 0 0 0}

.achievements-list {width:100%; position:relative; padding:4px 0 0 0}
.achievements-list:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.achievements-list a {float:left; width:226px; height:67px; padding:158px 0 0 0; background:url(images/achievements.png); text-decoration:none; cursor:pointer; margin:0 0 0 26px; position:relative; text-align:center; -webkit-box-shadow:0 0 4px rgba(177, 187, 190, .75); -moz-box-shadow:0 0 4px rgba(177, 187, 190, .75); box-shadow:0 0 4px rgba(177, 187, 190, .75)}
.achievements-list a.active,
.achievements-list a:hover {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
.achievements-list a:first-child {margin:0}
.achievements-list a span {color:#494e53; background:url(images/achievements-link.png) repeat-x left bottom; font-size:22px; line-height:22px}
.achievements-list a.active span,
.achievements-list a:hover span {color:#fff; background:url(images/achievements-link-active.png) repeat-x left bottom}
.achievements-list a.achievement-ratings {background-position:left top; margin:0}
.achievements-list a.achievement-ratings.active,
.achievements-list a.achievement-ratings:hover {background-position:left -225px}
.achievements-list a.achievement-ratings.active:after {content:""; display:block; width:22px; height:9px; position:absolute; left:50%; margin-left:-11px; bottom:-9px; background:url(images/sprite.png) -254px -30px}
.achievements-list a.achievement-press {background-position:-226px top}
.achievements-list a.achievement-press.active,
.achievements-list a.achievement-press:hover {background-position:-226px -225px}
.achievements-list a.achievement-press.active:after {content:""; display:block; width:22px; height:9px; position:absolute; left:50%; margin-left:-11px; bottom:-9px; background:url(images/sprite.png) -254px -39px}
.achievements-list a.achievement-books {background-position:-452px top}
.achievements-list a.achievement-books.active,
.achievements-list a.achievement-books:hover {background-position:-452px -225px}
.achievements-list a.achievement-books.active:after {content:""; display:block; width:22px; height:9px; position:absolute; left:50%; margin-left:-11px; bottom:-9px; background:url(images/sprite.png) -254px -48px}
.achievements-list a.achievement-subscribe {background-position:-678px top}
.achievements-list a.achievement-subscribe.active,
.achievements-list a.achievement-subscribe:hover {background-position:-678px -225px}
.achievements-list a.achievement-subscribe.active:after {content:""; display:block; width:22px; height:9px; position:absolute; left:50%; margin-left:-11px; bottom:-9px; background:url(images/sprite.png) -254px -57px}

.achievements-content {position:relative; display:none; padding:51px 0 0 0}

.ratings {border:1px solid #dce4eb; position:relative}
.ratings-title {position:absolute; left:20px; top:-14px; font-size:30px; line-height:30px; background:#fff; color:#97b51e; padding:0 20px}
.ratings-close {position:absolute; right:23px; top:-8px; padding:0 10px 0 15px; background:#fff}
.ratings-close a {display:block; width:19px; height:18px; position:relative; z-index:2; background:url(images/sprite.png) -277px -30px}
.ratings-container {padding:59px 0 39px 0; width:100%}
.ratings-container:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.ratings-content {float:left; width:100%; position:relative}
.ratings-content:after {content:""; display:block; position:absolute; left:490px; top:0; width:1px; height:100%; background:#e5ecef}
.ratings-list {position:relative; float:left; width:100%; margin:-19px 0 0 0}
.rating {float:left; width:490px; height:175px}
.rating-img {float:left; width:216px; height:144px; line-height:144px; text-align:center}
.rating-info {float:left; width:230px; padding:8px 0 0 0}
.rating-place {position:relative; float:left; clear:left; padding:0 23px; color:#fff; height:40px; line-height:40px; font-size:30px}
.rating-place:before {content:""; display:block; position:absolute; left:0; top:0; width:0; height:0; border-top:20px solid transparent; border-left:8px solid #fff; border-bottom:20px solid transparent}
.rating-place:after {content:""; display:block; position:absolute; right:0; top:0; width:0; height:0; border-top:20px solid transparent; border-right:8px solid #fff; border-bottom:20px solid transparent}
.rating-place-1 {background:#44cef6}
.rating-place-2 {background:#aacb25}
.rating-place-3 {background:#ffcb1a}
.rating-place-4 {background:#ff9c31}
.rating-place span {font-size:18px}
.rating-name {font-size:20px; line-height:20px; color:#373c40; padding:15px 0 0 0; float:left; width:100%}
.rating-name a {color:#373c40}

.press {border:1px solid #dce4eb; position:relative}
.press-title {position:absolute; left:20px; top:-14px; font-size:30px; line-height:30px; background:#fff; color:#25b9e5; padding:0 20px}
.press-close {position:absolute; right:23px; top:-8px; padding:0 10px 0 15px; background:#fff}
.press-close a {display:block; width:19px; height:18px; position:relative; z-index:2; background:url(images/sprite.png) -277px -48px}
.press-container {padding:0 43px 24px 43px}

.press-filter {width:100%; padding:49px 0 8px 0; position:relative; z-index:22}
.press-filter:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.press-filter-title {float:left; color:#7c888f}
.press-filter-select {float:left; position:relative; padding:0 0 0 15px}
.press-filter-select-value {float:left; padding:0 13px 0 0; font-size:16px; font-weight:bold; color:#25b9e5; background:url(images/press-filter-select.png) no-repeat right center; cursor:pointer}
.press-filter-select-value span {background:url(images/event-period-select-value.png) repeat-x left bottom}
.press-filter-select-value:hover span {border-bottom:none; color:#b08ddb}
.press-filter-select-list {display:none; position:absolute; left:-4px; top:23px; width:225px}
.press-filter-select-open .press-filter-select-list {display:block; z-index:99}
.press-filter-select-list-top {height:19px; background:url(images/event-period-select-list.png)}
.press-filter-select-list-middle {background:url(images/event-period-select-list.png) -450px top; padding:9px 17px 7px 19px}
.press-filter-select-list-middle ul {margin:0; padding:0; list-style:none}
.press-filter-select-list-middle ul li {margin:0; padding:0}
.press-filter-select-list-middle ul li a {display:block; color:#25b9e5; text-decoration:none; font-size:16px; font-weight:bold; line-height:30px; padding:0 12px}
.press-filter-select-list-middle ul li a:hover {color:#81e2ff}
.press-filter-select-list-middle ul li.active a {color:#61717f; background:#efefef}
.press-filter-select-list-bottom {height:12px; background:url(images/event-period-select-list.png) -225px top}

.press-content {position:relative}
.press-page {position:relative}
.press-item {border-top:1px solid #e5ecef; padding:26px 0 31px 0}
.press-item:first-child {border-top:none}
.press-item-name {font-size:22px; line-height:22px; color:#373c40; padding:0 0 18px 0}
.press-item-container {width:100%}
.press-item-container:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.press-item-photo {float:left; width:140px; line-height:0; position:relative}
.press-item-photo:after {content:""; display:block; width:140px; height:23px; position:absolute; left:0; bottom:-23px; background:url(images/sprite.png) -96px -139px}
.press-item-content {float:right; width:706px; padding:16px 0 0 0}
.press-item-anonce {color:#525c62; font-size:16px; line-height:23px; font-style:italic; position:relative}
.press-item-anonce:before {content:""; display:block; left:-24px; top:-5px; position:absolute; width:16px; height:12px; background:url(images/sprite.png) -165px -66px}
.press-item-anonce:after {content:""; display:inline-block; position:relative; left:10px; top:11px; width:16px; height:12px; background:url(images/sprite.png) -149px -66px}
.press-item-link {font-size:13px; padding:18px 0 0 0}
.press-item-link img {vertical-align:middle; margin-right:8px}
.press-item-link a {color:#505b66}

.press-pager {width:100%; padding:6px 0 0 0}
.press-pager:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.press-pager a {float:left; width:36px; height:36px; border:1px solid #dce4eb; margin:0 10px 0 0; text-align:center; font-size:16px; line-height:36px; color:#505b66}
.press-pager a.active {text-decoration:none; color:#fff; background:#4ec0e5; border-color:#4ec0e5}

.books {border:1px solid #dce4eb; position:relative}
.books-title {position:absolute; left:20px; top:-14px; font-size:30px; line-height:30px; background:#fff; color:#ffa038; padding:0 20px}
.books-close {position:absolute; right:23px; top:-8px; padding:0 10px 0 15px; background:#fff}
.books-close a {display:block; width:19px; height:18px; position:relative; z-index:2; background:url(images/sprite.png) -277px -66px}
.books-container {padding:53px 42px 0 42px}

.book {width:100%}
.book:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.book-img {float:left; width:257px; position:relative; line-height:0}
.book-img:after {content:""; display:block; width:257px; height:37px; position:absolute; left:0; bottom:-37px; background:url(images/sprite.png) -580px -100px}
.book-container {float:right; width:603px; padding:9px 0 0 0}
.book-container p {margin:0; padding:0 0 20px 0}
.book-container h2 {font-size:20px; line-height:20px; font-weight:normal; margin:0; padding:3px 0 15px 0; color:#373c40}
.book-container ul {margin:0; padding:0 0 20px 11px; list-style:none}
.book-container ul li {margin:0; padding:0; position:relative}
.book-container ul li:after {content:""; display:block; width:5px; height:5px; background:#96b9c8; position:absolute; left:-11px; top:9px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px}
.book-btn {margin:6px 0 0 -1px; position:relative}
.book-btn-subscribe {display:block; width:215px; height:50px; background:url(images/sprite.png) -837px top; padding:0 0 0 60px; text-transform:uppercase; font-weight:bold; line-height:48px; color:#fff; text-decoration:none; text-shadow:-1px 1px 0 rgba(0, 0, 0, .12)}
.book-btn-subscribe:hover {background-position:-837px -50px}
.book-btn-download {display:block; width:142px; height:50px; background:url(images/sprite.png) -837px -100px; padding:0 0 0 60px; text-transform:uppercase; font-weight:bold; line-height:48px; color:#fff; text-decoration:none; text-shadow:-1px 1px 0 rgba(0, 0, 0, .12)}
.book-btn-download:hover {background-position:-837px -150px}

.books-list-title {font-size:20px; line-height:20px; color:#373c40; padding:45px 0 21px 0}
.books-list {position:relative}
.books-list-content {position:relative; width:100%; height:272px; overflow:hidden}
.books-list-content ul {margin:0; padding:0; list-style:none; position:relative; line-height:0; width:9999px}
.books-list-content ul li {float:left; width:183px; margin:0; padding:0; position:relative}
.books-list-content ul li:after {content:""; display:block; width:165px; height:26px; position:absolute; left:0; bottom:-26px; background:url(images/sprite.png) -580px -137px}
.books-list-content ul li.active {opacity:.4}

.books-list-prev,
.books-list-next {display:block; width:37px; height:37px; position:absolute; top:91px; background:url(images/sprite.png)}
.books-list-prev {left:-40px; background-position:left -220px}
.books-list-prev:hover {background-position:left -257px}
.books-list-next {right:-40px; background-position:-37px -220px}
.books-list-next:hover {background-position:-37px -257px}

.subscribe {border:1px solid #dce4eb; position:relative}
.subscribe-title {position:absolute; left:20px; top:-14px; font-size:30px; line-height:30px; background:#fff; color:#ffcb1b; padding:0 20px}
.subscribe-close {position:absolute; right:23px; top:-8px; padding:0 10px 0 15px; background:#fff}
.subscribe-close a {display:block; width:19px; height:18px; position:relative; z-index:2; background:url(images/sprite.png) -277px -84px}
.subscribe-container {padding:24px 42px 34px 42px}

.subscribe-page {position:relative}
.subscribe-item {border-top:1px solid #e5ecef; padding:28px 0 31px 0}
.subscribe-item:first-child {border-top:none}
.subscribe-item-name {font-size:22px; line-height:22px; color:#373c40; padding:0 0 18px 0}
.subscribe-item-container {width:100%}
.subscribe-item-container:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.subscribe-item-photo {float:left; width:140px; line-height:0; position:relative}
.subscribe-item-photo:after {content:""; display:block; width:140px; height:23px; position:absolute; left:0; bottom:-23px; background:url(images/sprite.png) -96px -139px}
.subscribe-item-content {float:right; width:723px; padding:6px 0 0 0}
.subscribe-item-link {font-size:13px; padding:18px 0 0 0; color:#a5adb5}
.subscribe-item-link img {vertical-align:middle; margin-right:8px}
.subscribe-item-link a {color:#eaba16; margin-right:17px}

.subscribe-pager {width:100%; padding:6px 0 0 0}
.subscribe-pager:after {content:"."; display:block; clear:both; visibility:hidden; height:0}
.subscribe-pager a {float:left; width:36px; height:36px; border:1px solid #dce4eb; margin:0 10px 0 0; text-align:center; font-size:16px; line-height:36px; color:#505b66}
.subscribe-pager a.active {text-decoration:none; color:#fff; background:#ffc708; border-color:#ffc708}

.ingate-block-6 {
  min-width:1100px;
	background:#fff;
	padding:112px 0 70px 0;
}

.subscribe-pager,
.press-pager {
  display:none;
}

.ingate-block-6 .block-ttl {
	font-family: 'heliosthinregular';
	font-size: 42px;
	color: #1d1d1d;
	text-align: center;
	text-transform: uppercase;
	padding: 24px 0 46px 0;
	letter-spacing: .05em;
}

.details-go {
  width: 167px;
	height: 93px;
	background: url(images/details-go.png) 0 0 no-repeat;
	position: absolute;
	left: 50%;
	top: -23px;
	margin-left: 377px;
}

.site-link-pic {
  height:669px;
	background:url(images/site-link-pic.jpg) center center no-repeat;
}

.site-link-content {
  text-align:center;
	padding:118px 0;
	background:#0f1534;
	font-family:'heliosthinregular';
	font-size:55px;
	line-height:55px;
}

.ingate-site-link a {
  text-decoration:none;
	color:#fff;
	border-bottom:1px solid #a6c626;
}

.block-loader {
  height:50px;
	background:url(../../images/ajax-loader.gif) center center no-repeat;
}

.order-form .form-footer input[type=submit],
.order-form .form-footer .form-submit {
  float:right;
}

.file-uploader {
  float:left;
	text-align:left;
	padding:14px 0 0 0;
	font-size:13px;
	line-height:20px;
}

.popup .file-uploader {
  padding:0;
}

.file-uploader-button {
  background: url(../../images/ico-clip.png) 0 3px no-repeat;
	padding: 0 0 0 23px;
	height: 20px;
	cursor: pointer;
	margin:0 0 10px 0;
}

.file-uploader-button span {
  border-bottom:1px solid #565656;
}

.file-uploader-progress {
  margin:0 0 20px 0;
}

.file-uploader-progress-num {
  margin:0 0 6px 0;
	color:#a2a2a2;
}

.file-uploader-progress-num span {
	color:#cd9c48;
}

.file-uploader-progress-bar {
	position:relative;
  height: 7px;
	background: #ededed;
	width: 200px;
	margin: 0 0 0 0;
	border-radius:4px;
	overflow:hidden;
	box-shadow:inset 0 0 3px 0 rgba(0,0,0,.14);
}

.file-uploader-progress-done {
  height: 7px;
	background: url(../../images/progress-done-bg.png) right 0 repeat-x;
}

.file-uploader-list {
  margin:0 0 10px 0;
}

.file-uploader-list .ico-file {
  background-repeat:no-repeat;
	background-position:0 0;
	display: inline-block;
	width: 19px;
	height: 22px;
	margin: 0 6px -5px 0;
}

.file-uploader-list .ico-file-doc {
  background-image:url(../../images/ico-file-doc.png);
}

.file-uploader-list .file-remove {
  display:inline-block;
	width:13px;
	height:12px;
	background:url(../../images/file-uploader-remove.png) 0 0 no-repeat;
	cursor:pointer;
	margin:0 0 -1px 7px;
}

.file-uploader-hint {
  font-size: 11px;
	line-height: 14px;
	color: #a2a2a2;
	margin: -4px 0 15px 23px;
	width: 280px;
}