/* ==========================================================================
   LOCAL's custom styles
   ========================================================================== */


@font-face{
font-family:'jura';
src: url('https://sigmed.org/fonts/jura.ttf');
}


* :focus { outline: none!important; }

 body {
  /*padding-top: 50px; */
  overflow-x: hidden;
  overflow-y: scroll;
  background-image:url('https://sigmed.org/img/genbg.jpg');
}

td {
  padding-right:5px;
}

/* masonery stuff */

#msy-content {
         position:relative;
         width: auto;
         margin: 0 auto;
}

.msy-item {
display: block;
float:left;
width: 300px; 
margin: 0 10px 10px 0;    
}

.msy-item  img {
     width: 300px; 
     height: auto;
}



/* list stuff */

ol.mylist, ul.mylist {
padding: 10;
margin: 0;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
font-size:18px!important;
border-left: 2px solid rgba(255,255,255,.2);  
}
ul.mylist {
list-style-type: disc;
}

ol.mylist li, ul.mylist li {
   padding:5px;
   border-radius:4px;
   text-align:justify;
   margin-left:-40px;
   color:white;   
}


ol.mylist li span, ul.mylist li span {
   color:#eeeeee;
}

ol.mylist li:hover, ul.mylist li:hover {
   background-color: rgba(0,0,0,.1);
}

ul.mylist li {
   /* margin-left:0px; */
}

.jura {
   font-family: Jura; font-size:.9em;
}

.jurax {
   font-family: 'Roboto Condensed'; font-size:1em;
  
}



#first {
  margin-top:1%;
}

#second{
 height: 15px;
 line-height:16px;
 vertical-align:middle;
}

#third{
  display:none;
}


.crest-separator {
   position:relative;
   height:1px;
   margin-top:100px;
}

.crest-section{
  position:relative;
  border:1px solid #333333;
  border-radius:8px;
  background-image:url('https://sigmed.org/img/bgslice.jpg');
   -webkit-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
   -moz-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
}

.crest-subsection {
  margin-left:0.5%;
  margin-right:0.5%;
  padding-top:10px;
  padding-left:5%;
  padding-right:5%;
  padding-bottom:10px;
  /* background-color: rgba(140,105,84,.2); */
  /* background-color: rgba(0,0,0,.2); */
  margin-bottom:30px;
  text-shadow: 1px 1px 1px #000000; 
  color:#eeeeee;
  font-size:18px!important;
  font-family: "Roboto Condensed", sans-serif; 
  letter-spacing: 0.0425em; /* se mareste distanta intre litere cu un pixel */
  /* border: 1px solid rgba(0,0,0,0.2);
  border-radius:3px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); */

}

.usual {
    color:#d0cccc;;
    font-size:19px!important;
}

.small {
   font-size:16px!important;
}

.highlight {
   color: #ffffff!important;
   font-weight: bold;
}

.bigger {
   font-size:1.2em;
}

.biggest {
  font-size: 1.5em;
}

.crest-subsection table{
  padding-top:10px;
  padding-bottom:10px;
  border-radius:9px!important;
  background-color: transparent!important;
  text-shadow: 1px, 1px, 1px black;
  font-family:'Roboto Condensed', sans-serif;

  letter-spacing: 0.0425em; /* se mareste distanta intre litere cu un pixel */
  /* letter-spacing: 0.625em; /* se mareste distanta intre litere cu un pixel */
}

.crest-subsection table td{
  padding:7px;
  padding-left: 10px;
  background-color: rgba(255,255,255,.05);
}

.crest-subsection-border {
  position:relative;
  padding:5px; 
  padding-left:20px;
  width:100%;
  text-align: justify;
}


.logo {
  margin-top: 30px;
  width:250px;
  height:auto;
}

@media (min-width: 768px) and (max-width: 1400px) {
    .logo{
        width:170px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .logo{
        width:150px;
    }
}


@media (max-width: 599px){
   .logo {
      display:none!important;
  }

}




/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-custom {
    border: 1px solid rgba(0,0,0,.8);
    width:100%;
    margin-top:0px;
    margin-left: auto;
    margin-right:auto;
    font-size:17px;
    padding:0px;
    font-family:Jura;
    -webkit-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    -moz-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    z-index:66666;
}

.navbar-wrapper {
  top:  0;
  left:  0;
  right: 0;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-call { 
  text-align: right; 
  font-size:  20px; 
  color:#39d6ee; 
  font-weight:bold;
  margin-right:10px;
  vertical-align: middle;
  line-height:20px;
}



.navbar-default {
  background-color:#260126;
}



#custom-bootstrap-menu {
  border-radius:5px;
}

#custom-bootstrap-menu #second a{
  font-family: Jura;
  font-size:13px;
  color:#ffffff;
}

#custom-bootstrap-menu #second a:hover{
  color:#f2eeb3;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li {
  display: inline-block;
  margin-bottom:10px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    padding:0px;
    margin-left:3px;
    font-size:20px;
   
    border-bottom:2px solid transparent;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    /* color: rgba(42, 159, 214, 1); */
    color: #f2eeb3;
   
    border-bottom:2px solid white;
    background-color:transparent;

}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    /* border-color: #ddd; */
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    /* background-color: #888; */
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    /* background-color: #888; */
}


.mytoggle {
    margin-top:-1px;
}

.mydropdown-menu {
   border-radius:8px;
   /*
   background-image: -webkit-linear-gradient(top, #260126 0%, #59323c 50%);
   background-image: linear-gradient(to bottom, #260126 0%, #59323c 100%);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#260126', endColorstr='#59323c', GradientType=0);
   */
    background-color: #260126;
    -webkit-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
   -moz-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
}


.mydropdown-menu li a {
   border:1px solid transparent;
}


.mydropdown-menu li a:hover {
   background-color: #bfaf80;
   border:1px solid #666666;
   color: #260126;
}


.mynavbar-brand {
   padding:0px;
   margin:0px;
}

.mystrip {
  border:0px;
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  position:relative;
}

.mystrip-vertical {
  border:0px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:0px;
  padding-bottom:0px;
  position:relative;
}

.myfs-footer {
  position:relative; 
  display:block;  
  text-align:right; 
  margin-top:10px; 
  margin-right:-2%; 

}

.myfs{
   width:100px;
   height:100px;
}


.myfolder {
  width: 60px;
  height:100px;
}

.myhidden {
  display:none;
  z-index:9;
}

.mymain-container {
    margin-left:10%; 
    margin-right:10%; 
   
}

.my-60transparent
{
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
}

.my-40transparent
{
    filter:alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
}

.my-20transparent
{
    filter:alpha(opacity=20);
    -moz-opacity: 0.20;
    opacity: 0.20;
}

.my-tr-light{
  background-color:#1a1a1a;
}


.my-tr-dark{
  background-color:#111111;
}


.mylead {
  font-size:15px;
}


.mygoogle-maps {
    position: relative;
    padding-bottom: 61%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.mygoogle-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    
}


.my-flash {
     position:absolute; 
     z-index:7;  
     left:0px; 
     top:0px; 
     display:none; 
     width:auto; 
     height:100%; 
     display:none;
}

.my-crest {
     position:absolute; 
     z-index:9;  
     left:0px; 
     top:0px; 
     display:none;
}

.my-crest-visible {
    position:absolute; 
     z-index:9;  
     left:0px; 
     top:0px; 
     display:block;
}

.my-jumbotron {
     padding:0px;
     margin-top:50px!important; 
     margin:0px; 
     position:relative;
}

.my-container {
   padding:0px; 
   margin:0px; 
   position:relative;
}


.my-supercourtain {
   position:absolute; 
   top:0px; 
   left:0px; 
   z-index:99999; 
   width:100%; 
   height:9000px;
   background-color:black; 
   display:block;
}


.crest-subsection a:link    {COLOR: #7ca9ce; TEXT-DECORATION: none!important;}
.crest-subsection a:visited {COLOR: #7ca9ce; }
.crest-subsection a:hover   {COLOR: #b9dbf6; }



h1 {

    font-size:50px;
    font-family:Jura;
    color: #a25338;
    text-shadow: 0px 2px 6px #000000;
}

h3 {

    font-size:30px;
    font-family: "Jura";
    color: #f2eeb3;
    text-shadow: 1px 1px 0 rgba(120,120,120,0.6) , -1px -1px 1px rgba(0,0,0,0.67) ;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.5);
   -moz-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.5);
    box-shadow: 5px 4px 21px -6px rgba(0,0,0,.5);
    background-color:rgba(0,0,0,.1);
}

h4 {

    font-size:20px;
    font-family:Jura;
    color: #753d2a;
    text-shadow: 0px 2px 6px #000000;
}

h5 {

    font-size:14px;
    font-family:Jura;
    color: #ec4d07;
    text-shadow: 1px 1px 3px #000000;
}

.mybackground-responsive {
  background-repeat:no-repeat;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
background-size:contain;
background-position:right bottom;
}

.mypopover-image {
   width: 360px;
   height:230px;
}

.discret-shadow {
  -webkit-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
   -moz-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
    box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
}
              
.shadow {
  -webkit-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
   -moz-box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
    box-shadow: 10px 8px 42px -10px rgba(0,0,0,1);
}

.panorama {
    position: relative;
    padding-bottom: 20%; /* our ratio for this image, you can adjust this accordingly */
    height: 0;
    overflow: hidden;
}

.panorama img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;        
}

.marketing-panorama-left {
  padding-bottom:39%!important; 
  margin-right:10px;
}

.marketing-panorama-right {
  padding-bottom:39%!important; 
  margin-left:10px;
}



/*
 * MY media query
 */
@media (max-width: 768px) {
  .navbar-brand {
      
}   


h1 {

    font-size:25px;
}


h4 {

    font-size:12px;  
}

#first ul li a {
   font-size:14px!important; 
}

#second  a {
  font-size:13px!important;  
}


}


@media (max-width:990px) {
  .marketing-panorama-left {
      margin-right:0px;
      
  }

  .marketing-panorama-right {
     margin-left:0px;
  }

}



@media (max-width: 1600px) {
  #first ul li a {
   font-size:16px!important; 
  }
  .dropdown ul li a span{
     font-size: 14px!important;
   }
}

/*
*  NAVBAR COLLAPSE BRAKEPOINT ADJUST SET AT 1150px
*/

@media (max-width: 1150px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none!important;
    }


  .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
  }

  #third {
    display:block;
    margin-bottom:30px;
  }


 .mdropdown {
    /* enlarge collapsed menu a bit */
    margin-top:9px;
}


.my-navbar-nav {
    margin-top:20px;
    background-color: rgba(0,0,0,.7); 
}


.my-navbar-nav > li >a {
    color: rgba(255, 255, 255, 1);

}

#first {
   width:100%;
   background-color: rgba(0,0,0,.8); 
}

#second {
  margin-left:10px;
}

#secondmenu {
  margin-right:10px!important;
}

.navbar-header {
   background-color: transparent!important
}

#bula {
  display:block;
   margin-right:-15px!important;
   border:1px solid #bfaf80;
}

.caretv {
  display:none;
}

#cx, #px, #sx, #fx {
 
   margin-left:0px!important;
}

#sponsorilogo {
  
    background-color:rgba(255,255,255,.8)!important;
}

}


/*
* customize bootstrap
*/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
  max-width: 25%;
  padding: 1px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

}

.popover > .arrow,
.popover > .arrow:after {
  display: none;
}


/*
* gradual responsive
*/

@media (min-width: 1440px) and (max-width: 1800px) {



  ol.mylist, ul.mylist {
    font-size:18px!important;  
  }


   h3 {
    font-size:27px;
    color: #f2eeb3;
    text-shadow: 0px 1px 1px #000000;
   }

   .crest-subsection, .usual, .crest-subsection table{
    font-size:18px!important;
  }

  .small {
   font-size:15px!important;
   }   
}

@media (min-width: 1200px) and (max-width: 1440px) {

   ol.mylist, ul.mylist {
    font-size:17px!important;  
  }

   h3 {
    font-size:23px;
    color: #f2eeb3;
    text-shadow: 0px 1px 1px #000000;
   }

   .crest-subsection, .usual, .crest-subsection table{
    font-size:17px!important;
  }
  .small {
   font-size:14px!important;
   }   

}

@media (min-width: 990px) and (max-width: 1200px) {
  ol.mylist, ul.mylist {
    font-size:16px!important;  
   }

   h3 {
    font-size:20px;
    color: #f2eeb3;
    text-shadow: 0px 1px 1px #000000;
  }

  .crest-subsection, .usual, .crest-subsection table{
    font-size:16px!important;
  }
  .small {
   font-size:13px!important;
   }   

}



@media (min-width: 990px) and (max-width: 1400px) {


  .mypopover-image {
   width: 300px;
   height:191px;
  }
  .crest-subsection, .usual, .crest-subsection table{
    font-size:16px!important;
  }
  .small {
   font-size:13px!important;
   }   

  .crest-subsection-border {
  padding-left:15px;
  }

  .crest-separator {
   margin-top:70px;
  }

  .myfs{
   width:80px;
   height:auto;
  }

  .myfolder {
  width: 45px;
  height:75px;
  }

  .mymain-container {
    margin-left:8%; 
    margin-right:8%; 
  }
}

@media (min-width: 768px) and (max-width: 990px){


  ol.mylist, ul.mylist {
    font-size:14px!important;  
  }


 h3 {
    font-size:18px;
    color: #f2eeb3;
    text-shadow: 0px 1px 1px #000000;
 }

  .mypopover-image {
   width: 180px;
   height: 115px;
  }
  .crest-subsection, .usual, .crest-subsection table{
    font-size:14px!important;
  }
  .small {
   font-size:12px!important;
   }   

  .crest-subsection-border {
  padding-left:5px;
  }

  .crest-separator {
   margin-top:50px;
  }

  .myfs{
   width:65px;
   height:auto;
  }
  .myfolder {
   width: 35px;
   height:60px;
  }
  .mymain-container {
    margin-left:4%; 
    margin-right:4%; 
}
}

@media (max-width: 768px){

  ol.mylist, ul.mylist {
    font-size:13px!important;  
  }


   h3 {
    font-size:15px;
    color: #f2eeb3;
    text-shadow: 0px 1px 1px #000000;
  }

  .mypopover-image {
   width: 130px;
   height:83px;
  }
  .crest-subsection, .usual, .crest-subsection table{
    font-size:13px!important;
  }
  .small {
   font-size:12px!important;
   }   
  .crest-subsection-border {
       padding-left:0px;
  }

  .crest-separator {
   margin-top:25px;
  }

  .myfs{
   width:55px;
   height:auto;
  }
  .mymain-container {
    margin-left:0%; 
    margin-right:0%; 
  }
  .myfolder {
   width: 25px;
   height:40px;
  }
  ul.mylist li {
   text-align:left;
  }
  
} 


.cssload-loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.cssload-loader,
.cssload-loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




 #css3_calc { width: 1px; width: calc(1px + 1px); }

 .multipage {
   cursor:pointer;
    filter:alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
 }

 .multipage-holder {
     margin:0px;
     padding:0px; 
     margin-top:-50px; 
     margin-bottom:20px; 
     text-align:right;
 }

 .tooltip.top .tooltip-inner {
    color:#bbbbbb;
    background-color:#333333;
}
.tooltip.top .tooltip-arrow {
      border-top-color: #333333;
}

.pulsate {
    -webkit-animation: mypulsate 3s infinite; /* Chrome, Safari, Opera */
    animation: mypulsate 3s infinite
}


/* Chrome, Safari, Opera */
@-webkit-keyframes mypulsate {
    0%     {opacity:.2; }
    50%    { opacity:1;}
    100%   { opacity:.2;}
}

/* Standard syntax */
@keyframes mypulsate {
    0%     {opacity:.2; }
    50%    { opacity:1;}
    100%   { opacity:.2;}
}


.dropdown > a {
  padding-left: 20px;
}



.embossed-light {
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.embossed-heavy {
  border: 1px solid rgba(0,0,0,0.1);
  box-shadow: 
    inset 0 2px 3px rgba(255,255,255,0.3),
    inset 0 -2px 3px rgba(0,0,0,0.3),
    0 1px 1px rgba(255,255,255,0.9);
}



.fail-ko {
    color:#ee5f5b;
}

.done-ok {
    /* color: #f89406; */
    color: #94ff94;
}


.my-absolute-center {
   position:absolute;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
   display:block;
   margin:auto!important;
   
}

/*-----------------*/
/*****  google maps *****/
/*-----------------*/


.google-maps {
    position: relative;
    padding-bottom: 33%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.red {
  color: red;
}

.interval-orar {
  text-align:right; white-space:nowrap;
}

.inside-popover {
  width:100%; height:auto;  border:1px solid #808080; border-radius:3px;
}

.table{
  display:table;
  width:100%;
  border-collapse:collapse;
}
.table-row{
    display: table-row;
     width:100%;
}
.table-cell, .table-head{
      display: table-cell;
      padding:0.2em;
}

.galerie {
  border-radius:5px;
  border:1px solid #33333;
  -webkit-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
  -moz-box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
  box-shadow: 5px 4px 21px -6px rgba(0,0,0,.9);
}


.video-container {
width:90%;
margin-left:auto;
margin-right:auto;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}