html, body {
        margin:0;
        padding:0;
        width:100%;
        height:100%;
/*
        overflow-x: hidden;
*/
        }

body {
        PADDING-BOTTOM: 0px;
        PADDING-LEFT: 0px;
        PADDING-RIGHT: 0px;
        PADDING-TOP: 0px;
        MARGIN: 0px;
        min-height: 100%
        background-color: #ffffff;
        font-family: 'Roboto';
        font-weight: 400;
        }

.all-t {
        position: relative;
/*
        min-height: 1200px;
        z-index: 10;
        height: 100%;
        border: 5px solid rgb(192,192,192);
*/
        min-width: 640px;
        min-height: 1200px;
        }

.ttop-t1 {
/*
        height: 543px;
        height: 625px;
*/
        border: 1px solid rgb(192,192,192);
        background: url('/img/d2-topfon1-1.png')  repeat-x top left;
        }
        
.mttop {
        min-width: 600px;
        max-width: 1308px;
        margin:0px auto 0px;
        max-width: 1600px;
        position: relative;
        margin:0px auto 0px;
/*
        border: 1px solid rgb(192,192,192);
*/
        top:0;
        height: 543px;
        background: url('/img/d2-tfon.png')  no-repeat right bottom;
        background-size: contain 420px;
        }

.mttop .logo {
        position: absolute;
        left: 20px;
        top: 20px;
        }

.mttop .name {
        position: absolute;
        left: 250px;
        top: 50px;
        text-align: center;
        color: #ffffff;
        
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 600;
        font-size: 25px;
        }
        
.mttop span{
        font-family: 'Fira Sans';
        font-style: normal;
        font-weight: 300;
        }

.mttop .napeshi {
        position: absolute;
        left: 100%;
        top: 50px;
        text-align: left;
        color: #ffffff;
        line-height: 50px;
        margin-left: -550px;
        width: 200px;
        height: 54px;
        font-weight: 300;
        }
        
.mttop .napeshi_kz {
        width: 240px;
        margin-left: -590px;
        }

.mttop .napeshi a{
        text-decoration:none;
        font-size: 20px;
        opacity: 1;
        color: #ffffff;
        }

.mttop .napeshi a:hover{
        opacity: 0.6;
        color: #fff9dd;
        }

.mttop .tel {
        position: absolute;
        left: 100%;
        top: 37px;
        text-align: left;
        color: #ffffff;
        padding-left: 65px;
        padding-top: 5px;
        font-weight: 300;
/*
        line-height: 30px;
        width: 1200px;
*/
        margin-left: -300px;
        height: 75px;

        background: url('/img/d2-tbtn2.png')  no-repeat left 13px;
        font-size: 20px;
        }
        
.mttop .tel a{
        text-decoration:none;
        font-size: 20px;
        opacity: 1;
        color: #ffffff;
        }
        
.mttop .tel a:hover{
        opacity: 0.6;
        color: #fff9dd;
        }

.mttop .slogan-rus {
        position: absolute;
        left: 50px;
        top: 400px;
        width: 364px;
        height: 100px;
        background: url('/img/d2-slogan_rus.png')  no-repeat left 3px;
        }

.mttop .slogan-eng {
        position: absolute;
        left: 50px;
        top: 400px;
        width: 378px;
        height: 100px;
        background: url('/img/d2-slogan_eng.png')  no-repeat left 3px;
        }

.mttop .slogan-kaz {
        position: absolute;
        left: 50px;
        top: 400px;
        width: 378px;
        height: 100px;
        background: url('/img/d2-slogan_kaz.png')  no-repeat left 3px;
        }

.block2-1 {
        height: 63px;
        position: relative;
        width: 100%;
        }

.block2 {
        height: 63px;
        position: relative;
        width: 100%;
        z-index: 10;
        background: url('/img/d2-topfon1-2.png')  repeat-x;
        }

.block2 .slub {
        height: 50px;
        left: 100px;
        top: 5px;
        color: #ffffff;
        position: absolute;
        line-height: 50px;
        font-size: 23px;
        display: none;
        }

.block2 .menu-btn {
        width: 70px;
        padding: 10px;
        margin-bottom: 30px;
        background: #909066;
        color: #FFF;
        text-align: center;
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: 4px;
        font-size: 25px;
        border: 0px;
        z-index: 10;
        display: none;
        -moz-border-top-right-radius: 8px;
        -webkit-border-top-right-radius: 8px;
        -moz-border-bottom-right-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        -moz-border-top-left-radius: 8px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-bottom-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px
        }

.block2 .menu-btn:hover {
          opacity: 0.6;
        }

.block2 .menu {
        height: 63px;
        top: 0px;
        min-width: 600px;
        max-width: 1600px;
        position: relative;
/*
        border: 1px solid rgb(192,192,192);
*/
        margin:0px auto 0px;
        }
        
.block2 .menu .lng {
        top: 15px;
        position: absolute;
        left: 100%;
        margin-left: -150px;
        color: #ffffff;
        font-size: 19px;
        padding: 0px 0px 0px 0px;
        line-height: 30px;
        cursor: pointer;
        }
        
.block2 .menu .lng ul ul {
        display: none;
        }
        
.block2 .menu .lng ul li:hover > ul {
        display: block;
        -moz-border-bottom-right-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        -moz-border-bottom-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        }
        
.block2 .menu .lng ul {
        list-style: none;
        position: relative;
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        background: url('/img/d2-lng-sw.png')  no-repeat 110px center;
        background-color: #84714b;
        -moz-border-top-right-radius:3px;
        -webkit-border-top-right-radius:3px;
        -moz-border-bottom-right-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        -moz-border-top-left-radius:3px;
        -webkit-border-top-left-radius:3px;
        -moz-border-bottom-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        }
        
.block2 .menu .lng ul:after {
        content:"";
        clear: both;
        display: block;
        }

.block2 .menu .lng ul:hover {
        -moz-border-bottom-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        }


.block2 .menu .lng ul li {
        float: left;
        }
        
.block2 .menu .lng ul li:hover {
/*
        background-color: #000;
*/
        }
        
.block2 .menu .lng ul li:hover {
/*
        background-color: #000;
*/
        }

.block2 .menu .lng ul li a:hover {
/*
        color: #fff;
*/
        }
        
.block2 .menu .lng ul li a, .block2 .menu .lng ul li span {
        display: block;
        padding: 2px 5px 2px 5px;
        color: #ffffff;
        width: 120px;
        padding: 0 0 0 10px;
/*
        border: 1px solid rgb(192,192,192);
*/
        text-decoration: none;
        }
        

.block2 .menu .lng ul ul {
        border-radius: 0px;
        padding: 0;
        position: absolute;
/*
        border: 2px solid #84714b;
*/
        -moz-border-top-right-radius:3px;
        -webkit-border-top-right-radius:3px;
        -moz-border-bottom-right-radius:3px;
        -webkit-border-bottom-right-radius:3px;
/*
        -moz-border-top-left-radius:3px;
        -webkit-border-top-left-radius:3px;
*/
        -moz-border-bottom-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        
        box-shadow:5px 18px 12px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow:5px 18px 12px 0px rgba(0,0,0,0.2);
        -moz-box-shadow:5px 18px 12px 0px rgba(0,0,0,0.2);
        }
        
.block2 .menu .lng ul ul li {
        float: none;
        position: relative;
        }
        
.block2 .menu .lng ul ul li a {
        color: #ffffff;
        background-color: #84714b;
        text-align: left;
        display: block;
        padding: 2px 5px 2px 15px;
        }

.block2 .menu .lng ul ul li a:hover {
        text-decoration: underline;
        }
/*
.mttop .menu .lng:hover {
        background-color: #000000;
        }
*/


.block2 .menu #menu {
        text-align: center;
        margin: 0;
        padding: 0;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        }

.block2 .menu #menu li {
        display: block;
        float: left;
        min-width: 13%;
        }

.block2 .menu #menu li a{
        text-decoration:none;
        color: #FFFFFF;
        position: relative;
        display: block;
        height: 63px;
/*
        border: 1px solid rgb(192,192,192);
        PADDING-left: 25px;
        PADDING-right: 25px;

*/
        MARGIN-left: 2px;
        MARGIN-right: 2px;

        PADDING-left: 5px;
        PADDING-right: 5px;
        font-size: 20px;
        line-height: 60px;

/*
        background:  url('/img/1/transition1.png');

-webkit-transition:all 10s ease;
     -moz-transition:all 10s ease;
     -ms-transition:all 10s ease;
     transition:all 10s ease;

             transition: background 10s ease;
        -moz-transition: all 10s 0.01s ease;
        -o-transition: all 10s 0.01s ease;
        -webkit-transition: all 10s 0.01s ease;
*/

/*
        background: url('/img/d2-menu-itm-s.png')  repeat-x;
        background: #d30000;

        -moz-transition: all 0.3s 0.01s ease;
        -o-transition: all 0.3s 0.01s ease;
        -webkit-transition: all 0.3s 0.01s ease;
*/
        }

.block2 .menu #menu li .s, .block2 .menu #menu li a:hover{

/*
        background: #806e48;
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(128,110,72,1) 100%);

        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(128,110,72,1) 100%);
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
        background-color: #000000;
        -webkit-transition: background 1000ms linear;
            -ms-transition: background 1000ms linear;
            transition: background 1000ms linear;

        background: url('/img/d2-menu-itm.png')  repeat-x;
        background-image: url('/img/d2-menu-itm.png');
*/
        background: url('/img/d2-menu-itm.png')  repeat-x;

        color: #ffffff;
        }

.all-b {
        position: relative;
        min-height: 384px;
        min-width: 600px;
/*
        border: 1px solid #ffffff;
*/
        background: url('/img/d2-kurasan.png'),
                    url("/img/d2-but-fon2s.jpg");
        background-position: right 180px, center top;
        background-repeat: no-repeat;
        background-size: auto, cover;
       }


.all-b .menu {
/*
        border: 1px solid rgb(192,192,192);
*/
        width: 1200px;
        top: 10px;
        position: relative;
        height: 63px;
        margin:0px auto 0px;
        }

.all-b .menu a{
        height: 50px;
        color: #ffffff;
/*
        border: 1px solid rgb(192,192,192);
*/
        text-align: center;
        float:left;
        display: block;
        position: relative;
        text-decoration:none;
        line-height: 50px;
        font-size: 23px;
        margin-right: 5px;
        padding-left: 32px;
        padding-right: 32px;
        }
        
.all-b .menu a:hover{
        text-decoration: underline;
        }

.block1 {
        max-width: 1200px;
        top: 10px;
        position: relative;
        height: 309px;
        margin:0px auto 0px;
/*
        border: 1px solid rgb(192,192,192);
        background: url('/img/d2-but-fon1.png')  no-repeat right bottom;
*/
        }

.all-b .block1 .copy {
        color: #ffffff;
        position: absolute;
        top: 60px;
        left: 170px;
        line-height: 30px;
        font-size: 20px;

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

.all-b .block1 .logo {
        position: absolute;
        top: 80px;
        left: 10px;
/*
        border: 1px solid rgb(192,192,192);
*/
        }

.all-b .block1 .copy a{
        color: #ffffff;
        }

.all-b .block1 .soc {
        position: absolute;
/*
        border: 1px solid rgb(192,192,192);
*/
        top: 80px;
        margin-left: -600px;
        left: 100%;
        }

.block3 {
        min-width: 400px;
        margin:0px auto 0px;
        max-width: 1600px;
        
        min-height: 1000px;

        font-family: 'Roboto';
        padding: 20px 60px 30px 60px;
/*
        clear:both;

        padding-top: 20px;
        position: relative;

        padding-bottom: 20px;
        padding-left: 20px;
*/
        font-weight: 300;
        font-style: normal;
        font-size: 20px;
        }
        
.block3 h1,.block3 h2 {
        color:#e60000;
        font-size: 40px;
        text-align: center;
        font-weight: 700;
        font-style: normal;
        font-family: 'Roboto';
        
        text-transform: uppercase;
        }
        
.block3 h1 a,.block3 h2 a {
        color:#e60000;
        text-decoration:none;
        }

.block3 p {
        line-height: 30px;
        }
        
.block3 a{
        color:#000000;
        }
        
.allbrands {
        position: relative;
        clear:both;
        max-width: 1110px;
        min-width: 550px;
        margin:0px auto 0px;
        }

@-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; }
        }

.allbrands .itm .imgs .llogo1 {
        width: 252px;
        height: 181px;
        position: absolute;
        left: 270px;
        top: 30px;
        }

.allbrands .itm .imgs .llogo2 {
        width: 183px;
        height: 170px;
        position: absolute;
        left: 340px;
        top: 40px;
        }

.allbrands .itm .imgs .llogo3 {
        width: 352px;
        height: 169px;
        position: absolute;
        left: 90px;
        top: 50px;
        }

.allbrands .itm .imgs .llogo4 {
        width: 325px;
        height: 132px;
        position: absolute;
        left: 110px;
        top: 50px;
        }

.allbrands .itm .imgs .llogo5 {
        width: 278px;
        height: 141px;
        position: absolute;
        left: 250px;
        top: 50px;
    }

.allbrands .itm .imgs:hover .llogo1, .allbrands .itm .imgs:hover .llogo2, .allbrands .itm .imgs:hover .llogo3, .allbrands .itm .imgs:hover .llogo4, .allbrands .itm .imgs:hover .llogo5 {
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        }

.allbrands .itm .imgs:hover .llogo1 {
        animation-name: shake-slow1;
        }

.allbrands .itm .imgs:hover .llogo2 {
        animation-name: shake-slow2;
        }

.allbrands .itm .imgs:hover .llogo3 {
        animation-name: shake-slow3;
        }

.allbrands .itm .imgs:hover .llogo4 {
        animation-name: shake-slow4;
        }
        
.allbrands .itm .imgs:hover .llogo5 {
        animation-name: shake-slow5;
        }

.allbrands .itm{
        width: 547px;
        display: block;
        height: 520px;
        float:left;
        position: relative;
/*
        margin:0px auto 0px;
        border: 1px solid rgb(192,192,192);
*/
        margin-bottom: 40px;
        }

.allbrands .l{
        float: left;
        }
        
.allbrands .r{
        float: right;
        }

.allbrands .itm .imgs {
        width: 545px;
        height: 270px;
        position: absolute;
        overflow: hidden;
        left: 0px;
        top: 0px;
        cursor: pointer;
/*
        border: 1px solid rgb(192,192,192);
        background-image:url('/img/brands/b1.jpg');
*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom right;
        }
        

.allbrands .itm .info {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        color: #333333;
        font-size: 16px;
        padding: 30px 20px 20px 20px;
        position: absolute;
        top: 280px;
        text-align: justify;
        line-height: 24px;
        }

.allbrands .itm .info b {
        font-weight: 700;
        }

.allbrands .itm .urls {
        position: absolute;
        left: 0px;
        top: 475px;
        width: 100%;
        height: 45px;
        }

.allbrands .itm .urls a{
        text-decoration:none;
        }
        
.allbrands .itm .url1 {
        width: 210px;
        display: block;
        height: 42px;
        float: left;
        text-align: center;
        position: relative;
        color: #ffffff;
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        background-color: #ff0000;
        line-height: 40px;
        font-size: 20px;
        
        border-radius: 3px;
        -moz-border-top-right-radius:3px;
        -webkit-border-top-right-radius:3px;
        -moz-border-bottom-right-radius:3px;
        -webkit-border-bottom-right-radius:3px;
        -moz-border-top-left-radius:3px;
        -webkit-border-top-left-radius:3px;
        -moz-border-bottom-left-radius:3px;
        -webkit-border-bottom-left-radius:3px;
        }

.allbrands .itm .url1:hover {
        background-color: #84714b;
        color: #ffffff;
        }

.allbrands .itm .url2,.allbrands .itm .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: 35px;
        padding-right: 10px;
        }

.allbrands .itm .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;
        }

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


.allbrands .itm .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;
        }

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

.hot-block {
        position: relative;
        clear:both;
        max-width: 1110px;
        min-width: 500px;
        margin: 0px auto 0px;
        }

.hot-block .itm{
        width: 345px;
        display: block;
        height: 50px;
        float:left;
        position: relative;
        margin-right: 32px;
/*
        background: url('/img/d2-hot-block1.png')  no-repeat left top;
*/

        background: url('/img/d2-hot-block-fn.png')  no-repeat left top;
        background-position: left top;
        background-repeat: no-repeat;

        background-color: #ff0000;
        text-decoration:none;
        color: #ffffff;
        text-align: center;
        
        font-family: 'Roboto Condensed';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;

        -moz-border-top-right-radius:10px;
        -webkit-border-top-right-radius:10px;

        -moz-border-top-left-radius:10px;
        -webkit-border-top-left-radius:10px;

        padding-top: 350px;
        }

.hot-block .r{
        margin-right: 0px;
        }


.hot-block .itm1, .hot-block .itm2, .hot-block .itm3{
/*
        border: 1px solid rgb(192,192,192);
*/
        opacity: 0.6;
        width: 345px;
        height: 333px;
        position: absolute;
        left: 0px;
        top: 0px;
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        }

.hot-block .itm:hover .itm1, .hot-block .itm:hover .itm2, .hot-block .itm:hover .itm3{
        opacity: 1;
        }


.hot-block .itm1 {
        background: url('/img/d2-hot-block1-s.jpg')  no-repeat left top;
        -moz-border-top-right-radius:10px;
        -webkit-border-top-right-radius:10px;

        -moz-border-top-left-radius:10px;
        -webkit-border-top-left-radius:10px;
        }


.hot-block .itm2{
        background: url('/img/d2-hot-block2-s.jpg')  no-repeat left top;
        -moz-border-top-right-radius:10px;
        -webkit-border-top-right-radius:10px;

        -moz-border-top-left-radius:10px;
        -webkit-border-top-left-radius:10px;
        }

.hot-block .itm3{
        background: url('/img/d2-hot-block3-s.jpg')  no-repeat left top;

        -moz-border-top-right-radius:10px;
        -webkit-border-top-right-radius:10px;

        -moz-border-top-left-radius:10px;
        -webkit-border-top-left-radius:10px;
        }

.marks-slider {
        position: relative;
/*
        border: 1px solid rgb(192,192,192);
*/
        clear:both;
        max-width: 1110px;
        min-width: 400px;
        margin: 0px auto 0px;
        height: 112px;

        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 60px;
        }

.marks-slider .slider-x{
        border: 1px solid #ababab;
        text-align: center;
        width: 420px;
        margin-left: 5px;
        margin-right: 5px;
        height: 112px;
        border-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px
        }

.ttop-t1-2 {
/*
        height: 543px;
        height: 625px;
*/
        background: none;
        background-color: #411606;
        }

.mttop-2 {
        height: 165px;
        background: none;
        }

.mttop-2 .logo {
        top: 5px;
        }
        
.mttop-2 .logo img{
        height: 147px;
        width: 165px;
        }