@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto:100,400|Exo+2:600');

:root {
  --maxWidth: 1080px;
  --navHeight: 40px;
  --navHeightNEG: -40px;
  --white: rgba(255,255,255,1);
  --black: rgba(0,0,0,1);
  --l_gray: rgba(237,237,237,1);
  --d_gray: rgba(39,39,39,1);
  --red: rgba(194,28,38,1);
  --blue: rgba(56,68,128,1);
  --spec: rgba(56,68,128,1);
  --sfont: 10px 'Roboto';
  --nfont: 14px 'Roboto';
  --bfont: bold 14px 'Roboto';
  --bfont2: bold 16px 'Roboto';
  --ifont: italic 14px 'Roboto';
  --lineheight: 1.5;
} 

.center {
  margin-left: auto;
  margin-right: auto;
  display: block
}

.page-container {
  max-width: var(--maxWidth);
  margin: 0 auto;
}

/* Form */
.form-part {
  margin: 20px 100px;
  border: 1px solid var(--d_gray);
  padding: 19px;
}

.form-part  label  {
  font: var(--bfont);
  margin-bottom: 10px;
  display: block;
}

.form-part  input[type=text], 
.form-part  input[type=email], 
.form-part textarea, 
.form-part select {
  font: var(--nfont);
  padding: 5px;
  margin-bottom: 10px;
  background-color: var(--l_gray);
  border: 1px solid var(--d_gray);
  box-sizing: border-box;
}

.form-part  input[type=text], 
.form-part  input[type=email],
.form-part select {
  height: 40px;
}

.form-part textarea {
  resize: none;
}

.form-part input:focus , .form-part textarea:focus, .form-part select:focus {
    background-color: var(--white);
}

.form-part  input[type=checkbox], .form-part  input[type=radio] {
  margin-right: 15px;
}

.form-part button {
  font: var(--bfont);
  color: var(--white);
  padding: 15px;
  background-color: var(--blue);
  border: none;
  cursor: pointer;
}
/* Form - end */

.sticky {
  position: fixed;
  top: 0;
  width: var(--maxWidth);	
}

.sticky  + .BEIbody {
  padding-top: var(--navHeight); 
}

.SBtn {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 66px;
  height: 66px;
  border: 1px solid var(--white);
  z-index: 99;
  background-image: url("IMG/BTT.png");
  background-size: cover;
  opacity: 1;
  cursor: pointer;
}

.BEI_bg1 {
  background-color: var(--white);
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1;
}

.BEI_bg1 { background-image: url("IMG/AES_18.png"); }

/* Slide show */
.BEI-slide {height:600px; overflow:hidden; position:relative; z-index: -1;}
.BEI-slide img {position:absolute; animation:BEI-slide 20s infinite; opacity:0; width: 100%; height: auto;}


@keyframes BEI-slide {25%{opacity:1;} 40%{opacity:0;}}
.BEI-slide img:nth-child(1){animation-delay:0s;}
.BEI-slide img:nth-child(2){animation-delay:5s;}
.BEI-slide img:nth-child(3){animation-delay:10s;}
.BEI-slide img:nth-child(4){animation-delay:15s;}
/* Slide show - end */

.css_white_bg {
  background: var(--white);
}

.css_l_gray_bg {
  background: var(--l_gray);
}

.css_spec_bg {
  background: var(--spec);
}

.css_header_text {
  text-align: right;
  font: 18px 'Exo 2';
  line-height: var(--lineheight);
  color: var(--blue);
}

.css_footer_text { 
  font: var(--bfont);
  color: var(--d_gray);
}

.css_footer_text a {
    color: var(--d_gray);
    text-decoration: underline;
    display: block;
}

.css_header {
  margin: 0px;
  padding: 0px;
  font: var(--bfont);
  line-height: var(--lineheight);
  color: var(--d_gray);
  text-align: right;
  background: var(--l_gray);
}

.css_footer_s, .css_footer_n {
  color: var(--d_gray);
  text-align: center;
}

.css_footer_s {font: 12px 'Roboto';}

.css_footer_n {font: 16px 'Roboto';}

.css_title_blue { 
  font: 36px 'Open Sans Condensed';
  color: var(--blue);
  margin: 50px 50px 10px 50px;
}

.css_title_white { 
  font: 100 30px 'Roboto';
  color: var(--white);
  padding: 50px 50px 20px 50px;
}

.css_title_black{ 
  font: 100 30px 'Roboto';
  color: var(--black);
  padding: 50px 50px 20px 50px;
}

.css_sub_title { 
  font: bold 16px 'Roboto';
  color: var(--black);
  margin: 10px 50px 10px 50px;
}

.css_sub_title_res  { 
  font: var(--bfont);
  color: var(--black);
  margin: 0 100px 15px 100px;
}

.css_res {
  font: var(--nfont);
  color: var(--black);
  background: var(--l_gray);
  padding: 10px 20px;
  margin: 0 100px 15px 100px;
}

.css_res a {
    background-color: var(--blue);
	width: 120px;
    border: none;
    color: white;
	font: var(--bfont);
    text-align: center;
    text-decoration: none;
	display: inline-block;	
	padding: 5px;
}

.css_faq_t {
  font: var(--nfont);
  line-height: var(--lineheight);
  color: var(--white);
  background: var(--blue);
  padding: 10px 20px;
  margin: 0 100px 0 100px;
}

.css_faq {
  font: var(--nfont);
  line-height: var(--lineheight);
  color: var(--black);
  background: var(--l_gray);
  padding: 10px 20px;
  margin: 0 100px 15px 100px;
}

img.css_img_prod {
  width: 90%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.css_bullet_text ul { 
  list-style: none; 
  margin: 0 0 30px;
  padding: 0px;
}

.css_bullet_text li { 
  font: 14px 'Roboto';
  line-height: var(--lineheight);
  color: var(--black);
  margin: 0 150px;
}

.css_bullet_text li::before { 
  font:  16px 'Roboto';
  color: var(--red);
  content: '\25B8   ';
}

.css_text , .norm_text { 
  font: var(--nfont);
  line-height: var(--lineheight);
  color: var(--black);
}

.css_text_iblue  { 
  font: var(--ifont);
  line-height: var(--lineheight);
  color: var(--blue);
}

.css_margin_i { 
  margin: 10px 50px 10px 50px;
}

.css_text { 
  margin: 15px 100px 15px 100px;
}

.css_text_bold, .css_text_bold2  { 
  line-height: var(--lineheight);
  color: var(--black);
  margin: 20px 100px 15px 100px;
}

.css_text_bold  { 
  font: var(--bfont);
}

.css_text_bold2  { 
  font: var(--bfont2);
}

.css_margin_t { 
  margin: 15px 400px 15px 50px;
}

.css_margin_bt { 
  margin: 20px 400px 15px 50px;
}

.css_n20 {
  font: 20px 'Roboto';
  color: var(--black);
  line-height: var(--lineheight);
}

.css_n16iblue {
  font: italic 16px 'Roboto';
  color: var(--blue);
  line-height: var(--lineheight);
}

.css_n16 {
  font: 16px 'Roboto';
  color: var(--black);
  line-height: var(--lineheight);
}

.css_n16r {
  font: 16px 'Roboto';
  color: var(--red);
  line-height: var(--lineheight);
}

a.css_new:link,
a.css_new:visited,
a.css_new:hover, 
a.css_new:active {
  color: var(--red);
  text-decoration: none;
}

#news_img {
  height:300px;
  overflow:hidden;
  position: relative;
  z-index: -1;
}

#news_img img {
  position: absolute;
}

/* no border table */
table.nb_t, table.nb_t_res {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

table.nb_t_res td:first-child { width: 400px; }
table.nb_t_res td a { width: 150px; }

table.nb_t td {
  padding: 0 50px;
}
/* no border table - end */

/* specification table */
table.table_spec {
  margin: 0 100px;
  width: 85%;
  font: var(--nfont);
  line-height: var(--lineheight);
  color: var(--white);
  border-collapse: collapse;
}

table.table_spec td {
  padding: 5px 5px 5px 0;
  border-top: 1px solid var(--white);
  vertical-align: top;
}

/* Where table */
table.table_where {
  width: 100%;
  font: var(--nfont);
  border-collapse: collapse;
}

table.table_where td {
  width: 33%;
  padding: 5px;
  vertical-align: top;
}
/* Where table - end*/

/* comparative TCP table */
table.table_tcp {
  margin: 0 150px;
  width: 70%;
  font: var(--nfont);
  line-height: var(--lineheight);
  border-collapse: collapse;
}

table.table_tcp td {
  padding: 5px;
  vertical-align: top;
}

table.table_tcp ul { margin: 0 0 0 10px; padding: 0;}

/* comparative TCP table - end */

/* comparative table */
table.table_comp { border-collapse: collapse; width: 85%; text-align: center; margin: 0 100px 15px 100px; }

table.table_comp tr td { background-color: var(--white); font: var(--nfont); line-height: var(--lineheight); border: 1px solid var(--d_gray); padding: 5px 10px; width: 20%; }

table.table_comp tr:first-child td { background-color: var(--l_gray); }

table.table_comp tr td:first-child { background-color: var(--blue); color: var(--white); text-align: left; }
/* comparative table - end */

/* 3col table */
table.table_3col { border-collapse: collapse; width: 85%; text-align: center; margin: 0 100px 15px 100px; border: 1px solid var(--d_gray);}
table.table_3col tr td { background-color: var(--white); font: var(--nfont); line-height: var(--lineheight); border-left: 1px solid var(--d_gray); padding: 5px 10px; width: 33%; vertical-align: top; }
table.table_3col ul { margin: 0; padding: 0;}
table.table_3col li { list-style: none; }
/* 3col table - end */

/* news table */
table.news {
  border-spacing: 20px;
  width: 100%;
  }
table.news td {
  border: 2px solid var(--l_gray);
  width: 33%;
  height: 500px;
  vertical-align: top;
  }
/* news table - end */

/* menu */
.BEInavigation {
  border-bottom: 1px solid var(--white);
}

nav {
    padding: 0 50px;
    font: 16px 'Roboto';
    color: var(--white);
	background-color: var(--blue);
}

nav ul , .l_1, .l_2, .l_3 {
	padding: 0;
    margin: 0;
	list-style: none;
}

nav ul  {
	position: relative;
}

.l_1 li { padding: 0 15px; }
.l_2 li { padding: 0 30px; }
.l_3 li { padding: 0 45px; }

.l_1 li:before { content: '\2022  '; }	
.l_2 li:before { content: '-  '; }	
.l_3 li:before { content: '.  '; }	

/*	
.l_1 li:before { content: '\25C6  '; }	
.l_2 li:before { content: '\25C8  '; }	
.l_3 li:before { content: '\25C7  '; }	
*/
	
nav ul li {
	display: inline-block;
}

nav a {
	display: block;
	padding: 0 15px;
	color: var(--white);	
	line-height: var(--navHeight); /* the height of the main nav */
	text-decoration: none;
}

nav a:hover {    
    background-color: var(--d_gray);    
}

/* Hide Dropdowns */
nav ul ul {
	display: none;
	position: absolute; 
	top: var(--navHeight); /* the height of the main nav */
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display: inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width: 200px;
	float: none;
	display: list-item;
	position: relative;
	background-color: var(--blue);
}

/* Second, Third and more Tiers	*/
nav ul ul ul li {
	position: relative;
	top: var(--navHeightNEG); /* the negative height of the main nav */
	left: 200px;
}
	
/* Change this in order to change the Dropdown symbol */
li > a:after { content:  '  \25BE' }
li > a:only-child:after { content: ''; }
/* menu - end */