/*!
 * Project:   DRAGON
 * Date:      2014/03/03
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #333; font: 12px/1.5 'Open Sans',Helvetica Neue,Helvetica,Arial,sans-serif; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! layout -------- */

.root-a { position: relative; overflow: hidden; min-width: 1180px; width: 100%; margin: 0; }
 .root-a, .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a > * { max-width: 1168px; margin-left: auto; margin-right: auto; }
 .root-a > header { position: relative; z-index: 100; height: 120px; margin-bottom: 0; padding: 50px 0 0; background: #0c2b42; color: #fff; }
 .root-a > header:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #0c2b42; }
  .root-a > header .logo { position: absolute; top: 50%; left: 50%; width: 94px; height: 104px; margin: -52px 0 0 -47px; }
   .root-a > header .logo a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../images/dragon-logo-a.png) no-repeat; text-indent: 105%; white-space: nowrap; }
  .root-a > header .nav { width: 100%; margin: 0; }
  .root-a > header .nav:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
   .root-a > header .nav ul { list-style: none; float: left; width: 485px; height: 70px; margin: 0; padding: 0; font-size: 0.01em; text-align: justify; letter-spacing: -.35em; }
   /*.root-a > header .nav ul { list-style: none; float: left; width: 485px; margin: 0; padding: 0; font-size: 0; text-align: justify; letter-spacing: -.35em; }*/
   .lt-ie10 .root-a > header .nav ul { font-size: 0.1em; }
   .root-a > header .nav ul:after { content: ''; display: inline-block; width: 100%; }
   .root-a > header .nav ul ~ ul { float: right; }
    .root-a > header .nav ul li { display: inline-block; position: relative; height: 70px; font-size: 14px; font-weight: 700; line-height: 30px; text-transform: uppercase; letter-spacing: 0; vertical-align: top; }
     .root-a > header .nav ul li:before { display: none; }
     .root-a > header .nav ul li a { display: block; position: relative; color: #fff; }
     .root-a > header .nav ul li a:before { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; height: 3px; background: url(../images/nav-underline-a.png) repeat-x; opacity: 0; }
     .lt-ie9 .root-a > header .nav ul li a:before { display: none; }
     .root-a > header .nav ul li a, .root-a > header .nav ul li a:before { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
     .root-a > header .nav ul li a:hover:before, .root-a > header .nav ul li a:focus:before, .root-a > header .nav ul li a:active:before, .root-a > header .nav ul li:hover > a:before, .root-a > header .nav ul li.active > a:before { opacity: 1; }
     .lt-ie9 .root-a > header .nav ul li a:hover:before, .lt-ie9 .root-a > header .nav ul li a:focus:before, .lt-ie9 .root-a > header .nav ul li a:active:before, .lt-ie9 .root-a > header .nav ul li:hover > a:before, .lt-ie9 .root-a > header .nav ul li.active > a:before { display: block; }
     .root-a > header .nav ul li ul { display: none; position: absolute; top: 70px; left: -30px; width: 330px; height: auto; margin: 0; padding: 0 30px; border: 1px solid #eee; border-width: 0 1px 1px; background: #fff; }
     /*.root-a > header .nav ul li ul { display: none; position: absolute; top: 70px; left: -30px; width: 330px; margin: 0; padding: 0 30px; border: 1px solid #eee; border-width: 0 1px 1px; background: #fff; }*/
     .root-a > header .nav ul li ul { box-shadow: 8px 8px 8px 0 rgba(0,0,0,0.4); }
     .csstransitions.opacity .root-a > header .nav ul li ul { display: block; overflow: hidden; max-height: 0; opacity: 0; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-backface-visibility: hidden; }
     .root-a > header .nav ul li:hover > ul { display: block; padding: 20px 30px; }
     .csstransitions.opacity .root-a > header .nav ul li:hover > ul { max-height: 300px; opacity: 1; }
     .root-a > header .nav ul li ul:before { content: ''; position: absolute; top: 0; left: 50px; width: 0; height: 0; margin: 0; border: 10px solid transparent; border-top-color: #0c2b42; }
     .root-a > header .nav ul li ul:after { display: none; }
      .root-a > header .nav ul li ul li { display: block; height: auto; margin: 0; font-size: 13px; line-height: 1.4; }
      .root-a > header .nav ul li ul li ~ li { border-top: 1px dashed #949aa2; }
       .root-a > header .nav ul li ul li a { border: none; padding: 7px 0; color: #000; }
       .root-a > header .nav ul li ul li a:before { display: none !important; }
       .root-a > header .nav ul li ul li a:hover, .root-a > header .nav ul li ul li a:focus, .root-a > header .nav ul li ul li a:active, .root-a > header .nav ul li ul li.active > a { color: #d8732d; }
  .root-a > header .utils { position: absolute; top: 14px; right: 0; width: 485px; margin: 0; }
   .root-a > header .utils .languages-a { float: right; margin: 0; }
   .root-a > header .utils .search-a { float: left; margin: 0; }
   .root-a > header .utils .download-a { float: left; margin: 0 0px 0 -10px; }
 .root-a > section { position: relative; z-index: 2; margin-bottom: 0; padding-bottom: 60px; }
 .root-a.nogap > section { padding-bottom: 0; }
 .root-a.products > section { padding-bottom: 20px; }
 .root-a.products > section:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #eee; }
 .root-a.salesmap > section { max-width: none; padding-bottom: 0; }
  .root-a.salesmap > section .crumbs-a { max-width: 1168px; margin-left: auto; margin-right: auto; }
 .root-a > footer { position: relative; z-index: 1; padding: 1px 0 30px; }
 .root-a > footer:before { content: ''; position: absolute; top: 0; left: -100%; right: -100%; z-index: -1; border-top: 2px dashed #666; }
  .root-a > footer .contact-a { margin-bottom: 20px; }
  .root-a > footer .credits { margin-bottom: 20px; color: #8e9ba2; text-align: right; }
   .root-a > footer .credits a { color: #8e9ba2; font-weight: 700; }
   .root-a > footer .credits a:hover, .root-a > footer .credits a:focus, .root-a > footer .credits a:active { color: #72828b; }
  .root-a > footer .keywords { position: relative; padding-top: 20px; color: #6e6e6e; text-align: center; text-transform: lowercase; }
  .root-a > footer .keywords:before { content: ''; position: absolute; top: 0; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #aeb7bc; }

/*! grids --------- */

.grid-a { list-style: none; margin: -30px 0 30px -30px; padding: 0; letter-spacing: -.35em; }
 .grid-a > .column { display: inline-block; border: 1px solid transparent; border-width: 30px 0 0 30px; margin: 0; padding: 0; letter-spacing: 0; vertical-align: top; }
  .grid-a > .column:before { display: none; }
 .grid-a > .column.w5 { width: 5%; } .grid-a > .column.w10 { width: 10%; } .grid-a > .column.w15 { width: 15%; } .grid-a > .column.w20 { width: 20%; } .grid-a > .column.w25 { width: 25%; } .grid-a > .column.w30 { width: 30%; } .grid-a > .column.w35 { width: 35%; } .grid-a > .column.w40 { width: 40%; } .grid-a > .column.w45 { width: 45%; } .grid-a > .column.w50 { width: 50%; } .grid-a > .column.w55 { width: 55%; } .grid-a > .column.w60 { width: 60%; } .grid-a > .column.w65 { width: 65%; } .grid-a > .column.w70 { width: 70%; } .grid-a > .column.w75 { width: 75%; } .grid-a > .column.w80 { width: 80%; } .grid-a > .column.w85 { width: 85%; } .grid-a > .column.w90 { width: 90%; } .grid-a > .column.w95 { width: 95%; } .grid-a > .column.w100 { width: 100%; }
 .grid-a > .column.w8 { width: 8.33%; } .grid-a > .column.w16 { width: 16.66%; } .grid-a > .column.w33 { width: 33.33%; }.grid-a > .column.w66 { width: 66.67%; }
 .grid-a > .column.o5 { margin-left: 5%; } .grid-a > .column.o10 { margin-left: 10%; } .grid-a > .column.o15 { margin-left: 15%; } .grid-a > .column.o20 { margin-left: 20%; } .grid-a > .column.o25 { margin-left: 25%; } .grid-a > .column.o30 { margin-left: 30%; } .grid-a > .column.o35 { margin-left: 35%; } .grid-a > .column.o40 { margin-left: 40%; } .grid-a > .column.o45 { margin-left: 45%; } .grid-a > .column.o50 { margin-left: 50%; } .grid-a > .column.o55 { margin-left: 55%; } .grid-a > .column.o60 { margin-left: 60%; } .grid-a > .column.o65 { margin-left: 65%; } .grid-a > .column.o70 { margin-left: 70%; } .grid-a > .column.o75 { margin-left: 75%; } .grid-a > .column.o80 { margin-left: 80%; } .grid-a > .column.o85 { margin-left: 85%; } .grid-a > .column.o90 { margin-left: 90%; } .grid-a > .column.o95 { margin-left: 95%; } .grid-a > .column.o100 { margin-left: 100%; }
 .grid-a > .column.o8 { margin-left: 8.33%; } .grid-a > .column.o16 { margin-left: 16.66%; } .grid-a > .column.o33 { margin-left: 33.33%; }.grid-a > .column.o66 { margin-left: 66.67%; }
.grid-a.gapless { margin-left: 0; }
 .grid-a.gapless > .column { border-left: none; } 

 .grid-a.images img { display: block; width: 100%; height: auto; margin: 0; }

/*! elements ------ */

.about-a { }
 .about-a figure { }
 .about-a figure.maps { text-align: center; }

.categories-a { text-transform: uppercase; }
ul.categories-a, .categories-a ul { list-style: none; padding: 0; }
 .categories-a li:before { display: none; }
 .categories-a a { color: #000; }
 .categories-a a:hover { color: #d8732d; }
.categories-a.grid-a { margin: -20px 0 30px -10px; }
 .categories-a.grid-a > .column { border-width: 20px 0 0 10px; }
  .categories-a.grid-a > .column > span { display: block; margin: 0 0 15px; }
   .categories-a.grid-a > .column > span img { display: block; width: 100%; height: auto; margin: 0; }
   .categories-a.grid-a > .column > span img { border-radius: 10px; }
  .categories-a.grid-a > .column > strong { display: block; margin: 0 0 5px; color: #fc7229; font-size: 20px; font-weight: 600; line-height: 1; }

.categories-b { margin-bottom: 50px; }
ul.categories-b.grid-a, .categories-b ul.grid-a { list-style: none; padding: 0; }
 .categories-b > li.column { vertical-align: middle; letter-spacing: -.35em; }
 .categories-b li:before { display: none; }
  .categories-b li > a { display: block; color: #000; }
  .categories-b li > a:hover, .categories-b li > a:focus, .categories-b li > a:active { color: #d8732d; }
   .categories-b li span { display: inline-block; margin: 0 30px 0 0; letter-spacing: 0; vertical-align: middle; min-width: 120px; }
   .categories-b li strong { display: inline-block; margin: 0; vertical-align: middle; font-size: 14px; font-weight: normal; letter-spacing: 0; }

ul.categories-c, .categories-c ul { list-style: none; padding: 0; text-align: justify; letter-spacing: -.35em; }
ul.categories-c:after, .categories-c ul:after { content: ''; display: inline-block; width: 100%; }
 .categories-c li { display: inline-block; margin: 0; font-size: 33px; font-weight: 300; line-height: 0.9; text-transform: uppercase; letter-spacing: 0; vertical-align: bottom; }
 .categories-c li.active { font-size: 63px; font-weight: normal; }
 .categories-c li:before { display: none; }
  .categories-c li.active a { display: block; color: #d8732d; }

.category-a { padding: 0 0 30px; }
.product-search-a + .category-a { margin-top: -15px; }
 .category-a > header { margin: -10px 0 10px; text-align: justify; }
 .category-a > header:after { content: ''; display: inline-block; width: 100%; }
  .category-a > header h2 { display: inline-block; margin: 10px 0 0; color: #d8732d; font-size: 27px; font-weight: 300; text-align: left; vertical-align: middle; }
  .category-a > header .back { display: inline-block; margin: 10px 0 0; font-weight: 700; text-align: right; vertical-align: middle; }
   .category-a > header .back a { color: #000; }
   .category-a > header .back a:hover { color: #d8732d; }
 .category-a .wrap { padding: 30px; background: #fff; }
  .category-a .wrap .grid-a { margin-bottom: 40px; }
  .category-a .wrap figure { }
   .category-a .wrap figure img { display: block; margin: 0 auto; }
  .category-a .wrap ul { list-style: none; padding: 0; }
   .category-a .wrap ul li { margin: 0; border-bottom: 1px dashed #a8a8a8; font-size: 14px; font-weight: 700; line-height: 1.28; }
   .category-a .wrap ul li:before { display: none; }
    .category-a .wrap ul li a { display: block; padding: 5px 0; color: #000; }
    .category-a .wrap ul li a:hover { color: #d8732d; }
  .category-a .wrap .description { color: #7d7d7d; text-align: center; }
   .category-a .wrap .description p { font-size: 14px; }

.contact-a { position: relative; z-index: 1; margin-top: 0; padding: 26px 0; background: #0c2b42; color: #fff; }
.contact-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #0c2b42; }
 .contact-a.grid-a > .column { border-top: none; }
 .contact-a p { margin-bottom: 10px; }
 .contact-a a { color: #fff; }
 .contact-a a:hover, .contact-a a:focus, .contact-a a:active { color: #d8732d; }

.contact-b { }
 .contact-b li, .contact-b p { font-size: 14px; }
 .contact-b .branch, .contact-b .branch.grid-a { position: relative; margin-bottom: 20px; }
 .contact-b .branch + .branch, .contact-b .branch.grid-a + .branch.grid-a { padding-top: 20px; }
 .contact-b .branch + .branch:before { content: ''; position: absolute; top: 30px; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #949aa2; }
 .contact-b .sales { }
  .contact-b .sales .region { margin: 30px 0; text-align: center; }
   .contact-b .sales .region strong { display: block; padding-bottom: 1em; }
   .contact-b .sales .region strong + br { display: none; }
   .contact-b .sales .region.nw strong { color: #b9c7c0; }
   .contact-b .sales .region.sw strong { color: #6c6c66; }
   .contact-b .sales .region.ne strong { color: #a2b1af; }
   .contact-b .sales .region.se strong { color: #47626f; }

.crumbs-a { position: relative; margin: 0 0 30px; padding: 8px 0; color: #fff; }
.crumbs-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #fff; background: #8e9ba2; }
 .crumbs-a ul { list-style: none; margin: 0; padding: 0; letter-spacing: -.35em; }
  .crumbs-a ul li { display: inline-block; overflow: hidden; margin: 0; font-size: 14px; font-weight: 700; line-height: 1.42; letter-spacing: 0; vertical-align: top; }
  .crumbs-a ul li ~ li { margin-left: 5px; }
  .crumbs-a ul li:before { display: none; }
  .crumbs-a ul li ~ li:before { content: '/'; display: inline-block; margin: 0 5px 0 0; font-size: 1em; line-height: inherit; }
   .crumbs-a ul li a { color: #fff; }
   .crumbs-a ul li a:hover { color: #f8a34d; }

.cta-a { position: relative; padding: 30px 0; }
.showcase-a + .cta-a { margin-top: -15px; }
.cta-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #878e98; background: #e7e8eb; }
 .cta-a .item { color: #636363; }
  .cta-a .item > a { display: block; margin: 0 0 15px; text-transform: uppercase; }
   .cta-a .item a figure { margin: 0 0 10px; }
    .cta-a .item figure img { display: block; width: 100%; height: auto; margin: 0; }
    .cta-a .item a figure img { border-radius: 10px; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
    .cta-a .item a:hover figure img { opacity: 0.8; }
   .cta-a .item a h2 { position: relative; padding-right: 25px; color: #000; font-size: 14px; font-weight: normal; }
   .cta-a .item a h2:after { content: ''; position: absolute; top: 50%; right: 0; width: 13px; height: 40px; margin: -20px 0 0; background: url(../images/cta-a-arrow.png) no-repeat; }
   .cta-a .item a h2:after { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
   .cta-a .item a:hover h2:after { margin-right: -5px; }
    .cta-a .item a h2 strong { display: block; padding-bottom: 6px; color: #fc7229; font-size: 24px; font-weight: 600; line-height: 1; }

.download-a { width: 160px; }
 .download-a a { display: block; height: 20px; overflow: hidden; padding: 0 10px; border: 1px solid #5f7483; background: #254155; color: #fff; font-size: 8px; font-weight: normal; line-height: 18px; }
 .download-a a { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
 .download-a a:hover, .download-a a:focus, .download-a a:active { background: #2d4f67; color: #fff; }
 .download-a a:before { content: ''; float: right; width: 9px; height: 12px; margin: 3px 0 3px 5px; background: url(../images/ico-download-a.png) 50% 50% no-repeat; }

.languages-a { }
 .languages-a ul { list-style: none; padding: 0; font-size: 0; letter-spacing: -.35em; }
  .languages-a ul li { display: inline-block; margin: 0; color: #716d6d; font-size: 12px; font-weight: 700; line-height: 20px; letter-spacing: 0; vertical-align: top; }
  .languages-a ul li:before { display: none; }
  .languages-a ul li ~ li { margin-left: 5px; }
  .languages-a ul li ~ li:before { display: inline-block; float: none; content: '|'; margin: 0 5px 0 0; vertical-align: top; }
   .languages-a ul li a { color: #716d6d; }
   .languages-a ul li a:hover, .languages-a ul li a:focus, .languages-a ul li a:active, .languages-a ul li.active a { color: #fff; }

ul.list-a, .list-a ul { list-style: none; padding: 0; }
 .list-a li:before { display: none; }

ul.list-b, .list-b ul { list-style: none; width: auto; margin: 0 0 30px; padding: 0; letter-spacing: -.35em; }
 .list-b li { display: inline-block; width: 33.33%; margin: 0; padding: 10px 20px 0 50px; font-size: 14px; font-style: italic; letter-spacing: 0; vertical-align: top; }
 .list-b li:before { display: none; }
  .list-b li img { display: inline-block; max-width: 40px; height: auto; margin: -2px 10px 0 -50px; vertical-align: middle; }

ul.list-c, .list-c ul { list-style: none; margin: 60px 0 30px; padding: 0; }
 .list-c li { margin: 0 0 40px; padding: 0 0 0 50px; font-size: 14px; text-transform: uppercase; }
 .list-c li:before { display: none; }
  .list-c li a { display: block; color: #000; }
  .list-c li a:hover { color: #d8732d; }
   .list-c li img { display: inline-block; max-width: 40px; height: auto; margin: -2px 10px 0 -50px; vertical-align: middle; }

.logos-a { position: relative; padding: 25px 0 30px; text-align: center; }
.logos-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #e9ebec; }
.numbers-a + .logos-a { margin-top: -15px; }
 .logos-a h2 { margin-bottom: 20px; font-size: 20px; font-weight: 300; line-height: 1; text-transform: uppercase; }
 .logos-a .wrap { position: relative; }
  .logos-a .wrap .viewport { position: relative; z-index: 1; width: 1080px; overflow: hidden; margin: 0 auto; }
  .logos-a ul.items { list-style: none; margin: -10px 0 0; padding: 0; letter-spacing: -.35em; }
  .js .logos-a ul.items { overflow: hidden; margin: 0; }
   .logos-a ul.items li { display: inline-block; width: 180px; margin: 10px 0 0; letter-spacing: 0; vertical-align: middle; }
   .js .logos-a ul.items li { /*float: left;*/ margin: 0; }
   .logos-a ul.items li:before { display: none; }
    .logos-a ul.items li a { display: inline-block; vertical-align: middle; outline: none; }
    .logos-a ul.items li img { display: block; max-width: 170px; margin: 0; opacity: 0.5; }
    .logos-a ul.items li a img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-backface-visibility: hidden; }
    .logos-a ul.items li a:hover img { opacity: 1; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); filter: grayscale(0%); }
  .logos-a .wrap ul.direction-nav { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; height: 0; margin: -18px 0 0; padding: 0; text-align: left; }
   .logos-a .wrap ul.direction-nav li { position: absolute; top: 0; right: 0; width: 15px; height: 36px; margin: 0; }
   .logos-a .wrap ul.direction-nav li:first-child { left: 0; right: auto; }
   .logos-a .wrap ul.direction-nav li:before { display: none; }
    .logos-a .wrap ul.direction-nav li a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../images/arrows-a.png) -40px 0 no-repeat; text-indent: 105%; white-space: nowrap; opacity: 0.6; outline: none; }
    .logos-a .wrap ul.direction-nav li:first-child a { background-position: 0 0; }
    .logos-a .wrap ul.direction-nav li a.disabled { display: none; }
    .logos-a .wrap ul.direction-nav li a { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
    .logos-a .wrap ul.direction-nav li a:hover { opacity: 1; }

.logos-b { position: relative; padding: 35px 0 40px; text-align: center; }
.logos-b:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #a2a4a5; background: #e9ebec; }
.logos-a + .logos-b { margin-top: -15px; }
 .logos-b ul { list-style: none; margin: -15px 0 0; padding: 0; letter-spacing: -.35em; }
  .logos-b ul li { display: inline-block; margin: 15px 0 0; padding: 0 30px; letter-spacing: 0; vertical-align: middle; }
  .logos-b ul li:before { display: none; }
   .logos-b ul li img { display: block; margin: 0; }
   .logos-b ul li a img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
   .logos-b ul li a:hover img { opacity: 0.8; }

.map-a { margin: 0 0 30px; }
 .map-a div { margin: 0; }
 .js .map-a > .wrap { width: 100%; height: 240px; margin: 0; }
 .js .map-a img { max-width: none; }
 .js .map-a .inner { width: 300px; height: auto; }
  .js .map-a h4 { margin: 0 0 3px; text-transform: uppercase; }
  .js .map-a p { margin: 0 0 3px; font-size: 13px; }

.map-b { margin: 0 0 30px; }
 .map-b div { margin: 0; }
 .js .map-b > .wrap { width: 100%; height: 600px; margin: 0; }
 .js .map-b img { max-width: none; }
 .js .map-b .inner { width: 300px; height: auto; }
  .js .map-b h4 { margin: 0 0 3px; text-transform: uppercase; }
  .js .map-b p { margin: 0 0 3px; font-size: 13px; }

.nav-a { position: relative; margin: 0 0 20px; padding: 8px 0; color: #fff; text-align: center; }
.nav-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; background: #fc7229; }
 .nav-a p { display: inline-block; margin: 0 10px 0 0; font-size: 13px; font-weight: 700; line-height: 1.42; vertical-align: middle; }
 .nav-a ul { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
  .nav-a ul li { display: inline-block; overflow: hidden; margin: 0; font-size: 13px; font-weight: 700; line-height: 1.42; text-transform: uppercase; vertical-align: middle; }
  .nav-a ul li:before { display: none; }
  .nav-a ul li { margin-left: 10px; }
  .nav-a ul li ~ li:before { display: inline-block; float: none; overflow: hidden; content: '|'; margin: 0 12px 0 0; font-size: 1em; line-height: inherit; vertical-align: top; }
  .nav-a ul li a { color: #fff; }
  .nav-a ul li a:hover, .nav-a ul li.active a { color: #0c2b42; }

.newsletter-a { max-width: 440px; }
 .newsletter-a h2 { margin-bottom: 0; }
 .newsletter-a .field { max-width: 350px; }
  .newsletter-a .field input.placeholder { color: #000 !important; }
 .newsletter-a p.agreement { color: #6f6d6d; font-size: 10px; }

ul.newslist-a, .newslist-a ul { list-style: none; padding: 0; }
 .newslist-a li { margin-bottom: 15px; }
 .newslist-a li:before { display: none; }

.newslist-b { margin-bottom: 30px; }
 .newslist-b .item { position: relative; margin: 0 0 20px; padding: 0 0 21px; }
 .newslist-b .item:after, .newslist-b .item .summary:after, .newslist-b .item .details:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .newslist-b .item:before { content: ''; position: absolute; bottom: 0; left: -100%; right: -100%; height: 0; border-bottom: 1px dashed #949aa2; }
  .newslist-b .item figure { float: left; margin: 3px 0 0; }
   .newslist-b .item figure img { display: block; width: 100%; max-width: 205px; height: auto; margin: 0; }
   .newslist-b .item figure img { border-radius: 10px; }
   .newslist-b .item figure a img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
   .newslist-b .item figure a:hover img { opacity: 0.8; }
  .newslist-b .item figure ~ * { margin-left: 225px !important; }
  /*.js .newslist-b .item > * { display: none; }
    .js .newslist-b .item > .summary { display: block; }*/
  .newslist-b .item .summary, .newslist-b .item .details { margin: 0; }
  .newslist-b .item span.read-less, .newslist-b .item span.read-more { display: block; margin-top: 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; }

.numbers-a { position: relative; padding: 25px 0 60px; }
.cta-a + .numbers-a { margin-top: -15px; }
.numbers-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border: 1px dashed #e6e9ea; border-width: 1px 0; background: #8e9ba2; }
 .numbers-a h2 { margin: 0 0 30px; color: #fff; font-size: 37px; font-weight: 300; line-height: 1; text-align: center; text-transform: uppercase; }

.pagination-a { }
 .pagination-a p { display: inline-block; margin: 0 10px 0 0; font-size: 14px; vertical-align: middle; }
 .pagination-a ul { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
  .pagination-a ul li { display: inline-block; margin: 0; padding: 0; font-size: 14px; line-height: 28px; text-align: center; vertical-align: top; }
  .pagination-a ul li:before { display: none; }
   .pagination-a ul li span, .pagination-a ul li a { display: block; min-width: 32px; padding: 0 2px; border: 2px solid #aab4b9; background: #fff; color: #000; font-size: 14px; line-height: 28px; vertical-align: top; }
   .pagination-a ul li span, .pagination-a ul li a { border-radius: 5px; }
   .pagination-a ul li span, .pagination-a ul li a:hover, .pagination-a ul li.active a, .pagination-a ul li a.active { color: #d8732d; }
.pagination-a.right { text-align: right; }
.pagination-a.center { text-align: center; }
 .pagination-a.center p { display: none; }

.press-a { min-height: 180px; padding-right: 300px; background: url(../images/boxes-a.png) 100% 0 no-repeat; }
.press-a.contact { color: #7c7c7c; }
 .press-a.contact .vcard { margin-top: 35px; color: #000; }
.press-a.download { }
 .press-a.download .wrap-a.sep:first-child { min-height: 180px; }

.product-a { padding: 0 0 30px; }
.product-search-a + .product-a { margin-top: -15px; }
 .product-a > header { margin: -10px 0 10px; text-align: justify; }
 .product-a > header:after { content: ''; display: inline-block; width: 100%; }
  .product-a > header h2 { display: inline-block; margin: 10px 0 0; color: #d8732d; font-size: 27px; font-weight: 300; text-align: left; vertical-align: middle; }
  .product-a > header .back { display: inline-block; margin: 10px 0 0; font-weight: 700; text-align: right; vertical-align: middle; }
   .product-a > header .back a { color: #000; }
   .product-a > header .back a:hover { color: #d8732d; }
 .product-a .wrap { background: #fff; }
 .product-a .wrap:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
  .product-a .wrap .showcase-b { float: left; width: 400px; margin: 30px; }
  .product-a .wrap .showcase-b ~ * { margin-left: 460px !important; }
   .product-a .wrap .details.tabs-a > section { padding: 0 20px 20px 0; }
   .product-a .wrap .details p { font-size: 14px; }
   .product-a .wrap .details p.small { font-size: 12px; }
   .product-a .wrap .details > section ul li { font-size: 14px; font-style: italic; }
   .product-a .wrap .details > section.application ul li { font-weight: 600; }
   .product-a .wrap .details > section.downloads ul li { font-style: normal; }
   .product-a .wrap .details > section ol li { font-size: 14px; }

.product-search-a { position: relative; margin: 0 0 30px; }
.crumbs-a + .product-search-a { margin-top: -30px; }
 .product-search-a > .fields { position: relative; margin: 0; padding: 50px 0 25px; }
 .js .product-search-a > .fields { overflow: hidden; max-height: 0; padding: 0; opacity: 0; }
 .lt-ie9 .product-search-a > .fields { display: none; }
 .js .product-search-a > .fields { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-backface-visibility: hidden; }
 .js .product-search-a.open > .fields { overflow: visible; max-height: 400px; padding: 50px 0 25px; opacity: 1; }
 .lt-ie9 .product-search-a.open > .fields { display: block; }
 .product-search-a > .fields:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border-bottom: 1px dashed #a5aeb3; background: #e0e0e0; }
 .js .product-search-a > .fields:before { background: #eee; }
 .js .product-search-a.open > .fields:before { background: #e0e0e0; }
  .product-search-a > .fields h2 { color: #133250; font-size: 30px; font-weight: 300; text-align: center; text-transform: uppercase; }
  .product-search-a > .fields .field { position: relative; margin: 0 0 20px; }
  .product-search-a > .fields .field.sep { padding-bottom: 22px; }
  .product-search-a > .fields .field.sep:before { content: ''; position: absolute; bottom: 0; bottom: 0; left: 50%; z-index: -1; width: 300px; height: 2px; margin: 0 0 0 -150px; background: #fff; }
  .product-search-a > .fields .grid-a { margin: -20px 0 20px -20px; }
   .product-search-a > .fields .grid-a > .column, .product-search-a > .fields .grid-a > .field.column { margin: 0; border-width: 20px 0 0 20px; }
   .product-search-a > .fields input[type=text] { height: 52px; padding: 0 25px; border: none; background: #fff; font-size: 16px; font-weight: 300; line-height: 52px; }
   .product-search-a > .fields input[type=text]::-webkit-input-placeholder { color: #000; text-transform: none; }
   .product-search-a > .fields input[type=text]:-ms-input-placeholder { color: #000; text-transform: none; }
   .product-search-a > .fields input[type=text]:-moz-placeholder { color: #000; text-transform: none; }
   .product-search-a > .fields input[type=text]::-moz-placeholder { color: #000; text-transform: none; }
   .product-search-a > .fields input[type=text].placeholder { color: #000; text-transform: none; }
  .product-search-a > .fields select { height: 52px; padding: 12px 30px 12px 20px; border: none; background: #fff url(../images/select-a.png) 100% 50% no-repeat; font-size: 16px; font-weight: 300; text-indent: 1px; text-overflow: ''; -webkit-appearance: none; -moz-appearance: none; }
   .product-search-a > .fields select::-ms-expand { display: none; }
  .lt-ie10 .product-search-a > .fields select { padding: 12px 20px; background: #fff; text-indent: 0; }
   .product-search-a > .fields select option { padding: 5px 24px; font-size: 16px; font-weight: 300; }
   .product-search-a > .fields input[type=text]:focus, .product-search-a > .fields select:focus { outline: 2px solid #ccc; }
  .product-search-a > .fields .action { }
   .product-search-a > .fields .action button { width: 100%; height: 52px; padding: 0 25px; border: 2px solid #fff; background: #e0e0e0; color: #fff; font-size: 20px; font-weight: normal; line-height: 48px; text-transform: uppercase; }
   .product-search-a > .fields .action button { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
   .product-search-a > .fields .action button:hover, .product-search-a > .fields .action button:focus, .product-search-a > .fields .action button:active { background: #ccc; color: #fff; }
 .product-search-a > .action { margin: 0; text-align: right; }
 .product-search-a > .action a.button { display: inline-block; height: 34px; margin: 0 0 0 8px; padding: 0 25px; background: #8ebb05; color: #fff !important; font-size: 12px; font-weight: 700; line-height: 34px; text-align: center; text-transform: uppercase; outline: none; }
 .product-search-a > .action a.button { border-radius: 0 0 5px 5px; box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
  .product-search-a > .action a.button.contact { background: #8ebb05; }
  .product-search-a > .action a.button.contact:hover { background: #7ba204; }
  .product-search-a > .action a.button.toggler { background: #bd0101; }
  .product-search-a > .action a.button.toggler:after { content: ''; display: inline-block; width: 22px; height: 22px; margin: -3px -10px 0 10px; background: url(../images/ico-search-b.png) no-repeat; vertical-align: middle; }
  .product-search-a > .action a.button.toggler:hover, .product-search-a.open > .action a.button.toggler { background: #f00101; }

ul.results-a, .results-a ul { list-style: none; min-height: 200px; margin-bottom: 50px; padding: 0; }
 .results-a li { margin: 0 0 15px; font-size: 14px; }
 .results-a li:before { display: none; }
  .results-a li a { color: #000; }
  .results-a li a:hover, .results-a li a:focus, .results-a li a:active { color: #d8732d; }

.sales-a { }
 .sales-a h2 { margin-bottom: 30px; font-size: 16px; font-weight: 700; }
 .sales-a ul { list-style: none; padding: 0; }
  .sales-a ul li { margin: 0 0 10px; color: #939393; font-size: 14px; font-weight: 700; text-transform: uppercase; }
  .sales-a ul li:before { display: none; }
   .sales-a ul li a { color: #939393; }
   .sales-a ul li a:hover { color: #d8732d; }
 .sales-a .map { text-align: right; }

.sales-b { position: relative; margin: 0; }
.crumbs-a + .sales-b { margin-top: -30px; }
 .sales-b .map-b { position: relative; z-index: 1; margin: 0; }
 .sales-b .filter { position: absolute; top: 0; bottom: 0; left: 0; z-index: 2; width: 300px; margin: 0; padding: 30px; background: url(../images/map-overlay-a.png); background: rgba(255,255,255,0.3); }
  .sales-b .filter h3 { margin: 0 0 40px; color: #000; font-size: 18px; font-weight: 700; text-transform: none; }
  .sales-b .filter .field { margin: 0 0 20px; }
   .sales-b .filter .field select { height: 26px; padding: 2px 10px 2px 2px; border: 1px solid #000; background: #fff url(../images/select-b.png) 100% 50% no-repeat; font-size: 12px; font-weight: 700; text-indent: 1px; text-overflow: ''; -webkit-appearance: none; -moz-appearance: none; }
    .sales-b .filter .field select::-ms-expand { display: none; }
   .lt-ie10 .sales-b .filter .field select { padding: 2px; background: #fff; text-indent: 0; }
    .sales-b .filter .field select option { padding: 2px 2px 2px 7px; font-size: 12px; font-weight: normal; }
  .sales-b .filter .action { margin: 100px 0 20px; }
   .sales-b .filter .action button { display: block; width: 100%; height: 26px; padding: 0 5px; border: 1px solid #0c2b42; background: #fff; color: #0c2b42; font-size: 12px; font-weight: 700; line-height: 24px; text-align: center; text-transform: uppercase; }
   .sales-b .filter .action button { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
   .sales-b .filter .action button:hover { background: #f0f2f4; }

.search-a { width: 190px; }
 .search-a p { position: relative; padding: 0 30px 0 0; }
  .search-a p input { height: 20px; padding: 0 5px; border: 1px solid #4f6576; background: #0c2b42; color: #fff; font-size: 8px; font-weight: normal; line-height: 18px; letter-spacing: 0; }
  .search-a p input.placeholder { color: #c6c6c6; }
  .search-a p input:focus { border-color: #718ca0; background: #0c2b42; color: #fff; outline: none; }
  .search-a p button { position: absolute; top: 0; right: 0; overflow: hidden; width: 20px; height: 20px; padding: 0; border: none; background: url(../images/ico-search-a.png) 50% 50% no-repeat; text-indent: 105%; white-space: nowrap; }
  .search-a p button { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
  .search-a p button:hover { opacity: 0.8; }

.showcase-a { position: relative; }
.js .showcase-a { height: 274px; overflow: hidden; }
.root-a > section > .showcase-a { width: 1920px; margin-left: -376px; margin-right: -376px; }
.showcase-a:before, .showcase-a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; z-index: 10; width: 100px; background: url(../images/showcase-a-gradient.png) -100px 0 repeat-y; }
.showcase-a:after { left: auto; right: 0; background-position: 0 0; }
 .showcase-a .viewport { position: relative; z-index: 1; overflow: hidden; margin: 0; }
 .showcase-a .items { list-style: none; overflow: hidden; margin: 0; padding: 0; }
  .showcase-a .items li { position: relative; float: left; width: 100%; height: 274px; overflow: hidden; margin: 0; padding: 0; }
  .js .showcase-a .items li ~ li { display: none; }
  .showcase-a .items li:before { display: none; }
   .showcase-a .items li > a { display: block; position: relative; margin: 0; padding: 0; }
   .showcase-a .items li img { display: block; margin: 0; }
   .showcase-a .items li .copy { position: absolute; bottom: 60px; left: 50%; width: 600px; margin: 0 0 0 -36px; color: #000; font: 300 italic 44px/1.1 'Open Sans',Helvetica Neue,Helvetica,Arial,sans-serif; text-align: right; text-shadow: 0 0 5px #fff; }
 .showcase-a ol.control-nav { position: absolute; z-index: 2; bottom: 20px; left: 50%; width: 1168px; margin: 0 0 0 -604px; text-align: right; letter-spacing: -.35em; }
  .showcase-a ol.control-nav li { display: inline-block; width: 21px; height: 19px; margin: 0; vertical-align: top; }
  .showcase-a ol.control-nav li:before { display: none; }
  .showcase-a ol.control-nav li ~ li { margin-left: 5px; }
   .showcase-a ol.control-nav li a { display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #585858; background: #676767; text-indent: 105%; white-space: nowrap; cursor: pointer; outline: none; }
   .showcase-a ol.control-nav li a { border-radius: 2px; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-backface-visibility: hidden; }
   .showcase-a ol.control-nav li a.active { border-color: #966d58; background: #fc7229; }

.showcase-b { position: relative; width: 400px; }
.js .showcase-b { height: 400px; overflow: hidden; }
 .showcase-b .viewport { position: relative; z-index: 1; overflow: hidden; margin: 0; }
 .showcase-b .items { list-style: none; overflow: hidden; margin: 0; padding: 0; font-size: 0; letter-spacing: -.35em; }
  .showcase-b .items li { position: relative; float: left; width: 400px; height: 400px; overflow: hidden; margin: 0; padding: 0; font-size: 12px; letter-spacing: 0; vertical-align: top; }
  .js .showcase-b .items li ~ li { display: none; }
  .showcase-b .items li:before { display: none; }
   .showcase-b .items li a { display: block; width: 100%; height: 100%; text-align: center; }
    .showcase-b .items li a img { display: inline-block; vertical-align: middle; }
    .showcase-b .items li a img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
    .showcase-b .items li a:hover img { opacity: 0.8; }
    .showcase-b .items li a:after { content: ''; display: inline-block; width: 0; height: 100%; margin: 0 0 0 -.35em; vertical-align: middle; }
 .showcase-b ul.direction-nav { list-style: none; position: absolute; top: 50%; left: 10px; right: 10px; z-index: 10; height: 0; margin: -17px 0 0; padding: 0; }
  .showcase-b ul.direction-nav li { position: absolute; top: 0; right: 0; width: 14px; height: 34px; }
  .showcase-b ul.direction-nav li:first-child { right: auto; left: 0; }
  .showcase-b ul.direction-nav li:before { display: none; }
   .showcase-b ul.direction-nav li a { display: block; width: 100%; height: 100%; overflow: hidden; background: url(../images/arrows-b.png) -20px 0 no-repeat; text-indent: 105%; white-space: nowrap; outline: none; }
   .showcase-b ul.direction-nav li:first-child a { background-position: 0 0; }

table.a { table-layout: fixed; width: 100%; }
 table.a th, table.a td { padding: 5px; border: 1px solid #fff; border-width: 1px solid #fff; text-align: center; }
 table.a th:first-child, table.a td:first-child { border-left: none; }
 table.a thead th { border-top: none; background: #9ba4aa; color: #fff; font-size: 12px; font-weight: 700; }
 table.a tbody td { background: #f1f1f1; color: #000; font-size: 11px; font-weight: normal; }
 table.a tbody tr:nth-child(even) td { background: #e4e4e4; }
 table.a tbody tr.even td { background: #e4e4e4; }

.tabs-a { }
 .tabs-a > nav { margin: 0 0 30px; }
  .tabs-a > nav ul { display: table; table-layout: fixed; width: 100%; margin: 0; padding: 0; }
   .tabs-a > nav ul li { display: table-cell; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
   .tabs-a > nav ul li:before { display: none; }
   .tabs-a > nav ul li ~ li { border-left: 2px solid transparent; }
    .tabs-a > nav ul li a { display: block; height: 32px; background: #e0e3e5; color: #000; font-size: 13px; font-weight: 700; line-height: 32px; outline: none; }
    .tabs-a > nav ul li a { -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-backface-visibility: hidden; }
    .tabs-a > nav ul li + li a { background: #c4cace; }
    .tabs-a > nav ul li + li + li a { background: #a8b1b7; }
    .tabs-a > nav ul li + li + li + li a { background: #9ba4aa; }
    .tabs-a > nav ul li.active a { background: #fff; color: #000; }
 .tabs-a > section { margin: 0 0 30px; }
 .js .tabs-a > section { display: none; margin: 0; }
 .js .tabs-a > section ~ section { display: none; }

.wrap-a { position: relative; margin-bottom: 30px; }
.wrap-a:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
.wrap-a.sep { padding-bottom: 30px; }
.wrap-a.sep:before { content: ''; position: absolute; bottom: 0; left: -100%; right: -100%; height: 0; border-bottom: 1px dashed #949aa2; }

/*! headers ------- */

.title-a { position: relative; margin: 30px 0 20px; padding: 8px 0; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.42; }
.title-a:first-child { margin-top: 0; }
.title-a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; z-index: -1; border-top: 1px dashed #fff; background: #fc7229; }
.title-a.grey:before { background: #8e9ba2; }
.title-a.blue:before { background: #47667c; }

/*! buttons ------- */

.button-a { display: inline-block; position: relative; height: auto; padding: 0; border: none; background: none; color: #f47421 !important; font-size: 12px; font-weight: 700; line-height: 1.5; text-transform: uppercase; vertical-align: top; }
.button-a:before { content: '\00BB\0020'; display: inline-block; width: 17px; height: 9px; overflow: hidden; margin: -2px 5px 0 0; background: url(../images/button-arrow-a.png) no-repeat; text-indent: 105%; white-space: nowrap; vertical-align: middle; }
.button-a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0; }
.button-a:after { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
.button-a:hover:after { opacity: 0.3; }

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

/*! defaults ------ */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea { width: 100%; height: 34px; padding: 0 9px; border: 1px solid #eee; background: #fafafa; font-size: 12px; font-weight: 700; line-height: 32px; vertical-align: top; }
 textarea { overflow: auto; height: 100px; padding: 9px; line-height: 1.333; resize: vertical; }
 select { width: 100%; height: 34px; padding: 6px; border: 1px solid #eee; background: #fafafa; font-weight: 700; }
 input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus { border-color: #d8732d; background: #fff; outline: 1px solid #eee; }
 button, input[type="submit"], input[type="button"] { overflow: visible; height: 30px; padding: 0 9px; border: 1px solid #ccc; background: #ddd; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

::-webkit-input-placeholder { color: #c6c6c6; font-style: normal; text-transform: uppercase; opacity: 1; }
:-ms-input-placeholder { color: #c6c6c6 !important; font-style: normal; text-transform: uppercase; opacity: 1; }
:-moz-placeholder { color: #c6c6c6; font-style: normal; text-transform: uppercase; opacity: 1; }
::-moz-placeholder { color: #c6c6c6; font-style: normal; text-transform: uppercase; opacity: 1; }
.placeholder { color: #c6c6c6; font-style: normal; text-transform: uppercase; opacity: 1; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { font: 700 10px/1.2 'Open Sans',Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { font-size: 22px; }
h2 { font-size: 18px; font-weight: 800; text-transform: uppercase; }
h3 { color: #939393; font-size: 15px; text-transform: uppercase; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

/* dodane przez Kuba */

blockquote { position: relative; margin: 20px 0; padding: 40px 80px; background: #eee; color: #777; font-style: italic; }
blockquote:before { position: absolute; top: 15px; left: 20px; color: #ccc; font: bold 80px/1 Georgia,Times,'Times New Roman',serif; content: '\201C'; }
blockquote:after { position: absolute; bottom: -15px; right: 20px; color: #ccc; font: bold 80px/1 Georgia,Times,'Times New Roman',serif; content: '\201D'; }
 blockquote p.author { color: #333; font-weight: bold; font-style: none; text-align: right; }



dd, blockquote { padding-left: 80px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
 
ol { list-style: none; padding-left: 25px; counter-reset: ordered; }
 ol li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -25px; text-align: right; }

ul { list-style: none; padding-left: 15px; }
 ul li { }
  ul li:before { float: left; overflow: hidden; content: '-'; margin-left: -15px; font-size: 1em; line-height: inherit; }

a { color: #d8732d; text-decoration: none; }
a { -webkit-transition: color 0.35s; transition: color 0.35s; -webkit-backface-visibility: hidden; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; } .lt-ie9 img { max-width: none; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }

/*! specific ------ */

.fancybox-overlay, .fancybox-overlay div { margin-bottom: 0; }

.newslist-bu { margin-bottom: 30px; }
 .newslist-bu .item { position: relative; margin: 0 0 20px; padding: 0 0 21px; min-height: 180px; }
 .newslist-bu.item:after, .newslist-bu .item .summary:after, .newslist-bu .item .details:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
 .newslist-bu .item:before { content: ''; position: absolute; bottom: 0; left: -100%; right: -100%; height: 0; border-bottom: 1px dashed #949aa2; }
  .newslist-bu .item figure { float: left; margin: 3px 0 0; }
   .newslist-bu .item figure img { display: block; width: 100%; max-width: 205px; height: auto; margin: 0; }
   .newslist-bu .item figure img { border-radius: 10px; }
   .newslist-bu .item figure a img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; }
   .newslist-bu .item figure a:hover img { opacity: 0.8; }
  .newslist-bu .item figure ~ * { margin-left: 225px !important; }
  /*.js .newslist-b .item > * { display: none; }
    .js .newslist-b .item > .summary { display: block; }*/
  .newslist-bu .item .summary, .newslist-bu .item .details { margin: 0; }
  .newslist-bu .item span.read-less, .newslist-bu .item span.read-more { display: block; margin-top: 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; }