#certificates-container {
    position: relative;
    padding-top: 0px !important;
}
#certificates-container div.left {
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
    background-color: #f4f4f4;
}
#certificates-container div.right {
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: cover;
}
@media all and (max-width: 992px) {
  [rel="certification_group"] > img{
    width: 100%;
  }
  #company-container div.left {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none; 
  }
}
@media all and (max-width: 768px) {
    #certificates-container div.left {
        top: initial;
        -webkit-transform: initial;
        -moz-transform: initial;
        transform: initial;
    }
    #certificates-container div.right {
        min-height: 768px;
    }
}

#certificates-container .logo {
    position: absolute;
    bottom: 50px;
    right: 50px;
}
#certificates-container .logo img{
  height: 20px;
}
#certificates-container .right_hide_cover{
  display: table;
  position: absolute;
  height: 100%;
  background-color: red;
  z-index: 2;
  background-color: #f4f4f4;
}
#certificates-container .right_hide{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
}
#certificates-container .right_hide ul{
  height: 100%
}
#certificates-container .right_hide ul > li.active{
  transform: translateX(100%);
  opacity: 1;
}
#certificates-container .right_hide ul > li{
  display: table;
  width: 100%;
  height: 100%;
  transition: 1s all ease-out;
  opacity: 0;
  transform: scale(.1);
}
#certificates-container .right_hide ul > li:first-child{
  opacity: 1;
  position: relative;
}
#certificates-container .right_hide ul > li:not(:first-child){
  position: absolute;
  top: 0;
  left: 0;
}
#certificates-container .right_hide ul > li > a{
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    margin: 50px;
    position: relative;
}
#certificates-container .right_hide ul > li img{
  width: auto;
  max-width: 600px;
  max-height: 800px;
}
#certificates-container .right_hide ul > li div.shadow{
  display: table;
  width: 80%;
  box-shadow: 0px 16px 50px black;
  
}

#certificates-container .right{
  transition: 1s all;
}
#certificates-container .right.active{
  -webkit-filter:blur(15px) saturate(50%);
  filter:blur(15px) saturate(50%);
}

.certificates-content{
    padding: 20% 20% 0 20%;
    font-size: 22px;
    color: white;
    opacity: 0;
    animation: fadeInBlur 1s cubic-bezier(0, 0, 0, 0.93);
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.certificates-overlay{
    z-index: -1;
    opacity: 0.8;
}

.certificates-overlay:hover{
    opacity: 0.8;
}