.allproduct {
        position: relative;
        clear:both;
        max-width: 1110px;
        min-width: 550px;
        margin: 30px auto 0px;
/*
        border: 1px solid #000000;
*/
        }
        
        
.allproduct .itm {
        margin: 5px;
        min-height: 500px;
        }
        
.allproduct .itm .title {
        height: 50px;
        display: block;
        position: relative;
/*
        margin:0px auto 0px;
*/
        margin-bottom: 30px;

        color:#411606;
        font-size: 35px;
        text-align: center;
        font-weight: 700;
        font-style: normal;
        font-family: 'Roboto';
        }
        
.allproduct .itm .lft {
        float: left;
        width: 540px;
        min-height: 400px;
        display: block;
        position: relative;
        font-size: 18px;
        line-height: 25px;
        
        color: #333333;

        font-family: 'Roboto';
        font-weight: 300;
        font-style: normal;
        }

.allproduct .itm .lft b{
        font-family: 'Roboto';
        font-weight: 700;
        font-style: normal;
        font-size: 30px;
        margin-top: 10px;
        display: block;
        }

.allproduct .itm .lft ul{
        padding: 0;
        }

.allproduct .itm .lft ul li{
        padding: 12px 10px 10px 40px;
        margin:0;
        list-style: none;
        
        background-image: url("/img/d2-products-itm.png");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 28px;
        min-height: 30px;
        }

.allproduct .itm .rght {
        float: right;
        width: 545px;
        min-height: 400px;
        display: block;
        position: relative;

        font-family: 'Roboto';
        font-weight: 300;
        font-style: normal;

/*
        background-image: url("/img/products/d2-elevan.png");
*/
        background-repeat: no-repeat;
        background-position: center top;
/*
        background-size: 28px;
        border: 5px solid rgb(192,192,192);
*/
        }

.allproduct .itm .title2 {
        min-height: 50px;
        display: block;
        position: relative;
/*
        margin:0px auto 0px;
        margin-bottom: 25px;
*/
        color:#e60000;
        font-size: 25px;
        text-align: center;
        font-weight: 700;
        font-style: normal;
        font-family: 'Roboto';

        line-height: 40px;
        }


.allproduct .itm .rght .iimg {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 545px;
        height: 270px;

        border-radius: 10px;
        -moz-border-top-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        }
        
@-webkit-keyframes shake-slow1 {
        0% { top: 30px; }
        50% { top: 60px; }
        100% { top: 30px; }
        }

@keyframes shake-slow1 {
        0% { top: 30px; }
        50% { top: 60px; }
        100% { top: 30px; }
        }

@-webkit-keyframes shake-slow2 {
        0% { top: 40px; }
        50% { top: 70px; }
        100% { top: 40px; }
        }

@keyframes shake-slow2 {
        0% { top: 40px; }
        50% { top: 70px; }
        100% { top: 40px; }
        }

@-webkit-keyframes shake-slow3 {
        0% { top: 50px; }
        50% { top: 85px; }
        100% { top: 50px; }
        }

@keyframes shake-slow3 {
        0% { top: 50px; }
        50% { top: 75px; }
        100% { top: 50px; }
        }

@-webkit-keyframes shake-slow4 {
        0% { top: 50px; }
        50% { top: 70px; }
        100% { top: 50px; }
        }

@keyframes shake-slow4 {
        0% { top: 50px; }
        50% { top: 70px; }
        100% { top: 50px; }
        }

@-webkit-keyframes shake-slow5 {
        0% { top: 50px; }
        50% { top: 70px; }
        100% { top: 50px; }
        }

@keyframes shake-slow5 {
        0% { top: 50px; }
        50% { top: 70px; }
        100% { top: 50px; }
        }
		
@-webkit-keyframes shake-slow6-1 {
        0% { top: 20px; }
        50% { top: 40px; }
        100% { top: 20px; }
        }

@keyframes shake-slow6-1 {
        0% { top: 20px; }
        50% { top: 40px; }
        100% { top: 20px; }
        }

@-webkit-keyframes shake-slow6-2 {
        0% { top: 105px; }
        50% { top: 115px; }
        100% { top: 105px; }
        }

@keyframes shake-slow6-2 {
        0% { top: 105px; }
        50% { top: 115px; }
        100% { top: 105px; }
        }

.allproduct .itm .rght .iimg .llogo1 {
        width: 252px;
        height: 181px;
        position: absolute;
        left: 270px;
        top: 30px;
        }

.allproduct .itm .rght .iimg .llogo2 {
        width: 183px;
        height: 170px;
        position: absolute;
        left: 340px;
        top: 40px;
        }

.allproduct .itm .rght .iimg .llogo3 {
        width: 352px;
        height: 169px;
        position: absolute;
        left: 90px;
        top: 50px;
        }

.allproduct .itm .rght .iimg .llogo4 {
        width: 325px;
        height: 132px;
        position: absolute;
        left: 110px;
        top: 50px;
        }

.allproduct .itm .rght .iimg .llogo5 {
        width: 278px;
        height: 141px;
        position: absolute;
        left: 250px;
        top: 50px;
    }

.allproduct .itm .rght .iimg .llogo6-1 {
        width: 257px;
        height: 166px;
        position: absolute;
        left: 15px;
        top: 20px;
    }

.allproduct .itm .rght .iimg .llogo6-2 {
        width: 329px;
        height: 129px;
        position: absolute;
        left: 200px;
        top: 105px;
    }


.allproduct .itm .rght .iimg:hover .llogo1, .allproduct .itm .rght .iimg:hover .llogo2, .allproduct .itm .rght .iimg:hover .llogo3, .allproduct .itm .rght .iimg:hover .llogo4, .allproduct .itm .rght .iimg:hover .llogo5, .allproduct .itm .rght .iimg:hover .llogo6-1, .allproduct .itm .rght .iimg:hover .llogo6-2 {
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        }

.allproduct .itm .rght .iimg:hover .llogo1 {
        animation-name: shake-slow1;
        }

.allproduct .itm .rght .iimg:hover .llogo2 {
        animation-name: shake-slow2;
        }

.allproduct .itm .rght .iimg:hover .llogo3 {
        animation-name: shake-slow3;
        }

.allproduct .itm .rght .iimg:hover .llogo4 {
        animation-name: shake-slow4;
        }

.allproduct .itm .rght .iimg:hover .llogo5 {
        animation-name: shake-slow5;
        }

.allproduct .itm .rght .iimg:hover .llogo6-1 {
        animation-name: shake-slow6-1;
        }

.allproduct .itm .rght .iimg:hover .llogo6-2 {
        animation-name: shake-slow6-2;
        }


.allproduct .itm .rght .urls {
        position: absolute;
        left: 15%;
        top: 275px;
        width: 70%;
        height: 45px;
        }

.allproduct .itm .rght .urls a{
        text-decoration:none;
        }

.allproduct .itm .rght .url2,.allproduct .itm .rght .url3 {
        display: block;
        height: 42px;
        float: left;
        background: url('/img/d2-urls-ins.png')  no-repeat left center;
/*
        width: 80px;
*/
        font-size: 15px;
        position: relative;
        margin-left: 30px;
        margin-right: 20px;
        line-height: 40px;
        color: #000000;
        font-weight: 700;
        padding-left: 40px;
        padding-right: 10px;
        }

.allproduct .itm .rght .url2 {
        float: left;
        background: url('/img/d2-urls-ins-n.png')  no-repeat left center;
          -webkit-transition: .3s ease-in-out;
          -moz-transition: .3s ease-in-out;
          -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        }

.allproduct .itm .rght .url2:hover {
        background: url('/img/d2-urls-ins-s.png')  no-repeat left center;
        }


.allproduct .itm .rght .url3 {
        float: right;
        margin-left: 0px;
        background: url('/img/d2-urls-prez-n.png')  no-repeat left center;
        margin-right: 5px;
          -webkit-transition: .3s ease-in-out;
          -moz-transition: .3s ease-in-out;
          -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        }

.allproduct .itm .rght .url3:hover {
        background: url('/img/d2-urls-prez-s.png')  no-repeat left center;
        }

.btns {
        min-height: 270px;
        margin-top: 40px;
        margin-bottom: 70px;
        }

.krember {
        min-height: 270px;
        margin-top: 40px;
/*
        padding-left: 40px;
*/
        margin-bottom: 70px;
        }

.btns .itms{
        width: 20%;
        min-width: 180px;
        display: block;
        height: 240px;
        float:left;
        position: relative;
/*
        margin:0px auto 0px;
        margin-bottom: 40px;
        padding-top: 160px;
*/
        text-align: center;
        }
        
.btns .itms2{
/*
        border: 1px solid rgb(192,192,192);
*/
        width: calc(17% - 5px);
        }

.btns .itms3{
/*
        border: 1px solid rgb(192,192,192);
*/
        width: 33%;
        }

.btns .itms4{
/*        border: 1px solid rgb(192,192,192); */
        width: 25%;
        }

.btns .itms1{
        width: 99%;
        }


.btns .itms2-1{
        width: 50%;
        }

.btns .itms a{
        color: #000000;
        font-size: 20px;
        text-decoration:none;

        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
/*
        border: 1px solid #000000;
*/
        }

.btns .itms .btn {
/*
        background: url('/img/products/elvan-d1.png')  no-repeat center center;
*/
        background-position: center center;
        background-repeat: no-repeat;
        
        display: block;

        width: 131px;
        height: 130px;
        position: absolute;
        position: relative;
        top: 0px;
/*
        left: 30px;
*/
        border-radius: 100px;
        padding: 5px;
        border: 4px solid #e6c58f;
        margin: 0px auto 20px;
/*
        opacity: 0.8;
*/
        }

.btns .itms a:hover .btn {
/*
        opacity: 1;
*/
        border: 4px solid #ff0000;
        }

.products-alllist {
/*
        border: 1px solid #ff0000;
*/
        }

.biscuit .itm {
/*
        min-height: 500px;
        border: 1px solid #ff0000;
*/
        }
        
.roshen-biscuit .itm {
        min-height: 400px;
/*
        border: 1px solid #ff0000;
*/
        }

.krember-konfeti .itm {
        min-height: 350px;
        }

.krember-vafli .itm {
        min-height: 350px;
        }
        
.krember-pechenie .itm {
        min-height: 350px;
        }

.products-alllist .itm{
        display: block;
        text-align: center;
        position: relative;
        width: 32%;
        min-width: 350px;
        
        height: 100%;
/*
        border: 1px solid #ff0000;
*/
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        cursor: pointer;
        background-color: #ffffff;
        }
        
        
.products-alllist .itm:hover{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);

        border: 1px solid #ff0000;
        border-radius: 10px;
        -moz-border-top-right-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-bottom-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        z-index: 9;
       }

.napitki .itm {
        width: 49%;
        }

.products-alllist .l{
        float: left;
        }

.products-alllist .r{
        float: right;
        float: left;
        }