@import url(http://fonts.googleapis.com/css?family=Dosis:200normal,300normal,400normal,500normal,600normal,700normal,800normal&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:100normal,100italic,300normal,300italic,400normal,400italic,500normal,500italic,700normal,700italic,900normal,900italic&subset=latin,latin-ext);

html
{
  background: #c6c8c9 url('bg.png') center left repeat-x;
}
body
{
  margin: 0;
}
div, p, h1, h2, h3, h4, h5, td, a
{
	margin: 0;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
}
h1, h2, h3, h4, h5
{
  font-size: 26px;
  font-weight: bold;
  font-family: "Roboto", Arial, sans-serif;
  color: #222;
}
ul, li
{
  list-style-type: none;
  padding: 0;
}
a 
{
  text-decoration: none;
  color: #403f45;
  cursor: pointer;
}
a:hover
{
  text-decoration: underline;
}
img
{
  border:none;
}
table
{
  border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
td
{
  padding: 5px;
  vertical-align: top;
}
.clear
{
  clear: both;
}

.window
{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.pagestrip
{
  width: 10240px;
  position: relative;
  z-index: 1000;
}
.page
{
  width: 1024px;
  height: 570px;
  /*apadding: 280px 0 0 0;*/
  padding: 260px 0 0 0;
}
.page_
{
  width: 1024px;
  height: 570px;
  float: left;
  overflow: hidden;
}
.adore
{
  background: url('adore.png') center center no-repeat;
  width: 106px;
  height: 14px;
}


/** ********************* */
.top
{
  position: absolute;
  width: 975px;
  padding-top: 200px;
  height: 81px;
  left: 500px;
  z-index: 2000;
}
.top_ .canvas
{
  width: 1002px;
  height: 280px;
  position: absolute;
  z-index: 1700;
  left: 145px;
  top: 0;
}
.top_ .canvas canvas
{
  z-index: 1700;
  position: absolute;
}
.top a.logo
{
  display: block;
  float: left;
  background: url('by.png') center center no-repeat;
  margin: 10px 90px 0 105px;
  width: 69px;
  height: 54px;
  z-index: 2000;
  position: relative;
}
.top a.logo2
{
  background: url('by2.png') center center no-repeat;
}
.top .menu
{
  float: left;
  width: 690px;
  height: 80px;
  margin: 0 0 0 0;
  z-index: 2000;
  position: relative;
}
.top .menu a
{
  width: 110px;
  float: left;
  display: block;
  height: 48px;
  background: 20px 20px no-repeat;
  padding: 0 20px;
}
.top .menu a.ab
{
  background-image:  url('menu/about2.png');
  width: 50px;
}
.top .menu a.se
{
  background-image:  url('menu/serv2.png');
  width: 66px;
}
.top .menu a.wo
{
  background-image:  url('menu/works2.png');
  width: 50px;
}
.top .menu a.da
{
  background-image:  url('menu/daily2.png');
  width: 86px;
}
.top .menu a.co
{
  background-image:  url('menu/cont2.png');
  width: 74px;
}
.top .menu a.ab-sel,  .top .menu a.ab:hover
{
  background-image:  url('menu/about1.png');
}
.top .menu a.se-sel,  .top .menu a.se:hover
{
  background-image:  url('menu/serv1.png');
}
.top .menu a.wo-sel,  .top .menu a.wo:hover
{
  background-image:  url('menu/works1.png');
}
.top .menu a.da-sel,  .top .menu a.da:hover
{
  background-image:  url('menu/daily1.png');
}
.top .menu a.co-sel, .top .menu a.co:hover
{
  background-image:  url('menu/cont1.png');
}

.top .about-menu a.ab, .top .contacts-menu a.ab:hover
{
  background-image:  url('menu/about3.png');
}
.top .about-menu a.se,  .top .contacts-menu a.se:hover
{
  background-image:  url('menu/serv3.png');
}
.top .about-menu a.wo,  .top .contacts-menu a.wo:hover
{
  background-image:  url('menu/works3.png');
}
.top .about-menu a.da,  .top .contacts-menu a.da:hover
{
  background-image:  url('menu/daily3.png');
}
.top .about-menu a.co, .top .contacts-menu a.co:hover
{
  background-image:  url('menu/cont3.png');
}
.top .about-menu a.ab-sel
{
  background-image:  url('menu/about1.png');
}
.top .contacts-menu a.co-sel
{
  background-image:  url('menu/cont3.png');
}

/* **** */
.bg-begin
{
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  min-height: 100%;
  position: relative;
}
.begin_
{
  position: absolute;
  top: 50%;
  margin-top: -282px;
  left: 0;
  width: 100%;
}
.begin
{
  width: 963px;
  height: 464px;
  margin: auto;
}
.begin .yarn
{
  z-index: 1000;
  position: relative;
}
.begin .yarn .clacc
{
  position: absolute;
  text-transform: uppercase;
  font-weight: 500;
  font-size:13px;
  top: 442px;
  left: 610px;
}
.begin .over
{
  z-index: 0;
  position: absolute;
  background: url('yarn.png') center center no-repeat;
  height: 464px;
  width: 863px;
}
.begin .over div
{
  position: absolute;
  display: none;
}
.begin .st-about
{
  background: url('yarn_about.png') center center no-repeat;
  width: 183px;
  height: 165px;
  margin: 101px 0 0 70px;
}
.begin .st-services
{
  background: url('yarn_serv.png') center center no-repeat;
  width: 269px;
  height: 243px;
  margin: 51px 0 0 207px;
}
.begin .st-works
{
  background: url('yarn_works.png') center center no-repeat;
  width: 259px;
  height: 189px;
  margin: 154px 0 0 252px;
}
.begin .st-daily
{
  background: url('yarn_daily.png') center center no-repeat;
  width: 289px;
  height: 185px;
  margin: 42px 0 0 558px;
}
.begin .st-contacts
{
  background: url('yarn_cont.png') center center no-repeat;
  width: 266px;
  height: 165px;
  margin: 226px 0 0 521px;
}

/********************************/

.about 
{
  z-index: 1500;
  position: relative;
}
.ab-deco
{
  background: url('about_back.png') 0 0 no-repeat;
  width: 1352px;
  height: 987px;
  position: absolute;
  left: 2048px;
  z-index: 1100;
}
.about .submenu
{
  float: left;
  width: 165px;
  margin: 60px 0 0 110px;
}
.about .submenu a
{
  display: block;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  font-family: Dosis;
  color: #717a82;
}
.about .submenu a.sel
{
  color: #000;
}
.about .submenu a.philosophy
{
  background: url('menu/ab_ph1.png') left center no-repeat;
}
.about .submenu a.manifest
{
  background: url('menu/ab_ma1.png') left center no-repeat;
}
.about .submenu a.dry
{
  background: url('menu/ab_dr1.png') left center no-repeat;
}
.about .submenu a.brands
{
  background: url('menu/ab_br1.png') left center no-repeat;
}
.about .submenu a.people
{
  background: url('menu/ab_pe1.png') left center no-repeat;
}

.about .submenu a.philosophy:hover, .about .submenu a.philosophy-sel
{
  background: url('menu/ab_ph2.png') left center no-repeat;
}
.about .submenu a.manifest:hover,.about .submenu a.manifest-sel
{
  background: url('menu/ab_ma2.png') left center no-repeat;
}
.about .submenu a.dry:hover,.about .submenu a.dry-sel
{
  background: url('menu/ab_dr2.png') left center no-repeat;
}
.about .submenu a.brands:hover,.about .submenu a.brands-sel
{
  background: url('menu/ab_br2.png') left center no-repeat;
}
.about .submenu a.people:hover,.about .submenu a.people-sel
{
  background: url('menu/ab_pe2.png') left center no-repeat;
}

.about .submenu .adore
{
  margin: 50px 0px 40px 0px;
}
.about .about-window
{
  width: 700px;
  height: 450px;
  float: left;
  overflow: hidden;
  padding-top: 20px;
}
.about .about-strip
{
  width: 700px;
  height: 4310px;
  position: relative;
}
.about .content
{
  width: 500px;
  float: left;
}
.about .content p
{
  padding: 0 0 10px 0;
  line-height: 1.2;
}

.about .content-philo
{
  background: url('ab_philo.png') top left no-repeat;
  height: 180px;
  padding: 336px 150px 0 50px;
}
.about .content-manifest
{
  background: url('ab_mani.png') top left no-repeat;
  padding: 290px 150px 0px 0px;
  height: 237px;
}
.about .content-dry
{
  background: url('ab_dry.png') 0 140px no-repeat;
  padding: 30px 0 0 10px;
  height: 534px;
}
.about .content-brands
{
  width: 668px;
  height: 435px;
  background: url('ab_brands.png') top left no-repeat;
  padding: 0 0 30px 0;
}
.about .content-people
{
  padding: 30px;
}

/* ******************************* */
.daily 
{
  width: 100%;
  margin: 0 0 0 295px;
  width: 650px;
  position: relative;
  z-index: 1500;
}
#daily
{
  background: url('da_foot.png') 370px 720px no-repeat;
}
.da-deco
{
  background: url('daily_back.png') 0 0 no-repeat;
  width: 1048px;
  height: 1015px;
  position: absolute;
  z-index: 1100;
  left: 4000px;
}
.daily .col
{
  float: left;
  width: 320px;
  padding: 20px 0 0 0;
}
.daily .tweet
{
  border-bottom: 1px dotted #8e99c0;
  margin: 0 40px 0 5px;
  padding: 5px 0;
}
.daily .tweet p
{
  line-height: 1;
  font-weight: 300;
}
.daily .tweet p.date
{
  color: #8e99c0;
  font-size: 12px;
  font-family: Roboto;
}
.daily .tweet a
{
  color: #8e99c0;
  font-weight: normal;
}
.daily .inst
{
  margin: 0 4px 4px 0;
}
.daily .inst img
{
  width: 85px;
  height: 85px;
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.daily .pagn
{
  width: 300px;
  height: 40px;
}
.daily .pagn a
{
  width: 34px;
  height: 37px;
  display: block;
}
.daily .pagn .prev
{
  background: url('nav/iprev.png') no-repeat;
  float: left;
}
.daily .pagn .next
{
  background: url('nav/inext.png') no-repeat;
  float: right;
}
.daily .pagn .prev:hover
{
  background: url('nav/iprev-sel.png') no-repeat;
}
.daily .pagn .next:hover
{
  background: url('nav/inext-sel.png') no-repeat;
}

.inst-win
{
  width: 320px;
  overflow: hidden;
  position: relative;
  
}
.inst-strip
{
  width: 3200px;
  position: relative;
  left: 0px;
}
.inst-win .block
{
  float: left;
  width: 320px;
}

/** ******************** */
.contacts 
{
  width: 100%;
}
.contacts .top
{
  background: url('co_menu.png') 95px 100% no-repeat;
  width: 1100px;
  height: 68px;
}
.contacts .top .logo
{
  background-image: url('by2.png');
}
.contacts .top .menu a.ab:hover
{
  background-image:  url('menu/about3.png');
}
.contacts .top .menu a.se:hover
{
  background-image:  url('menu/serv3.png');
}
.contacts .top .menu a.wo:hover
{
  background-image:  url('menu/works3.png');
}
.contacts .top .menu a.da:hover
{
  background-image:  url('menu/daily3.png');
}
.contacts .top .menu a.co-sel, .contacts .top .menu a.co:hover
{
  background-image:  url('menu/cont3.png');
}
.contacts .footer
{
  background: url('co_foot.png') 630px 0 no-repeat;
}
.contacts
{
  margin: 0 0 0 250px;
}
.contacts .content
{
  padding: 70px 0 0 40px;
  width: 650px;
  height: 500px;
  line-height: 1.8;
  font-family: Helvetica, Arial;
  background: url('co_img.png')  left bottom no-repeat;
}
.contacts .content a
{
  font-weight: bold;
  text-decoration: underline;
}
.contacts .content a:hover
{
  text-decoration: none;
}
.contacts .footer
{
  min-height: 372px;
}

/********************************/
.services 
{
  position: relative;
  z-index: 1500;
}
.services_
{
  margin: 40px 0 0 135px;
  background: url('se_img.png') 265px 53px no-repeat;
  height: 475px;
}
#services 
{
  background: url('se_foot.png') 100px 700px no-repeat;
}
.se-deco
{
  background: url('se_back1.png') 0 0 no-repeat;
  width: 1065px;
  height: 904px;
  position: absolute;
  z-index: 1100;
  left: 4000px;
}
.services  h2
{
  font-family: Dosis;
  font-weight: 200;
  font-size: 36px;
  text-transform: uppercase;
}
.services  p
{
  color: #717a82;
  margin: 0 0 10px 0;
}
.services .cre
{
  position: absolute;
  margin: 0 0 0 395px;
}
.services .cre h2
{
  color: #f6a500;
}
.services .stra
{
  position: absolute;
  margin: 270px 0 0 0;
  text-align: right;
}
.services .stra h2
{
  color: #31b6bb;
}
.services .prod
{
  position: absolute;
  margin: 230px 0 0 600px;
  text-align: left;
}
.services .prod h2
{
  color: #ba66a4;
}
.services .adore
{
  margin: 425px 0 0 645px;
  position: absolute;
}

/********************************/
.works 
{
  background: #212326 url('wo_lines.png') left top;
  z-index: 1500;
  position: relative;
}
.wo-deco
{
  background: url('works.png') 0 0 no-repeat;
  width: 517px;
  height: 154px;
  position: absolute;
  left: 920px;
  top:0;
  z-index: 1000;
}
.works a.navig
{
  width: 640px;
  height: 428px;
  text-decoration: none;
  position: absolute;
  
  width: 1px;
  height: 1px;
}
.works a.navig img
{
  z-index: 100;
}
.works a.navig .over_
{
  position: absolute;
  z-index: 200;
  text-align: center;
}
.works a.navig .over
{
  adisplay: none;
  display: table-cell;
  vertical-align: middle;
}
.works a.navig .overlay
{
  opacity: 0.7;
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 1000;
}
.works a.navig .over .client
{
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  font-family: Roboto, Arial;
  font-weight:200;
  background: url('over1.png') center bottom no-repeat;
  position: relative;
  z-index: 1500;
  line-height: 1.2;
}
.works a.navig .over .project
{
  color: #fff;
  font-size: 20px;
  font-family: "Palatino Linotype",serif;
  position: relative;
  z-index: 1500;
}
.works a.navig .back
{
  overflow: hidden;
  position: relative;
}

/* *************** */
.search_menu_
{
  position: relative;
  z-index: 2500;
}
.search_menu
{
  color: #fff;
  margin: 20px 0 0 900px;
  position: absolute;
  z-index: 2500;
  width: 5000px;
  display: none;
}
.search_menu .select_all
{
  float: left;
  width: 50px;
}
.search_menu .select_all a
{
  color: #777c82;
  cursor: pointer;
}
.search_menu .select
{
  height: 21px;
  float: left;
  overflow: visible;
}
.search_menu .select .first
{
  color: #777c82;
  cursor: pointer;
  padding: 0 10px;
  margin: 0 10px 0 0 ;
  background: url('lilarrow.png') right center no-repeat;
  position: relative;
  z-index: 10000;
}
.search_menu .select .list
{
  display: none;
  padding: 0 7px;
  position: relative;
  az-index: 10000;
  background: url('transp.png');
}
.select .list a
{
  padding: 0;
  display: block;
  color: #999;
  font-size: 13px;
}

/* ***************************************** */
.works-window
{
  overflow: hidden;
  position: relative;
  z-index: 1200;
}
.works-strip
{
  height: 3000px;
  position: relative;
}
.works-page 
{
  width: 100%;
  width: 1024px;
  float: left;
  overflow: hidden;
  padding-top: 30px;
}
.works-list-page
{
  overflow: hidden;
  overflow-y: scroll;
}
.works-list-page_
{
  position: relative;
  width: 1000px;
}
.works-list-page .img
{
  padding-top: 10px;
  overflow: auto;
}
.works-strip-hor
{
}
.works-page-hor
{
  width: 100%;
  overflow: hidden;
}
.works-page .img_
{
  width: 66%;
  float: left;
  overflow: hidden;
}
.works-page .img
{
  margin: 0 40px 0 0;
  overflow: hidden;
  text-align: center;
  z-index: 900;
  position: relative;
  

  font-size: 0;
  line-height: 0;
}
.works-page .scroll
{
  width: 35px;
  float: right;
  z-index: 1100;
  position: relative;
}
.works-page .scroll a
{
  display: block;
  width: 32px;
  height: 32px;
}
.works-page .scroll .up
{
  background: url('nav/up.png') center center no-repeat;
}
.works-page .scroll .down
{
  background: url('nav/down.png') top center no-repeat;
}
.works-page .scroll .up:hover
{
  background: url('nav/up-sel.png') center center no-repeat;
}
.works-page .scroll .down:hover
{
  background: url('nav/down-sel.png') top center no-repeat;
}
.works-page .scroll .dot
{
  top: 0;
  position: relative;
  background: url('nav/dot.png') center center no-repeat;
}
.works-page .groove
{
  height: 900px;
}
.works-page .info
{
  float: right;
  width: 33%;
}
.works-page .navigation
{
  clear: both;
  width: 250px;
  height: 50px;
  margin: 0px auto;
  padding: 0 0 50px 0;
}
.works-page .navigation a
{
  float: left;
  display: block;
  width: 36px;
  height: 50px;
  margin: 0 70px 0 0;
}
.works-page .navigation a.left
{
  background: url('nav/left.png') center center no-repeat;
}
.works-page .navigation a.back
{
  background: url('nav/nav.png') center center no-repeat;
}
.works-page .navigation a.right
{
  background: url('nav/right.png') center center no-repeat;
  margin: 0;
}
.works-page .navigation a.left:hover
{
  background: url('nav/left-sel.png') center center no-repeat;
}
.works-page .navigation a.back:hover
{
  background: url('nav/nav-sel.png') center center no-repeat;
}
.works-page .navigation a.right:hover
{
  background: url('nav/right-sel.png') center center no-repeat;
  margin: 0;
}
.works-page .scrib
{
  background: url('scribbles.png') center top no-repeat;
  width: 478px;
  height: 18px;
  margin: 0 auto;
  padding: 0 0 50px 0;
}
.works-page .content
{
  color: #fff;
  font-family: Roboto, Arial;
  padding: 0 70px 0 35px;
}
.works-page .content h2
{
  font-family: Roboto, Arial;
  color: #777c80;
  font-size: 16px;
  margin: 0 0 30px 0;
  font-weight: 400;
  line-height: 1;
}
.works-page .content h2 strong
{
  color: #fff;
  font-weight: 400;
}
.works-page .content p, .works-page .content div
{
  font-family: Roboto, Arial;
  color: #fff;
  font-size: 14px;
  margin: 0 0 30px 0;
  font-weight: 200;
  line-height: 1.2;
}
.works-page .content p a, .works-page .content div a
{
  color: #fff;
  text-decoration: underline;
}

/****************************/
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) 
{/**/
  .ab-deco
    {
    background: url('high/about_back.png') 0 0 no-repeat;
    background-size: 1352px 987px;
  }
  .contacts .content
    {
    background: url('high/co_img.png') left bottom no-repeat;
    background-size: 648px 405px;
  }
  .da-deco
    {
    background: url('high/daily_back.png') 0 0 no-repeat;
    background-size: 1048px 1015px;
  }
  .about .content-dry
    {
    background-image: url('high/ab_dry.png');
    background-size: 513px 364px;
  }
  .about .content-manifest
    {
    background: url('high/ab_mani.png') top left no-repeat;
    background-size: 480px 440px;
  }
  .about .content-philo
    {
    background: url('high/ab_philo.png') top left no-repeat;
    background-size: 598px 383px;
  }
  .about .content-brands
    {
    background: url('high/ab_brands.png') top left no-repeat;
    background-size: 602px 421px;
  }
  .se-deco
    {
    background: url('high/se_back1.png') 0 0 no-repeat;
    background-size: 1065px 904px;
  }
  .begin .over
    {
    background: url('high/yarn.png') center center no-repeat;
    background-size: 863px 464px;
  }
  /*****/
  .top .menu a.ab
    {
      background-image:  url('high/menu/about2.png');
      background-size: 50px 16px;
  }
  .top .menu a.se
    {
      background-image:  url('high/menu/serv2.png');
      background-size: 66px 16px;
  }
  .top .menu a.wo
    {
      background-image:  url('high/menu/works2.png');
      background-size: 50px 16px;
  }
  .top .menu a.da
    {
      background-image:  url('high/menu/daily2.png');
      background-size: 86px 16px;
  }
  .top .menu a.co
    {
      background-image:  url('high/menu/cont2.png');
      background-size: 74px 16px;
  }
  .top .menu a.ab-sel,  .top .menu a.ab:hover
    {
      background-image:  url('high/menu/about1.png');
  }
  .top .menu a.se-sel,  .top .menu a.se:hover
    {
      background-image:  url('high/menu/serv1.png');
  }
  .top .menu a.wo-sel,  .top .menu a.wo:hover
    {
      background-image:  url('high/menu/works1.png');
  }
  .top .menu a.da-sel,  .top .menu a.da:hover
    {
      background-image:  url('high/menu/daily1.png');
  }
  .top .menu a.co-sel, .top .menu a.co:hover
    {
      background-image:  url('high/menu/cont1.png');
  }

  .top .about-menu a.ab, .top .contacts-menu a.ab:hover
    {
      background-image:  url('high/menu/about3.png');
  }
  .top .about-menu a.se,  .top .contacts-menu a.se:hover
    {
      background-image:  url('high/menu/serv3.png');
  }
  .top .about-menu a.wo,  .top .contacts-menu a.wo:hover
    {
      background-image:  url('high/menu/works3.png');
  }
  .top .about-menu a.da,  .top .contacts-menu a.da:hover
    {
      background-image:  url('high/menu/daily3.png');
  }
  .top .about-menu a.co, .top .contacts-menu a.co:hover
    {
      background-image:  url('high/menu/cont3.png');
  }
  .top .about-menu a.ab-sel
    {
      background-image:  url('high/menu/about1.png');
  }
  .top .contacts-menu a.co-sel
    {
      background-image:  url('high/menu/cont3.png');
  }
  .top a.logo
    {
    background-image: url('high/by.png');
    background-size: 69px 54px;
  }
  .top a.logo2
    {
    background-image: url('high/by2.png');
  }
  .services_
    {
    background-image: url('high/se_img.png');
    background-size: 321px 285px;
  }
  
  .works a.navig .over .client
    {
    background-image: url('high/over1.png');
    background-size: 221px 8px;
  }
  .works-page .scrib
    {
    background-image: url('high/scribbles.png');
    background-size: 478px 18px;
  }
  .wo-deco
    {
    background-image: url('high/works.png');
    background-size: 517px 154px;
  }
  
  /**************/
  .about .submenu a.philosophy
    {
    background-image: url('high/menu/ab_ph1.png');
    background-size: 82px 12px;
  }
  .about .submenu a.manifest
    {
      background-image: url('high/menu/ab_ma1.png');
      background-size: 65px 12px;
  }
  .about .submenu a.dry
    {
    background-image: url('high/menu/ab_dr1.png');
    background-size: 71px 12px;
  }
  .about .submenu a.brands
    {
    background-image: url('high/menu/ab_br1.png');
    background-size: 129px 12px;
  }
  .about .submenu a.people
    {
    background-image: url('high/menu/ab_pe1.png');
    background-size: 51px 12px;
  }

  .about .submenu a.philosophy:hover, .about .submenu a.philosophy-sel
    {
    background-image: url('high/menu/ab_ph2.png');
    background-size: 82px 12px;
  }
  .about .submenu a.manifest:hover,.about .submenu a.manifest-sel
    {
    background-image: url('high/menu/ab_ma2.png');
     background-size: 65px 12px;
  }
  .about .submenu a.dry:hover,.about .submenu a.dry-sel
    {
    background-image: url('high/menu/ab_dr2.png');
    background-size: 71px 12px;
  }
  .about .submenu a.brands:hover,.about .submenu a.brands-sel
    {
    background-image: url('high/menu/ab_br2.png');
    background-size: 129px 12px;
  }
  .about .submenu a.people:hover,.about .submenu a.people-sel
    {
    background-image: url('high/menu/ab_pe2.png');
    background-size: 51px 12px;
  }
  
}
video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  object-fit: fill;
}
.video-overlay {
  background: url('../img/overlay.png') repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -99;
  transform: translateX(-50%) translateY(-50%);
}
a.client-access {
  position: absolute;
  right: -78px;
  margin-top: 19px;
  /*font-size: 20px;*/
  font-weight: bolder;
  /*color: black;*/
  z-index: 1701;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 1em rgba(0, 0, 0, 0.2), 0 0 0.2em rgba(0, 0, 0, 0.2);
  color: white;
  font-size:1em;
}
a.client-access:hover {
  text-decoration: none;
}
#start {
  /*background-color: rgba(0, 0, 0, 0.3);*/
  /*background: url('../img/overlay.png') repeat;*/
  z-index: auto;
}