/*{{{ =Layout*/        

html
, body {
  margin: 0; padding: 0;
  height: 100%;
}

body {
  font: 14px Tahoma, sans-serif;
  color: #4d4d4d;
}


a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

.h-l {
  overflow: hidden;
}


.h-wrapper {
  min-width: 995px;
  height: auto; min-height: 100%;
  background: #fff;
}

#home .h-wrapper {
  height: 100%; 
}


#home .h-double-wrapper {
  height: 100%;
  min-height: 774px;
  position: relative;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/main-bot-bg.jpg) 50% 50% no-repeat;
}


#home .h-content-wrapper {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/left-bg.jpg) 0 0 no-repeat #fff;
  position: relative;
  height: 190px;
}

#print .h-content-wrapper {
  padding: 55px 0;
}


.dummy {
  float: left;
  width: 1px; height: 50%;
  margin-bottom: -125px;
}


.h-header {
  height: 181px;
}


.hr {
  clear: both;
  height: 250px;
}

#home .hr {
  height: 70px;
}

.hr hr {
  display: none;
}


.h-footer {
  height: 200px;
  margin: -200px 0 0;
  min-width: 995px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/footer-bg.png) 50% 100% no-repeat #fff;
  font-size: 11px;
  position: relative;
}

#home .h-footer {
  height: 70px;
  margin: -70px 0 0;
  background: none;
}

/*}}}*/


/*{{{ =H-header*/  

.h-fixed-width {
  margin: 0 auto;
  width: 794px;
  position: relative;
}

#print .h-fixed-width {
  width: 752px;
}

.portfolio dt .h-fixed-width 
, .shema dt .h-fixed-width 
{
  display: block;
  width: 994px;
}

.logo {
  display: block;
  width: 216px; height: 36px;
  padding: 17px 0 0 21px;
}


.back {
  display: block;
  width: 70px;
  position: absolute; top: 22px; left: 360px;
  font-size: 16px;
  color: #000;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul2.png) 50% 0 no-repeat;
  padding: 15px 0 0;
}

.back a {
  font-weight: bold;
}

.back a:hover {
  text-decoration: none;
}


ul.sub-nav {
  margin: 0; padding: 20px 0 0;
  list-style: none;
}

ul.sub-nav li {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul7.jpg) 50% 100% no-repeat;
  height: 33px;
}

ul.sub-nav .h-fixed-width {
  overflow: hidden;
  padding: 4px 0 0;
  cursor: pointer;
}

ul.sub-nav span {
  font-size: 16px;
  color: #000;
  float: left;
  height: 20px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul8.png) 0 0 no-repeat;
  padding: 0 6px 0 20px;
}

ul.sub-nav img {
  float: left;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul5.png) 0 0 no-repeat;
  margin: 4px 10px 0 0;  
}

ul.sub-nav h1 {
  margin: 0;
  float: left;
  font-size: 11px;
  font-weight: normal;
}

ul.sub-nav em {
  height: 26px;
  float: left;
  font-style: normal; font-size: 11px;
  line-height: 100%;
  opacity: .2;
  text-align: justify;
}

ul.sub-nav li.hover em {
  opacity: 1;
}

ul.sub-nav li#design-item em {
  width: 640px;
}

ul.sub-nav li#interactive-item em
, ul.sub-nav li#production-item em {
  width: 605px;
}

ul.sub-nav a {
  font-weight: bold;
  color: #000;
}

ul.sub-nav a:hover {
  text-decoration: none;
}

/*}}}*/


/*{{{ =H-sub-head-wrapper*/   

.h-sub-head-wrapper {
  height: 98px;
  margin: 19px 0;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/sub-head-bg.jpg) 50% 0 no-repeat #90278e;
  position: relative;
  color: #fff;
}

.left-bgr {
  width: 71px; height: 137px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/left-bgr.png) 0 0 no-repeat;
  position: absolute; top: -19px; left: 0;
}

table.sub-head {
  margin: 0; padding: 0;
  border-collapse: collapse;
  idth: 780px;
}

table.sub-head td {
  height: 98px;
  padding: 0 10px 0 0;
  border-collapse: collapse;
  text-align: left; vertical-align: middle;
  font-size: 11px;
  text-align: justify;
}

table.sub-head h1 {
  position: relative; top: -7px;
  margin: 0; padding: 0 35px 0 15px;
  font-size: 72px;
  white-space: nowrap;
  line-height: 100%;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul9.png) 100% 10px no-repeat;
}

table.sub-head h1 span {
  font-weight: normal;
}

table.sub-head .tagline2 {
  margin: 0;
}

table.sub-head .tagline2 span {
  font-size: 36px;
}

ul.section-nav
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.section-nav li
{
  font-size: 12px;
}

ul.section-nav li a
{
  color: #fff;
  text-decoration: underline;
}

/*}}}*/


/*{{{ =Print*/

.print-h1 {
  height: 43px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/print-h1-bg.jpg) 50% 0 no-repeat #662d90;
  margin: 0 0 62px;
}

.print-h1 h1 {
  font-size: 30px;
  margin: 0;
  color: #fff;
}

.print-h1 h1 span {
  font-weight: normal;
}

img.print-logo {
  margin: 0 0 33px;
}

img.print-map {
  margin: 0 0 30px;
}

#print p {
  margin: 0 0 17px;
  color: #000;
  font-weight: bold;
}

.go-print {
  display: block;
  width: 208px; height: 34px;
  background: #732b90;
  font-weight: bold; font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: relative; left: -15px;
}

.go-print:hover {
  text-decoration: none;
}

/*}}}*/


 /*{{{ =Portfolio*/       

.portfolio
, .portfolio dt
, .portfolio dd 
, .shema
, .shema dt
, .shema dd 
{
  margin: 0; padding: 0;
}

.shema
{
  width: 100%;
  height: 608px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
  height: 0;
  overflow: hidden;
}

.print
{
  position: absolute; top: 0; right: 125px;
  color: #000;
  text-decoration: underline;
}

#home .shema
{
  bottom: auto; top: 229px;
  background: #fff;
}

.portfolio dt 
, .shema dt 
{
  height: 34px;
  background: #73b63e;
  color: #fff;
  font: 12px/32px Tahoma, sans-serif;
  margin: 0 0 12px;
  cursor: pointer;
}

.portfolio dt {
  color: #aa2471;
  background: #fff;
  font: 12px/44px Tahoma, sans-serif;
  height: 46px;  
  border-bottom: 3px solid #aa2471;
  margin: 0;
}

.shema dd 
, .shema dt 
{
  background: #fff;
  margin: 0;
  color: #000;
}

#home .shema dd
, #home .shema dt {
  background: #fff;
}


#port-var2 dt 
{
  border-bottom: 3px solid #8b277e;
  color: #8b277e;
}

#port-var2 dt.p-active {
  border: none;
  background: #8b277e;
  color: #fff;
}

#port-var3 dt 
{
  border-bottom: 3px solid #d81c5c;
  color: #d81c5c;
}

#port-var3 dt.p-active 
{
  background: #d81c5c;
  color: #fff;
  border: none;
}

.portfolio dt.p-active
{
  background: #aa2471;
  border: none;
  margin: 0 0 2px;
  color: #fff;
  height: 34px;
  font: 12px/32px Tahoma, sans-serif;
}

.portfolio dd.p-active
{
  display: block;
  margin: 0 0 25px;
}

.portfolio dt strong
, .shema dt strong
{
  font-size: 16px;
}

.portfolio span.trig
, .shema span.trig
{
  float: left;
  width: 85px;
  height: 34px;
  padding: 0 35px 0 0;
  text-align: right;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-off.png) 100px 50% no-repeat;
}

.portfolio span.trig {
  height: 46px;
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-off4.png);
}

#port-var2 span.trig
{
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-off5.png);
}

#port-var3 span.trig
{
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-off3.png);
}

.portfolio dt.p-active span.trig
{
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-on5.png) 95px 50% no-repeat;
  height: 34px;
}

.shema dt.p-active span.trig {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul15.png) 95px 50% no-repeat;
}

#port-var2 dt.p-active span.trig
{
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-on6.png);
}

#port-var3 dt.p-active span.trig
{
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/trig-on3.png);
}

.portfolio dt img
, .shema dt img
{
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul5.png) 0 0 no-repeat;
  margin: 0 8px;
  vertical-align: middle;
}

.portfolio dt img {
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul17.png);
}

#port-var2 dt img {
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul18.png);
}

#port-var3 dt img {
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul16.png);
}

.portfolio dt em
, .shema dt em
{
  font-style: normal;
}

.portfolio dt:hover em
, .shema dt:hover em
{
  opacity: 1;
}

.portfolio dt.p-active em
, .portfolio dt.p-active img
, .shema dt.p-active em
, .shema dt.p-active img
{
  display: none;
}

.all-works
{
  display: block;
  width: 190px;
  position: absolute; top: 0; right: 120px;
  visibility: hidden;
}

.p-active .all-works
{
  visibility: visible;
}

.all-works a
{
  color: #fff;
  text-decoration: underline;
}

.left-col {
  float: left;
  width: 225px;
  padding: 0 53px 0 35px;
  text-align: justify;
}

.left-col2 {
  float: left;
  width: 282px;
  padding: 0 13px 0 20px;
  text-align: justify;
}

.style-arrow {
  display: block;
  width: 282px; height: 25px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul10.png) 0 0 no-repeat #b6ce30;
  line-height: 0; font-size: 0;
}

#port-var2 .style-arrow {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul11.png) 0 0 no-repeat #732b90;
}

.right-col {
  float: left;
  width: 456px;
  text-align: justify;
}

.left-col p
, .right-col p {
  margin: 10px 0 5px 0;
}

.h-img {
  padding: 20px 0 0 20px;
}

.shema .h-img
{
  padding: 0 0 0 20px;
}

.h-img-bg {
  margin: 10px 0 0; padding: 0 0 8px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/img-bg6.png) 0 100% no-repeat;
}

#port-var2 .h-img-bg {
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/img-bg5.png);
}

#port-var3 .h-img-bg {
  padding: 0 0 10px;
  background-image: url(../../../../20190117173102im_/http%3A/exteria.ru/images/img-bg3.png);
}

#port-var3 .h-img-bg-var2 {
  padding: 0 0 9px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/img-bg4.png) 0 0 repeat-y;
}


.portfolio dd 
, .shema dd 
{
  overflow: hidden;
}

.portfolio dd .h-fixed-width 
{
  position: relative;
  background: #fff;
}

/*}}}*/


/*{{{ =H-content-wrapper*/      

.lang {
  margin: 0; padding: 0;
  list-style: none;
  position: absolute; top: 5px; right: 0;
  width: 85px;
}

.lang li {
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 11px 0 0;
}

.lang a {
  color: #787878;
  text-decoration: underline;
  float: left;
  height: 15px;
  overflow: hidden;
  line-height: 15px;
  padding: 0 0 0 17px;
}

.lang li#rus a {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/lang-rus.png) 0 0 no-repeat;  
}

.lang li#eng a {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/lang-eng.png) 0 0 no-repeat;  
}

.lang li#rus a:hover
, .lang li#eng a:hover {
  color: #000;
  background-position: 0 -15px;
}


.tagline {
  font-size: 14px;
  width: 352px; height: 140px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/tagline-bg2.png) 0 0 no-repeat;
  position: absolute; top: 47px; right: 1.1%;
  color: #4c4c4c;
}

.tagline p {
  margin: 0; padding: 8px 13px;
  line-height: 150%;
}

.tagline span {
  color: #000;
}

.tagline .sp1 {
  font-size: 36px;
}

.tagline .sp2 {
  font-size: 16px;
}

.tagline .sp3 {
  font-size: 24px;
}


.nav {
  margin: 0; padding: 45px 400px 0 293px;
  list-style: none;
  overflow: hidden;
}

.nav li {
  float: left;
  font-size: 16px; 
  white-space: nowrap;
}

.nav li#actual {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul1.png) 0 0 no-repeat;
  margin: 21px 0 0; padding: 0 27.2% 0 21px;
}

.nav li#about {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul2.png) 50% 0 no-repeat;
  padding: 21px 0 0;
}

.nav a {
  font-weight: bold;
}

.nav a:hover
, .service a:hover {
  text-decoration: none;
}


.h-service-wrapper {
  width: 100%; height: 251px;
  position: absolute; top: 50%; left: 0; z-index: 100;
  margin: -125px 0 0;
}

.h-service-wrapper h1 {
  margin: 0 auto 13px;
  width: 755px; height: 96px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/logo.jpg) 0 0 no-repeat;
  text-indent: -9999px;
}

ul.service {
  margin: 0; padding: 0;
  list-style: none;
  position: relative; z-index: 100;
}

ul.service li {
  margin: 0 0 19px;
  height: 26px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul3.jpg) 50% 0 no-repeat;
  color: #fff;
  cursor: pointer;
}

ul.service div {
  width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

ul.service span {
  font-size: 16px;
  color: #f1fffe;
  float: left;
  line-height: 23px;
}

ul.service li#design span {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul4.png) 0 3px no-repeat;
  margin: 0 10px 0 0; padding: 0 0 0 21px;
  width: 86px;
}

ul.service li#interactive span {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul6.png) 100% 3px no-repeat;
  padding: 0 20px 0 0;
  width: 112px;
}

ul.service li#production span {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul4.png) 0 3px no-repeat;
  margin: 0 10px 0 188px; padding: 0 0 0 21px;
  width: 110px;
}

ul.service h1 {
  margin: 0;
  width: auto;
  height: auto;
  background: none;
  text-indent: 0;
  font-weight: normal;
  font-size: 11px;
  float: left;
}

ul.service em {
  height: 26px;
  float: left;
  font-style: normal; font-size: 11px;
  opacity: .2;
}

ul.service li:hover em {
  opacity: 1;  
}

ul.service li#design em {
  width: 650px;
}

ul.service li#interactive em {
  padding: 0 11px 0 20px;
  width: 610px;
}

ul.service li#production em {
  width: 440px;
}

ul.service img {
  float: left;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul5.png) 0 0 no-repeat;
  margin: 6px 11px 0 0;  
}

ul.service a {
  font-weight: bold;
  color: #f1fffe;
}


.download-wrapper {
  width: 100%;
  position: absolute; top: 238px; left: 0; z-index: 100;
}

.download {
  width: 800px;
  margin: 0 auto;
  display: block;
  font-size: 11px;
  overflow: hidden;
}

.download a {
  float: left;
  width: 140px; height: 13px;
  padding: 0 0 0 20px;
  line-height: 13px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/pdf.png) 0 0 no-repeat;
  color: #787878;
  text-decoration: underline;
}

.download a:hover {
  color: #000;
}

.download i
{
  float: left;
  font-style: normal;
  margin: 0 5px 0 0;
}

/*}}}*/


/*{{{ =H-contact-wrapper*/

.h-contact-wrapper {
  width: 100%; 
  position: absolute; top: 0; left: 0; 
  padding: 266px 0 0;
}


.contact-link {
  display: block;
  width: 105px;
  margin: 0 auto; padding: 0 0 19px;
  font-size: 16px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul15.png) 50% 100% no-repeat;
}

.contact-link a {
  font-weight: bold;
}

.contact-link a:hover {
  text-decoration: none;
}


.viz-close {
  width: 265px; height: 170px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/viz-close.png) 0 0 no-repeat;
  position: absolute; top: 76px; left: 224px;
}


.viz-open {
  width: 265px; height: 286px;
  position: absolute; top: -40px; left: 224px;
  display: none;
}

.viz-open i {
  width: 265px; height: 286px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/viz-open.png) 0 0 no-repeat;
  position: absolute; top: 0; left: 0;
}

.viz-open-show {
  display: block;
}

.viz-open a {
  display: block;
  width: 99px; height: 23px;
  margin: 202px 0 0 40px;
  text-indent: -9999px;
  outline: none;
  position: relative; z-index: 200;
}

.viz-open a:hover {
  text-decoration: none;
}

/*}}}*/


/*{{{ =H-cols-wrapper*/ 

.h-cols-wrapper {
  overflow: hidden;
}

.h-cols-wrapper2 {
  padding: 61px 0 0;
}

.b-col {
  float: left;
  width: 335px;
  margin: 0 17px 0 0; padding: 0 0 0 40px;
  text-align: justify;
}

#col2 {
  margin: 0 17px 75px 0;
}

.b-col h2 {
  position: relative; left: -40px;
  margin: 0 -40px 3px 0;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}

.b-col h2 span {
  float: left;
  background: #732b90;
  padding: 14px 3px 5px 20px;
}

.b-col p {
  margin: 0 0 30px;
}

strong.var1 {
  background: #732b90;
  color: #fff;
}

strong.var2 {
  background: #732b90;
  color: #fff;
}

strong.var3 {
  background: #732b90;
  color: #fff;
}

.b-col ul.sections {
  margin: 0; padding: 0;
  list-style: none;
}

.b-col ul.sections li {
  margin: 0 0 5px;
}

.b-col ul.sections li b {
  color: #000;
}

/*}}}*/


/*{{{ =News*/

.h-full-news h2 {
  position: relative; left: -48px;
  margin: 0 -48px 3px 0;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
}

.h-full-news h2 span {
  float: left;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul12.png) 12px 19px no-repeat #29aae2;
  padding: 14px 95px 5px 35px;
}

.h-full-news p {
  margin: 0 0 15px;
}


.news-gallery {
  position: relative; left: -40px;
  margin: 0 -40px 0 0; padding: 10px 0 0;
  list-style: none;
  width: 383px;
  overflow: hidden;
}

.news-gallery li {
  margin: 0 0 10px; padding: 0 0 0 20px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul13.png) 0 0 no-repeat;
  cursor: pointer;
}

.news-gallery li.active {
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/bul14.png) 0 0 no-repeat;
  padding-top: 15px;
}

.gallery-crop {
  height: 73px;
  overflow: hidden;
}

.news-gallery li.active .gallery-crop {
  height: auto;
}


.news-item {
  margin: 0; padding: 0;
  list-style: none;
}

.news-item li {
  font-size: 12px;
  margin: 0 0 3px;
}

.news-item li b {
  font-size: 14px;
  color: #000;
}

.news-item li.active b {
  background: #b6ce30;
  color: #fff;
}


.news-archive {
  margin: 10px 0 0;
}

.news-archive h3 {
  margin: 0 0 3px; padding: 1px 2px; 
  font-size: 14px;
  color: #fff;
  background: #29aae2;
  cursor: pointer;
}

.news-archive ul.news-item {
  display: none;
}

.news-archive-click ul.news-item {
  display: block;
}

/*}}}*/


/*{{{ =H-footer*/  

.foot-logo {
  width: 970px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.copy {
  position: absolute; bottom: 10px; left: 0;
  width: 100%;
  text-align: center;
  color: #000;
  line-height: 100%;
}

#home .copy {
  top: 0;
}

.copy p {
  margin: 0; 
}

.copy a#shema-link
{
  margin: 0 0 0 28px;
  padding: 0 0 0 15px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/shema-link.png) 4px 3px no-repeat;
}

.copy a#shema-link.opened
{
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/shema-link-active.png) 0px 5px no-repeat;
}

.popup {
  width: 175px; height: 180px;
  background: url(../../../../20190117173102im_/http%3A/exteria.ru/images/popup.png) 0 0 no-repeat;
  position: absolute; top: -120px; left: 703px;
}

.position10 {
  position: relative; top: 10px;
}


/*}}}*/

/*
     FILE ARCHIVED ON 17:31:02 Jan 17, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:16:28 Mar 09, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.181
  PetaboxLoader3.datanode: 820.026 (5)
  captures_list: 741.57
  CDXLines.iter: 11.476 (3)
  LoadShardBlock: 725.3 (3)
  exclusion.robots.policy: 0.167
  RedisCDXSource: 1.477
  esindex: 0.013
  load_resource: 318.086
  PetaboxLoader3.resolve: 48.502 (2)
*/