/**
 *    File: markdata.css - http://markdata.eu
 * Created: 21.09.2007
 * Revised: 30.07.2016
 *  Author: DTH, http://www.adianam.info, http://www.dth.bg
 * ------------------------------------------------------------ */

/* Table of Contents
================================================================================

 0. Clear (erase)
 1. Global Definitions (fonts, headings, anchor, paragraph, etc.)
 2. Global Structure (body, section, cols, etc.)
 3. BASE GRID
 4. HEADER
 5. FOOTER
 6. ACCORDION Items - page TEAM

 A. HOME Page
 B. Page TEAM
 C. Page INFORMATION
 D. Page MARKS
 E. Page SERVICES
 F. Page PARTNERS
 G. Page CONTACTS

 XXX. Page ERROR
 XYZ. Additional styles

 ---------------------- */


/* 0. Clear (erase)
============================================================================= */
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  pre, abbr, .address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var, b, i, dl, dt, dd, ul, li, fieldset,
  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
  menu, nav, section, summary, time, mark, audio, video, a
  { margin:0;
    padding:0;
    border:0 none;
    outline:0;
    border-collapse:collapse;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;}

  article, aside, details, figcaption, figure, footer,
  header, hgroup, menu, nav, section, summary {display:block;}

  /* Remove default list-style; padding-left:40px */
  ul {list-style:none outside none;}

  blockquote, q {quotes:none;}
  table, table td {padding:0;border:none;border-collapse:collapse;}
  embed {vertical-align:top;}

  .address {font-style:normal;}

  hr, .none {display:none !important;margin:0;padding:0;}

  a, a:link, a:visited, a:focus, a:hover, a:active {outline:0;}

  :focus {outline:none;}
  :focus {-moz-outline-style:none;-moz-focus-inner:none;}
  ::-moz-focus-inner {border:0;}

 /* get rid of those system borders being generated for A tags */
  a img {border:none;}

 /**
  * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
  *    `em` units.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  **/
  html {
    font-size:100%; /* 1 */
    -ms-text-size-adjust:100%; /* 2 */
    -webkit-text-size-adjust:100%; /* 2 */
  }

 /**
  * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
  * 2. Improve image quality when scaled in IE 7.
  **/
  img {
    border:0; /* 1 */
    -ms-interpolation-mode:bicubic; /* 2 */
    vertical-align:top !important;}

 /**
  * Solve the `padding` problem and `border` calculation 
  * `box-sizing` values: content-box (default) and border-box
  * content-box -> img w=150 + border:10 -> total width 170
  * border-box  -> img w=150 + border:10 -> total width 150 and img w=130
  **/
  *, *:after, *:before,
  input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea, select {
    -webkit-box-sizing:border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
       -moz-box-sizing:border-box; /* Firefox 1 - 28 */
            box-sizing:border-box; /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
  }
  img {box-sizing:border-box;}/*content-box*/

 /* ------------------------------------------- Clearfix ---*/
  .cf, .clr                         {display:block;}
  html[xmlns] .cf, html[xmlns] .clr {display:block;}
  * html .cf, * html .clr  {height:0;display:block;}

  .cf:before, .cf:after,
  .clr:before, .clr:after {
    display:table;
    line-height:0;
    height:0;
    content:"";}

  .cf:after, .clr:after {clear:both;}


 /* =============================== For persons using JAWS or other software */
  .screen_readers {
    position:absolute;overflow:hidden;left:-9999em;top:-9999em;height:0px;}
  .screen_readers * {
    color:#000 !important;background-color:#fff !important;}

 /* --------------------------------------------- floats, text-align, etc ---*/
  .fltLeft   {float:left;}
  .fltRight  {float:right;}
  .fltNone   {float:none;}
  .txtLeft   {text-align:left;}
  .txtRight  {text-align:right;}
  .txtCenter {text-align:center;}
  .nowrp     {white-space:nowrap;}
  .bld       {font-weight:bold;}
  .upper     {text-transform:uppercase;}
  .itl       {font-style:italic;}


/* 1. Global Definitions (fonts, headings, anchor, paragraph, etc.)
============================================================================= */

 /* --- Fonts ---- */

  @font-face { /* PT sans narrow regular */
    font-family: 'PTSN-regular';
    src: url('../fonts/PTSN-regular.eot');
    src: url('../fonts/PTSN-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTSN-regular.woff') format('woff'),
         url('../fonts/PTSN-regular.ttf') format('truetype'),
         url('../fonts/PTSN-regular.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;}

  @font-face {
    font-family: 'MagC-bold'; /* sans-serif font */
    src: url('../fonts/magc-bold.eot');
    src: url('../fonts/magc-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/magc-bold.woff2') format('woff2'),
         url('../fonts/magc-bold.woff') format('woff'),
         url('../fonts/magc-bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;}

  @font-face {
      font-family: 'MagC-regular';
      src: url('../fonts/magc-regular.eot');
      src: url('../fonts/magc-regular.eot?#iefix') format('embedded-opentype'),
           url('../fonts/magc-regular.woff2') format('woff2'),
           url('../fonts/magc-regular.woff') format('woff'),
           url('../fonts/magc-regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;}

  html {font:17px/27px "Helvetica Neue",Helvetica,Arial,sans-serif;}

  body {
    font:1.00em/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;}

  * {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

  h1, h1 *, #header *, p.small {font-family:PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;}

  h2, h3, h4, h2 *, h3 *, h4 *, .banner * {font-family:MagC-bold,"Helvetica Neue",Helvetica,Arial,sans-serif !important;}

  #footer nav *, #partners *, .address * {font-family:MagC-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;}

  input, textarea, select, form b {
    font: 1.2em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  
  a,
  ol.counter > li::before,
  ul.bulleted li:before,
  a.lnk-1,
  .color,
  #block-links ul li a:hover h3,
  #team ul.person .hide h3,
  #trademarks .accordionItem:hover h3,
  input[type="text"], input[type="password"],
  textarea, select
    {color:#822;}

 /* --- anchor --- */
  a {text-decoration:none;border-bottom:1px #822 dotted;}

 /* --- Headings --- */
  h1, h2, h3, h4 {font-weight:normal;}
  h1 {font-size:3em;}
  h2 {font-size:1.8em;}
  h3 {font-size:1.5em;line-height:1.25;padding:20px 0 0 0;font-weight:bold;}
  h4 {font-size:1.25em;line-height:1;padding:0 0 5px 0;font-weight:bold;}

 /**
  * PARAGRAPH
  * default margins:
  *   W3: 1.12em 0
  *   IE7: 14.25pt 0
  *   IE8: 1em 0
  *   FF2: 1em 0
  *   FF3: 1em 0
  *   Opera: 1em 0
  *   Safari 3.1: 1em 0
  **/
  p {position:relative;margin:.65em 0;}

 /* --- Ordered & Unordered list --- */
  #mainMenu ol, 
  #subMenu ol, 
  #footer ol 
    {list-style:none outside none;margin:0;padding:0;}

  ol, ul {margin-top:0;}

 /* --- Ordered list --- */
  ol.counter {
    padding-left:2.5em;
    counter-reset: list;}
  ol.counter > li {
    list-style:none;
    position:relative;}
  ol.counter > li::before {
    counter-increment: list;
    content:counter(list,decimal-leading-zero) '.';
    position:absolute;
    top:0px;
    left:-2.2em;
    font-weight:bold;
    font-size:100%;}

  .NOzeropadded > li::before {content:counter(list) '.';}

 /* --- Unordered list --- */
  ul.bulleted {padding-left:2em;padding-bottom:1em;}
  ul.bulleted li {position:relative;}

  ul.bulleted li:before {
    position:absolute;
    top:-.4em;        /* Make sure to use em or % */
    left:-0.6em;      /* Make sure to use em or % */
    content:"\2022";  /* numerical unicodes:    2022 = bullet (disk)
                                                25E6 = white bullet (circle)
                                                2023 = triangular bullet */
    font-size:2em;    /* Make sure to use em or % */
    }


/* 2. Global Structures (body, section, cols, etc.)
============================================================================= */

  body {width:100%;height:100%;background-color:#fff;color:#444;}

  body p, body li {text-align:left;}

 /* --- sections + article --- */
  section {position:relative;overflow:hidden;}

  article {padding-bottom:6em;}
  .bg-white {background:#fff;}

 /* --- columns --- */
  [class*="cols-"], [class*=" cols-"] {position:relative;float:left;margin-left:1.5%;margin-right:1.5%;}

  .cols-0 {width:100%;float:none;margin:0 0 20px 0;}
  .cols-1 {width: 97%;float:none;}
  .cols-2 {width: 47%;}
  .cols-3 {width: 30.333%;}
  .cols-4 {width: 22%;}
  .cols-34{width: 72%;}

 /* --- Others --- */
  .row {margin:0;}

  .row:before,.row:after,
  .wrapper:after,
  #block-links ul:after,
  #team ul:after
    {display:table;content:"";clear: both;}

  .wrapper:after,.row:after,#block-links ul:after, #team ul:after {clear:both;}

 /* --- div styles (display:none; || display:block;) --- */
  .hidden {display:none;}
  .showed {display:block;position:relative;overflow:hidden;height:auto;}

 /* --- border radius --- */

  input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea, select {
    -webkit-border-radius:4px;
     -khtml-border-radius:4px;
       -moz-border-radius:4px;
        -ms-border-radius:4px;
         -o-border-radius:4px;
            border-radius:4px;}

  .brd-rds-06,
  #partners figcaption {
    -webkit-border-radius:0 0 6px 6px;
     -khtml-border-radius:0 0 6px 6px;
       -moz-border-radius:0 0 6px 6px;
        -ms-border-radius:0 0 6px 6px;
         -o-border-radius:0 0 6px 6px;
            border-radius:0 0 6px 6px;}

  .brd-rds-60,
  #partners figure img {
    -webkit-border-radius:6px 6px 0 0;
     -khtml-border-radius:6px 6px 0 0;
       -moz-border-radius:6px 6px 0 0;
        -ms-border-radius:6px 6px 0 0;
         -o-border-radius:6px 6px 0 0;
            border-radius:6px 6px 0 0;}

  .brd-rds-6,
  .dark,
  .light,
  a.button,
  a.lnk-1,
  #trademarks .accordionItem,
  #partners figure,
  #main_nav_btn {
    -webkit-border-radius:6px;
     -khtml-border-radius:6px;
       -moz-border-radius:6px;
        -ms-border-radius:6px;
         -o-border-radius:6px;
            border-radius:6px;}

  .address,
  #team ul.person article,
  #block-links ul li a {
    -webkit-border-radius:16px;
     -khtml-border-radius:16px;
       -moz-border-radius:16px;
        -ms-border-radius:16px;
         -o-border-radius:16px;
            border-radius:16px;}

  #block-links .primary-links h3:before,
  #team .person h3 img,
  #tab-list a.selected:before,
  .tagline:after, .line:after {
    -webkit-border-radius:100%;
     -khtml-border-radius:100%;
       -moz-border-radius:100%;
        -ms-border-radius:100%;
         -o-border-radius:100%;
            border-radius:100%;}

 /* Transition Effect */
  .trans {
    -webkit-transition: all 400ms linear;
       -moz-transition: all 400ms linear;
        -ms-transition: all 400ms linear;
         -o-transition: all 400ms linear;
            transition: all 400ms linear;}
  .trans:hover,
  .trans:focus {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);}

 /* --- Links like button --- */
  a.button {            /* Partners */
    position:relative;
    display:inline-block;
    overflow:hidden;
    box-sizing:border-box;
    margin:.5em;
    padding:.5em .7em;
    vertical-align:middle;
    white-space:nowrap;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    line-height:1;}

  a.lnk-1 {
    padding:0 20px;
    border:2px solid #822;
    background-color:#fff;
    text-transform:uppercase;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    display:inline-block;
    text-align:center;
    font-size:100%;
    letter-spacing:.1em;}

    .lnk-1 {height:27px;line-height:27px;}

  a.lnk-1:hover, a.lnk-1:focus {
    border-color:#822;
    background-color:#822;
    color:#fff;}


 /* --- Styles with bg-icons --- */

  #tab-list a:before,                     /* information */
  #block-links .primary-links h3:before   /* home page */
    {background:url("../img/icons-sprite-84x84.png") center top no-repeat;}

  p[class*="icon-"]:before,
  [class*="icn-arrow"]:before,
  #team ul.person .show h3,
  #trademarks .accordionItem h3:before,
  input[type="checkbox"] + label:before
    {background:transparent url("../img/icons-sprite.png") 0 0 no-repeat;}

  #tab-list a:before,
  #block-links h3:before,
  p[class*="icon-"]:before,
  [class*="icn-arrow"]:before,
  input[type="checkbox"] + label:before
    {position:absolute;top:0;content:"";}

 /* --- Paragraphs with bg-icons (Team + Contacts) --- */
  [class*="icon-"],
  [class*="icn-arrow"] {padding-right:0px;position:relative;}

  p[class*="icon-"] {
    margin:0.65em 0 0 0;
    padding-left:30px;
    line-height:26px;}

  p[class*="icon-"] a {font-weight:bold;}

  p[class*="icon-"]:before {
    display:inline-block;
    left:0;
    width:21px;
    height:26px;}

  p.icon-phone:before    {background-position:0 -160px;}
  p.icon-gsm:before      {background-position:0 -186px;}
  p.icon-fax:before      {background-position:0 -212px;}
  p.icon-location:before {background-position:0 -238px;}
  p.icon-address:before  {background-position:0 -264px;}
  p.icon-mail:before     {background-position:0 -290px;}

  [class*="icn-arrow"]:before {   /* bg: icons-sprite.png */
    display:block;
    right:-32px;
    width:32px;
    height:32px;}

  .icn-arrow-white:before {margin-top:2px;}
  .icn-arrow-gray:before  {background-position:0 -38px;}
  .icn-arrow-color:before {background-position:0 -64px;}


/* 3. BASE GRID
============================================================================= */

  .sand,
  #tab-list a,
  #team ul.person article.show,
  #partners figure
    {background:#f5f1e8 url("../img/bg-sand.png") repeat;}

  .wrapper {
    position:relative;
    margin:0 auto;
  }

  .wrapper.mw1100 {max-width:1100px;}
  .wrapper.mw1000 {max-width:1000px;}
  .wrapper.mw960 {max-width:960px;}
  .wrapper.mw900 {max-width:900px;}

  .line, .tagline {
    position:relative;overflow:visible;
    border-bottom:2px #fff solid;
    margin:0 auto;}

  .line {height:0px;margin:10px auto;}

  .tagline:after, .line:after {
    position:absolute;
    left:50%;
    bottom:0;
    width:10px;
    height:10px;
    margin:0 0 -6px -5px;
    background-color:#fff;
    content:"";}

  .tagline.color, .line.color {border-color:#a85e5e;}
  .tagline.color:after, .line.color:after {background-color:#a85e5e;}
/* HEADER
============================================================================= */

  #header {
    position:relative;
    width:100%;
    padding:0;
    background:url("../img/bg-header.jpg") center top repeat;
  }
  
  #header a {border-bottom:none !important;}
   
  /* --- LOGO --- */
 
  .logo {
    position:relative;
    float:left;
    width:100%;
    margin: 0;
    padding:0;
    right:auto;
    text-align:center;
  }

  div.logo a {
    display:block;
    overflow:auto;
    width:240px;
    height:105px;
    margin:0 auto 15px auto;
    background:transparent url("../img/logo-markdata.png") left top no-repeat;
  }
    
	
 /* --- Banner --- */
  .banner {
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    height:220px;
    background:url("../img/banner.png") 0 0 repeat, url("../img/slide.jpg") center top no-repeat;
    margin:auto;}

  .banner * {text-align:center;color:#fff;}
  .banner a {border-bottom:none !important;}

  .banner.home {height:420px;}
  .banner.error {height:350px;}

  .banner .page-name {position:relative;top:13%;}
  .banner.home .page-name {top:30%;}

  .page-name p, .end-banner p {margin:0;}

  .big-text {
    font-style:normal;
    letter-spacing:0.07em;
    margin: 0 auto !important;
    padding:.3em .5em;
    text-transform:uppercase;}

  .banner.home .big-text {border-top:2px solid #fff;}

  .descr {font-size:1.6em;font-style:italic;margin-top:.5em !important;}

  .end-banner {
    position:absolute;
    bottom:0;
    background:rgba(88, 0, 0, 0.85) url("../img/slide-btm.png") center bottom repeat-x;
    width: 100%;
    height:80px;}
	
  .end-banner p {line-height:60px;font-size:1.5em}
  

/* --------------- Main page --------------------------------*/
  header.header_main_page { 
	position:fixed; 
	top:0; 
	margin:0;
    padding:0;
    width:100%;
	height: 170px;
	background:url("../img/bg-header.jpg") center top repeat;
	z-index:1;
  }
 
  div.top-right {
    position:absolute;
	top:0;
	right:0;
	float:right;
	margin:0 30px;
	padding:0;
  }

  div.logo_main_page {
    position:relative;
    float:left;
	overflow:auto;
    width:100%;
    margin: 0;
    padding:0;
    text-align:center;
  }
  
  div.logo_main_page a {
    display:block;
    overflow:auto;
    height:60px;
    margin:10px auto 5px auto;
    background:transparent url("../img/logo-markdata.png") center top no-repeat;
	background-size: 110px;
  }
  
	
  div.banner_main_page {
    position:absolute;
	bottom:80px;
	padding: 0;
	margin:0;
    background:rgba(88, 0, 0, 0.85) repeat;
    width: 100%;
	height:27px;
  }
	
  div.end_banner_main_page {
    position:absolute;
    bottom:60px;
	padding: 0;
	margin:0;
    background:rgba(88, 0, 0, 0.85) url("../img/slide-btm.png") center bottom repeat-x;
    width: 100%;
    height:20px;
  }
	
  div.banner_main_page p {
	   vertical-align:top;
	   font-size:1em;
	   padding:0;
	   margin:0 auto auto 2em;
	   color:white;
  }

  div.bottom_line_main_page {
    position:absolute;
	bottom:0;
	width: 100%;
	height:60px;
	padding: 0 30px;
	overflow: hidden;
	border-bottom:solid 1px rgba(88, 0, 0, 0.85);
	background:white;
  }
  
  div.login-form-parts {
	float: left;
    width:50%;
	margin: auto;
	padding: 50px 0 0 0;
  }
  
  form.login {
	  max-width: 400px;
	  margin: auto 20px auto auto;
  }
    
  div.address {
    background:url("../img/logo-markdata-vert.png") 40px center no-repeat, url("../img/bg-sand.png") 0 0 repeat, #f5f1e8;
	max-width: 500px;
    margin: 0 0 0 2em;
    padding: 1em 1em 1em 170px; }

  div.address p {margin:0.6em 0 !important;}
  
  div.main_menu {
	float: left;
	width: 17%;
	margin: 0;
	padding: 180px 0 0 30px;
	overflow: hidden;
  }
  div.reports_list {
	float: left;
	width: 83%;
	margin: 0;
	padding: 180px 30px 0 0;
  }
  div.single_form {
	width: 90%;
	margin: 180px auto;
	padding: 0;
  }
  
  div.reports_list table {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
	margin: auto;
  }
  
  div.reports_list table td, div.reports_list table th {
    padding: 0.1em;
	border: 1px solid #ddd;
	max-width: 300px;
  }
    
  
  div.reports_list table tr:nth-child(even){background-color: #f2f2f2;}

  div.reports_list table tr:hover {background-color: #ddd;}

  div.reports_list table th {
	  padding-top: 12px;
	  padding-bottom: 12px;
	  text-align: left;
	  background-color: rgba(88, 0, 0, 0.65);
	  color: white;
  }

  select.users_list {
	max-width: 300px;
	vertical-align:middle;
	margin: 0;
	font: 1em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  
  p.field_heading {
	  float: left;
	  height: 100%;
	  vertical-align:middle;
	  padding: 0;
	  margin: 0;
  }
  
  p.reports_title {
	  display: inline;
	  height: 100%;
	  vertical-align:middle;
	  padding: 0 3em;
	  margin: 0;
	  font: 1.5em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }

  p.reports_title_block {
	  display: block;
	  float: left;
	  vertical-align:middle;
	  padding: 0 3em;
	  margin: 15px 0;
	  font: 1.5em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  }
  
  p.reports_summary {
	  display: inline;
	  float: right;
	  vertical-align:middle;
	  padding: 0.2em 0.5em;
	  margin: 15px 0;
	  font: 1em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	  background-color: rgba(88, 0, 0, 0.65);
	  color: white;
  }
  
  p.reports_summary_admin {
	  display: inline;
	  float: right;
	  vertical-align:middle;
	  padding: 0.2em 0.5em;
	  margin: 0;
	  font: 1em/1 PTSN-regular,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	  background-color: rgba(88, 0, 0, 0.65);
	  color: white;
  }
  @media screen and (max-width: 1150px) {
	div.login-form-parts {
		width:100%;
		margin: auto;
		padding: 1em;
	}
	  
	form.login {
	  max-width: 400px;
	  margin: auto;
	}
	
	div.address {
		max-width: 400px;
		background: #f5f1e8;
		margin: auto;
		padding: 1em; 
	}
  }


 /* --- Top Links (Change Language) --- */
 /*{display:table;line-height:0;height:0;content:"";visibility:hidden;} */
 
 
 /* --- Main MENU --- */
  [class*="nav-"] {position:relative;width:37.80%;margin:.5em 0 0 0;}

  [class*="nav-"] ol {
    display:block;
    overflow:hidden;
    margin:0;
    padding:0;}

  .nav-left  {float:left;left:auto;right:24%;}
  .nav-right {float:right;right:0;left:auto;}
  .nav-left ol {float:right;}

  [class*="nav-"] li {
    display:inline-block;
    margin:0 .2em;
    text-align:center;
    cursor:pointer;
    font-size:1.4em;
    line-height:3;}

  [class*="nav-"] a {
    position:relative;
    padding:.3em .2em;
    -webkit-transition:color 0.3s;
       -moz-transition:color 0.3s;
        -ms-transition:color 0.3s;
         -o-transition:color 0.3s;
            transition:color 0.3s;
    text-transform:uppercase;}

  [class*="nav-"] a:before,
  [class*="nav-"] a:after {
    position:absolute;
    left:0;
    width:100%;
    height:1px;
    background:#822;
    content:"";
    -webkit-transition:opacity 0.3s, -webkit-transform 0.3s;
       -moz-transition:opacity 0.3s,    -moz-transform 0.3s;
        -ms-transition:opacity 0.3s,     -ms-transform 0.3s;
         -o-transition:opacity 0.3s,      -o-transform 0.3s;
            transition:opacity 0.3s,         transform 0.3s;
    opacity:0;}

  [class*="nav-"] a:after {
    -webkip-transform:translateY(10px);
       -moz-transform:translateY(10px);
        -ms-transform:translateY(10px);
         -o-transform:translateY(10px);
            transform:translateY(10px);
    bottom:0;}
  [class*="nav-"] a:before {
    -webkip-transform:translateY(-10px);
       -moz-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
         -o-transform:translateY(-10px);
            transform:translateY(-10px);
    top:0;}

 /* --- Hover effects --- */
  [class*="nav-"] a:hover:before, [class*="nav-"] a:focus:before, 
  [class*="nav-"] a:hover:after, [class*="nav-"] a:focus:after {
    -webkip-transform:translateY(0px);
       -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
         -o-transform:translateY(0px);
            transform:translateY(0px);
    opacity:1;}


/* 5. FOOTER
============================================================================= */

  #footer {
    position:relative;
    overflow:hidden;
    width:100%;
    clear:both;
    background:#f5f3f3;
    border-top:5px solid #822;}

  #footer .wrapper {padding:2em 0;}

  #footer .logo {
    border-top:1px solid #d6d6d6;
    border-bottom:1px solid #fff;
    width:100%;
    height:0px;
    margin: 1.3em auto 2.3em auto;}

  #footer .logo:before {
    display:block;
    width:112px;
    height:35px;
    margin:-20px auto 0 auto;
    background:#f5f3f3 url("../img/img-sprite.png") center top no-repeat;
    content:"";}

  .line.gray {border-top:1px solid #d6d6d6;border-bottom:1px solid #fff;}
  .line.gray:after {
    background-color:#d6d6d6;
    width:8px;
    height:8px;
    margin:0 0 -4px -4px;}

  #footer .small {font-size:90%;text-align:center;}

  #footer a {border-bottom:none;}
  #footer a:hover {text-decoration:underline;font-weight:bold;}
  #footer .last a:hover {text-decoration:underline;font-weight:normal;}

  #footer nav.row div {margin-left:4.5em;}
  #footer nav.row div:first-child {margin-left:0;}

  #footer h3 {text-align:left;font-weight:normal;}
  #footer ol li {margin:.25em 0;}

  #footer [class*="icn-"] {
    position:relative;
    display:block;
    overflow:hidden;
    height:54px;
    margin:1em 0 .5em 0;
    padding:0 0 0 80px;
    background: url('../img/img-sprite.png') left top no-repeat;
    font-size:1em;
    line-height:1.3;}

  #footer .icn-camera    {background-position:0 -312px;}
  #footer .icn-iso-27001 {background-position:0 -368px;line-height:54px;}
  #footer .icn-iso-9001  {background-position:0 -424px;line-height:54px;}
  #footer .icn-security  {background-position:0 -480px;}
  #footer .icn-offer     {background-position:0  -90px;background-size:63px}
  #footer .icn-proxy     {background-position:0 -145px;background-size:63px}


/* 6. ACCORDION Items - page TEAM
============================================================================= */
  .accordionItem {
    background-clip:padding-box;
    width:100%;
    padding-bottom:0;}

  .accordionItem h3 {padding:10px}
  .accordionItem h3:hover {cursor:pointer;}

  .accordionItem.hide h3 {background-color:transparent;}

  .accordionItem .panel {position:relative;overflow:hidden;text-align:left;}
  .accordionItem.hide .panel {height:0 !important;opacity:0;-khtml-opacity:0;}
  .accordionItem.show .panel {height:auto;opacity:1;-khtml-opacity:1;}

  .panel img {max-width:100%;}


/* A. HOME Page
============================================================================= */

  [class$="-tagline"] {
    display:block;
    overflow:hidden;
    padding:3em 0;
    margin-bottom:2em;
    background:url("../img/banner.png") 0 0 repeat, url("../img/tagline-bg.jpg") right top no-repeat, #580000;
    max-height:200px;}

  .certificate-tagline {background-image:url("../img/banner.png"), url("../img/tagline-bg-03.jpg");background-position:0 0, center top;}

  .news-tagline h2,
  [class$="-tagline"] h2 {
    margin-bottom:.6em;
    color:#fff;
    font-size:2em;
    letter-spacing:.3em;
    text-align:center;
    text-transform:uppercase;}

 /* --- Blocks with icons --- */
  #block-links.wrapper {max-width:1200px;}

  #block-links ul {
    position:relative;
    list-style-type:none;
    margin:2em auto 0 auto;}

  #block-links ul li {
    float:left;
    margin:0;
    }
  #block-links ul.primary-links   li {width:33.3%;padding:0 0 50px;}
  #block-links ul.secondary-links li {width:50.0%;padding:0;}

  #block-links ul li a {
    display:block;
    padding:0 2.2em 1em 2.2em;
    text-align:center;
    border-bottom:none;}

  #block-links ul li a:hover {background:#fff;}
  #block-links ul li a:hover h3 {text-decoration:underline;}

  #block-links h3 {padding-top:55px;color:#444;position:relative;}
  #block-links a h3 {color:#444;}
  #block-links h4 {padding-top:.8em;color:#444;line-height:1.3;}
  #block-links a p  {margin:.65em 1em;color:#444;}

  #block-links h3:before {
    left:50%;
    top:-42px;
    width:84px;
    height:84px;
    margin-left:-42px;}

  #block-links .primary-links h3:before {
    background-color:white;
    border:3px #a85e5e solid;}

  #block-links .secondary-links h3:before {
    width:100%;
    left:0;
    background:url("../img/img-sprite.png") center top no-repeat;
    margin-left:0;}

  #block-links a.models  h3:before {background-position:center -3px;}    /* +3 */
  #block-links a.geo     h3:before {background-position:center -89px;}   /* +3 */
  #block-links a.marks   h3:before {background-position:center -175px;}  /* +3 */
  #block-links a.design  h3:before {background-position:center -261px;}  /* +3 */
  #block-links a.patents h3:before {background-position:center -347px;}  /* +3 */

  #block-links a.offer   h3:before {background-position:center -140px;}
  #block-links a.proxy   h3:before {background-position:center -226px;}

  a.offer p, 
  a.proxy p {text-align:center;}

  #certificates ul li {float:left;width:292px;margin:0 0 0 3%;}
  #certificates ul li:first-child {margin-left:0 !important;}
  #certificates ul li a {border-bottom:0 !important;}
  #certificates ul li a:hover h3 {text-decoration:underline;}


/* B. Page TEAM
============================================================================= */

  #team ul.person li {
    position:relative;
    float:left;
    width:49%;
    margin:0 0 40px 2%;
    text-align:center;}

  #team ul.person li:nth-child(2n+1) {margin-left:0 !important;}

  #team ul.person li:nth-child(2n+1) {clear:left;}

  #team ul.person article {padding:10px 1em;}

  #team ul.person h2 {
    font-size:1.125rem;
    font-weight:bold;
    letter-spacing:.105em;}

  #team ul.person h3 {
    display:inline-block;
    cursor:pointer;
    margin:0 auto;
    width:220px;
    height:43px;
    line-height:43px;}

  #team ul.person .hide h3 {
    padding:0 20px;
    border:2px solid #d7d3c3;
    background-color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size:90%;}

  #team ul.person .show h3 {    /* bg: icons-sprite.png */
    border:0;
    background-position:center -442px;
    text-indent:-9999em;}

  #team ul.person .hide h3:hover,
  #team ul.person .hide h3:focus,
  #team ul.person .hide h3:active 
    {border-color:#c13832;background-color:#fff}

  #team ul.person .pCard  {padding:210px 0 0;}
  #team ul.person .mdCard {padding:130px 0 0;}

  #team .person h3 img {
    position:absolute;
    left:50%;
    top:0;
    border:5px solid #c13832;}

  #team .person .pCard h3 img {
    width:180px;
    height:180px;
    margin-left:-95px;}

  #team .person .mdCard h3 img {
    background:url("../img/img-sprite.png") center -40px no-repeat;
    width:100px;
    height:100px;
    margin-left:-50px;}


/* C. Page INFORMATION
============================================================================= */

 /* --- List of Tabs --- */
  ol#tab-list {
    position:relative;padding:0;margin:0;
    list-style:none;overflow:auto;}

  ol#tab-list:after {clear:both;content:"";display:table;}

  ol#tab-list li {float:left;width:20%;}

  #tab-list a {
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:55px 0 0 0;
    width:100%;
    height:110px;
    line-height:1;
    font-size:1.2em;
    text-align:center;
    cursor:pointer;
    border:1px #ccc solid;
    border-width:1px 1px 1px 0;}

  #tab-list li:first-child a {border-left-width:1px;}

 /* --- icons --- */
  #tab-list a:before {
    display:block;
    left:50%;
    top:5px;
    width:56px;
    height:46px;
    margin-left:-28px;
    background-size:100%;}

  #tab-list a#inf-01:before {background-position:center -229px;} /* patents */
  #tab-list a#inf-02:before {background-position:center -0px;}   /* models */
  #tab-list a#inf-03:before {background-position:center -172px;} /* design */
  #tab-list a#inf-04:before {background-position:center -120px;} /* marks */
  #tab-list a#inf-05:before {background-position:center -62px;}  /* geo */

  #tab-list a#inf-01.selected:before {background-position:center -385px;} /* patents */
  #tab-list a#inf-02.selected:before {background-position:center -7px;}   /* models */
  #tab-list a#inf-03.selected:before {background-position:center -288px;} /* design */
  #tab-list a#inf-04.selected:before {background-position:center -195px;} /* marks */
  #tab-list a#inf-05.selected:before {background-position:center -100px;} /* geo */

 /* --- anchor classes --- */
  #tab-list a.normal:before {
    -webkit-transition:-webkit-transform 0.2s ease-in; 
       -moz-transition:-moz-transform 0.2s ease-in; 
        -ms-transition:-ms-transform 0.2s ease-in; 
         -o-transition:-o-transform 0.2s ease-in;
            transition:transform 0.2s ease-in;}
  #tab-list a.normal:hover:before{
    -webkit-transform:scale(1.2);
       -moz-transform:scale(1.2); 
        -ms-transform:scale(1.2); 
         -o-transform:scale(1.2);
           transform:scale(1.2);}

  #tab-list a.selected,
  #tab-list a.selected:hover,
  #tab-list a.selected:focus {
    color:#000;
    background-color:#fff;
    background-image:none;
    border-bottom-color:#fff;
    cursor:default;
    text-indent:-9999em;}

  #tab-list a.selected:before {
    top:12px;
    width:84px;
    height:84px;
    margin-left:-42px;
    background-size:100%;
    border:3px #a85e5e solid;
    background-size:118%;}

 /* --- Tab's Content --- */
  .tab-items {
    border:1px #ccc solid;
    border-width:0px 1px 1px 1px;
    width:100%;padding:.9em 2em;margin-bottom:3em;}

  .tab-content {
    position:relative;
    display:block;
    overflow:hidden;
    padding:0;}

  .light .tab-content {background-color:#f3f3f3;color:#333;}
  .light .tab-content > .inner {margin:10px;padding:20px;border:1px solid #c7c7c7;}

  [aria-hidden='true']  {display:none;}
  [aria-hidden='false'] {display:block;}


/* D. Page MARKS
============================================================================= */
  #trademarks .accordionItem {border:2px solid #d7d3c3;margin-bottom:1.6em;}

  #trademarks .accordionItem .panel {margin:0 1.8em}

  #trademarks .accordionItem h3 {line-height:32px;font-size:1.25em;}
  #trademarks .accordionItem h3:before {  /* bg: icons-sprite.png */
    position:relative;
    display:inline-block;
    width:32px;
    height:32px;
    margin:0 5px 0 0;
    vertical-align:top;
    content:"";}

 /* --- Hover effects --- */
  #trademarks .accordionItem.hide:hover {border-color:#c13832;}

  #trademarks .accordionItem.hide h3:before       {background-position:0 -32px;}  /* down gray */
  #trademarks .accordionItem.hide:hover h3:before {background-position:0 -64px;}  /* down colored */

  #trademarks .accordionItem.show h3:before       {background-position:0 -96px;}  /* up gray */
  #trademarks .accordionItem.show:hover h3:before {background-position:0 -128px;} /* up colored */


/* E. Page SERVICES
============================================================================= */
  #services .stamp {
    background:url("../img/markdata-stamp.png") 0 0 no-repeat;
    background-size:250px;}

  #services .stamp h2,
  #services .stamp ul {margin-left:280px;}


/* F. Page PARTNERS
============================================================================= */
  #partners ol {
    position:relative;padding:0;margin:0;
    list-style:none;overflow:auto;}

  #partners ol:after {clear:both;content:"";display:table;}

  #partners ol li {
    float:left;
    width:300px;
    min-height:200px;
    margin:0 0 50px 50px;}

  #partners ol li:nth-child(3n+1) {clear:left;margin-left:0;}
  #partners ol li figure {width:100%;}

  #partners ol li h3, #partners ol li p {text-align:center}
  #partners ol li h3 {font-size:1.1em;padding:1em .5em .65em;font-weight:bold;}
  #partners ol li p {margin:0 1em;}

  #partners figcaption,
  #partners figure img
    {border:2px #d7d3c3 solid;}

  #partners figcaption {
    border-width:0 2px 2px 2px;
    background:#fff;
    padding-bottom:0;
    min-height:160px;}
  #partners figure img {
    border-width:2px 2px 0 2px;
    width:100%;
    height:200px;
    background:transparent url("../img/logos-sprite.png") 0 0 no-repeat;}

  #partners figure img.l-01 {background-position:0 0;}
  #partners figure img.l-02 {background-position:-250px 0;}
  #partners figure img.l-03 {background-position:0 -150px;}
  #partners figure img.l-04 {background-position:-250px -150px;}
  #partners figure img.l-05 {background-position:0 -300px;}
  #partners figure img.l-06 {background-position:-250px -300px;}

  #partners li:hover figure img.l-01 {background-position:-500px 0;}
  #partners li:hover figure img.l-02 {background-position:-750px 0;}
  #partners li:hover figure img.l-03 {background-position:-500px -150px;}
  #partners li:hover figure img.l-04 {background-position:-750px -150px;}
  #partners li:hover figure img.l-05 {background-position:-500px -300px;}
  #partners li:hover figure img.l-06 {background-position:-750px -300px;}

  #partners li:hover figure {background:#fff;}
  #partners li:hover figure img {border-color:#822}

  #partners li:hover figcaption {background:#822;color:#fff;border-color:#822}
  #partners li:hover figcaption a {color:#fff;border:1px #fff solid;}


/* G. Page CONTACTS
============================================================================= */

  

   input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea , select {
    margin:0;
    padding:.3em .4em;
    position:relative;}

  input[type="text"], input[type="password"], textarea, select {border:1px solid #c0c0c0;}

  textarea {resize:vertical;}

  input.err,
  select.err,
  textarea.err {border-color:#c22;background-color:#fff5f5;}
  
  input:focus,
  select:focus,
  textarea:focus {
    border-color:#000;
    -webkit-box-shadow: inset 0px 0px 2px #f90;
       -moz-box-shadow: inset 0px 0px 2px #f90;
            box-shadow: inset 0px 0px 2px #f90;}


  input[type="submit"], input[type="button"] {
    width:auto !important;
    min-width:10em;
	padding: .3em;
    margin: 0 0.5em;
    text-align:center;
    color:white;
    background-color: rgba(88, 0, 0, 0.85);
    border:0px solid #0d5788;
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:2px;
    text-transform:uppercase;
    vertical-align:middle;}

	input[type="submit"]:hover, input[type="button"]:hover {
    width:auto !important;
    min-width:10em;
	padding: .3em;
    margin: 0 0.5em;
    text-align:center;
    color:white;
    background-color:#822; 
    border:0px solid white;
    cursor:pointer;
    font-size:100%;
    font-weight:bold;
    letter-spacing:2px;
    text-transform:uppercase;
    vertical-align:middle;}
	
 /* --- Required --- */
  [class*="required"]:before {
    display:block;
    position:absolute;
    left:-.5em;
    top:-.15em;
    margin:-5px 0 0 0;
    font-size:2.5em;
    content:"*";}

  [class*="required"]:before, .txt_error {color:#c00;}

 /* --- input type CHECKBOX like button
 --------------------------------------------------------------------------- */
  .segmented-button label {width:100%;}

  input[type="checkbox"] + label:hover {background-color:#f5f1e8}

  input[type="checkbox"] {
    margin:0.5em !important;
   }

  input[type="checkbox"] + label {
    position:relative;
    display:inline-block;
    line-height:1.25;
    color:#000;
    margin:0;
    padding:.2em 1em .2em 2.3em;
    cursor:pointer;
    background-color:#fff}

  input[type="checkbox"] + label:before {   /* bg: icons-sprite.png */
    left:.5em;
    width:25px;
    height:25px;}

  input[type="checkbox"] + label:before               {background-position:0 -316px;}

  input[type="checkbox"] + label:hover:before,
  input[type="checkbox"] + label:focus:before         {background-position:0 -341px;}

  input[type="checkbox"]:checked + label:before       {background-position:0 -366px;}
  input[type="checkbox"]:checked + label:hover:before,
  input[type="checkbox"]:checked + label:focus:before {background-position:0 -391px;}

  input[type="checkbox"]:checked:disabled + label:before,
  input[type="checkbox"]:checked:disabled + label:hover:before,
  input[type="checkbox"]:checked:disabled + label:focus:before {background-position:0 -416px;}


/* XXX. Page ERROR
============================================================================= */
  #page_error {max-width:700px;margin:0 auto;}
  #error .txtRight {margin:-1.75em 0 0 0 !important;}

  div.error {position:relative;top:15%;}
  div.error h2 {font-size:3em;text-transform:uppercase;letter-spacing:.1em;}
  div.error h2 span {margin-left:.5em;}

  h1.error b {
    font-size:2em;
    display:inline-block;
    border-radius:100%;
    border:1px white solid;
    width:.9em;
    height:.9em;
    line-height:.9em;
    margin-left:.2em;
    background:rgba(255, 255, 255, 0.25);
    text-shadow: 3px 3px 2px #822;
    }
  h1.error b:first-child {margin-left:0;}
  h1.error b span {margin-left:.32em;}
  p.sry {font-size:130%;}


/* XYZ. Additional styles
============================================================================= */

 /* --- Pre-define MARGINS --- */
    .m_T0 {margin-top:0;}
    .m_T0_B0 {margin-top:0;margin-bottom:0;}
    .m_T-1em {margin-top:-1em;}    /* home-page */
    .m_T1em {margin-top:1em;}
    .m_R1em {margin-right:1em;}
    .m_B1em {margin-bottom:1em;}
    .m_L1em {margin-left:1em;}
    .m_L2em {margin-left:2em;}

 /* --- Pre-define PADINGS --- */
  .p_T1em {padding-top:1em;}
  .p_T2em {padding-top:2em;}
  .p_T3em {padding-top:3em;}

 /* --- Pre-define HEIGHT --- */
  .h10  {height:10px;}
  .h20  {height:20px;}
  .h30  {height:30px;}
  .h40  {height:40px;}
  .h50  {height:50px;}
  .h50  {height:50px;}
  .h100 {height:100px;}

 /* --- Pre-define WIDTH --- */
  .maxw500 {width:50%;max-width:500px;}
  .w292  {width:292px}  /* home page, certificates */
  .w100  {width:100px}  /* footer */
  .w200  {width:200px}  /* footer */
  .w250  {width:250px}  /* footer */
  .w320  {width:320px}  /* footer */

  .w10p  {width:10%}
  .w15p  {width:15%}
  .w20p  {width:20%}
  .w25p  {width:25%}
  .w30p  {width:30%}
  .w35p  {width:35%}
  .w40p  {width:40%}
  .w45p  {width:45%}
  .w50p  {width:50%}
  .w55p  {width:55%}
  .w60p  {width:60%}
  .w65p  {width:65%}
  .w70p  {width:70%}
  .w75p  {width:75%}
  .w80p  {width:80%}
  .w85p  {width:85%}
  .w90p  {width:90%}
  .w95p  {width:95%}
  .w100p {width:100%}

  /* --- Pre-define Font-Size --- */
  /*.fs_09em {font-size:.9em;}
  .fs_08em {font-size:.8em;}*/


/******************************************************************************/
.brd1 {border:1px red dashed;}
.brd2 {border:1px blue dashed;}
.brd3 {border:1px green dashed;}
.brd4 {border:1px yellow dashed;}

  /* --- 06.04.2018 ---*/
  #certificates ul li:first-child {width:612px !important;}