/* EXTERNAL FONTS 

  position: sticky;
 top:0px;


*/

@font-face {
    font-family: 'IBMPlexSansCond';
    font-style: normal;
    font-weight: 400;
    src: local("IBM Plex Sans Cond"), local("IBMPlexSansCond"), url("fonts/IBMPlexSansCondensed-Regular-Latin1.woff") format("woff");
    src: local("IBM Plex Sans Cond"), local("IBMPlexSansCond"), url("fonts/IBMPlexSansCondensed-Regular-Latin1.woff2") format("woff2");
    unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02
}


body {
 background:#fafafa;
}

body, .blockItem, .blockItem div {
 font-family: IBMPlexSansCond, Verdana, Helvetica, Arial, Sans-Serif;
 letter-spacing:0.07em;
 line-height: 25px;
 font-size: 15px;
 color: #4a4a4a;
}

textarea, input, select, .formSelect  {
  font-family: Arial, Helvetica, sans-serif;
}

/* LINKS */

a, a:visited, a:active, a:link {
 text-decoration: none;
 color: #17495e;
}
a:hover { color: #2A2E2D; }

/* HEAD/TITLE */

.head1, .head2 {
 color:#4a4a4a;
 line-height: 22px;
 font-size: 20px;
 margin-bottom:14px; 
 font-weight:bold;
 display:block;
}

.head2 {
 font-size: 16px; 
 margin-bottom: 14px; 
}

/* CONTAINER BACKGROUND */

#pageBack {
}

#headerTopBack {
 /* border-top: 4px solid #bababa; */
 border-bottom: 4px solid #ffffff;
 background: #ffffff;
 /* background: url(/images/header-back.gif) repeat-x; */
 height:84px;
 padding-top:17px;
}

#headerBack {
}

#headerTop {
 text-align:left;
}

#headerLogo {
 width:300px;
 margin-top:5px;
}

#menuBack {
 z-index:3;
 margin-top:-50px;
}

#menu {
 text-align:right;
}

#headerBottomBack {
}

#mainBack {
}

#footerBack {
 margin-top: 20px;
}

/* CONTAINER HEADER */

#header {
}

.infoTextHeadTitle {
 color: #292929;
 text-transform: uppercase;
}

/* HEADER MENU */

#menu {
 /* overflow:hidden; */
}

#menuMobile,
#menu ul li a {
 font-size: 18px;
 line-height: 40px;
}

#menu ul li {
 /* border-right:1px solid #292929; */
 padding: 0px 0px;
 margin: 0px 0px;
}

#menu ul li a,
#menu ul li a:visited,
#menu ul li a:active {
 padding: 0px 14px;
 color: #4a4a4a;
 padding-bottom:6px;
 border-bottom: 4px solid #ffffff;
}

#menu ul li a:hover {
 color: #447389;
 border-bottom: 4px solid #e7e7e7;
}

#menu ul li a.act {
 color: #447389;
 border-bottom: 4px solid #b1b0b1;
}

/* SUBMENU */

#menu ul li ul {
 top:50px;
}

#menu ul li ul li {
 border-bottom:1px solid #b1b0b1;
}

#menu ul li ul li.last {
 border-bottom: 0px;
}
 
#menu ul li ul li a {
 font-size: 16px;
 line-height: 40px;
 height: 40px;
 padding-bottom:0px;
 border-bottom:0px;
}

#menu ul li ul li a,
#menu ul li ul li a:visited,
#menu ul li ul li a:active {
 padding: 0px 14px;
 color: #707173;
}

#menu ul li ul li a:hover {
 color: #4f7689;
 background: #f8f8f8;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-bottom:0px
}

#menu ul li ul li a.act {
 color: #447389;
 border-bottom: 0px;
 /* background-image: url(/images/icon-menu.png);
 padding-left:45px;
 background-position: 6px 9px;
 background-repeat: no-repeat; */
 
}

#headerBottom {
}

/* CONTAINER MAIN */

#main {
}

/* CONTAINER FOOTER */

#footer {
}

#footerLineBack, #contentFooterLine {
  background: #2A2E2D;
  color: #ffffff;
}

#contentFooterLine .blockItem,
#contentFooterLine .blockItem2 {
	color:#ffffff;
  margin-top:10px;
  font-size:16px;
  line-height:25px;

}

#contentFooterLine .blockItem a,
#contentFooterLine .blockItem2 a {
	color:#ffffff;
}

#contentFooterLine .blockItem a:hover,
#contentFooterLine .blockItem2 a:hover {
	color:#a0d1e5;
}

.iconTab td {
  padding-bottom:17px;
}

.iconTab td:first-child {
  padding-right:20px;
  text-align:center;
}

.footerCompany {
  float:left;
}

.footerMenu { 
  float:right;
  left:-120px;
 }

.scrollUp {
  display:none;
  position: absolute;
  bottom: 5px;
  right: 3%;
  margin-right:20px;
  margin-bottom:10px;
  float:right;
  font-size:26px;
  height:26px;
}

.iconUp {
  color:#2f2f2f;
}


/* BLOCK ITEMS */

.blockButton,
.blockButton:link,
.blockButton:visited,
.blockButton:active {
 /* padding-left:52px; */
 /* background:#e2e2e2 url(/images/icon-menu.png) 12px 9px no-repeat; */
 padding-left:10px;
 background:#e2e2e2;
 color:#2f2f2f;
 text-transform: uppercase;
}

.blockButton:hover {
 /* background:#d2d2d2 url(/images/icon-menu.png) 12px 9px no-repeat; */ 
 background:#d2d2d2;
}

/* LINK BUTTON */

.linkButton,
.linkButton:link,
.linkButton:visited,
.linkButton:active {
 /* padding-left:39px; */
 /* background: url(/images/icon-menu.png) 0px 9px no-repeat; */
 padding-left:10px;
 color:#2f2f2f;
 font-weight:bold;
}

.linkButton:hover {
 /* background: url(/images/icon-menu.png) 0px 9px no-repeat; */
}

/* >>> MODULES */

.slideshowbutton {
 top:360px;
 position:absolute;
 display:block;
 width:9px;
 height:9px;
 background:#dedede;
 z-index:3;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 border:2px solid #787878;
}

.slideshow_buttonactive {
 background:#ffffff;
 margin-top:-1px;
 margin-left:-1px;
 border:3px solid #02222e ;
}

.slideshow_buttonhalfactive {
}

.downloadlink {
 display:inline-block;
 height:38px;
 line-height:38px;
}

/* <<< MODULES */




/* metal */

.metal {
  position: relative;
  margin: 40px auto;
  outline: none;
  
  text-align: center;
  color: hsla(0,0%,20%,1);
  text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;
  
  background-color: hsl(0,0%,90%);
  box-shadow: inset hsla(0,0%,15%,  1) 0  0px 0px 2px, /* border */
    inset hsla(0,0%,15%, .8) 0 -1px 2px 2px, /* soft SD */
    inset hsla(0,0%,0%, .25) 0 -1px 0px 2px, /* bottom SD */
    inset hsla(0,0%,100%,.7) 0  2px 1px 2px, /* top HL */
    
    hsla(0,0%, 0%,.15) 0 -5px 6px 4px, /* outer SD */
    hsla(0,0%,100%,.5) 0  5px 6px 4px; /* outer HL */ 
  
  transition: color .2s;
}

/* metal radial */

.radial.metal {
  width: 160px;
  height: 160px;
  line-height: 160px;
  border-radius: 80px;
  background-image: -webkit-radial-gradient(  50%   0%,  8% 50%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient(   0%  50%, 50%  7%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    -webkit-radial-gradient( 100%  50%, 50%  5%, hsla(0,0%,100%,.5) 0%, hsla(0,0%,100%,0) 100%),
    
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   3%, hsla(0,0%,  0%,.1) 3.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%,.1) 7.5%),
    -webkit-repeating-radial-gradient( 50% 50%, 100% 100%, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.2) 2.2%),
    
    -webkit-radial-gradient( 50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%);
}

/* metal linear */

.metal.linear {
  border-radius: .4em;
  background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
    
    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);
}

/* metal active */

.metal:active {
  color: hsl(210, 100%, 40%);
  text-shadow: hsla(210,100%,20%,.3) 0 -1px 0, hsl(210,100%,85%) 0 2px 1px, hsla(200,100%,80%,1) 0 0 5px, hsla(210,100%,50%,.6) 0 0 20px;
  box-shadow: 
    inset hsla(210,100%,30%,  1) 0  0px 0px 4px, /* border */
    inset hsla(210,100%,15%, .4) 0 -1px 5px 4px, /* soft SD */
    inset hsla(210,100%,20%,.25) 0 -1px 0px 7px, /* bottom SD */
    inset hsla(210,100%,100%,.7) 0  2px 1px 7px, /* top HL */
    
    hsla(210,100%,75%, .8) 0  0px 3px 2px, /* outer SD */
    hsla(210,50%,40%, .25) 0 -5px 6px 4px, /* outer SD */
    hsla(210,80%,95%,   1) 0  5px 6px 4px; /* outer HL */
}


#headerTopBack.pageScroll {
 position: fixed;
 min-width: 100%;
 box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); /* Horizontal offset, Vertical offset, Blur radius, Shadow color */
}

#menuBack.pageScroll {
 position: fixed;
 margin-top: 54px;
 min-width: 100%;
}

#headerBottomBack.pageScroll {
 padding-top:104px;
}