/* Default
---------------------------------------- */
html, body {height: 100%; width: 100%;}
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend, blockquote {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
body {font: 12px/1.2 Arial, sans-serif; color: #2a2a2a; background: #fff;}
a {color: #000;}
a:active, a:focus, object {outline: none;}
input, textarea {font: 12px/1.2 Arial, sans-serif; color: #000;}
ul {list-style: none;}
sub {position: relative; top: 4px;}
sup {position: relative; top: -4px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
pre, code {white-space: pre; font: 1em monospace; line-height: 1.5;}


/* Main
---------------------------------------- */
#page:after, #nav:after, .wrap:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
#page {min-height: 100%; position: relative; margin: 0 auto; width: 940px; padding: 0 28px; /*z-index: 20; */}


BODY.BodyMainPage {
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #231f20;
    /*z-index: 5;*/
    /*width: 100%;*/
    /*height: 100%;
    min-height:784px; /* 780px */
   /* position: absolute;
    top:0;
    left: 0;*/
}
.hide {display: none; visibility: hidden;}
.wrap {padding: 0 0 268px;/* 268px; 307*/}
.fullsize {overflow: hidden;}


/* Navigation
---------------------------------------- */
#nav {margin: 0 0 50px 0px; padding: 0px 0px 0px 0px; height:80px;}

#nav a {padding: 49px 0 16px; display: block; border-bottom: 1px solid #d8d8d8; color: #252525; font-weight: bold; text-decoration: none;}
#nav ul {position: absolute; background: #231f20; width: 197px; padding: 0 51px 49px 51px;  left: -51px; top: 0; display: none; z-index:20;}
#nav ul.nav-about {padding-bottom: 106px;}
#nav ul li {width: auto; float: none; margin: 0; font: italic 16px Georgia, serif; color: #fff; display: block;}
#nav ul li a {padding: 0; border: 0; font: italic 16px Georgia, serif; color: #fff;}
#nav ul li a:hover {color: #686465;}
#nav ul li.current {padding: 0 0 48px;}
#nav ul li.current a {font: bold 12px Arial, sans-serif; padding: 49px 0 16px; border-bottom: 1px solid #fff;}
#nav ul li a.nav-email {text-decoration: underline;}


#nav li.menuTop {margin: 0 0 0 50px; float: left; width: 197px; position: relative; display: inline;}
#nav li.first { margin-left: 0px; }

/* Header
---------------------------------------- */
.header {overflow: hidden; height: 166px; /*margin-left:-3px;*/}
.logo { float: left; height: 115px; }
.header h1 {float: left; padding: 57px 0 0; font-family: Arial; /*Georgia;*/ font-size: 60px; font-weight:normal; text-transform:uppercase;}


/* Content
---------------------------------------- */
.content {float: left; width: 612px;}
.content-text {padding: 0 0 22px; margin: -10px 0 0;}
.content-text p {color: #727272; line-height: 18px; padding: 0 0 20px;}
/* Work */

.work-link {font-size:12px; font-family:Georgia; font-style:italic;}
.work-big {display: block; margin: 0 0 52px; border: 16px solid #eee;}
.work-big img, .work-small img {display: block;}
.work-small-block {margin: 0 0 52px -50px; overflow: hidden;}
.work-small {display: inline; border: 16px solid #eee; margin: 0 0 0 50px; float: left;}
.noborder {display: block; margin: 0 0 52px;}
/* Catalog */
.catalog {margin: 0 0 0 -50px;}
.catalog a {width: 113px; display: inline-block; position: relative; margin: 0 0 0 50px; text-decoration: none; border-top: 1px solid #d397a4; padding: 50px 0 0; height: 226px; vertical-align: top;}
.catalog img {display: block; margin: 0 0 15px;}
.catalog b {display: block; color: #252525; padding: 0 0 2px;}
.catalog span {display: block; color: #9e9e9e;}
.catalog-grey a {border-color: #d8d8d8;}
.fullsize .catalog {margin: -53px 0 0 -49px;}
.fullsize .catalog a {margin: 0 0 0 49px;}
.catalog a:hover b {text-decoration: underline;}
.catalog span.border {position: absolute; left: 0; top: 50px; border: 17px solid #f8f8f8; width: 79px; height: 79px; overflow: hidden; padding: 0;}
.catalog a:hover .border {display: none;}
.aw {padding: 0 0 10px;}
/* About */
.about {margin: -3px 0 0 -45px; overflow: hidden; padding: 0 0 36px;}
.column {float: left; width: 283px; margin: 0 0 0 45px; display: inline;}
.column p {color: #555; line-height: 16px; padding: 0 0 15px;}
.column p b {color: #231f20;}
.column p.entry {font: italic 21px/23px Georgia, serif; color: #393536; padding: 0 0 45px;}
.signature {padding: 25px 5px 15px; text-align: right;}
/* Team */
.team-hide {margin: -51px 0 0; padding: 0 0 45px;}
.team-container {overflow: hidden;}
.team-block {width: 708px; float: left;}
.team-part {width: 182px; float: right; border-top: 1px solid #231f20; padding: 51px 0 10px 50px; color: #3f3f3f; font: italic 21px/23px Georgia, serif; text-align: right;}
.team-block div {width: 90px; border-top: 1px solid #d8d8d8; margin: 0 48px 0 0; padding: 51px 0 0; height: 182px; overflow: hidden; display: inline-block; vertical-align: top;}
.team-block img {border: 15px solid #f7f7f7; margin: 0 0 16px; display: block;}
.team-block b {font-size: 11px; display: block; padding: 0 10px 2px 0; color: #252525;}
.team-block span {color: #9e9e9e; font-size: 9px;}
/* Portfolio */
.portfolio-container {overflow: hidden; margin: 0 0 0 -50px;}
.portfolio-block {float: left; margin:-52px 0 0 50px; width: 197px; overflow: hidden;}
.portfolio-block a { float:left; /* margin-left:50px;*/ width:197px; display: block; text-decoration: none; position: relative; padding: 51px 0 50px; border-top: 1px solid #d8d8d8;}

.portfolio-block b {display: block; color: #252525; padding: 0 0 2px;}
.portfolio-block span {display: block; color: #9e9e9e; padding: 0 30px 0 0;}
.portfolio-block img {display: block; margin: 0 0 15px; width:197px; height:122px;}
.portfolio-block span.border {position: absolute; left: 0; top: 51px; border: 16px solid #eee; width: 165px; height: 90px; overflow: hidden; padding: 0;}
.portfolio-block a:hover b {text-decoration: underline;}
.portfolio-block a:hover .border, .portfolio-block a.hover .border {display: none;}
.portfolio-block a:hover {border-bottom: 0;}

/* Press */
.press-container {overflow: hidden; margin: -53px 0 0 -52px;}
.press-block {float: left; margin:0px 0 0 52px; width: 278px; overflow: visible;}
.press-block a { background-image:url('/rus/i/presskernel.gif');
	background-repeat:no-repeat;background-position: left 40px;
	float:left; /* margin-left:50px;*/ width:248px; display: block; text-decoration: none; position: relative; padding:30px 0 72px 34px; border-top: 1px solid #d8d8d8;}
.press-block a:hover {text-decoration: none; border-bottom: 0;}

.press-block a:hover  div.press-name  {text-decoration: underline!important; }

.press-block  div.press-name {
	font-family: Georgia;
	font-style:italic;
	font-size: 21px;
	color : #231f20;
	line-height:23px;
	padding-bottom:4px;
}
.press-block  div.press-date {
	font-family: Georgia;
	font-style:italic;
	font-size: 12px;
	color : #606060;
}

.press-block A.pressOvered div.press-name {
	color : #ecebeb;
}
.press-block A.pressOvered {
	background-image: none;
}
.press-block DIV.press-bg {
	padding:31px 50px 74px 34px;
	background-color:#393536;

	left:0;
	position:absolute;
	top:-1px;
	width:248px;
	z-index:1;
}

/* Prices */
.prices {margin: -3px 0 0 -45px; overflow: hidden; padding: 0 0 36px;}
.column {float: left; width: 283px; margin: 0 0 0 45px; display: inline;}

.prices {
  color: #231F20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

.prices .prices__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 16px;
}
.prices .prices__title:not(:first-child) {
  margin-top: 45px;
}
.prices .prices__block {
  margin: 0 0 16px;
}
.prices p {
  padding-bottom: 0px;
}
.prices .prices__item {
  color: #231F20;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: block;

}
.prices li {
  color: #555;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

/* About new */
.about {margin: -3px 0 0 -45px; overflow: hidden; padding: 0 0 36px;}
.column {float: left; width: 283px; margin: 0 0 0 45px; display: inline;}

.about {
  color: #231F20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

.about .about__title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 16px;

}
.about .about__title:not(:first-child) {
  margin-top: 45px;
}
.about .about__block {
  margin: 0 0 16px;
}
.about p {
  padding-bottom: 0px;
}
.about .about__item {
  color: #231F20;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  display: block;
  /*margin-bottom: 4px;*/
}
.about li {
  color: #555;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  list-style-type: "- ";
  list-style-position: inside;
}

/* Index Page */
.index-container {overflow: hidden; padding: 0px 0px 48px 0px;  }
.index-logo {float: left; width: 631px; height:334px; }
.index-logo h1 {clear: both;  font-size: 60px; text-transform:uppercase; font-weight:100; letter-spacing:-2px; line-height:58px; margin-top:-4px;  }


.twitter {float: right; width: 197px; margin: 0 2px 0 0;}
#ninja {  margin-left:41px;}
.ninja {text-align: center; padding: 0 0 0 52px; margin: 0 0 48px; border-bottom: 1px solid #231f20;}
.twitter-block {padding: 0 45px 10px 0;}
.twitter-block span {display: block; color: #ababab; padding: 0 0 8px;}
.twitter-block span a {font: italic 12px Georgia, serif; text-decoration: none; margin: 0 1px 0 0;}
.twitter-block p {color: #555; line-height: 16px;}
.twitter-block p a {text-decoration: none; color: #555;}
.twitter-block a:hover {text-decoration: underline;}
.index-portfolio .portfolio-block {margin-top: 0;}
/* News */
.news-container {overflow: hidden; position: relative;}
.news-nav {background: #231f20; top: 0; left: 0; position: absolute; height: 52px; width: 940px; display: none; z-index: 10;}
.news-nav span {padding: 19px 30px 20px; margin: 0 60px; display: inline; cursor: pointer;}
.prev {float: left;}
.next {float: right;}
.news-month {float: left; width: 197px; margin: 0 51px 0 0; display: inline;}
.month {background: #231f20; height: 52px; padding: 0 22px; font-weight: bold; color: #fff; line-height: 52px; margin: 0 0 52px; cursor: default;}
.news-block { text-decoration:none; display:block; border-top: 1px solid #d8d8d8; padding: 15px 0 51px; line-height: 16px; position: relative;}

.news-block.news-block-nohover { cursor: default; }
.news-block h3 {color: #363636; font-size: 12px; cursor: pointer;}
*.news-block:hover h3, .news-block h3.hover {text-decoration: underline;}
*.news-block.news-block-nohover:hover h3, .news-block.news-block-nohover h3.hover {text-decoration: none;}
.news-block.news-block-nohover h3:hover, .news-block.news-block-nohover h3.hover {text-decoration: none; cursor: default; }
.news-block span {color: #d0d0d0;}
.news-block p {color: #777;  position: relative; line-height: 15px; font-size:9px;padding-top:1px;}
.news-hide-button {width: 197px; position: absolute; left: 0; bottom: -41px; top: 0; display: none; background: url(/rus/i/hide.gif) no-repeat center 40px #fff; cursor: pointer;}
.news-hide .news-hide-button {display: block !important;}
.news-slider {position: relative; width: 2000em;}
.news-slider-block {position: relative; width: 940px; overflow: hidden;}
.news-group {float: left;}
.disabled {display: none !important;}


/* Sidebar
---------------------------------------- */
.sidebar {float: right; width: 280px;}
.sidebar h2 {text-align: right; color: #2a2a2a; font: italic 21px/1 Georgia, serif; padding: 0 0 109px; margin: -2px 0 0;}
/* Work Descr */
.work-descr dt {color: #2a2a2a; font-weight: bold; padding: 0 0 2px;}
.work-descr dd {color: #9e9e9e; padding: 0 0 32px; line-height: 16px;}
.work-descr p {padding: 0 0 17px;}
.makein-link {border-top: 1px solid #D8D8D8;/*#d397a4;*/ padding: 52px 0; display: block; text-decoration: none;}
.makein-link img { /* border: 16px solid #f8f8f8; */ display: block; margin: 0 0 15px;}
.makein-link b {color: #2a2a2a; display: block;}
a.makein-link:hover b {text-decoration: underline;}


/* Path
---------------------------------------- */
.path {border: 1px solid #d8d8d8; padding: 17px 0 18px; border-left: 0; border-right: 0; color: #3f3f3f; font-style: italic; font-size: 10px; margin: 0 0 52px;}
.path a {color: #3f3f3f; text-decoration: none;}
.path a:hover {text-decoration: underline;}


/* Footer
---------------------------------------- */
.footer { z-index: 20; position: relative; margin: -268px auto 0px auto; height: 268px; overflow: hidden; background: #231f20; min-width: 996px; font-size: 11px; line-height: 16px; color: #918f90;}
.footer-inner {width: 940px; padding: 51px 28px 0; margin: 0 auto; height: 268px;}
.footer a {color: #918f90; text-decoration: none;}
.footer a:hover {color: #fff;}
.footer h4 { font-family:Arial, sans-serif; font-size: 12px; line-height: 1; color: #fff; font-weight: normal; padding: 0 0 10px;}
.footer ul {font-style: italic;}
.footer-nav {float: left; width: 230px; padding: 0 20px 10px 0; font-family: Georgia, serif;}
.footer-about {float: left; width: 436px; text-align: justify; padding: 0 55px 10px 0;}
.footer-contacts {float: left; width: 145px; padding: 0 10px 10px 0; font-family: Georgia, serif;}
.footer-contacts a {text-decoration: underline;}
.footer-social {float: left; width: 160px; font-family: Georgia, serif;}


/* Print
---------------------------------------- */
@media print {
	body {color: #000; background: #fff; font: 12pt Georgia, 'Times New Roman', serif;}
	a, a:link, a:visited {color: #000 !important; text-decoration: none !important; font-weight: bold;}
	a:link:after, a:visited:after {content:" [" attr(href) "] "; font-size: 10pt;}
}


.whiteBorder , .whiteBorder DIV {
    border-color:white;
}


A.awardLinkDisabled:HOVER span.border { position: absolute; left: 0; top: 50px; border: 17px solid #f8f8f8; width: 79px; height: 79px; overflow: hidden; padding: 0; display:block; }

A.awardLinkDisabled:HOVER  B ,
A.awardLinkDisabled:HOVER, A.awardLinkDisabled:LINK , A.awardLinkDisabled:VISITED ,

A.awardsNoLink:HOVER  B ,
A.awardsNoLink:HOVER, A.awardsNoLink:LINK , A.awardsNoLink:VISITED {
    text-decoration: none;
    cursor: default;
}

DIV.awImageContainer {
    height:113px;
    width:113px;
    margin: 0px 0px 15px;
}

/* >>> contacts page */
DIV#form-sending-wrapper A:HOVER ,
	DIV.contacs-inf A:HOVER
	{
		text-decoration:none;
	}
	DIV#form-sending-wrapper {
		background-image:url("/rus/i/contacts-form-border.gif");
		margin-left:16px;
		margin-top:-201px;
		padding:28px;
		position:relative;
		width:352px;
		height: 77px;
		margin-bottom: 68px;
	}

	DIV#form-sending , DIV#form-sended   , DIV#form-getText  {
		background-color:#ffffff;
		padding: 23px;
		text-align:center;
		font-size:9px;
	}


	DIV.contacs-inf {
		float:left;
		padding-right: 80px;
		width:420px;
		margin-top:-8px;
	}
	DIV.contacs-inf-block {
		margin-bottom: 10px;
		overflow:hidden;
	}

	DIV.contacs-inf-block div.label {
		color: #969fa4;
		font-weight: bold;
		font-family:Arial;
		font-size:12px;
		width: 121px;
		float:left;
		padding-top:7px;
	}

	DIV.contacs-inf-block div.value {
		font-family:Georgia;
		font-style:italic;
		font-size: 20px;
		color: #2a2a2a;
		float:left;
		width:295px;
	}

	DIV.contacs-form {
		float:left;
		width:440px;
		margin-top:-8px;
	}

	DIV.contacs-form-text {
		color: #727272;
		font-family:Arial;
		font-size:12px;
		line-height:20px;
		padding-top:3px;
	}


	DIV.contacs-form-form {}
	DIV.contacs-form-form textarea {
		border:16px solid #eeeeee;
		color: #eeeeee;
		background-color: #24211d;
		font-family:Arial;
		font-size:12px;
		padding:10px;
		width:388px;
		margin: 48px 0px 52px 0px;
		height: 113px;
		outline: none;
	}

	DIV.contacs-form-form input {
		border:0px;
		background-color: #eeeeee;
		color: #727272;
		font-family:Arial;
		font-size:9px;
		text-align:center;
		width: 110px;
		height: 28px;
		margin-bottom:52px;
		line-height:28px;
	}
/* <<< contacts page */

/* стили для главной */
/* .index-logo h1 */
/* рамка вокруг картинки с послед работами  */

/* пример .firstImage .portfolio-block span.border  */
.secondImage .portfolio-block span.border {
    border:16px solid #EEEEEE;
}

/* верхний шрифт под рамкой */
.secondImage .portfolio-block b {
    color:#eeeeee;
}

/* нижний шрифт под рамкой */
.portfolio-block span {
    color:#9E9E9E;
}


/* tweeter : slovo Tweeter */
.secondImage .twitter-block span a {
    color: #ffffff;
}

/* шрифт, дата твита */
.twitter-block span {
    color:#ABABAB;
}

.firstImage .twitter-block span {
    color:#000000;
}

/* шрифт содержание твита */
.twitter-block p {
    color:#555555;
}

.secondImage. twitter-block p {
    color:#ABABAB;
}

/* шрифт ccылка внутри содержания твита */
.firstImage .twitter p a {
    color:#000000;
}

.secondImage .twitter p a {
    color:#ABABAB;
}

.thirdImage .twitter p a {
    color:#000000;
}

.sevenImage #nav a.menuTopLink
, .sevenImage .portfolio-block b
{ color: #ffffff; }


.sevenImage2 #nav a.menuTopLink
{ color: #000; }

.sevenImage2 .portfolio-block b
{ color: #ffffff; }


.twelveImage #nav a.menuTopLink
, .twelveImage .portfolio-block b

, .audiImage #nav a.menuTopLink
, .audiImage .portfolio-block b

{ color: #ffffff; }

.eightImage #nav a.menuTopLink
, .eightImage .portfolio-block b

{ color: #black; }


.firstMainBgLink
{
z-index:1;
display:block;
height:129px;
left:17px;
position:absolute;
top:125px;
width:759px;
}
.secondMainBgLink {
z-index:1;
display:block;
height:233px;
left:16px;
position:absolute;
top:256px;
width:935px
}


.noborder
{
	border: 0px;
}

/* Cookies Consent
---------------------------------------- */
.cookies-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 80px;
	background-color: white;
	z-index: 100;
	box-shadow: 0 0 20px 10px rgba(0,0,0,0.5);
}

.cookies-popup__content {
	max-width: 940px;
	margin: 0 auto;
	padding: 2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 80px;
	color: #2a2a2a;
}

.cookies-popup__link {
	color: inherit;
}

.cookies-popup__link:hover {
	opacity: 0.6;
}

.cookies-popup__link:active {
	opacity: 0.4;
}

.cookies-popup__btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	background-color: #2a2a2a;
	color: #ffffff;
	padding: 0.8em 1.5em;
	cursor: pointer;
}

.cookies-popup__btn:hover {
	opacity: 0.8;
}

.cookies-popup__btn:active {
	opacity: 0.6;
}