/*  
minusminimal - code // mobile - tablet - desktop
========================================================================== */

/*-------------------------*/
@media (min-width: 1200px) {
/*-------------------------*/
    body.erika-stone #cover-fixed{
        background: #e4e4e4;
    }
    body.erika-stone .device.uk-background-cover {
        background-size: cover;
    }
    body.erika-stone #cover-fixed.cover-jungle-cover .device.uk-background-cover {
        background-size: cover;
    }
}

/*-------------------------*/
@media (max-width: 640px) {
/*-------------------------*/
#klient .dt-box {
    padding-left: 40px;
}
#klient .dt-box h3 {
    margin-bottom: 8px !important;
}
#klient *+.uk-grid-margin-large, 
#klient .uk-grid+.uk-grid-large, 
#klient .uk-grid-large>.uk-grid-margin {
    margin-top: 20px;
}

/*---------------------------
@media (max-width: 640px)*/ }
/*-------------------------*/

/*-------------------------*/
@media (max-width: 812px) {
/*-------------------------*/

#left-small .fw3.tiny-prgrph p,
#left-big .fw3.tiny-prgrph p,
#left-small-mobile .fw3.tiny-prgrph p{
    width: 85%;
    margin: -50px 0 0 12px;
    font-size: .85rem;
}

.blendbox {
    position: relative;
    overflow: hidden;
    padding-bottom: 100vh;
}

.over-blend {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.blendbox .device {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    opacity: 0;
    z-index: -10;
    
}

.blendbox.visible .device {
    opacity: 1;
    z-index: -5;
}

#left-small .uk-grid-large>.uk-grid-margin,
#left-small .uk-grid-medium>.uk-grid-margin,
#left-small-mobile .uk-grid-large>.uk-grid-margin,
#left-small-mobile .uk-grid-medium>.uk-grid-margin,
#left-small-down .uk-grid-large>.uk-grid-margin,
#left-small-down .uk-grid-medium>.uk-grid-margin,
#left-big .uk-grid-large>.uk-grid-margin,
#left-big .uk-grid-medium>.uk-grid-margin {
    margin-top: 70px
}

#animation-box .image-screen{
    height: 230px;
    overflow: hidden;
  }
  #animation-box .animation img
  {
      -webkit-animation-duration:5s;
      animation-duration:5s;
      -webkit-animation-name:scrollCoverBrowser;
      animation-name:scrollCoverBrowser;
      -webkit-animation-timing-function: cubic-bezier(1.000, 0.005, 0.305, 1.000);
      animation-timing-function: cubic-bezier(1.000, 0.005, 0.305, 1.000); 
      -webkit-animation-direction: alternate; 
              animation-direction: alternate;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-fill-mode: none;
              animation-fill-mode: none;
  }
  @keyframes scrollCoverBrowser {
  
      10% {
          -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
                  transform: translateY(0%);
      }
  
      50% {
          -webkit-transform: translateY(calc(-50% + 115px));
              -ms-transform: translateY(calc(-50% + 115px));
                  transform: translateY(calc(-50% + 115px));
      }
  
      100% {
          -webkit-transform: translateY(calc(-100% + 230px));
              -ms-transform: translateY(calc(-100% + 230px));
                  transform: translateY(calc(-100% + 230px));
      }
  
  }
  
  @-webkit-keyframes scrollCoverBrowser {
      10% {
          -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
                  transform: translateY(0%);
      }
  
      50% {
          -webkit-transform: translateY(calc(-50% + 115px));
              -ms-transform: translateY(calc(-50% + 115px));
                  transform: translateY(calc(-50% + 115px));
      }
  
      100% {
          -webkit-transform: translateY(calc(-100% + 230px));
              -ms-transform: translateY(calc(-100% + 230px));
                  transform: translateY(calc(-100% + 230px));
      }
  
  }

/*---------------------------
@media (max-width: 812px)*/ }
/*-------------------------*/

/*-------------------------*/
@media (max-width: 960px) {
/*-------------------------*/

/*------------------
custom cover-section 
------------------*/
    img.home-cover-screen {
        max-height: calc(100vh - 160px);
        object-fit: cover;
        object-position: center;
        max-width: 100vw;
        margin-left: 0;
    }

    .animation-cover-style-1{
        animation: none;
        -webkit-animation: none;
}
/*---------------------------
@media (max-width: 960px)*/ }
/*-------------------------*/