html,
body {
//    margin: 0px;
//    height: 100%;
    min-width:1024px;        /* Suppose you want minimum width of 1000px */
    width: auto !important;  /* Firefox will set width as auto */
    width: 1024px;            /* As IE6 ignores !important it will set width as 1000px; */
    height: 100%;
}
body {
    overflow-y: scroll; /* Show scrollbars */
}
.navbar {
    height: 64px;
}
.content a,
.content-no-fixed a
{
    text-decoration: none !important;
    color: var(--palleton-c2-hex);
}
.content a:hover,
.content-no-fixed a:hover
{
    text-decoration: underline !important;
    color: var(--palleton-c2-hex);
}

.container {
/*    max-width: 960px !important; */
}

.muk-margin-bottom {
    margin-bottom: 50px;
}
.muk-margin-bottom-200 {
    margin-bottom: 200px;
}
.content {
    padding: 20px 20px 50px 20px;
}
.content-no-fixed {
    min-height: 100%;
    position: relative;
    top: -64px;
    padding: 84px 20px 130px 20px;
    margin-bottom: 0;
}
.content-no-fixed-main {
    height: 100%;
    position: relative;
    top: -64px;
    padding: 84px 20px 50px 20px;
    margin-bottom: 0;
}

.intro-header
{
    background-image: url(/img/intro-es8430.png);
    background-size:  cover;
    width:            100%;
    margin-bottom:    20px;
}

.intro-header4
{
    background-image: url(/img/intro-es8430v4.png);
    background-size:  1320px 200px;
    width:            100%;
    margin-bottom:    20px;
    height: 200px;
}

.intro
{

}

.intro-img
{
  position: relative;
  /* max-width:50%; */
  max-height:100%;
  height:100px;
}
.intro-text
{
}

.intro-img > img
{
  max-width:100%;
  max-height:100%;
  transition: 0.3s;

  display: block;
  margin-left: auto;
  margin-right: auto 
}


.intro:hover > .card
{
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
}

.intro:hover img {
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.jumbotron {
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
  background-color: rgba(var(--palleton-c4-rgb), 0.6);
  color: #fff;
}
.jumbotron > h1,
.jumbotron > .lead {
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}


p {
    text-align: justify;
}
.text-justify {
    text-align: justify;
    display: block;
}

/*
.content > h2 {
    color: #000;
    width: 100%;
    border-bottom: 5px solid var(--palleton-d2-hex);
    font-weight: bold !important;
    text-align: center;
    margin: 10px auto;
}
*/

/*
.content > h2 {
    overflow: hidden;
    text-align: center;
    margin: 5px 0px;
}

.content > h2:before,
.content > h2:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.content > h2:before
{
    right: 0.5em;
    margin-left: -50%;
}
.content > h2:after
{
    left: 0.5em;
    margin-right: -50%;
}
*/
.content > h1
{
    font-weight: bold;
    font-size: 48px;
}


.muk-pos-rela {
    position: relative;
}
.muk-bottom-align {
    position: absolute;
    bottom: 0;
    right: 0;
}

.muk-center-align
{
    text-align: center;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
    margin-left: -1px;
}

.angara-footer
{
    color: #fff;
    top: -144px;
}

.clicable-img
{
    cursor: pointer;
}
.img-contain {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.img-soft-stack
{
    background-image: url(/img/soft-stack.png);
}

.img-chip-ec8430
{
    background-image: url(/img/EC8430x512.png);
    min-height: 200px;
    width: 200px;
    margin: auto;
}

.img-fp-with-cables
{
    background-image: url(/img/fp-with-cables.jpg);
}

h2 {
    font-size: var(--bs-body-font-size);
    background-color: var(--palleton-c2-hex) !important;
    border: 1px solid var(--palleton-c2-hex) !important;
    border-radius: 0px 10px 10px 0px;

    display: inline-block;
    padding: 2px 15px 2px 15px;
    color: #fff;

    font-weight: bold;

    margin-top: 20px;
}

h3 {
    font-size: var(--bs-body-font-size);
    font-weight: bold;
}

.navbar {
    z-index: 10;
}
.nav-link {
    padding: 4px 8px 8px 8px !important;
}
.nav-item {
    border-top: 4px solid var(--palleton-c1-hex) !important;
}

.nav-item.active,
.nav-item:hover, .nav-item:focus
{ 
    background-color: var(--palleton-c2-hex) !important;
    //border-top: 4px solid var(--palleton-c3-hex) !important;
    border-top: 4px solid var(--palleton-c2-hex) !important;
}

.dropdown-item.active, .dropdown-item:active,
.dropdown-item:hover, .dropdown-item:focus
{
    background-color: var(--palleton-c2-hex) !important;
}

.dropdown-menu
{
    background-color: var(--palleton-c1-hex) !important;
    border-top: 2px solid var(--palleton-c1-hex);
}


.bg-primary {
    background-color: var(--palleton-c1-hex) !important;
}

.card-header {
    background-color: var(--palleton-c4-hex) !important;
}

ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.dash > li:before {
    display: inline-block;
    content: "\2014";
    width: 1em;
    font-weight: bold;
//    color: var(--palleton-c2-hex) !important;
}

.carousel-indicators
{
    bottom: -40px;
}

.carousel-inner
{
    margin: auto  !important;
}

@media (min-width: 768px) {
    .carousel-inner
    {
        width:  180px !important;
        height: 110px !important;
    }
}
@media (min-width: 992px) {
    .carousel-inner
    {
        width:  260px !important;
        height: 160px !important;
    }
}
@media (min-width: 1200px) {
.carousel-inner
{
    width:  300px !important;
/*    height: 200px !important; */
    margin: auto  !important;
}
}

.muk-margin-10 { margin-top: 10px !important; }
.muk-margin-20 { margin-top: 20px !important; }
.muk-margin-30 { margin-top: 30px !important; }

.muk-marginb-10 { margin-bottom: 10px !important; }
.muk-marginb-20 { margin-bottom: 20px !important; }
.muk-marginb-30 { margin-bottom: 30px !important; }

.muk-width-50 {
    width: 50%;
}
.anchor
{
//display: none;
}

.clickable{
    cursor: pointer;
}

.table-info sup a
{
    color: #fff;
}

.notes .col-1 {
    width: 3%;
}

.muk-show-anywhere {
	display: block;
}

.btn {
    font-weight: bold !important;
}

.middle-img {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


/* badge */
a.badge {
    color: #fff;
    border: 1px solid var(--palleton-c1-hex) !important;
    cursor: pointer;
}

a.badge:hover {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    color: #000;
    text-decoration: none !important;
}

.tme {
    display:         block;
    font-size:       14px;
    font-weight:     500;
    text-align:      center;
    border-radius:   8px;
    padding:         5px 10px 5px 5px;
    background:      var(--palleton-c2-hex);
    text-decoration: none;
    color:           #fff;
}

.tme2 {
    width: 40px;
    height: 40px;
    display: block;
    margin: auto;
}
#tme2-circle {
    fill: var(--palleton-c2-hex);
}
#tme2-circle:hover {
    fill: var(--palleton-c2l1-hex);
}

.tme:hover {
    text-decoration: none;
    background:      var(--palleton-c2l1-hex);
    color:           #fff;
}

.footer-contacts {
    font-size: 12px;
}
.footer-contacts td {
    padding-right: 20px;
}