/*css*/
body {
	text-align:center;
	font-family: 'LetoSans';
	color:#000;
}
body a {
	color:#f5d013;
	text-decoration:none;
}
strong, b {
	font-family: 'LetoSans-Bold';
	font-weight:normal;
}
a img {
	outline:0;
	border:0;
}

/* ---------- header Start ---------- */
header {
	background:#000;
	height:125px;
}
header nav {
	text-transform:uppercase;
	font-size:15px;
	float:right;
	line-height:1em;
	padding-top:8px;
}
header nav ul {
	list-style-type:none;	
}
header nav ul li {
	display:inline;
	margin-right:22px;
}
header nav ul li:last-child {
	margin-right:0;
}
header nav a {
	color:#fff;
	text-decoration:none;
}
header nav li.active span {
	color:#ebcf35;
	font-family: 'LetoSans-Bold';
}
header nav a:hover {
	color:#ebcf35
}
header .wrapper {
	text-align:center;
	padding-top:50px;
}
header .search {
	margin:5px 0 0 100px;
	float:right;
}
header .search form {
	position:relative;
	width:210px;
	height:32px;
	overflow:hidden;
}
header .search form input {
	margin:0;
	border:none;
	display:inline-block;
	vertical-align:top;
}
header .search form input.search-submit {
	height:17px;
	width:17px;
	padding:0;
	background:url(../i/ic-search.png) 0 -17px no-repeat;
	cursor:pointer;
}
header .search form input.search-submit:hover,
header .search form input.search-submit.open {
	background-position:0 0;
}
header .search form input.search-input {
	width:190px;
	background:none;
	color:#fff;
	font-family: 'LetoSans';
	font-size:15px;
}
header .search form > div {
	position:absolute;
}
header .search form .ss-bl {
	top:0;
	right:0;
}
header .search form .si-bl {
	height:31px;
	top:0;
	right:-210px;
	width:210px;
	border-bottom:1px solid #fff;
	text-align:left;
}
header.fix {
	position:fixed;
	background:rgba(0, 0, 0, 0.9);
  width:100%;
	left:0;
	top:0;
	z-index:1000;
}
#logo {
	float:left;
}
/* ---------- header End ---------- */
#main-slider ul {
	list-style-type:none;	
}
#body {
	overflow:hidden;
	padding-bottom: 160px;
}
.wrapper {
	margin:0 auto;
	text-align:left;
	width:1040px;
	position:relative;
}
/* больше 1280px*/
@media (min-width: 1270px) {
	.wrapper,
	.archive .three {
		padding:0 100px;
	}
	header .wrapper,
	#outer_container .close-bar	.wrapper {
		padding-left:0;
		padding-right:0;
		width:1240px;
	}
	.flex-direction-nav { 
		width:1240px;
	}
}
/* 1280px и меньше*/
@media (max-width: 1270px) {
	.wrapper,
	.archive .three  {
		padding:0 70px;
	}
	header .wrapper,
	#outer_container .close-bar	.wrapper {
		padding-left:70px;
		padding-right:70px;
		width:1040px;
	}
	.flex-direction-nav {
		width:1180px;
	}
}
.flex-direction-nav {
	margin:0 auto;
	position:relative;
	height:0;
}
#main-slider .flexslider .flex-direction-nav li {
	height:0;
}
#main-slider  .flexslider .desc {
	line-height:30px;
	color:#fff;
	font-size:25px;
	display:inline-block;
	vertical-align:middle;
}
#main-slider {
	background:#b775b2;
	height:470px;
}
#main-slider .flexslider,
#main-slider .flexslider li {
	height:474px
}
#main-slider .flexslider li {
	background-position:center top;
	line-height:474px;
}
#body {
	padding:15px 0 0 0;
}

#body.index  .wrapper {
	margin-top:50px;
}
.ld {
	position:absolute;
	width:70px;
	left:0;
	top:0;
	font-size:11px;
	text-transform:uppercase;
}
h1 {
	font-size:45px;
	text-transform:uppercase;
}
.index h1 {
	font-size:50px;
	font-family: 'LetoSans-Bold';
	text-transform:uppercase;
	position:relative;
	top:-18px;
	line-height:70px;
}
.index h1 a {
	text-decoration:underline;
}
.works {
	width:1100px;
	zoom: 1;
    word-spacing: -0.25em; 
}
.works .item {
	width:320px;
	margin:0 40px 60px 0;
	display: -moz-inline-box;
	display: inline-block;
	*zoom: 1;
	* display:inline;              
	vertical-align:top; 				
	word-spacing:normal;
}
.workspage .works .item {
	height:304px;
}
.works .item.big {
	width:680px;
}
.works .item .categ {
	text-transform:uppercase;
	font-size:13px;
	padding:15px 0 0 0;
}
.works .item .categ,
.works .item .categ a {
	color:#7d7d7d;
} 
.works .item .categ a:hover,
.works .item .title a:hover,
.workspage .works .item .categ  a:hover {
	color:#f5d013;
}
.works .item .title {
	font-size:30px;
	font-family: 'LetoSans-Bold';
	line-height:1em;
	padding:15px 0 0 0;
}
.works .item img {
	vertical-align:bottom;
}
.works .item .title a {
	color:#000;
}
.workspage .works .item .title {
	font-size:22px;
	line-height:1.2em;
}
.workspage .works .item .categ {
	text-transform:none;
	font-size:15px;
	padding:15px 0 0 0;
}
.workspage .works .item .categ  a {
	color:#000;
}

.order-block {
	height:338px;
	padding:110px 0 0 0;
	background:#f5d013;
	font-size:25px;
	text-transform:uppercase;
	font-family: 'LetoSans-Bold';
	color:#fff;
}
.order-block .item {
	text-align:center;
	display: -moz-inline-box;
	display: inline-block;
	*zoom: 1;
	* display:inline;              
	vertical-align:top; 
	padding:0 80px;
}
.order-block .item a {
	color:#000;
	text-decoration:none;
	display:inline-block;
}
.order-block .item a:hover {
	color:#fff;
}
.order-block .item .img-o {
	display:inline-block;
	background:url(../i/icons.png) 0 0 no-repeat;
}
.order-block .item.order .img-o {
	width:140px;
	height:142px;
}
.order-block .item.order a:hover .img-o {
	background-position:-140px 0;
}
.order-block .item.see .img-o {
	width:133px;
	height:122px;
	background-position:0 -142px;
	margin:10px 0;
}
.order-block .item.see a:hover .img-o {
	background-position:-140px -142px;
}
.order-block .wrapper {
	text-align:center;
}

.order-block .item.sep {
	padding-top:70px;
}
.archive {
	padding-bottom:100px;	
}
.archive .three {
	overflow:hidden;
	width:1040px;
	text-align:left;
	margin:0 auto;
}
.archive .title {
	text-transform:uppercase;
	font-size:25px;
	padding-bottom:22px;
}
.archive .three .item {
	width:320px;
	margin:85px 40px 0 0;
	float:left;
}
.archive .three .item.opacity {
	opacity:0.4;
}
.archive .three .item:last-child {
	margin:85px 0 0 0;
}
.archive img {
	vertical-align:bottom;
}
.more-block {
	height:582px;	
	float:left;
	text-align:center;
	margin-top:20px;
	width:100%;
}
.more-block .bg {
	width:100%;
	height:551px;
	position:absolute;
	left:0;
	margin-top:31px;
	background:#ebebeb;
}
.more-block,
.more-block .bg {
	display:none;
}
.more-block .content {
	position:relative;
	text-align:left;
	height:100%;
	width:9040px;
	margin:0 auto;
	overflow:hidden;
}
.more-block .arr-bl {
	width:1040px;
	height:31px;
	background:#FFF url(../i/arr-ef.png) 130px 0 no-repeat;
}
.more-block.p2 .arr-bl {
	background-position:490px 0;
}
.more-block.p3 .arr-bl {
	background-position:850px 0;
}
.more-block .arr-ef {
	position:absolute;
	top:0px;
	left:130px;
}
.more-block .inmore {
	width:1040px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.h-scroll {
	margin-top:37px;
	width:1040px;
	height:475px;
	overflow:visible;
}
.h-scroll ul {
	list-style-type:none;
	height:475px;
	/*width:2000px;*/
	zoom: 1;
    word-spacing: -0.25em; 
	white-space:nowrap;
}
.h-scroll ul li {
	display:inline-block;
	margin:0 40px 60px 0;
}
.h-scroll ul li:last-child {
	margin:0 0 60px 0;
}
.h-scroll li a {
	position:relative;
	display:block;
}
.h-scroll li a .desc {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.85);
	top:0;
	left:0;
	display:none;
}
.h-scroll li a .desc .w {
	padding:50px;
	color:#fff;
}
.h-scroll li a .desc .w .w-title {
	font-size:22px;
	font-family: 'LetoSans-Bold';
	line-height:1.1em;
	padding-bottom:14px;
	border-bottom:3px solid #ebcf35;
}
.h-scroll li a .desc .w .w-text {
	font-size:14px;
	line-height:1.2em;
	padding-top:20px;
}
.h-scroll li a:hover .desc {
	/*display:block;*/
}
.h-scroll li img {
	/*border:6px solid #fff;*/
	vertical-align:bottom;
}
.close-scroll {
	margin-top:-28px;
	margin-left:-100px;
	position:relative;
	top:65px;
	width:28px;
	height:28px;
	display:block;
	background:url(../i/close-mid-thin.png) 0 0 no-repeat;
}
.close-scroll:hover {
	background-position:-28px 0;
}
/* Footer Start */
footer {
	background:#000;
	height:185px;
	padding-top:40px;
	color:#fff;
	font-size:15px;
	width: 100%;
	position: absolute;
	bottom: 0;
}
footer .bl1 {
	width:360px;
	float:left;
	line-height:1.2em;
}
footer .bl1 strong,
footer .bl1 span.hl {
	color:#f5d013;
	display:inline-block;
	padding-top:10px;
}

.b-logo {
	float:left;
	margin-right:23px;
	position:relative;
	top:-5px;
}
footer .bl1 .d {
	float:left;
}
footer .bl1 .copy {
	padding-top:54px;
}
footer .bl1 p {
	padding-bottom:1.5em;
}
footer .follow {
	width:320px;
	float:right;
}
footer .follow .ic {
	margin:10px 15px 0 0;
	vertical-align:bottom;
}
.p-footer {
	height:225px;
}
.sbsc {
	padding-top:35px;
	position:relative;
}
.sbsc input {
	vertical-align:top;
	display:inline-block;
	border:none;
	margin:0;
	font-family: 'LetoSans';
}
.sbsc input[type="text"] {
	width:176px;
	padding:6px 10px;
	font-size:15px;
}
.sbsc input[type="submit"] {
	background:#f5d013;
	padding:0 10px;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	height: 32px;
	line-height: 32px;
}
.scss {
	line-height:27px;
	font-size:14px;
	color:#f5d013;
	border:2px solid #f5d013;
	width:316px;
}
.scss i {
	width:10px;
	height:11px;
	display:inline-block;
	background:url(../i/sbs-ok.png) 0 0 no-repeat;
	margin:0 12px;
}
.err_popmsg {
	position:absolute;
	top:15px;
	width:320px;
	border:2px solid #f5d013;
	padding:5px 10px;
	background:#000 url(../i/close-xsmall.png) top right no-repeat;
	cursor:pointer;
}
/* Footer end */
.helloblock {
	font-size:18px;
	text-transform:uppercase;
	height:650px;
	margin-top:50px;
	padding:0 0 0 388px;
	background:url(../i/hello.png) 0 0 no-repeat;
}
.helloblock a {
	color:#000;
}
.helloblock a:hover {
	color:#f5d013;
}
.helloblock .title {
	font-family: 'LetoSans-Bold';
	font-size:25px;
	padding-bottom:5px;
}
.helloblock .block {
	padding-bottom:30px;
}
.helloblock .sep {
	border-bottom:3px solid #ebcf35;
	width:330px;
	height:1px;
	margin-bottom:35px;
}
.helloblock .block.social {
	line-height:30px;
	padding-top:10px;
}
.helloblock .block.social img {
	vertical-align:middle;
	margin-right:20px;
}
.helloblock .block.social .title {
	padding-bottom:25px;
}
.helloblock .block.social p {
	padding-bottom:10px;
}
.w-nav {
	font-size:14px;
	list-style-type:none;
	text-transform:uppercase;
	color:#000;
	margin:63px 0 75px;
}
.w-nav li {
	padding:0 8px;
	display:inline-block;
}
.w-nav li:first-child {
	padding:0 8px 0 0;
}
.w-nav a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	line-height:1em;
	border-bottom:1px dashed #000;
}
.w-nav a:hover {
	color:#F5D013;
	border-bottom:1px dashed #F5D013;
}
.w-nav .active span,
.w-nav .active a {
	font-family: 'LetoSans-Bold';
	display:inline-block;
	padding:0 8px;
	line-height:32px;
	height:30px;
	background:#F5D013;
	border-bottom:none;
}
.w-nav .active a:hover {
	color:#000;
}
.client-title {
	text-transform:uppercase;
	font-size:14px;
	font-family: 'LetoSans-Bold';
	padding-bottom:74px;
	padding-top:30px;
}
.client-title span.client-name {
	font-family: 'LetoSans';
	font-size:45px;
	white-space:nowrap;
}
.client-title span.label {
	display:inline-block;
	line-height:1em;
	padding-top:37px;
}
.client-back {
	float:right;
	text-transform:uppercase;
	font-size:14px;
	padding-top:56px;
}
.client-back a {
	color:#000;
}
.worksinside .client-back {
	line-height:42px;
	padding-top:30px;
}
.worksinside .client-back a {
	display:inline-block;
	vertical-align:bottom;
	line-height:14px;
}
.client-back a:hover, 
a.client-tag:hover,
.prevnext a:hover  {
	color:#f5d013;
}
.client-back span.close {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../i/close-small.png) 0 0 no-repeat;
	position:relative;
	top:5px;
	margin-left:10px;
}
.client-back a:hover span.close {
	background-position:-22px 0;
}
.worksinside h1 {
	font-family: 'LetoSans-Bold';
	text-transform:none;
	font-size:45px;
	line-height:50px;
	padding:30px 0 40px;
}
a.client-tag,
span.client-tag {
	font-family: 'LetoSans-Bold';
	color:#000;
	display:inline-block;
	border-left:3px solid #ebcf35;
	line-height:16px;
	padding-left:8px;
}
.left-b {
	float:left;
	width:320px;
	margin-right:40px;
	min-height:150px;
}
.post-intro {
	overflow:hidden;
	position:relative;
}
.social-post,
.post-intro .social-b {
	position:absolute;
	left:0;
	bottom:0;
	text-align:left;
	padding:0;
	border-bottom:none;
	margin-bottom:0;
}

.right-desc {
	float:right;
	width:680px;
	font-size:20px;
}
.right-desc p {
	padding-bottom:1.4em;
}
.right-desc p:last-child {
	padding-bottom:0;
}
.megaimg {
	margin-top:57px;
	position:relative;
}
.megaimg img {
	vertical-align:bottom;
}
.megaimg img.zoom {
	position:absolute;
	left:50%;
	top:50%;
	margin:-101px 0 0 -60px;
	display:none;
}
.megaimg a:hover img.zoom {
	display:inline-block;
}
.clear {
	clear:both;
	width:100%;
	height:0;
}
.post-content {
	margin:56px 0 0 220px;
	font-size:16px;
	width:720px;
}
.post-content p {
	padding-bottom:1.5em;
}
.post-content img {
	vertical-align:bottom;
	margin:20px 0 50px 0;
}
.image {
	position:relative;
}
.image .note,
.post-text .image p {
	position:absolute;
	left:-220px;
	top:20px;
	width:184px;
	font-family: 'LetoSans-Bold';
	font-size:13px;
	line-height:19px;
}
.social-b {
	text-align:center;
	padding:10px 0;
	border-bottom:6px solid #000;
	margin-bottom:37px;
}
.prevnext {
	font-size:18px;
	padding-bottom:87px;
}
.prevnext a {
	color:#000;
}
.prevnext .next {
	float:right;
}
.similar {
	position:relative;
}
.similar img {
	width:222px;
}
.similar ul {
	list-style-type:none;
}
.similar ul li {
	float:left;
	margin-right:27px;
}
.similar ul li:last-child {
	margin-right:0;
}
.similar .title {
	font-family: 'LetoSans-Bold';
	font-size:12px;
	position:absolute;
	left:-100px;
	top:-2px;
	text-align:right;
	text-transform:uppercase;
	width:80px;
}
.post-content .similar img {
	margin:0;
}
.post-content {
	padding-bottom:138px;
}
.about {
	font-size:18px;
	
}
.about .wrapper .in {
	text-align:center;
}
.about h1,
.about h2 {
	font-size:50px;
	text-align:center;
	font-family: 'LetoSans-Bold';
	padding-bottom:86px;
	text-transform:uppercase;
}
.about h3 {
	color:#ebcf35;
	font-size:35px;
	font-family: 'LetoSans-Bold';
	text-transform:uppercase;
	text-align:center;
	padding-bottom:48px;
}
.how-0 {
	list-style-type:none;
	text-align:center;
}
.how-0 li {
	display:inline-block;
	width:150px;
	line-height:1.4em;
}
.how-0 li {
	margin-right:125px;
}
.how-0 li:last-child {
	margin-right:0;
}
.how-0 li img {
	vertical-align:bottom;
	margin-bottom:30px;
}
.about .i {
	font-size:50px;
	font-family: 'LetoSans-Bold';
	padding:40px 0 30px;
}
.about .ji {
	margin-bottom:24px;
}
.arr-block-ab {
	height:0;
	position:relative;
}
.arr-block-ab img {
	position:absolute;
	top:70px;
}
.arr-block-ab img.arr1 {
	left:30px;
}
.arr-block-ab img.arr2 {
	right:-40px;
}
.scroll-pos {
	position:absolute;
	top:1000px;
	width:100%;
	height:100%;
}
/* About start */
.hor { font-size:0; }

.hor > * { 
  display:inline-block; 
  vertical-align:top;
  font-size:16px;
}

.ib {
  display:inline-block;
}

.main {
  position: fixed;
  z-index: 10;
  background: #fff;
  padding-top:95px;
  width: 100%;
}

.main h1 {
  font-size: 50px;
  margin:90px 0 75px 0; 
}

.main h1.last {
  margin-top:150px;
}

.main h2 {
  color: #ebcf35;
  margin:40px 0 50px 0;
  font-size:35px;
}

.main h3 {
  font-size: 50px;
  margin: 40px 0 40px 0;
  font-weight: 100;
}

.main h3+h2 {
  margin-bottom: 30px;
}

.main > .hor > div {
  width:200px;
  padding-right:50px;
}

.main > .hor > div:last-child {
  padding:0;
}

.main > .hor p, .main > .ib p {
  font-size: 18px;
}

.main > .hor img {
  margin-bottom:20px;
}

.main > .hor > div:first-child > img {
  margin-top:12px;
  margin-bottom:33px;
}

.main > .ib {
  width: 600px;
}

.main > .ib img {
  margin-top:12px;
  margin-bottom:20px;
  margin-left:25px;
}

.main > .arrows {
  position:relative;
  width:980px;
  margin:0 auto;
}

.arrow-left , .arrow-right {
  position: absolute;
  top: -55px;
}

.arrow-left {
  left:-20px;
}

.arrow-right {
  right:-80px;
}

.main, .slide {
  text-align: center;
}

.slide  {
  width: 100%;
  overflow: hidden;
}

.slide > p {  
  font-family: LetoSans-Bold;
  font-size: 50px;
  padding-top: 120px;
  padding-bottom: 15px;
}


.slide1 > p {
  padding-bottom: 55px;
}

.slide1 > .hor h1, .slide > h1 {
  font-size: 30px;
  margin-bottom: 40px;
}

.slide1 > .hor p {
  font-family: LetoSans-Bold;
  font-size:25px;
  margin-top:30px;
}

.slide1 > .hor > div:first-child p {
  position: relative;
  left:-75px;
}

.slide1 > .hor > div:nth-child(2n+1) {
  width: 270px;
}

.slide1 > .hor > div:nth-child(2) {
  color:#fff;
  font-size: 20px;
  font-weight: bold;
  padding:30px 70px;
}

.slide5 > h1 {
  margin-bottom:100px;
}

.slide5 > img:nth-child(n+2){
  margin-left:80px;
}
/* About end */
.sisea-highlight {
	background:#F5D013;
}
.social-b ul {
	list-style-type:none;
}
.social-b ul li {
	display:inline-block;
}
.post-content .social-b img {
	vertical-align: top;
	margin: 0;
}
.share_count {
	border:1px solid #000;
	font-size:10px;
	display:inline-block;
	padding:5px 6px;
	line-height:1em;
	margin-right:18px;
	vertical-align:top;
	background: #ffffff;
	border: 1px solid #000000;
	position:relative;
}
.share_count:after, .share_count:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.share_count:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}
.share_count:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #000000;
	border-width: 5px;
	margin-top: -5px;
}
#outer_container {display:none;}
#outer_container, #imagePan{height:400px; width:100%; position:fixed; top:0; left:0;}
#outer_container{margin:65px 0 0 0; padding:0; border:0;}
#imagePan{position:relative; overflow:hidden; }
#imagePan .container{position:relative; left:0;}
#outer_container .close-bar {position:absolute; top:40px; left:0; font-size:16px; width:100%;}
#outer_container .close-bar a {color:#fff;}
#outer_container .close-bar a:hover {color:#F5D013;}
#outer_container .close-bar a i {display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(../i/close-mid.png) 0 0 no-repeat;margin-left:10px;}
#outer_container .close-bar a:hover i {background-position:-31px 0;}
#outer_container .close-bar .wrapper { text-align:right; margin:0 auto;}
#outer_container .close-bar { text-align:center;}

.hidden {
	display:none;
}
#zoom-area {
	position:fixed;
	left:0;
	width:100%;
	height:700px;
	display:block;
	top:65px;
	border:1px solid #F00;
}
.sbsc label.error {
	position:absolute;
	left:0;
	top:6px;
	color:#F00;
}
.info_content {
	text-align: left;
	width: 285px;
}