body{
    min-height: 768px;
}
.main-screen{
    min-width: 1009px;
    min-height:768px;
    background-size: cover;
}


.navbar-nav{
    margin-left: 14.1%;
}
.lSSlideOuter{
    top:20%;
    left: 0px;
    /* bottom: 0%; */
    position: absolute;
    width: 100%;
    height: 89vh;
}

.lSSlideOuter .lSPager.lSGallery{
    margin-left: 1%;
}

.wrap {
    margin: 0 auto 0;
    padding: 0;
}

.lSAction > a {
    background-image: none;
}
.lSAction > .lSPrev{
    left: 13%;
}
.lSAction > .lSNext{
    right: 13%;
}
/*slider*/
.yoghurt{
    position: relative;
}
.yoghurt img{
    width: 550px;
    height: 550px;

}
.yoghurt span{
    position: absolute;
    bottom: 30px;
    left:150px;
}


.brandName div:nth-child(2){
    margin-top:2%;
}
.catalog-name{
    padding-top: 3%;
    font-family: TTProstoSansBold;
    margin-bottom: 5px;
}
.catalog-sub-name{
    font-size: 80%;
}
.linkM{
    padding-top: 5%;
}
.linkM > a{
    position: relative;
    font-size: 80%;
    color: white;
    font-weight: bold;
}
.carousel-control{
    width:0;
}
.bottle-click{
    display: block;
    position: absolute;
    z-index: 1000;
}
.lSGallery ul li a:hover{
    margin-bottom: 10px;
    transform: rotate(10deg);
}
.info{
    position: absolute;
}
.info a{
    padding: 10px;
}
.carousel-indicators img{
    width:50px;
    height:50px;
}

/*parallax.js*/
.leftDrop > img{
    position: relative;
}
.rightDrop > img{
    position: relative;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    transition: all 0.1s ease-in-out;
    padding-bottom: 50px;
    transform: translateY(-20px);


}
.lSSlideOuter .lSPager.lSGallery li:after{
    content: ' ';
    opacity: 0;
    display: block;
    position: relative;
    transform: translateY(20px);
    transition: opacity 1.5s ease;

}
.lSSlideOuter .lSPager.lSGallery li.active:after, .lSSlideOuter .lSPager.lSGallery li:hover:after{
    opacity: 100;

}
.info-box{
    position: absolute;
    top:0;
    left:23%;
    width: 40%;
    height:99.9%;
    background: rgba(76, 132, 217, 0.6) ;
}
.info-box p{
    position: relative;
    top:100px;
    left:100px;
    font-weight: bold;
}
.exit{
    position: relative;
    float: right;
    top: 65px;
    cursor: pointer;
}
.top-title{
    position: relative;
    top: 70px;
}
.centered{
    text-align: center;
}
.top-title ul{
    padding-left: 0%;
}
.top-title ul li{
    list-style-type: none;
}
.top-title ul li:before{
    content: "- ";
}
.top-title > div{
    margin-top: 35px;
}
.i-circle:before{
    content: '';
    width: 40%;
    height: 1px;
    margin-bottom: 1%;
    margin-right: 5%;
    background: #ffffff;
    display: inline-block;
}
.i-circle:after{
    content: '';
    width: 40%;
    height: 1px;
    margin-bottom: 1%;
    margin-left: 5%;
    background: #ffffff;
    display: inline-block;
}
.bot-title{
    position: relative;
    margin-left: 0%;
    top: 70px;
}
.bot-title ul li{
    list-style-type: none;
}
.unit-left{
    float: left;
}
.unit-right{
    float: right;
}

/*humburger-icon*/
.c-hamburger {
    display: block;
    position: static;
    top:-700px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 65px;
    height: 65px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

.c-hamburger:focus {
    outline: none;
}
.c-hamburger span {
    display: block;
    position: absolute;
    top: 30px;
    left: 18px;
    right: 18px;
    height: 2px;
    background: lightskyblue;
}

.c-hamburger span::before,
.c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: lightskyblue;
    content: "";
}

.c-hamburger span::before {
    top: -7px;
}

.c-hamburger span::after {
    bottom: -7px;
}

.cmn-toggle-switch span::after {
    bottom: -27px;
}
.c-hamburger--htx {
    background-color: white;
    border-radius: 35px;
}

.c-hamburger--htx span {
    transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
    transition-property: top, transform;
}

.c-hamburger--htx span::after {
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
    background-color: transparent;
}

.c-hamburger--htx.is-active span {
    background: none;
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
}
.slider{
    width:100%;
}
.catalog-content{
    /*display: none;*/
    /*opacity:0;*/
}
.preloader{
    position: absolute;
    top: 40vh;
    left: 50%;
}

/*parallax for milk*/
.milk-drop-left{
    position: absolute !important;
    top:30vh !important;
}
.milk-drop-right{
    position: absolute !important;
    top:30vh !important;
}
.milk-drop-center{
    position: absolute !important;
    top:21vh !important;
}
.milk-drop-center img{
    position: absolute;
    top: -10vh;
}
/*parallax for milk*/
/*parallax lines perspective*/
.first-line{
    width: 100%;
    position: absolute;
    margin-top: 5%;
}
.second-line{
    width: 100%;
    position: absolute;
    margin-top: 16%;
}
.third-line{
    width: 100%;
    position: absolute;
    margin-top: 12%;
}
.fourth-line{
    width: 100%;
    position: absolute;
    margin-top: 0%;
}
.fifth-line{
    width: 100%;
    position: absolute;
    margin-top: 0%;
}


.main-stage{transition:.3s linear}
.main-stage .layer{width:100%}
.main-stage .layer img{display:block;margin:auto}
.main-stage .first-line{margin-top:20%}
.main-stage .first-line__left img{margin-left:5%}
.main-stage .first-line__right img{margin-right:5%}
.main-stage 
.second-line{margin-top:15%}
.main-stage .second-line__left img{margin-left:5%}
.main-stage .second-line__left-rasp img{margin-left:25%;margin-top:5%}
.main-stage .second-line__center img{margin-left:0}
.main-stage .second-line__center--zlaki img{margin-left:25%;margin-top:5%}
.main-stage .second-line__center--kiwi img{margin-left:20%;margin-top:10%}
.main-stage .second-line__center--kakao img{margin-left:20%;width:15%}
.main-stage .second-line__right img{margin-right:10%}
.main-stage .second-line__right--zlaki img{margin-right:10%;margin-top:-1%}
.main-stage .second-line__right--melon img{margin-right:10%;margin-top:-5%}
.main-stage .second-line__right--sundae img{margin-right:10%;margin-top:-5%}
.main-stage .second-line__center-right img{margin-right:25%}
.main-stage .third-line__left img{margin-left:15%}
.main-stage .third-line__center-left img{margin-left:20%}
.main-stage .third-line__center-left--mushrooms img{margin-left:35%}
.main-stage .third-line__center-right img{margin-right:20%}
.main-stage .third-line__center-right--agrus img{margin-right:20%;margin-top:-2%}
.main-stage .third-line__center-right--iceojina img{margin-right:15%}
.main-stage .third-line__right img{margin-right:15%}
.main-stage .fifth-line__left img{margin-left:40%}
.main-stage .fifth-line__right img{margin-right:40%}
.third-screen .carousel-indicators{bottom:-60px}
.third-screen__top{color:#fff}