body {
  padding-bottom: 0px;
  background:#fff;
  font-family: Open Sans;
  color:#484848;
  font-size:16px;
  font-weight: 200;
}

.no-r-gutter { margin-right:0px; }
.no-r-gutter .col, .no-r-gutter > [class*="col-"] { padding-right: 0; }
.sh-1 { min-height: 460px; display:block; }

.logo { padding: 1.2rem 1rem; display:block; }
.header { border-bottom:#cbcbcb 3px solid;}
p {
    margin-top: 0;
    margin-bottom: .5rem;
}

a { color:#00a5c8; }
a:hover { color:#7aa94c; text-decoration: none; }

a,a:hover,a:click, a:visited{
  border:none;
  outline:none;
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color: white;
}

.no-paddings { margin: 0 0 !important; padding: 0px 0px; }
.no-left-padding { margin: 0 0 0 -1rem !important; }
.no-left-padding2 { margin: 0 0 0 -2rem !important; }

/* MENU TOP */

header { border-bottom:#cbcbcb 3px solid;}

.navbar {
    padding: 0rem 1rem!important;
}

.navbar-light .navbar-brand {
    padding: 1.7rem 1rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #484848;
    background: #fff;
    margin-right: 1px;
    line-height: 4.2rem;
    padding: 0 1rem;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: #2b2a29;
}

.push-right { position:absolute; right: 0px; }

.section-1 { background:#eaeaea; padding:2rem; }

.mt-6 { margin-top:3rem; }

.box { text-align: center; padding:4rem 7rem; color:#ffffff;  }
.box img { margin-bottom:2rem; padding-bottom:2rem; border-bottom:#fff 1px solid; }
.box span { display: block; }

.box-1 { background:#000000; }
.box-2 { background:#004a33; }
.box-3 { background:#142547; }
.box-4 { background:#575757; }
.box-5 { background:#9b0000; }

.box-x { position:absolute; top:0px; left:0px; display:none; width: 100%; height:100%; color:#fff; text-align: left;  }
.box-x span.container { display: block; position: absolute; left:20px; bottom: 80px; opacity: 1; }
.box-x .title { display: block; font-size:1.5rem; font-weight: normal; }
.box-x .txt {  border-bottom:#fff 1px solid; border-top:#fff 1px solid;  padding:.6rem 0; margin:1rem 0; display: inline-block; }
.box-x .title span { display: block; font-weight: 200; font-size:1rem; }
.container img { margin-bottom:100px; }
.container a { color:#fff; }
.box-x span.container span { display: block; position: relative; }

.electra { background-color:rgba(0, 0, 0, 0.7); }
.electra-automation { background-color:rgba(87, 87, 87, 0.7); }
.bellcome { background-color:rgba(155, 0, 0, 0.7); }
.pcb-electra { background-color:rgba(0, 48, 29, 0.7); }
.ems-electra { background-color:rgba(0, 95, 158, 0.7); }

#electra:hover .electra.box-x { display:block; }
#electra-automation:hover .electra-automation.box-x { display:block; }
#bellcome:hover .bellcome.box-x { display:block; }
#pcb-electra:hover .pcb-electra.box-x { display:block; }
#ems-electra:hover .ems-electra.box-x { display:block; }


@media (max-width: 768px) {
	.box-x { position:absolute; top:0px; left:0px; display:none; width: 100%; height:100%; color:#fff; text-align: left;  }
	.box-x span.container { display: block; position: absolute; left:10px; bottom: 20px; opacity: 1; font-size:.8rem; }
	.box-x .title { display: block; font-size:1rem; font-weight: normal; }
	.box-x .txt {  border-bottom:#fff 1px solid; border-top:#fff 1px solid;  padding:.2rem 0; margin:.4rem 0; display: inline-block; }
	.box-x .title span { display: block; font-weight: 200; font-size:.8rem; }
	.container img { margin-bottom:10px; }

	.electra { background-color:rgba(0, 0, 0, 0.9); }
	.electra-automation { background-color:rgba(87, 87, 87, 0.9); }
	.bellcome { background-color:rgba(155, 0, 0, 0.9); }
	.pcb-electra { background-color:rgba(0, 48, 29, 0.9); }
	.ems-electra { background-color:rgba(0, 95, 158, 0.9); }
}

.footerWraper { background:#f8f8f8 url(../images/electra-logo-large.png) no-repeat 0.5rem center; padding:2rem 0; color:#2b2a29; font-size: 0.83rem; }
.footerWraper a { color:#2b2a29; }

.language { display:inline-block; list-style:none; color:#00a5c8; z-index:100; margin: 0 0; }
.language li {  list-style:none; float:left; margin:2.2rem 8px 0 0; padding:0 6px 0 0; font-size: 1rem; border-right:#d5d5d5 1px solid; line-height:.7rem; }
.language li:last-child { border-right:none;  margin:2.2rem 0px 0 0; padding:0 0px 0 0; }
.language li a { text-decoration: none; color:#484848; }

.navigation { padding:1rem; }
.menu { display:inline-block; list-style: none; margin: 0 0; padding: 0 0; }
.menu a { color:#2b2a29; font-weight: bold; display: block; padding:2.2rem 1rem; }
.menu a:hover, .menu li.active a  { color:#fff; font-weight: bold; background:#2b2a29; padding:2.2rem 1rem;  }
.menu li { display:inline-block; }

@media (max-width: 768px) {
.navigation { padding:0rem 0rem .5rem; }

.language { display:inline-block; list-style:none; color:#00a5c8; z-index:100; margin: 0 0; padding: 0 0; }
.language li {  list-style:none; float:left; margin:.5rem 8px 0 0; padding:0 6px 0 0; font-size: .9rem; border-right:#d5d5d5 1px solid; line-height:.7rem; }
.language li:last-child { border-right:none;  margin:.5rem 0px 0 0; padding:0 0px 0 0; }
.language li a { text-decoration: none; color:#484848; }

.menu { display:inline-block; list-style: none; margin: 0 0; padding: 0 0; font-size: .9rem; }
.menu a { color:#2b2a29; font-weight: bold; display: block; padding:.5rem 1rem; }
.menu a:hover { color:#fff; font-weight: bold; background:#2b2a29; padding:.5rem 1rem; }
.menu li.active a { color:#fff; font-weight: bold; background:#2b2a29; padding:.5rem 1rem; }
.menu li { display:inline-block; }

.box { text-align: center; padding:3rem 2rem; color:#ffffff;  }
}