@font-face {
	font-family: 'DINCyr-Bold';
	font-display: swap;
	src: url('fonts/DinCyBd_.eot') format('eot');
	src: url('fonts/DinCyBd_.eot?#iefix') format('eot'), url('fonts/DinCyBd_.woff') format('woff'),
		 url('fonts/DinCyBd_.ttf') format('truetype');
}
@font-face {
	font-family: 'DINCyr-Regular';
	font-display: swap;
	src: url('fonts/DinCyRg_.eot') format('eot');
	src: url('fonts/DinCyRg_.eot?#iefix') format('eot'),  url('fonts/DinCyRg_.woff') format('woff'),
		 url('fonts/DinCyRg_.ttf') format('truetype');
}
@font-face {
	font-family: 'DINCyr-Medium';
	font-display: swap;
	src: url('fonts/DinCyMd_.eot') format('eot');
	src: url('fonts/DinCyMd_.eot?#iefix') format('eot'),  url('fonts/DinCyMd_.woff') format('woff'),
		 url('fonts/DinCyMd_.ttf') format('truetype');
}



#all {
}
div.header {
	/*position: fixed;*/
	z-index:100;
	background: #ffffff;
}
.nav{
	display: none;
	top: 0px;
}
body.showMenu .nav{
	display:block;
}
.mainblock, .mainblock .content{
	display: none;
}
body.heroSectionExists.showMenu:not(.phone) .sections{
    margin-top: -50px;
}
div.header .top .right{
}
/*
a.scrolltotop{
	bottom: auto;
	top: 160px;
	background: transparent url(../images/landing-up-button.svg) no-repeat scroll 0 0;
}
*/
a.scrolltotop:hover {
	background-position: -68px 0;
}
.sections{
	/*padding-top:100px;*/
	padding-bottom:83px;
}
section{
	position: relative;
	font-family: 'DINCyr-Regular';
	font-size: 15px;
	--z-index:1;
	background: #fff;
}

.___b24-widget-button-position-bottom-right{
	bottom: auto !important;
	top: 18px !important;
}
section:not(.hero):not(.parallax):not(.immediately) .container{
	opacity:0;
}
/*
section:not(.hero){
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0)
}
section:not(.hero).reveal{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
 	transition:1.5s ease-out translate3d;
}
*/

section .container.lazyLoading {
	height: 200px;
}

section.hero{
	width: 100%;
	height: calc(100vh - 100px);
	position: relative;
	background: #f8f8f8;
}


.controls{
	position: absolute;
	left: 10px;
	bottom:10px;
	opacity:0;
	background: #fff;
}
section .container:hover .controls{
	opacity:1;
}
a.button{
	display: inline-block;
	width: auto;
	border-radius:0;
	background: none;
	border: 1px solid #828282;
	color: #333333 !important;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	padding: 14px 40px;
}
a.button:hover{
	border: 1px solid #B3866F;
	color: #fff !important;
	background: #B3866F;
}
a.button.white{
	color: #fff !important;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.1);
}
a.button.white:hover{
	background: rgba(255, 255, 255, 1.0);
    color: #000 !important;
}
section.hero .container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
section.hero .logo,
section.hero .bkg,
section.hero .heroThumbik,
section.hero .grad{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
section.hero .logo{
}
section.hero .heroThumbik,
section.hero .bkg{
    background: transparent url(../images/trans.gif) center center no-repeat;
    background-size: cover;
    opacity: 0;
}
section.hero .heroThumbik{
    opacity: 1;
    -webkit-filter: blur(10px);
    filter: blur(10px);
}
section.hero .bkg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		display: block;
}

section.hero .grad{
	background: linear-gradient(89.78deg, rgba(0, 0, 0, 0.45) 0.07%, rgba(0, 0, 0, 0) 60.73%);
	opacity: 1; 
}
section.hero .bkg.reveal,
section.hero .grad.reveal{
	opacity: 1; 
	transition: all 0.8s ease-out 0.8s;	
}
section.hero .logo, section.hero .bkg, section.hero .heroThumbik, section.hero .grad {
    position: fixed;
}
section.hero .wrapper{
	position: relative;
	height: 100%;
	--z-index:1000;
}
section.hero .info{
    position: absolute;
    left: 0;
    right: 61%;
    top: 50%;
    color: #fff;
	opacity: 0; 
	-webkit-transform: translate(0px, -40%);
	transform: translate(0px, -40%);
}
section.hero .info.reveal {
	opacity: 1; 
	-webkit-transform: translate(0px, -50%);
	transform:translate(0px, -50%);
	transition: all 0.8s ease-out 0.8s;	
}
section.hero h1{
	font-family: DINCyr-Bold;
	line-height: 60px;
	font-size: 48px;
	color: #FFFFFF;
	padding-bottom: 30px;
}
section.hero .info p{
	line-height: 25px;
	font-size: 16px;
}
section.hero .info a.button{
	margin-top: 23px;
	--color: #fff !important;
	--background: rgba(255, 255, 255, 0.1);
	border: none;
	background: rgba(255, 255, 255, 1.0);
	color: #000 !important;
}
section.hero .info a.button:hover{
	background: #B3866F;
	color: #fff !important;
	border: none;
}
section.hero .info a.button.red{
	background: #DB0000;
	color: #FFFFFF !important;
}
section.hero .info a.button.red:hover{
	background: #B3866F;
}
section.hero a.more {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 60px;
    cursor: pointer;
    z-index: 99;
    opacity: 1;
    transition: opacity 0.5s ease-out 0.8s;
    background: url(../images/arrows_down.svg) no-repeat scroll center bottom 20px transparent;
}
section.hero .container.nomore a.more {
    display: none;
}
section.hero .navi{
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 100%;
    height: 20px;
    text-align: center;
    z-index: 500;
    z-index: 1001;
}
section.hero .navi a{
    display: inline-block;
	height: 12px;
	width: 12px;
	background-color:  #F2E8E1;
	border-radius: 6px;
	margin: 0 4px;
}
section.hero .navi a:hover{
	background-color:  #D4AE98;
}
section.hero .navi a.cycle-pager-active{
	background-color: #D4AE98;
}
section.hero .browser{
    position: absolute;
    left 0;
    top: 0;
    right:0;
    width: 100%;
    z-index:500;
}
section.hero .browser a{
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
	width:60px;
	height: calc(100vh - 100px);
    background: url("../images/landing-slider-arrow.svg") no-repeat scroll center center transparent;
    cursor: pointer;
    opacity: 0.2;
}
section.hero .browser a.next{
    background: url("../images/landing-slider-arrow.svg") no-repeat scroll center center transparent;
    left: auto;
    right: 0px;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
section.hero:hover .browser a{
    opacity: 0.5;
}
section.hero .browser a:hover{
    opacity: 1;
}


section.hero .bkg .slidesList  {
    overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
section.hero .bkg .slide{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
section.hero .cycle-slideshow > .slide{
	transform: scale(1.1);
    -webkit-transform: scale(1.1);
	opacity: 0 !important;
    transition:  opacity 2.0s ease-out 0s, transform 2s step-end 0s;
   -webkit-transition:  opacity 2.0s ease-out 0s, -webkit-transform 2s step-end 0s;
}
section.hero .cycle-slideshow > .slide.cycle-slide-active{
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	opacity: 1 !important;
    transition:  opacity 2.0s ease-out 0s, transform 2s ease-out 0s;
    -webkit-transition:  opacity 2.0s ease-out 0s, -webkit-transform 2s ease-out 0s;
}

section.hero .adContainer{
	position: absolute;
	right: 35px;
	top:  32px;
}
section.hero .adContainer a{
	display: block;
	margin-bottom: 16px;
}

body.showMenu section.hero .adContainer{
	top:  82px;
}



section.h2{
	padding: 46px 0 40px;
}
h2{
	font-family: 'DINCyr-Regular';
	line-height: 41px;
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
}

section.twocol .container{
	padding: 0 0 40px;
	width: 996px;
	margin: auto;
}
section.twocol .container >div{
	width: 486px !important;
}

section ul, .section ol {
    margin: 0 0 10px 17px;
    list-style-type: disc;
    list-style-position: inside;
}
section ul > li {
    display: list-item;
    list-style-position: outside;
    padding-right: 5px;
    padding-left: 5px;
    text-indent: 0px;
}

section.onecol, section.narrow{
	padding: 0 0 40px;
}
section.onecol > div, section.narrow > div, section.video > div{
	width: 996px !important;
	margin: auto;
}
section.narrow > div,
section.onecol.narrow > div{
	width: 588px !important;
}

section.parallax{
	height: 520px;
	background: transparent;
}
section.parallax .container{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
}
section.parallax .img{
	position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url(../images/trans.gif) no-repeat scroll center 0 #888888;
    background-size: cover;
}
section.parallax .pattern{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    --background: url(../images/landing-parralax-pattern.png) repeat scroll center center transparent;
	background: rgba(0, 0, 0, 0.5);
    height: 100vh;
}

section.parallax .info{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0px, -50%);
    color: #fff;
    text-align: center;
}
section.parallax .info a.button{
	margin-top: 23px;
	color: #fff !important;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.1);
}
section.parallax .info a.button:hover{
	background: rgba(255, 255, 255, 1.0);
	color: #000 !important;
}

section.materials{
	background: #454B4F;
	color: #fff;
}
section.materials .container{
	width:1200px;
	margin: auto;
	padding: 32px 0;
}
section.materials .info{
	width: 790px;
	margin: auto;
}
section.materials .info h3{
	font-family: DINCyr-Medium;
	line-height: 24px;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom:18px;
}
section.materials .palettes{
	position: relative;
	min-width:1024px;
	max-width:1840px;
	width: calc(100vw - 80px);
	margin: auto;
	padding-bottom: 40px;
}
section.materials .palettes .scrollable {
	--background: #222;
}

section.materials .scrollable {
	width: 100%;
    height: auto;
	min-height: 600px;
}
section.materials .scrollable .scroller{
	min-height: 600px;
}
section.materials .scrollable .scroller > .slide {
    float: left;
    width: calc(100vw - 80px);
	min-width:1024px;
	max-width:1840px;
    height: auto;
    position: relative;
}
section.materials .pictorial .left {
	width: 61.78vw;
    height: 41.5vw;;
	min-width:682px;
	max-width: 1186px;
	--background: #444;
	max-height: 797px;
}
section.materials .pictorial .right {
	width: 29.95vw;
    height: 41.5vw;
	min-width:330px;
	max-width: 576px;    
	--background: #555;
	max-height: 797px;
}
section.materials .pictorial .gallery,
section.materials .pictorial .cycle-slideshow {
	width: 61.78vw;
    height: 41.5vw;;
	min-width:682px;
	max-width: 1186px;
	max-height: 797px;
}
section.materials .pictorial .cycle-slideshow .slide {
	width: 61.78vw;
    height: 41.5vw;;
	min-width:682px;
	max-width: 1186px;
	bottom:0;
	max-height: 797px;
}

section.materials .pictorial .right > div {
	float: left;
	width: 9.98vw;
	min-width:110px;
	max-width: 191.7px;    
	height: 9.98vw;
	min-height:110px;
	max-height: 191.7px;    
	position: relative;
}
section.materials .pictorial .right > div .pic{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
section.materials .pictorial .right > div .pic{
    background: url("../images/trans.gif") no-repeat scroll center center transparent;
    background-size: cover;
}
section.materials .pictorial .right > div .about{
	opacity: 0;
	position: absolute;
	left:0;
	right:0;
	top: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
	text-align: center;
    transition: opacity 0.5s linear 0s;
}
section.materials .pictorial .right > div:hover .about{
	opacity: 1;
    transition: opacity 0.5s linear 0s;
}
section.materials .pictorial .right > div .about >div{
	position: absolute;
	left: 0.984vw;;
	right: 0.984vw;;
	top: 50%;
	transform: translate(0px, -50%);
	font-size: 0.9vw;
}
section.materials .palettes .navi a{
	background: #51595E;
}
section.materials .palettes .navi a.active{
	background: #818E96;
}
.gallery{
	width: 996px;
	height: 660px;
	position: relative;
	margin: auto;
	margin-bottom: 30px;
}
.gallery .cycle-slideshow{
	width: 996px;
	height: 660px;
	margin: auto;
}

.gallery .cycle-slideshow > div{
	float:left;
	width:996px;
	height: 660px;
    background: url("../images/trans.gif") no-repeat scroll center center transparent;
    background-size: cover;
	position: relative;
}
.gallery .cycle-slideshow > div > div {
    bottom: -30px;
    color: #777777;
    font-size: 13px;
    height: 20px;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}
.gallery .cycle-slideshow .slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		display: block;
}

.gallery .browser{
    position: absolute;
    left 0;
    top: 0;
    right:0;
    width: 100%;
    z-index:500;
}
.gallery .browser a{
    position: absolute;
    left: -80px;
    top: 0;
    display: block;
	width:60px;
	height: 660px;
    background: url("../images/landing-slider-arrow.svg") no-repeat scroll center center transparent;
    cursor: pointer;
    opacity: 0.2;
}
.gallery .browser a.next{
    background: url("../images/landing-slider-arrow.svg") no-repeat scroll center center transparent;
    left: auto;
    right: -80px;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.gallery:hover .browser a{
    opacity: 0.5;
}
.gallery .browser a:hover{
    opacity: 1;
}
.gallery .preload{
    display: inline;
    height: 0;
    width: 0;
}
.gallery.captions,
.gallery .cycle-slideshow{
	height: 690px;
}
.gallery .cycle-slideshow .items > div > div{
    position: absolute;
    left 0;
    bottom: -30px;
    right:0;
    width: 100%;
	height: 20px;
	padding-top: 10px;
	font-size: 13px;
	color: #777777;
	text-align: center;
}

.palettes .navi,
.gallery .navi{
    position: absolute;
    left 0;
    top: 670px;
    right:0;
    width: 100%;
	height: 20px;
	text-align: center;
    z-index:500;
}
.palettes .navi{
    top: auto;
    bottom: 10px;
}
.palettes .navi a,
.gallery .navi a{
    display: inline-block;
	height: 12px;
	width: 12px;
	background-color:  #F2E8E1;
	border-radius: 6px;
	margin: 0 4px;
}
.palettes .navi a:hover,
.gallery .navi a:hover{
	background-color:  #D4AE98;
}
.palettes .navi a.active,
.gallery .navi a.cycle-pager-active{
	background-color: #D4AE98;
}
.palettes .verbal{
	padding: 30px 0 20px;
}
.palettes .verbal h4{
	font-family: DINCyr-Bold;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #F2F2F2;
	padding-bottom: 20px;
}
.palettes .verbal p{
	width: 996px;
	margin: auto;
	line-height: 22px;
	font-size: 15px;
	color: #F2F2F2;
}
.scrollable {
    overflow: hidden;
    position: relative;
    padding-bottom: 1px;
    height: calc(25vw * 0.6);
}
.scrollable .scroller {
    position: absolute;
    width: 20000em;
}
.scrollable .scroller .slide {
    float: left;
    width: 25vw;
    height: calc(25vw * 0.6);
    background: transparent url(../images/trans.gif) center center no-repeat;
    background-size: cover;
    position: relative;
}
.gallery .cycle-slideshow .slide.zoom::before,
.scrollable .scroller .slide.zoom::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background: #000;
	opacity: 0;
    transition: opacity 0.5s linear 0s;
}
.gallery .cycle-slideshow .slide.zoom::after,
.scrollable .scroller .slide.zoom::after {
	position: absolute;
	display: block;
	content: '';
	width: 100px;
	height: 108px;
	left: 50%;
	top: 50%;
	background: url("../images/landing-carousel-zoom.svg") no-repeat scroll center center transparent;
	border: 2px solid #FFFFFF;
	border-radius: 6px;
	margin:-55px 0 0 -51px;
	opacity: 0;
    transition: opacity 0.5s linear 0s;
    cursor: pointer;
}
.gallery .cycle-slideshow .slide.zoom:hover::before,
.scrollable .scroller .slide.zoom:hover::before {
	opacity: 0.5;
    transition: opacity 0.5s linear 0s;
}
.gallery .cycle-slideshow .slide.zoom:hover::after,
.scrollable .scroller .slide.zoom:hover::after {
	opacity: 1;
    transition: opacity 0.5s linear 0s;
}

.slideshow.big .gallery .cycle-slideshow .slide.zoom::before,
.slideshow.big .gallery .cycle-slideshow .slide.zoom::after{
	display: none;
}

.carousel .scrollnav{
    position: absolute;
    left 0;
    top: 50%;
    right:0;
    width: 100%;
    z-index:500;
    margin-top: -20px;
}
.carousel .scrollnav a{
    position: absolute;
    left: 40px;
    top: 0;
    display: block;
	width:40px;
	height: 40px;
    background: url("../images/landing-carousel-arrow.svg") no-repeat scroll center center transparent;
    cursor: pointer;
    opacity: 0.0;
}
.carousel .scrollnav a.next{
    background: url("../images/landing-carousel-arrow.svg") no-repeat scroll center center transparent;
    left: auto;
    right: 40px;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.carousel:hover .scrollnav a{
    opacity: 0.8;
}
.carousel .scrollnav a:hover{
    opacity: 1;
}

.slideshow.big .gallery .cycle-slideshow .slide,
.slideshow.big .gallery .cycle-slideshow,
.slideshow.big .gallery{
	width: 100vw;
	width: 100%;
	height: calc(100vw * 0.5459 - 100px);
}
.slideshow.big .gallery .cycle-slideshow .slide:hover{
	cursor: zoom-in;
}

.slideshow.big .gallery{
	margin-bottom: 30px;
}
.slideshow.big .gallery .cycle-slideshow .slide.buterbrod img{
	width: 100%;
	height: 100%;
}
.slideshow.big .gallery .navi{
	top: auto;
	bottom: -30px;
}
.slideshow.big .gallery .browser{
}
.slideshow.big .gallery .browser a{
	left: 10px;
	height: calc(100vw * 0.5459 - 100px);
    background: url("../images/landing-slider-big-arrow.svg") no-repeat scroll center center transparent;
}
.slideshow.big .gallery .browser a.next{
	left: auto;
	right: 10px;
}


section.feedback{
	padding-bottom: 32px;
}
section.feedback h2{
	padding-top: 40px;
}



.aniLogo{
	width: 100px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -50px;;
}
.aniLogo div{
	position: absolute;
	width: 38px;
	height: 34px;
	transform-style: preserve-3d;
	opacity: 0.8;
	background: transparent url(../images/landing-logo-element.svg) no-repeat scroll 0 0;
    -webkit-animation: blink 1.4s linear infinite; 
    animation: blink 2.8s linear infinite; 
}
.aniLogo div.i1{left: 31px;top:  20px; transform: rotateZ(180deg);}
.aniLogo div.i2{left: 31px;top:  60px}
.aniLogo div.i3{left: 55px;top:  63px; transform: rotateZ(180deg);}
.aniLogo div.i4{left: 55px;top: 103px;}
.aniLogo div.i5{left: 31px;top: 106px; transform: rotateZ(180deg);}
.aniLogo div.i6{left: 31px;top: 146px;}
.aniLogo div.i7{left:  7px;top: 103px;}
.aniLogo div.i8{left:  7px;top:  63px; transform: rotateZ(180deg);}

.aniLogo div.i2{  -webkit-animation-delay:  0.2s;  }
.aniLogo div.i3{  -webkit-animation-delay:  0.4s;  }
.aniLogo div.i4{  -webkit-animation-delay:  0.6s;  }
.aniLogo div.i5{  -webkit-animation-delay:  0.8s;  }
.aniLogo div.i6{  -webkit-animation-delay:  1.0s;  }
.aniLogo div.i7{  -webkit-animation-delay:  1.2s;  }
.aniLogo div.i8{  -webkit-animation-delay:  1.4s;  }

.aniLogo div.i2{  animation-delay: 0.2s; }
.aniLogo div.i3{  animation-delay: 0.4s; }
.aniLogo div.i4{  animation-delay: 0.6s; }
.aniLogo div.i5{  animation-delay: 0.8s; }
.aniLogo div.i6{  animation-delay: 1.0s; }
.aniLogo div.i7{  animation-delay: 1.2s; }
.aniLogo div.i8{  animation-delay: 1.4s; }

section.plan{
	text-align: center;
}

p.apart-plan img {
	width: 996px;
}

section.office{
	text-align: center;
	background: #FAF7F5; 
	padding: 46px 0 40px;
}

section.office > div{
	width: 996px !important;
	margin: auto;
}
section.office > div h2{
	padding: 0 0 40px;
}
section.office > div .gallery{
	margin-top: 40px;
}


.gallery .cycle-slideshow > div > img{
	display: block;
	object-fit: cover;
	object-position: center center;
	width: 996px; 
	height: 660px; 
}
.scrollable .scroller .slide > img{
	width: 25vw;
    height: calc(25vw * 0.6);
	object-fit: cover;
	object-position: center center;
}

.slideshow.big .gallery .cycle-slideshow .slide > img{
	width: 100%;
	height: calc(100vw * 0.5459 - 100px);
	object-fit: cover;
	object-position: center center;
}

section.materials .pictorial .cycle-slideshow .slide  > img{
	width: 61.78vw;
    height: 41.5vw;;
	min-width:682px;
	max-width: 1186px;
	max-height: 797px;
	object-fit: cover;
	object-position: center center;
}


.bunch{
	width: auto;
	margin: auto;
}
.bunch.projects{
}
.bunch.projects h2{
	padding: 30px 0 15px;
}
.bunch.projects .items{
	width: auto;
	margin: auto;
	text-align: center;
}
.bunch.projects .items > div{
	width: 208px;
	height: 208px;
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 40px;
    vertical-align: top;
}
.bunch.projects .items > div .pic{
	width: 208px;
	height: 208px;
    background: url("../images/trans.gif") no-repeat scroll center center transparent;
    background-size: cover;
}
.bunch.projects .items > div:nth-child(3n){
    margin-right: 0;
}
.bunch.projects .items > div:last-child{
    margin-right: 0;
}
.bunch.projects .items > div > div.about{
    width: 100%;
	height: 20px;
	padding-top: 10px;
	font-size: 13px;
	color: #111111;
	text-align: center;
}
.bunch.projects .items > div > div a{
	text-decoration: underline;
}


.bunch.palette{
	margin-bottom:0;
}
.bunch.palette .items{
	text-align: center;
}
.bunch.palette .items > div{
	width: 92px;
	height: auto;
    display: inline-block;
    margin-right: 24px;
    margin-bottom: 40px;
    vertical-align: top;
}
.bunch.palette .items > div .pic{
	width: 92px;
	height: 92px;
	background: url("../images/trans.gif") no-repeat scroll center top transparent;
    background-size: cover;
}
.bunch.palette .items > div:nth-child(8n){
    margin-right: 0;
}
.bunch.palette .items > div:last-child{
    margin-right: 0;
}
.bunch.palette .items > div > div.about{
    width: 100%;
	height: auto;
	padding-top: 10px;
	font-size: 13px;
	color: #777777;
	text-align: center;
}

section.svg{
	overflow: hidden;
}

section p.upper {
    font-size: 14px;
    color: #9f6847;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 0px;
}
blockquote{
	width: 672px;
	font-family: UniversLTCYR-45Light;
	font-size: 14px;
	color: #9f6847;
	text-align: center;
	margin: 10px auto 30px;
	letter-spacing: 0.1429em;
}
blockquote footer{
	padding: 10px 90px 10px 250px;
	color: #b3866f;
	text-align: right;
	letter-spacing: 0;
}
section.stickers .container{
	height: 231px;
	width: 996px;
	margin: auto ;
	padding: 24px 0 48px;
}
section.stickers .container > a {
	position: relative;
    display: block;
	float: left;
    background: #B3866F url(../images/trans.gif) center center no-repeat;
    background-size: cover;
	width: 231px;
	height: 231px;
	margin-right: 24px;
	transition: all 0.5s ease-in-out;
}
section.stickers .container > a:hover{
	transform: scale(1.05);
}
section.stickers .container > a:nth-child(4){
	margin-right: 0;
}	

section.stickers .container > a:hover::before {
	opacity: 1;
}
section.stickers .container a b{
    position: absolute;
    left: 0;
    right: 0;
	display: block;
	text-align: center;
	text-decoration: none;
	-webkit-transform: translate(0px, -50%);
	transform: translate(0px, -50%);

			bottom: -50px;
			font-size: 18px;
			color: #111111;
}
section.stickers .container:hover a b{
	text-decoration: none;
}

section.video{
	padding: 40px 0;
    position: relative;
}
section.video .player,
section.video .screen{
    position: relative;
    background: transparent url(../images/trans.gif) no-repeat center center;
    background-size: cover; 
    overflow:hidden;   
}
section.video .screen{
    --position: absolute;
    --left: 0;
    --top: 0;
    --width: 100%;
	--transform: translate(0px, -100%);
	display: none;
	z-index: 10002;
}
section.video .player .playButton{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;
    background: transparent url(../images/play-button.png) center center no-repeat;
}
section.video .player.playing {
	background-image: none !important;
}
section.video .player.playing .playButton {
	display: none !important;
}
section.video .player.playing iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.phone section.hero {
    height: 100vw;
}
body.phone section.hero .info p{
	display: none; /*22may*/
}
body.phone section.hero a.more{
	display: none !important; /*22may*/
}
body.phone section.hero .heroThumbik,
body.phone section.hero .info a.button { 
	display: none;
}
body.phone section.hero .bkg {
	bottom: 50%; /*22may*/
	bottom: auto; /*23may*/
	top: 60px;
	height: 100vw;/*23may*/
}