body {background-color:#fff; margin:0px; padding:0px; font-size:1em; line-height:1.2em; color:#333; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif}
#header {display:flex; flex-flow:row nowrap; align-content:stretch; justify-content:flex-start; margin:0 0 0 20px}
.design-header-2026, .footer-design-2026 {background:linear-gradient(135deg, #000 10%, #333 70%); margin:0; padding:0}
/* MENU TOP */
.navigation-top-empty {display:none; background-color:#000; height:35px}
nav.menu-top {background-color:#000; margin:0; padding:0; display:flex; flex-flow:row wrap;
	font-size:1.1em; align-items:center; align-content:center;
	border-bottom:dashed 1px #ccc;
}
nav.menu-top span {flex:1; text-align:center; color:#fff; padding:15px; background-color:#333}
nav.menu-top a {flex:1; text-align:center; padding:15px}
nav.menu-top a:link,
nav.menu-top a:visited {color:#ccc; text-decoration:none}
nav.menu-top a:hover,
nav.menu-top a:active { color:#fff; text-shadow:1px 2px 15px #fff; text-decoration:none; background-color:#333}
.put { position:relative; z-index:9999999; color:#fff; text-align:right; line-height:1.4em; margin:0; padding: 10px 10px 0 15px }
.put a { text-decoration:none; margin:0 8px 0 8px }
.put a:link, .put a:visited { color:#999 }
.put a:hover { color:#fff }
.put strong {font-weight:300; color:#fff; margin:0 8px 0 8px}
.dizain-reclama-slogan {font-size:1.2em; font-style:italic; color:#666; line-height:1.2em; margin: 15px 20px 25px 55px}
blockquote {font-size:1.1em; margin:20px}
.logo1 {position:absolute; top:85px; left:330px; z-index:9999999}
/*.header-2025 {display:flex; flex-flow:row wrap; align-content:center; justify-content:flex-start;
	margin:0; padding:25px; color:#fff;
	background-color:#000;
	background-image: url(../images/header-bg-promo1.png);
	background-repeat:no-repeat;
	background-position:bottom right;	
}*/
.header-2025 {display:flex; flex-flow:row wrap; align-content:center; justify-content:flex-start;
	margin:0; padding:25px; color:#fff;
	background-image: url(../images/header-bg-promo1.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.poligraphy { background-color:#6c0067;
	background-image: url(../images/header-bg-poligraphy-01.png);
	background-repeat:no-repeat;
	background-position:bottom right;}
.logo2 {flex:1; padding:0 20px; max-width:220px}
.logo2 img {border:none; width:190px; margin-bottom:10px; opacity:0.7}
.logo2 img:hover {opacity:1}
.header-2025 h1 {font-size:2.6em; color:#c7c7c7; margin:5px 0 15px 0}
.design-adver-title {flex:3; display:flex; flex-flow:column}
.design-adver-title .slogan2 {color:#c7c7c7}
.design-advertising-studio-1 {flex:4; display:flex; flex-flow:column; align-items:flex-start;}
.design-advertising-studio-1 h1 {flex:1; text-align:left; width:100%; margin-left:40px}
.design-advertising-studio-1 .slogan1 {text-align:left; width:100%; margin:20px 20px 10px 40px; color:#444;	line-height:1.5em}

.design-archive-top {background-color:#000; font-size:1em; color:#fff; text-align:right; padding:8px; margin:0 0 20px 150px; line-height:1.7em}	
.design-archive-top a:link,
.design-archive-top a:visited {color:#ccc; text-decoration:none; margin:0 8px 0 9px}
.design-archive-top a:hover {color:#fff; text-decoration:none; margin:0 8px 0 9px}	
.design-archive-top strong {font-size:1em; color:#fff; margin:0 8px 0 8px}
#telephon {position:fixed; top:340px}
#slogan {position:absolute; top:35px; left:180px; z-index:9; font:1.5em Verdana, Helvetica, sans-serif; color:#d5e0f2; line-height:1.7em; letter-spacing:1px}
.logo2011 {position:absolute; top:25px; left:27px; z-index:9}
.logo2011 img {border:none; width:135px}
.logo2025 {position:absolute; top:30px; left:15px; z-index:9}
.logo2025 img {border:none; width:155px}

div.plakat {flex:none; width:360px; margin:5px 0; padding:0}
.plakat img {width:298px; height:424px; border:none; margin:0}
#slider-wrap {/* Оболочка слайдера и кнопок */ width:298px; height:424px; margin:0; position:relative; left:62px}
#slider {/* Оболочка слайдера */ width:298px; height:424px; border:none}
.slide {width:298px; height:424px}
.plakat-1 {width:298px; height:424px; overflow: hidden; background-color:#ccc; background-image:url(../i/plakat2020-01.jpg); background-position:center; padding:0; margin-top:-5px}
.plakat .slogan2 {color:#333; width:80%; margin:30px 0 0 62px; padding:0}
.plakat h2 {margin-left:50px}
.konteyner {position:relative; text-align:left; margin:50px 40px; z-index:100; color:#fff}
.konteyner h2, .konteyner h3 {margin-top:285px; margin-left:15px; color:#fafafa; font-size:1.4em; text-shadow:1px 1px 5px #2b5376, 0 0 1em #2b5376}
.konteyner h3 {text-align:left; margin-top:50px; margin-left:70px}
.konteyner h2 a:link, .konteyner h3 a:link,
.konteyner h2 a:visited, .konteyner h3 a:visited {color:#fff; text-decoration:none}
.konteyner h2 a:hover, .konteyner h3 a:hover {color:#fff; text-decoration:underline}
.sli-links {/* Кнопки смены слайдов */ margin-top:-10px; text-align:center}
.sli-links .control-slide {
  margin:2px;
  display:inline-block;
  width:16px;
  height:16px;
  overflow:hidden;
  text-indent:-9999px;
  background:url(../i/perevozki-button.png) center bottom no-repeat}
.sli-links .control-slide:hover{cursor:pointer; background-position:center center}
.sli-links .control-slide.active{background-position:center top}
#prewbutton, #nextbutton{/* Ссылка "Следующий" и "Педыдущий" */
  display:block;
  width:15px;
  height:100%;
  position:absolute;
  top:0;
  overflow:hidden;
  text-indent:-999px;
  background:url(../i/perevozki-bg.png) left center no-repeat;
  opacity:0.8;
  z-index:3;
  outline:none !important}
#prewbutton{left:10px}
#nextbutton{right:10px; background:url(../i/perevozki-bg.png) right center no-repeat}
#prewbutton:hover, #nextbutton:hover{opacity:1}
nav.mob-menu {display:none}



/* MENU TOP OLD */
nav.menu-top {background-color:#000; margin:0; overflow-x:hidden}
.menu-top ul {display:flex; flex-flow:row wrap; align-items:center; align-content:space-around; margin:0 0 0 -40px}
.menu-top ul li, .menu ul li.active {flex:1; text-align:center; list-style-type:none; font-size:1.1em; color:#fff; margin:0; height:40px; padding:10px auto}
.menu-top ul li.active {color:#fff; text-decoration:none; background-color:#888}
.menu-top ul li a:link,
.menu-top ul li a:visited {color:#eee; text-decoration:none; height:30px; padding:10px auto}
.menu-top ul li a:hover { color:#fff; text-shadow:1px 2px 15px #fff; text-decoration:none}
.head-border {width:100%; margin:0; padding:0; position:relative; top:-5px; overflow-x:hidden}
.head-border img {width:100%; height:5px; border:0; margin:0}

/* SERVICES BLOCK*/
.big-service-block {display:flex; flex-flow:row wrap; align-content: flex-start; align-items:flex-start}
.service-block {flex:1; padding:0; margin:10px}
.design-block-border-top { background-image: url(../images/block-color-border-top.png); background-position:top; background-repeat:repeat-x; background-color:#000; padding:0 }
.design-block-border-right { background-image: url(../images/block-color-border-right.png); background-position:right; background-repeat:repeat-y; padding:0 }
.design-block-border-bottom { background-image: url(../images/block-color-border-bottom.png); background-position:bottom; background-repeat:repeat-x; margin:0; padding:0 }
.design-block-border-left { background-image: url(../images/block-color-border-left.png); background-position:left; background-repeat:repeat-y; padding:20px }
.black-block, .slogan, .vizual { background-color:transparent}
.vizual-seo { background-image: url(../articles_web/seo-code-html.png); background-origin: border-box; background-size: cover; background-position:right; background-repeat:no-repeat; }
/* COLORS */
.design-black {
	background: linear-gradient(45deg, #000, #ccc);
	background: -webkit-linear-gradient(45deg, #000, #ccc);
	background: -moz-linear-gradient(45deg, #000, #ccc);
	background: -o-linear-gradient(45deg, #000, #ccc);
}
.web-blue {
	background: linear-gradient(45deg, #2237b6, #9ba7ee);
	background: -webkit-linear-gradient(45deg, #2237b6, #9ba7ee);
	background: -moz-linear-gradient(45deg, #2237b6, #9ba7ee);
	background: -o-linear-gradient(45deg, #2237b6, #9ba7ee);
}
.poligraphy-magenta
.adver-red
.marketing-green

/* Содержание статьи */
.content .article-structure {float:right; margin:0 0 20px 30px;
	padding:35px 10px 10px 0;
	width:28%; min-width:250px;
	background: url(../i/bg_zametka-web.jpg); background-repeat: no-repeat;
}
.content .article-structure h3 {margin:15px 0 0 25px;  font-size:1.2em; font-weight:100; color:#2237b6}
.content .article-structure ul {font-size:1em; line-height:1.3em}
.content .article-structure a:link,
.content .article-structure a:visited {color:#2237b6; text-decoration:none}
.content .article-structure a:hover {color:#000; text-decoration:none}

div.service-1 {display:flex; flex-flow:row wrap; margin:-10px 0 10px 70px}
div.service-1 div.txt-anons1 {flex:2; width:48%; min-width:250px; margin:10px}

a.design-advertising {text-decoration:none}
h2 {font:1.9em Verdana, Helvetica, sans-serif; color:#000; margin:35px 0 10px 0}
h2 a:link,
h2 a:active,
h2 a:visited {color:#000; text-decoration:none}
h2 a:hover {color:#000; text-decoration:underline}
.vizyal-right {float:right; width:30%; margin:20px 0 20px 20px; border:none; }
.right ul.design-reklama-service li {font-size:1.2em; line-height:1.5em}
.right ul.design-reklama-service a:link,
.right ul.design-reklama-service a:visited {color:#333; text-decoration:none}
.right ul.design-reklama-service a:hover {color:#000; text-decoration:underline}
ul.docs li {font-size:1em; line-height:1.4em; margin:9px 0}
#news1 {margin:20px 50px 0 0}
#news1 h3 a {text-decoration:none; color:#333; font-size:1.5em}
.new-design-preview {display:flex; flex-flow:row wrap;
	justify-content:flex-start; align-items:flex-start
}
.new-design-preview div {flex:1; margin:20px 30px 10px 0; font-size:1.1em}
.new-design-preview div.anonce {flex:3; line-height:1.7em}
.new-design-preview div h3 {margin-top:-10px; white-space:nowrap}
.new-design-preview div img {flex:2; width:160px; height:160px; border:none; margin:0 0 5px 0}
.new-design-preview a:link,
.new-design-preview a:visited {color:#777; text-decoration:none}
.new-design-preview a:hover {color:#000; text-decoration:none}
#news1 ul li {line-height:1.6em}

.portfolio-img-2 {display:flex; flex-flow:row wrap; align-items:center; margin:40px 0}
.portfolio-img-2 div {flex:2; min-width:50%; max-width:50% }
.portfolio-img-2 div h4 {font-size:1.3em; color:#999; font-weight:300; padding:20px 0 0 0; border-top:dotted 1px #999}
.portfolio-img-2 div img {width:95%; max-width:400px}
.portfolio-design-preview, .preview {display:flex; flex-flow:row wrap; align-content:flex-start; align-items:flex-start; margin:40px 0; padding-bottom:30px; border-bottom:dotted 2px #999}
.portfolio-design-preview div img {flex:2; border:none; margin-right:15px; max-width:300px; min-width:200px}
.portfolio-design-preview div img:hover,
.portfolio-big div img:hover {opacity:0.8}
div.portfolio-design-preview div img.screenshot {flex:2; width:100%; margin:25px 25px 10px 0; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); max-width:300px; min-width:200px}
.portfolio-design-preview div.anons {flex:3; flex-flow: column}
.portfolio-design-preview div.anons h2 {margin-top:0; font-size:1.5em; line-height:1.2em; font-weight:300}
.portfolio-design-preview div.anons h3 {font-size:1.8em}
.portfolio-design-preview h3 a:link {color:#333; text-decoration:none}
.portfolio-design-preview h3 a:visited {color:#000; text-decoration:none}
.portfolio-design-preview h3 a:hover {color:#0066ff; text-decoration:none}
.portfolio-design-preview p {margin:20px 0 0 0}
.portfolio-design-preview p strong {color:#333; }
.portfolio-design-preview p strong a:link {color:#0066ff; text-decoration:none}
.portfolio-design-preview p strong a:hover {color:#333; text-decoration:none}
.portfolio-design-preview p strong a:visited {color:#2b5376; text-decoration:none}
.preview div.company {flex:3; margin:0; min-width:250px}
.preview div.company strong {font-size:1.3em; color:#333; line-height:1.4em}
.preview div.logo {flex:2; margin:10px 20px 10px 0}
.preview div.logo img {flex:2; border:none; margin:10px 10px 0 0; width:99%; max-width:99%; min-width:200px}
.new-data {font-size:1.5em; color:#000; border-top:1px dotted #666; padding:10px 0 0 0}
div.news-anons {display:flex; flex-flow:row wrap; margin:0 0 20px 0; padding:0 0 20px 20px}
div.content p, div.content ol, div.content ul, div.content dl {font-size:1.1em; line-height:1.5em}
div.content ol li,
div.content ul li,
div.content ol p {margin-bottom:0.9em; font-size:1em}
img.big-photo-right {float:right; width:45%; margin:9px 5px 20px 20px; border:none}
div.new-pic {margin:0 25px}
div.new-pic img {width:190px; border:none}
.new-txt {flex:3; font-size:1em; margin:-17px 0 -10px 0}
.new-txt h2 {margin-top:0; font-size:1.5em; line-height:1.2em; font-weight:300}
.new-txt h2 a:link, .new-txt h3 a:visited {text-decoration:none}
.new-txt h2 a:hover {color:#666; text-decoration:underline}
.design-portfolio {display:flex; flex-flow:row wrap; align-content:flex-start; align-items:flex-start; margin:20px 0 0 60px; overflow: hidden}

.design-portfolio p { font-size:1.3em; margin:10px 0 10px 0}
div.content .design-portfolio {margin:20px 0 10px -15px}
.design-portfolio div.portfolio-block {flex:3; margin:25px 15px; width:30%; min-width:300px}
div.portfolio-block h2 {font-size:1.4em; height:40px}
div.portfolio-block h3 {text-align:left; font-size:1.1em; margin:10px 0}
div.portfolio-block h3 a:link, div.portfolio-block h3 a:visited {color:#fff; text-decoration:none}
.right {overflow-x:hidden; min-width:320px}
.right p {margin-top:20px; font-size:1.1em; line-height:1.3em}
.right dl dt, .right dl dd, .right .mark {font-size:1.1em; line-height:1.3em}
.right div.portfolio-block h3 a:link,
.right div.portfolio-block h3 a:visited {color:#fff; text-decoration:none}
div.portfolio-block div.folio-vizual {width:98%; height:150px; overflow:hidden}
div.portfolio-block div.folio-poligraphy {width:80%; margin-left:-8px}
div.portfolio-block ul li {font-size:1.1em; line-height:1.3em; margin:5px 0 10px -25px}
.folio-vizual img, .folio-poligraphy img {border:none; min-width:100%; max-width:560px; width:100%}
div.portfolio-block span {position:relative; top:-25px; left:7px; z-index:2; font-size:50px; color:#eee; text-shadow: 2px 2px 7px black; line-height:0}
div.portfolio-block p {margin:15px 30px 0 0; font-size:1.1em; line-height:1.4em}
div.portfolio-block div.slogan2 {width:100%; margin:20px 0}
.design-portfolio div.portfolio-block a,
.design-portfolio div.portfolio-block h3 a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
.design-portfolio div.portfolio-block a:hover,
.design-portfolio div.portfolio-block h3 a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=80); /* IE7 */
        opacity: 0.8;
        text-decoration: none;
    }
.design-portfolio div.portfolio-block h3 a:visited {color:#fff}
.design-portfolio div.portfolio-block span a {text-decoration:none; color:#fff}
.service-block {margin:25px 20px 30px 40px}
.service-block h2 {font-size:2em; margin-left:-25px}
.service-block h3 {text-align:left; font-size:1.8em; margin:0}
.service-block h3 a {color:#444; text-decoration:none}
.service-block h3 a:hover {color:#000; text-decoration:none}
.service-block p {font-size:1.1em; line-height:1.7em; width:80%}
.razdel {border-top:dotted 2px #999; padding-top:15px; margin-top:40px !important}
.right .design-portfolio {display:flex; flex-flow:column; margin:0 -23px 0 0; overflow:hidden}
.right .design-portfolio div.portfolio-block {flex:3; margin:0 -23px -10px -23px; width:100%; overflow:hidden}
.right .design-portfolio div.portfolio-block h3 {font-size:2em; margin-left:15px}
.right div.portfolio-block div.folio-vizual {width:100%; margin:0; height:150px; overflow:hidden}
div.portfolio-block h3 {position:relative; top:-30px; left:15px; z-index:2; font-size:28px; color:#eee; text-shadow: 2px 2px 7px black; line-height:0}
.main {display:flex; flex-flow:row nowrap}
div.content {flex:3; vertical-align:top; padding:30px 30px 20px 30px; font-size:1.1em; line-height:1.5em}
.main div.content {padding-left:25px}
.right {flex:1; text-align:left; min-width:width:300px; padding:0 0 20px 0}
.right h2 {background-color:#000; color:#e2e2e2; font-size:1.4em;
	margin:53px 0 15px 0; padding:10px 5px 12px 18px}
.right h2:hover {background-color:#333}
.right h2 a:link, .right h2 a:visited {color:#e2e2e2; text-decoration:none}
.right h2 a:hover {color:#fff; text-decoration:none}
.right-block h2 {font-size:1.4em; margin:50px 0 0 17px; padding-top:9px; border-top:solid 2px #000}
.right h4 {font-size:1.1em; font-weight:100; color:#000}
.right h4 a:link {color:#000}
.right img {border:none; margin:20px}
.right .dizayn-300 {width:300px; height:1px; border:none; margin:0}
.mark {background-color:#000; color:#ccc; font-size:1em; letter-spacing:1px; padding:8px}
.right .mark {background-color:#000; color:#ccc; padding:7px 7px 7px 15px}
.right ul li, .right-block ul li {margin:3px 5px 5px -10px}
.folio-content {line-height:1.5em; color:#ccc; margin:10px 0 20px 0; width:70%}
.main-content {margin:50px 340px 50px 150px}
ul li {list-style-type:square}
.main-content1 {margin:50px 340px 50px 106px}
.right-block {float:right; width:300px; height:90%; padding:0; margin:0 0 50px 10px}
.act a {color:#666; text-decoration:none}
.pas h3 {padding:0px; margin:15px 0 0 0}
#dizayn-studiya {width:150px; height:1px; border:none}
#dizayn-2 {width:2px; height:10px; border:none}
.site, .logo {border:none; margin:40px auto}
.dizayn-icon {float:left; border:none; width:170px; margin:10px 23px 10px 0}
.dizayn-icon-right {float:right; border:none; width:170px; margin:10px 0 10px 23px}
.dizayn-a3 {width:700px; border:none; margin:40px auto}
.dizayn-a4 {width:370px; border:none; margin:40px auto}
.portfolio-anons {margin:30px 0; padding:0; border-top:solid 1px #000}
.portfolio-anons h2 {display:inline-block; height:25px; margin:0; padding:6px 20px 11px 80px; background-color:#000; font-size:1.4em; color:#e2e2e2}
.portfolio-anons h2:hover {opacity:0.7; color:#fff}
.portfolio-anons h2 a:link,
.portfolio-anons h2 a:visited {color:#e2e2e2; text-decoration:none}
.portfolio-anons h2 a:hover {color:#fff; text-decoration:none}
.portfolio-anons .mark {height:22px; margin:-3px 0 0 0; padding:8px 10px 7px 15px}
.portfolio-anons p {font-size:1.3em; line-height:1.6; margin:20px 80px; width:70%}
.portfolio-preview {display:flex; flex-flow:row wrap; align-content:stretch; margin: 20px 0 30px 80px}
.portfolio-preview div {flex:1; margin:20px 20px 20px 0}
.spravochnik-flex {display:flex; flex-flow:row wrap; align-items:flex-start; margin-left:65px}
.spravochnik-flex .spravka {flex:2; font-size:1.05em; padding-right:40px }
.spravochnik-flex .spravka ul {margin:9px 5px 9px -30px; list-style-type:square;}
.spravochnik-flex .spravka ul li {font-size:1.1em; margin-bottom:10px}
.f1 {width:20%; min-width:200px; font-size:1.1em; color:#333}
.f1 img {border:0; width:150px; margin:0 10px 10px 0}
.folio-1 {border:0; margin-left:100px}
.folio-1 img {float:left; margin:10px 15px 15px 0; width:120px; height:120px; border:none}
.site-portfolio {text-align:center; font-style:italic}
.site-portfolio img {border:none; margin:40px 0; width:600px}
.slogan1, .slogan2 {font-size:1.4em; line-height:1.4; opacity:0.9}
dt h4 {font-size:1.4em; text-align:left; font-weight:100; color:#0033ff; margin:30px 0 -5px 0}
dt strong dt strong {font-weight:100; color:#000; margin:30px 0 -5px 0}
dt {color:#000; margin-top:20px}
dt img {float:left; border:solid 1px #fff; margin:0 18px 18px 0; width:140px; height:140px}
dd {margin-left:48px}
dd img {float:left; border:solid 1px #fff; margin:0 18px 18px 0; width:140px; height:140px}
dd ol li, dd ul li {margin-left:-40px}
#kalendar1 {float:right; display:block;	width:225px; padding:10px; margin:0 -50px 0 20px}
#kalendar1 h6 {margin:7px 0 10px 40px}
.slogan1 {margin-right:40px; font-style:italic; color:#333}
.slogan2 {font-style:italic; width:70%}
.slogan2 img {float:left; margin:0 20px 20px 147px; border:none}
.slogan2 h6 {color:#000; margin-left:-50px; padding:0 0 0 8px; border-left:solid 2px #000}
.resume {background-color:#eee;
	background-image: url(../i/design-comment.png); background-repeat:no-repeat; color:#333; margin:30px 20px 30px 0; padding:10px 15px 10px 70px;
	font-size:1.1em; line-height:1.3em}
.resume-bottom { background-image: url(../i/design-comment-black.png); background-repeat:no-repeat;	margin:30px 0 0 0; padding:0 0 10px 78px; font-size:1.3em; color:#333; font-style:italic; line-height:1.5em}
.resume-bottom p {width:90%; position:relative; top:-5px}
.resume ul {margin:10px 0} .resume ul li {margin:10px 0 10px -28px }
a:link {color:#0066ff}
a:active {color:#000}
a:visited {color:#666}
a:hover {color:#0066ff; text-decoration:none}
#site-promo {width:55px; height:1px border:0}
.mark-date {background-color:#000; color:#ccc; font-size:12px; letter-spacing:1px; padding:5px; margin:0; text-align:left}
.mark a:link {color:#e2e2e2; text-decoration:none}
.mark a:visited {color:#ccc; text-decoration:none}
.mark a:hover {color:#fff; text-decoration:none}
.mark h3 {text-align:left; color:#0066ff; font-size:0.9em; padding:0 0 5px 12px; letter-spacing:normal}
.mark h3 a:link {color:#0066ff; text-decoration:none}
.mark h3 a:active {color:#fff; text-decoration:none}
.mark h3 a:visited {color:#0066ff; text-decoration:none}
.mark h3 a:hover {color:#0066ff; text-decoration:underline}
.remark {position:relative; top:-30px; width:70%; font-style:italic}
a.rollover {background: url(../i/plakat-01.jpg); display: block; width:298px; height:424px; border:0}
a.rollover:hover {background: url(../i/plakat-02.jpg)}
i {margin-right:10px}
strong {color:#0b5fdd; font-weight:100}
.pas-anons {text-align:left; padding:5px 10px 5px 85px}
.pas-anons img {float:left; border:0; margin:20px 10px 10px -5px}
.pas-anons h3 {text-align:left}
h1 {text-align:left; margin-top:22px; font:2em Verdana, Helvetica, sans-serif; color:#000}
h1 a:visited, h1 a:link {color:#6589c5; text-decoration:none}

h4 {font-size:13px; font-style:normal}
h5 {font:normal 13px Verdana, Tahoma, sans-serif; color:#ff0000; display: inline}
h6 {text-align:left; font-weight: normal; font-size:1em; font-style:italic; padding:0px 10px 20px 0px}
.bordert {border-top:1px #000 solid}
.bordert img {border:none}
.borderb {border-bottom: 1px #000 solid; padding:0 0 0 80px}
.bordert h2 {margin:0 0 0 10px; border:none; display:inline}	
.bordert .mark {width:248px; margin:0 0 10px 82px; padding-left:40px}
.bordert span.mark {margin:3px 0; position:relative; top:4px; font-size:1em}
.visual-color {background-color:#fff; background-repeat:no-repeat; padding:0px 10px 0px 120px; border-left:1px #999 solid}
.visual {background-color:#fff; padding:0px; border-top:1px #999 solid; border-left:1px #999 solid}
l-photo {margin-right:20px}
r-photo {margin-left:20px}
th {background-color:#999; font:normal Verdana, Tahoma, sans-serif; color:#fff}
.t {background-color:#fff; font:#ff0000 bold 14px Verdana, Tahoma, sans-serif}
.rtxt {font:10px Arial; color:#666; padding:10px}
.rekv {font-size:90%; padding-left:20px; border-top:solid 1px #000}
.portfolio, .portfolio-big, .portfolio-small {display:block; margin:0 10px 0 40px}
body#dizayn-1 .portfolio-big {margin:-20px 10px 40px 80px}
.portfolio img {width:160px; height:160px; border:solid 1px #fff; margin:18px 36px 18px 0; float:left}
.portfolio-big, .portfolio-small {display:flex; flex-flow:row wrap; align-content:stretch}
.portfolio-big div, .portfolio-small div {flex:1 1 auto; border:none; margin:20px 40px 20px 0; display:flex; flex-flow:column; align-content:flex-start; font-size:1em; line-height:1.2em; max-width:175px}
.portfolio-big div img {width:180px; height:180px; border:solid 1px #fff; margin:8px 0}
.portfolio-small div img {width:140px; height:140px; border:solid 1px #fff; margin:8px 0}
.portfolio-big div a:link, .portfolio-small div a:link {color:#666; text-decoration:none}
.portfolio-big div a:visited, .portfolio-small div a:visited {color:#555; text-decoration:none}
.portfolio-big div a:hover, .portfolio-small div a:hover {color:#0066ff; text-decoration:none}
.portfolio-big div.to-portfolio {background-image:url(../i/to-portfolio.png); background-repeat:no-repeat; background-position:left bottom; min-width:180px; height:180px}
a.none {text-decoration:none !important}
.portfolio-big div strong {font-size:1.1em; letter-spacing:1px; line-height:1.8em}
.portfolio-big div p {line-height:1.6em}
.portfolio-big div ul {color:#888; line-height:2em; margin-left:-27px }
.portfolio-big div ul li {white-space:nowrap; margin:0}
.portfolio-big div.folio-anons {flex:3 1 auto; min-width:300px}
.f-item .portfolio-small div {text-align:left}
.logo-color {text-align:left; font-size:16px; line-height:1,5em}
.gallery {display: flex; flex-wrap:wrap; align-items: center; justify-content: center}
.gallery .folio-item {float:left; width:240px; height:260px; padding:10px; margin:10px; text-align:center; display:inline-block}
.gallery img, .folio-item img {margin:6px 0px 6px 0px; border:double #999}
.folio-item a:link {color:#666; text-decoration:none}
.folio-item a:active {color:#000; text-decoration:none}
.folio-item a:visited {color:#999; text-decoration:none}
.folio-item a:hover {color:#0066ff; text-decoration:none}
.cards-gallery {float:left; width:260px; height:230px; margin:10px 30px 10px 0; vertical-align:middle; text-align:left; color:#999; font-size:11px}
.calendar-gallery {float:left; width:240px; height:290px; margin:10px 30px 10px 0; vertical-align:middle; text-align:left; color:#999;
font-size:11px}
.cards-gallery img {margin:6px 0px 6px -5px; border:0}
.calendar-gallery img {margin:6px 0px 8px -5px; border:0}
.hr {border-bottom:solid 1px #999}
.hr {height:20px}
.f-item, .f-item-plakat1, .f-item-plakat2, .f-item-plakat3, .f-item-plakat4 {text-align:center; background-repeat:no-repeat; margin:20px 0; padding:20px 0 40px 0; background-position:0% 100%}
.f-item img, .f-item-color img {border:none; margin:20px 0; width:60%}
.f-item-plakat1 img, .f-item-plakat2 img, .f-item-plakat3 img, .f-item-plakat4 img {border:none; margin:20px 0 -10px 0; width:30%}
.f-item img.razvorot {width:99%} 
.f-item p, .f-item-plakat1 p, .f-item-plakat2 p, .f-item-plakat3 p, .f-item-plakat4 p, .f-item ul {text-align:left; margin:20px 0}
div.f-item img.screenshot {border:none; width:80%; margin:20px 0; box-shadow: 3px 3px 12px rgba(0,0,0,0.5)}
.f-item h2 {float:left}
.f-item-plakat1 {background-image:url(../folio-outdoor/plakat-manager-01.png)}
.f-item-plakat2 {background-image:url(../folio-outdoor/plakat-manager-02.png)}
.f-item-plakat3 {background-image:url(../folio-outdoor/plakat-stroitel-01.png)}
.f-item-plakat4 {background-image:url(../folio-outdoor/plakat-exhibitor-01.png)}
.content h3, .f-item h3, ol h3 {text-align:left; font-size:1.4em; color:#000; margin:20px 0 15px 0}
ol h3 {margin:9px -15px}
.f-item h3 a:link {color:#666; text-decoration:none}
.f-item h3 a:visited {color:#888; text-decoration:none}
.f-item h3 a:hover {color:#0066ff; text-decoration:underline}
.f-item-color {text-align:center; padding:30px 0; margin:30px 0}
.f-item-color p {text-align:left; font-size:1.4em; color:#fff; margin:20px}
img.icon-black {border:solid 3px #000}
.super_big_photo {text-align:right;
	letter-spacing:1px;
	border-right:dotted 1px #999; border-bottom:dotted 1px #999;
	overflow:hidden;
	margin:50px 0 50px 0;
	padding:10px;
	background-repeat:no-repeat;
	color:#ccc;
	font-style:italic;
	width:98%}
.super_big_photo img {border:none; width:100%; margin:5px 0}
.design-eskiz-galery {display:flex; flex-flow:row wrap; margin:20px 0}
	.design-eskiz-galery div {flex:1; width:33%; min-width:33%; max-width:33%; border:0; margin:0; padding:0; }
	.design-eskiz-galery div img {width:99%; border:0; margin:3px;}
	.design-eskiz-galery div p {color:#fff; margin:-40px 12px 0 5px; padding:0; font-size:1.7em; text-align: right; text-shadow: #000 3px 3px 6px}
.black-block {display:flex; flex-flow:row; background:transparent; align-items:center; margin:40px 0; overflow:hidden}
.black-block .slogan {flex:3; padding:10px 10px 10px 80px; font-family: monospace, Courier; font-size:2em; line-height:1.8em; color:#c6cbd4; text-shadow:0 0 0.3em #fff}
.black-block a:link,
.black-block a:visited
	{text-decoration:none; color:#c1c0c0; text-shadow:0 0 1em #fff}
.black-block a:hover {text-decoration:none; color:#fff; text-shadow:1px 1px 1em #fff}
.black-block .vizual {flex:2; width:40%; border-left:none; overflow:hidden}
.black-block .vizual img {width:100%}
a.promo {text-decoration: none}
a.promo:hover {font-size: 1.1em; text-shadow:0 0 2em #fff}
.spravka, .spravka-design {background: url(../i/bg_zametka-2.jpg); background-repeat: no-repeat;
	color:#666;
	line-height:1.5em;
	padding:10px 20px 20px 20px;
	margin:25px 0;
	min-width:280px}
div.spravka-design {background: url(../i/bg_zametka-2-red.jpg); background-repeat: no-repeat}
div.spravka img, div.spravka-design img {width:160px; border:none; margin:20px 45px 0}	
div.spravka h6, div.spravka-design h6, div.txt-anons h6 {text-align:left; color:#000; font-size:1.3em; font-style:normal; font-weight:300; width:55%; margin:34px 0 -10px 0}
div.spravka img.designer-photo {width:170px; margin:10px 0 0 0}
div.spravka-design h6 {color:#ec1919}
div.spravka ul, .spravka-design ul {color:#666; margin:-5px 0 5px -4px}
.right div.spravka ul li,
.right div.spravka-design ul li,
.right-block div.spravka ul li,
.right-block div.spravka-design ul li {font-size:1.1em; margin:5px 0 5px -25px}
.spravka h6 a:link {color:#0066ff; text-decoration:none}
.spravka h6 a:visited {color:#0066ee; text-decoration:none}
.spravka h6 a:hover {color:#333; text-decoration:underline}
.spravka-design h6 a:link {color:#d01c1c; text-decoration:none}
.spravka-design h6 a:visited {color:#e21e1e; text-decoration:none}
.spravka-design h6 a:hover {color:#333; text-decoration:underline}
.txt-anons h6 a:link {color:#000; text-decoration:none}
.txt-anons h6 a:visited {color:#333; text-decoration:none}
.txt-anons h6 a:hover {color:#009900; text-decoration:none}
.spravka h3, .spravka-design h3 {text-align:left; color:#0066ff; font-size:14px; font-weight:100; display:inline}	
.spravka h3 a:link, .spravka-design h3 a:link {color:#0066ff; text-decoration:none}
.spravka h3 a:visited, .spravka-design h3 a:visited {color:#0055ff; text-decoration:none}
.spravka h3 a:hover, .spravka-design h3 a:hover {color:#333; text-decoration:none}
.spravka p {font-size:1.1em; line-height:1.4em}
.txt-anons {text-align:left; line-height:1.5em; font-size:1.1em; background: url(../i/bg_zametka-2-green.jpg); background-repeat: no-repeat; padding:10px 40px 15px 20px; margin-top:25px}
div.data table {width:100%}
div.data table th, div.data table td {padding:9px}
div.data table td {border-bottom:solid 1px #666}
.txt-anons h3, .txt-anons1 h3, .txt-anons2 h3 {font-size:1em; margin-top:45px; text-align:left; color:#000}
.txt-anons h3 a:link, .txt-anons1 h3 a:link, .txt-anons2 h3 a:link {color:#0066ee; text-decoration:none}
.txt-anons h3 a:visited, .txt-anons1 h3 a:visited, .txt-anons2 h3 a:visited {color:#000; text-decoration:none}
.txt-anons h3 a:hover, .txt-anons1 h3 a:hover, .txt-anons2 h3 a:hover {color:#0066ff; text-decoration:underline}
.txt-anons1, .txt-anons2 {flex:1; background:url(../i/bg_zametka-2.jpg); background-repeat:no-repeat; padding:30px 40px 15px 20px; margin-top:-35px}
.txt-anons2 {background: url(../i/bg_skrepka-green2.gif); background-repeat:no-repeat; margin-top:-45px}
.txt-anons1 h3 {margin:45px 0 15px -7px; width:120px}
.txt-anons1 ul {line-height:1.4em}
.right .txt-anons h3,
.right .txt-anons1 h3,
.right .txt-anons2 h3 {margin:10px 0 10px 0; font-size:1.1em; font-style:normal; font-weight:100; width:55%; color:#000}
.right .txt-anons ul li,
.right ul li {font-size:1.4em; margin:3px 0 3px -23px}

.page {font-size:5em; font-weight:600; color:#eee;
	padding:20px 0; margin:-20px 0 20px 0}
.pagination {display:flex; flex-flow:row wrap; margin:1px -2px 15px -2px; padding:0;
	align-items:flex-start; align-content:space-between}
.pagination-2 {display:flex; flex-flow:row wrap; margin:40px 0 0 -5px; padding:0; background:#eee;
	border-bottom:solid 1px #fff}
.pagination-2 div strong {color:#fff}
.pagination a,
.pagination-2 a,
.pagination div,
.pagination-2 div {flex:1; text-align:center; white-space:nowrap; font-size:1em;
	padding:10px 10px 10px 10px; margin:1px; 
}
.pagination a.all,
.pagination div.all,
.pagination-2 a.all,
.pagination-2 div.all {flex:3}
.pagination div,
.pagination-2 div {color:#fff; background:#999; border-left:solid 2px #fff}	
.pagination a:link,
.pagination-2 a:link,
.pagination a:visited,
.pagination-2 a:visited {color:#fff; text-decoration:none; background-color:#bbb; border-left:solid 1px #fff}
.pagination a:hover,
.pagination-2 a:hover {color:#fff; background:#999; text-decoration:none; border-left:solid 1px #fff}
.pagination a.studio:link,
.pagination-2 a.studio:link,
.pagination a.studio:visited,
.pagination-2 a.studio:visited {color:#666; text-decoration:none; background-color:#fff; border:none}
.pagination a.studio:hover, .pagination a.studio:hover {color:#000; background-color:#fff; border:none; text-decoration:none}
.pagination div strong {color:#fff}
.content .pagination {margin-bottom:25px; overflow-x:hidden}
.content .pagination h3 {flex:1; font-size:1em; margin:0; padding:0}
.content .pagination h3 a {text-decoration:none; background-color:#fff}
.right .pagination {margin:0 5px 0 -5px}
.right .pagination {margin:0 5px 0 -5px}
.poligraphy-big {margin:15px 0 40px 0;
	display:block;
	overflow:hidden;
	text-align:right;
	letter-spacing:1px;
	border-right:dashed 1px #ccc;
	padding:10px;
	background-repeat:no-repeat; background-position:50% 100%;
	color:#ccc;
	font-style:italic;
	width:100%; height:650px}
.design-comment {float:right; width:30%; max-width:330px; min-width:200px; text-align:center; font-style:italic; margin:-10px 20px 10px 20px}
.design-comment img {border:none; width:99%; margin:0}
.internet-reklama, .reklama-200 {text-align:center; margin:0 0 20px 0}
.internet-reklama h5, .reklama-200 h5 {display:block; margin:10px 0 0 0; text-align:left; color:#666; line-height:1.5; font-style:italic}
.internet-reklama img {border:none; margin:20px 10px}
.reklama-200 img {border:none; margin:20px}
.banner-br {float:right; margin:54px 5px 20px 5px}
.color-plate {display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; margin:30px 0 40px 0; width:100%; height:auto}
.color-plate div {
	width:calc(100% / 3 - 9.999px);
	position:relative;
	min-height:50px;
	color:#fff; font-size:1.4em;
	margin-right:5px;
	padding:10px;
	margin-top:5px;
	flex-grow:1;
	justify-content:center}
.color-plate div p {
	position:relative; top:50%;
	transform:translate(0%,-50%);
	z-index:2;
	color:#fff;
	line-height:1.5em; letter-spacing:1px;
	text-shadow:1px 1px 4px rgb(0,0,0);
	text-transform:uppercase;
	font-size:0.8em;
	transition:.3s;
	font-weight:100;
	text-shadow:1px 1px 6px rgb(0,0,0);
	text-align:center;
	width:90%;
	margin:0 10px}
.color-plate div p span {display:block; text-align:left; font-weight:100; text-shadow:none; font-size:1em; margin:12px 0}
.color-plate div a {color:#fff; text-decoration:none}
.red {background:#ec1d27}
.deep-blue {background:#5e4fa0}
.yellow {background:#f7b813}
.black {background:#000}
.skidka {background-color:#ff0000; padding:2px 4px; margin:5px 0; font-size:1em; color:#fff}
.gruzovoy-transport, .icons {display:flex; justify-content:flex-start; flex-flow:row wrap; align-items:stretch; margin:20px 0}
.gruzovoy-transport div {width:45%; margin:10px 10px 0 0; padding:0 9px; border:solid 1px #ccc}
.transport-2 img {float:right; height:65px; border:none; margin:5px 5px 15px 0}
.icons p {margin:5px 60px 30px 0; font-size:1.1em}
.icons img {border:none; width:180px; margin:5px -7px}
.icons-flex {display:flex; flex-flow:row wrap; align-items:stretch; align-content:space-between;}
.icons-flex div { flex:1; margin:20px 20px 20px 0; flex:1; width:25%; max-width:300px; min-width:300px}
.icons-flex div img {width:90%; margin:10px 0}
.icons-flex div p {margin:0; font-size:1.1em; line-height:1.2em}
.a-z {display:flex; flex-flow:row wrap; align-items:flex-start;
	margin:0 20px 10px 10px}
.a-z a, .a-z span {
	flex:1; margin:10px 5px; padding:8px 10px;
	text-transform:uppercase; text-align:center;
	max-width:20px; min-width:20px;
	height:20px;
}
.a-z a:link,
.a-z a:visited,
.a-z a:link {color:#777; text-decoration:none; border:solid 1px #777; background-color:#e2e2e2}
.a-z span {color:#999; text-decoration:none; border:solid 1px #999}
.a-z a:hover {color:#fff; background-color:#666; border:solid 1px #666 }

.footer-design-2026 .design-archive {color:#fff; font-size:1.1em; line-height:1.7em; padding:8px 8px 7px 17px; margin:0}
.design-archive a:link,
.design-archive a:visited {color:#ccc; margin:0 8px 0 8px; text-decoration:none}
.design-archive a:hover {color:#fff}
.design-archive strong {color:#fff; margin:0 8px 0 8px}
#footer {display:flex; flex-flow: row wrap; align-items: flex-start; border-top:dashed 1px #777
}
#footer .mark { flex:1.5; display:flex; flex-flow: row; align-items: flex-start}
.mark-dizayn {flex:3; display:flex; flex-flow:row; white-space:nowrap; padding:12px 8px; text-align:left; font-size:1em; line-height:2.1em; color:#ccc}
.mark-dizayn img {width:120px; border:none; margin:3px 15px 0 -15px; opacity:0.7}
.mark-dizayn img:hover {opacity:1}
.mark-dizayn p {margin:4px}
.mark-dizayn a:link,
.mark-dizayn a:visited {color:#999; text-decoration:none}
.mark-dizayn a:hover {color:#fff; text-decoration:none}
/* MENU BOTTOM */
.foot-border {z-index:99; width:100%; margin:10px 0 0 0; padding:0; overflow-x:hidden}
.foot-border img {width:100%; height:5px; border:0; margin:0}
.menu {background-color:#000; margin:0;}
.menu ul {display:flex; flex-flow:row wrap; align-items:flex-start; margin:0 0 0 -40px}
.menu ul li, .menu ul li.active {flex:1; text-align:center; list-style-type:none; font-size:1.1em; color:#fff; margin:0;}
.menu ul li.active {color:#fff; text-decoration:none; background-color:#888}
.menu ul li a:link,
.menu ul li a:visited {color:#fff; text-decoration:none; padding:10px auto}
.menu ul li a:hover { color:#fff; text-shadow:1px 2px 9px #999; text-decoration:none; height:30px; padding:10px auto}

#m {width:5px; padding:0; display:none}
#footer .menu { background:transparent; flex:1.5; padding:10px 0 10px 25px; font-size:0.9em; line-height:1.3em; color:#ccc;}
#footer .menu p {font-size:1.4em}
#footer .menu p a:link,
#footer .menu p a:visited {color:#ccc; text-decoration:none}
#footer .menu p a:hover { color:#fff; text-decoration:none}
#footer .menu ul {flex:2; display:flex; flex-flow:column; align-content:flex-start;
	margin:-5px 0 20px -30px;
	font-size:1em}
#footer .menu ul li {color:#888; list-style-type:square; white-space: nowrap; margin:5px; padding:3px}
#footer .menu ul li strong {color:#fff}
#footer .menu ul li a:link,
#footer .menu ul li a:visited {color:#999; text-decoration:none}
#footer .menu ul li a:hover { color:#ccc; text-decoration:none}
#portfolio-marker img {width:5px; height:5px; border:none}
.folio-design {margin:-15px 15px}

.last-text {margin:0 20px 30px 65px; line-height:1.5em}
.all-info {font-size:2em; font-weight:700; margin-left:25px}
.all-info a:link, .all-info a:visited {text-decoration:none}

@media screen and (max-width:1400px) {
.design-portfolio div.portfolio-block {min-width:48%; width:48%; margin:5px}
div.portfolio-block div.folio-vizual {height:160px}
}

@media screen and (max-width:1200px) {
	div.transport-2 {width:99%; min-width:300px}
	.transport-2 img {float:right; height:80px}
	.f-item img, .f-item-color img {width:80%}
	.resume {margin:20px 0 20px -0}
	.black-block .vizual {flex:3; width:50%}
	div.slogan {padding:10px 10px 10px 20px; font-size:1.5em}
}
@media screen and (max-width:960px) {
	.portfolio-img-2 div {flex:2; min-width:99%; max-width:99% }
	.icons-flex div {width:30%}
	.black-block .slogan {font-size:1.5em}
	.portfolio-design-preview {flex-flow: column}
	.portfolio-design-preview div {flex:2; display:flex; flex-direction:column; width:99%}
	.portfolio-design-preview div img,
	.portfolio-design-preview div img.screenshot {flex:2; border:none; margin:20px 0; width:99%}
	img.big-photo-right {float:none; width:100%; margin:20px 0}
	.design-eskiz-galery div {width:49%; min-width:49%; max-width:49%}
}
@media screen and (max-width:860px) {
	nav.mob-menu {display:flex}
	nav.menu-top {display:none}
	.navigation-top-empty {display:block}
	.put {text-align:left; padding-right:50px}
	.main, .main .content {flex-flow:column; padding:0; margin:10px 5px}
	div.content {padding:20px 10px 20px 9px}
	.black-block .slogan {padding:10px 10px 10px 10px; font-size:1.2em}
	.slogan2 {width:90%}
	.f-item img, .f-item-color img {width:90%}	
	.right, .right-block {padding:0; margin:10px 0; min-width:95%; width:95%}
	.content {margin-left:20px; padding:20px 10px 20px 9px}	
	.design-portfolio {margin:20px 0 20px 15px}
	.resume {width:85%; margin:30px 0 30px 0px}
	}
@media screen and (max-width:760px) {
	#header {flex-flow:column; margin:0 0 0 20px}
	.header-2025 h1 {margin:30px 0 0 40px; font-size:2.2em}
	.header-2025 p.slogan1 { font-size:1.5em; line-height:1.4em; margin:20px 20px 0 40px}
	.dizayn-icon {float:none; width:90%; margin:10px 0 10px 0}
	.dizayn-icon-right {float:none; width:90%; margin:10px 0 10px 0}	
}
@media screen and (max-width:640px) {
	.header-2025 {flex-flow:column; align-items:center; margin:0; padding:20px}
	.header-2025 .logo2 {text-align:center; max-width:90%; min-width:90%}
	.header-2025 .logo2 img {width:60%}
	.header-2025 h1 {margin:0}
	div.main {flex-flow:column; padding:0; margin:10px 5px}
	#footer {flex-flow:column-reverse}
	.bordert .mark {margin:10px 0}
	.design-portfolio div.portfolio-block {min-width:95%; width:95%; margin:5px}
	div.black-block {flex-flow:column-reverse}
	div.black-block div.vizual {border-left:none; border-bottom:solid 1px #999; width:100%}
	div.slogan {font-size:1.6em}
	div.news-anons {flex-flow:column; padding:0}
	div.news-anons img {margin:0 0 20px 0}
	.right {width:100%}
	.design-eskiz-galery div {width:98%; min-width:98%; max-width:98%}
}
@media screen and (max-width:480px) {
	body {background:none}
	.logo2 img {width:200px}
	h1 {margin-right:40px}
	.vizyal-right {float:none; width:90%; margin:20px 0 20px 0;}
	/* div.logo2, div.logo2011 {top:10px; left:10px} */
	div.logo2011 img {width:110px}
	div.design-archive-top {margin:10px 0 5px 110px; height:84px}
	#header {margin:0}
	div.plakat {width:300px; margin:0}
	div.main {flex-flow:column; padding:0; margin:10px 5px}
	.portfolio-design-preview, .preview {flex-direction:column}
	.plakat img {width:260px; height:370px}
	#slider-wrap {/* Оболочка слайдера и кнопок */ width:260px; height:370px; left:50px}