html, body {margin:0;padding:0;width:100%;height:100%;}

body {
        padding: 0;
        margin: 0;
        min-height: 100%
        background-color: #f0f0f0;
        font-family: 'Roboto';
        font-weight: 400;
}

HTML {
        height: 100%
}

.all {
        position: relative;
        min-height: 110%;
        min-width: 760px;
/*
        z-index: 10;
        height: 110%;
*/                
}
                
.ttop {
        position: relative;
        height: 200px;
        min-width: 760px;
/*
        width: 99%;
        max-width: 1400px;
        margin:0px auto 0px;
        background: url('/img/ttop-fon1.png') repeat-x left 210px;
*/
        background: url('/img/ttop-fon2.png') repeat-x left top;
}
                
.ttop .adrs{
        background: #d50900;
        height: 30px;
        max-width: 1800px;
        width: 100%;
        padding-top: 5px;
        top: 0;
        left: 0;
        font-family: 'SegoeUILight';
        font-weight: 300;
        font-size: 15px;
        color: #ffffff;
        text-align: center;
/*
                left: calc((100% - 1500px) / 2);
*/
        position: relative;
        margin:0px auto 0px;
}

.ttop .adrs .blk1, .ttop .adrs .blk2{
        display: block;
        float: left;
        margin-left: 20px;
}

.ttop .adrs .blk1 .pismo{
	    cursor: pointer;
}

.ttop .adrs .blk1 .pismo:hover{
		border-bottom: 2px #383838 dashed;
}

.ttop .adrs .blk2{
        float: right;
        margin-right: 20px;
}
        
.ttop .adrs a{
        font-family: 'SegoeUILight';
        font-weight: 300;
        font-size: 15px;
        color: #ffffff;
}
                
.ttop .info{
        margin: 10px auto 0px;
        position: relative;
        height: 130px;
        max-width: 1800px;                
        width: 99%;
}
                
.ttop .info .logo{
        position: absolute;
        top: 20px;
        left: 0px;
}

.ttop .info .tel{
        position: absolute;
        top: 40px;
        font-size: 25px;
        left: 920px;
        color: #666666;
        padding-left: 40px;
        background: url('/img/phone.png') no-repeat left 5px;
}

.ttop .info .tel a{
        text-decoration:none;
        font-size: 20px;
        color: #666666;
}

.ttop .info .lng{
        position: absolute;
        top: 32px;
        left: 100%;
        margin-left: -170px;
        height: 60px;                
}

.ttop .info .lng a{
        width: 45px;
        height: 45px;
/*
        border: 1px solid #006699;        
*/
        background: #999999;
        text-align: center;
        margin: 5px;
        float: left;
        line-height: 45px;
        color: #ffffff;
        text-decoration:none;
        -moz-border-radius: 45px;
        -webkit-border-radius: 45px;
        border-radius: 45px;
        position: relative;
        display: block;
}


.ttop .info .lng a:hover, .ttop .info .lng .s{
        background: #D50900;
}


.ttop .info .mmenu{
        position: absolute;
        top: 10px;
        height: 104px;
        left: 380px;
        width: 900px;
}

.ttop .info .mmenu a{
        color: #000000;
        text-decoration:none;                
        display: block;
        height: 104px;
        margin-left: 5px;
        padding-left: 15px;
        padding-right: 15px;
/*
        border: 1px solid #006699;
        min-width: 100px;
*/
        text-align: center;
        font-size: 20px;
        float: left;
        line-height: 104px;
}

.ttop .info .mmenu .s, .ttop .info .mmenu a:hover{
        background: #D50900;
        color: #ffffff;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
}

.ttop .menu-btn {
        width: 100px;
        height: 100px;
        padding: 0px;
        background: #d50900;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        position: absolute;
        left: 100%;
        margin-left: -120px;
        top: 60px;
        font-size: 70px;
        z-index: 100;
        font-weight: bold;
/*
        margin-left: -130px;
        margin-bottom: 20px;

*/
        position: absolute;
        display: none;
        border-radius: 2px;
        -moz-border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-top-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px
}

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



/* глайный слайдер ------------ */
.m-slider {
        height: 675px;
/*
        width: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
*/
        position: relative;

        left: ((100% - 1800px) / 2);
        min-width: 640px;
        margin:0px auto 0px;
        max-width: 1800px;
        width: 100%;
}

/* перехват кнопочек */
.m-slider .flickity-prev-next-button {
        top: 80%;
        width: 56px;
        height: 56px;
        display: none;
}

.m-slider .flickity-prev-next-button.previous {
        margin-left: 150px;
}

.m-slider .flickity-prev-next-button.next{
        margin-left: 70px;
}
/* перехват кнопочек */

.m-slider .slider {
        height: 675px;
        width: 100%;
}

.m-slider .sliders{
        height: 100%;
        min-width: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
}

.m-slider .sliders .info {
        position: relative;
        top: 70px;
        height: 500px;
/*
        border: 1px solid rgb(192,192,192);
*/
        width: 90%;
        margin:0px auto 0px;
        max-width: 1700px;
}


.m-slider .sliders .info .ob{
        position: relative;
        background-color: rgba(95, 94, 94, 0.7);
        color: #ffffff;
        padding: 20px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-size: 65px;
                
        font-family: 'Roboto';
        font-weight: 500;
        font-style: normal;
        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
}

.m-slider .sliders .info .ab{
        position: relative;
/*
        background-color: #e6eef8;
*/
        color: #ffffff;
        display: block;
        background-color: rgba(230, 238, 248, 0.3);
/*
        width: 40%;

        font-family: 'PF Din Display Pro Black';
        text-transform: uppercase;
*/
        padding: 20px;
        font-size: 30px;
        font-family: 'Roboto';
        font-weight: 300;
        font-style: italic;

        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
}
                
.m-slider .sliders .info .ab ul {
        margin: 0px;
        padding: 0px;
}

.m-slider .sliders .info .ab ul li {
        list-style-type: none;
        background: url(/img/slider-itm.png) no-repeat left 10px;
        padding-left: 30px;
}

.flickity-prev-next-button .arrow {
        fill: #0066ff;
}

/* ------------------ глайный слайдер */

/* продукция ------------------ */
.products {
        left: calc((100% - 1800px) / 2);
        min-width: 640px;
        margin:0px auto 0px;
        max-width: 1800px;
        text-align: left;
        color: #666666;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;                
        line-height: 35px;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 50px;
        padding-bottom: 50px;
}

.products h1{
        color: #000000;
        font-size: 50px;                
        text-align: left;
        font-weight: 500;
        font-style: normal;
}

.products .list{
/*
        height: 331px;
*/
        height: 331px;
        margin-top: 50px;
        max-width: 1320px;
/*
        border: 1px solid #006699;
        margin-left: calc((100% - 1320px) / 2);
*/
        margin: 30px auto 20px;
}

.products .list a{
        display: block;
/*
        position: relative;
*/
        text-align: center;
        color: #D50900;
/*
        width: calc((100% - 30px) / 4);
*/
        font-size: 33px;
        width: 313px;
        float: left;
        text-decoration:none;
        height: 250px;
        margin-left: 20px;

        display: table-cell;
        vertical-align: middle;
        padding: 80px 0 0 0;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

.products .list .d1{
        background: url('/img/prod-d1.png') no-repeat top right;
        background-color: #f0f0f0;
}

.products .list .d2{
        background: url('/img/prod-d2.png') no-repeat top right;
        background-color: #f0f0f0;
}

.products .list .d3{
        background: url('/img/prod-d3.png') no-repeat top right;
        background-color: #f0f0f0;
}
                                  
.products .list .d4{
        background: url('/img/prod-d4.png') no-repeat top right;
        background-color: #f0f0f0;
}

.products .list a:hover {
        background-position: right -332px;
        background-color: #ed0101;
        color: #FFFFFF;
}


.products .list .d1{
        margin-left: 0;
}
/* ------------------ глайный слайдер */


/* баннеры ------------------ */
.banners {
        height: 780px;
        position: relative;
        width: calc(100% -2px);
        border: 0;
        overflow: hidden;
        border: 1px solid #ffffff;
}

.banners .iimg{
        height: calc(100% - 2px);
        position: absolute;
		top: 1px;
        z-index: 100;
		left: 0;
        width: 100%;
        background:  url('/img/banners-fon2.png'), url('/img/banners-fon1.jpg');
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: repeat, no-repeat;
}


.banners .btop{
        position: absolute;
        top: -208px;
        left: -5%;
        width: 110%;
        height: 300px;
        background-color: #ffffff;
        border-radius: 0 0 100% 100%;
        z-index: 200;
}

.banners .bbtn{
        position: absolute;
        top: calc(100% - 90px);
        left: -5%;
        width: 110%;
        height: 300px;

        background-color: #ffffff;   		
        border-radius: 100% 100% 0 0;
        z-index: 200;
}

.banners .blist{
        position: absolute;
        top: 180px;
        width: 1300px;
        left: calc((100% - 1300px)/2);
        z-index: 200;
        height: 450px;
}

.banners .blist a{
        float: left;
        display: block;
        min-width: 280px;
		
		box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
 /*
        width: calc(25% - 35px);
        height: calc(100% - 520px);
*/
        width: 300px;                
        height: 60px;
        font-family: 'Roboto';
        font-weight: bold;
        color: #000000;
        font-size: 20px;
        text-align: center;
        padding-top: 350px;
/*
                padding-top: 390px;
*/
        border: 1px solid #780b05;
        text-decoration:none;
        border-radius: 0 0 15px 15px;
        margin-left: 30px;
        background-color: #e8e8e8;
}

.banners .blist a:hover{
        color: red;
		box-shadow: 0 0 10px rgba(0,0,0,0.2); /* Параметры тени */
}

.banners .blist .a1{
        background: url('/img/banners-fon-a1.jpg') no-repeat top left;
        background-size: contain;
        margin-left: 0px;
        background-color: #e8e8e8;                
}

.banners .blist .a2{
        background: url('/img/banners-fon-a2.jpg') no-repeat top left;
        background-size: contain;
        background-color: #e8e8e8;                
}

.banners .blist .a3{
        background: url('/img/banners-fon-a3.jpg') no-repeat top left;
        background-size: contain;
        background-color: #e8e8e8;                
}

.banners .blist .a4{
        background: url('/img/banners-fon-a4.jpg') no-repeat top left;
        background-size: contain;
        background-color: #e8e8e8;                
}
/* ------------------ баннеры */


/* о компании ------------------ */
.about {        
/*
        background: url('/img/about-fon1.jpg') no-repeat 5px 0px;
*/
        min-width: 640px;
        max-width: 1750px;
        text-align: left;
        color: #666666;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;                
        line-height: 35px;
        margin: 50px auto 50px;
        height: 500px;
}

.about .blk1 {
        display: block;
        width: 40%;
        float: left;
        height: 500px;
        margin-left: 5px;
        overflow: hidden;
 }


.about .blk1 .img{
        background: url('/img/about-fon1.jpg') no-repeat 5px 0px;
        width: 100%;
        height: 500px;
        background-position: center top;
        background-size: cover;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        -webkit-transition: all 0.5s ease-out;
}


.about .blk1 .img:hover{
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
}

 
.about .blk2 {
        display: block;
        width: calc(58% - 35px);
        float: right;
        height: 500px;
        margin-right: 5px;
		padding-right: 15px;
		padding-left: 15px;
}

.about .blk2 h2{        
        font-size: 50px;
        color: #000000;
        margin-top: 0px;
}

.about .blk2 .inf{
        color: #000000;
        text-transform: uppercase;                
}

.about .blk2  div{
        position: relative;
        height: 110px;
        color: #000000;                
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
        padding-top: 15px;
}

.about .blk2 div span{
        display: block;
        min-width: 40px;
        max-width: 24%;
        float:left;
        padding-left: 15px;
        height: 110px;
        padding-right: 15px;
/*
                padding: 30px;
*/                
}

.about .blk2 div span b{
        color: #000000;                
        font-size: 45px;        
}

/* ------------------ о компании */

/* блок контанта ------------------ */

.cont {
        margin: 0px auto 0px;
        position: relative;
        min-height: 1000px;
        max-width: 1800px;                
        width: 99%;
}

.cont .txt{
        padding-left: 30px;
        font-size: 22px;
/*        color: #666666; */
        color: #000000;
        padding-right: 30px;
}

.cont .txt a{
        font-size: 22px;
/*        color: #666666; */
        color: #000000;
}

.cont .txt a:hover {
        text-decoration:none;
}


.cont .banner{
        height: 150px;
        background-size: cover;        
        background-position: left bottom;
}

.cont h2{
        height: 70px;        
        text-transform: uppercase;
        margin: 0;
        line-height: 70px;
        color: #ffffff;
        font-size: 25px;
        padding-left: 20px;
        background-color: #d50900;
        border-top: 1px solid #707070;
        font-weight: normal;
        border-bottom: 1px solid #707070;
}

.cont .txt h1 {
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        font-size: 45px;
        padding-top: 50px;
        padding-bottom: 40px;
        color: #000000;
}

.cont .txt h1 a{
        font-weight: normal;
        text-transform: uppercase;
        font-size: 45px;
        padding-top: 50px;
        padding-bottom: 40px;
        color: #000000;
}

/* ------------------ блок контанта */


/* новости ------------------ */
.news {
        left: calc((100% - 1800px) / 2);
        min-width: 640px;
        margin:0px auto 0px;
        max-width: 1800px;
        text-align: left;
        color: #666666;
        font-weight: 400;
        font-style: normal;
        font-size: 30px;                
        line-height: 35px;
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 50px;
        padding-bottom: 50px;
}

.news h1{
        color: #000000;
        font-size: 50px;                
        text-align: center;
        font-weight: 500;
        text-transform: uppercase;
        font-style: normal;
}

.news .list{
/*
        height: 400px;
*/
}

.news .list .itm{
/*
        border: 1px solid #006699;
*/
        position: relative;
        display: block;
        float: left;
        height: 360px;
        width: calc(33% - 30px);
        margin: 10px;
        background-color: #E8E8E8;                
        border-radius: 10px;
		padding-right: 10px;
}

.news .list .itm .dt{
        border-bottom: 2px solid #D50900;
        height: 70px;
        display: block;
        position: relative;
        top: 0;
        left: 0;
        color: #000000;
        line-height: 70px;
        font-size: 26px;                
        padding-left: 40px;
        margin-bottom: 10px;
}

.news .list .itm .dt b{
        color: #D50900;
        font-size: 40px;                
        font-weight: 700;
        font-style: normal;
}

.news .list .itm .txt{
        margin-bottom: 10px;
        display: block;
        float: left;
        width: calc(99% - 180px);
        padding-left: 180px;
        font-weight: normal;
        font-size: 18px;
        height: 250px;
        z-index: 1;
        overflow: hidden;
        line-height: 25px;
/*
        border: 1px solid #000000;
*/
}

.news .list .itm .txt a{
        font-weight: normal;
        text-decoration:none;
        font-size: 18px;
		color: #000000;
}

.news .list .itm .img{
        position: absolute;
        left: 10px;
        top: 85px;           
        z-index: 10;
/*
        border: 1px solid #D50900;
*/
        width: 150px;
        height: 150px;
        border-radius: 4px;
        background-size: cover;
}                
/* ------------------ новости */


/* подвал ------------ */
.podval {
        position: relative;
        height: 450px;
        background-color: #383838;
}

.podval .info{
        margin: 20px auto 0px;
        position: relative;
        height: 400px;
        max-width: 1800px;                
        width: 99%;
}

.podval .info .blk1{
        width: 40%;
        display: block;
        position: relative;
        float: left;
        height: 400px;
}

.podval .logo {
        top: 10px;
        left: 30px;
        position: absolute;
}

.podval .tel {
        top: 170px;
        position: absolute;
        font-family: "SegoeUIRegular";
        font-style: normal;
        font-weight: 400;
        color: #C2C2C2;
        font-size: 28px;
        left: 30px;
}

.podval .zvon, .podval .email, .podval .geo {
        top: 230px;
        left: 30px;
        position: absolute;
        padding-left: 35px;
        height: 40px;                
        line-height: 30px;
        font-family: "SegoeUISemiBold";
        font-style: normal;
        font-weight: 600;
        color: #C2C2C2;
        font-size: 20px;
}

.podval .zvon{
        left: 30px;
        background: url('/img/phone2.png') no-repeat left 5px;
}

.podval .email{
        left: 320px;
        background: url('/img/email.png') no-repeat left 5px;
}

.podval .email span{
		border-bottom: 2px solid; 
		cursor: pointer;
}

.podval .email span:hover{
        color: #D50900;
}

.podval .geo{
        top: 300px;
        background: url('/img/geo.png') no-repeat left 5px;
}

.podval .zvon a, .podval .email a{
        font-family: "SegoeUISemiBold";
        font-style: normal;
        font-weight: 600;
        color: #C2C2C2;
        font-size: 20px;
}

.podval .zvon span{
		border-bottom: 2px solid; 
		cursor: pointer;
}

.podval .zvon span:hover{
        color: #D50900;
}

.podval .zvon a:hover, .podval .email a:hover{
        color: #D50900;
}

.podval .info .feedback{
        font-size: 17px;
        top: 0px;
        text-align: left;
        color: #BEBEBE;
        position: relative;
        width: 55%;
        display: block;
        position: relative;
        float: right;
        height: 410px;
		padding-top: 20px;
}

.podval .info .feedback p{
        margin: 0 0px 20px 0;
        font-weight: 500;
        font-style: normal;
        font-family: 'Roboto';
        color: #ffffff;
        font-size: 37px;
}

.podval .info .feedback .blk{
        margin-bottom: 10px;
        margin-top: 10px;
}

.podval .info .feedback input[type=text], .podval .info .feedback textarea{
        width: 90%;
        height: 40px;
        font-size: 22px;
        border-radius: 3px;
        border: 0px solid #006699;
        color: #666666;
        padding-left: 10px;
        padding-right: 10px;
}
.podval .info .feedback textarea{
        height: 100px;
}

.podval .info .feedback input[type=text]::placeholder, .podval .info .feedback textarea::placeholder{
        font-size: 22px;
        color: #666666;

        font-family: 'Roboto';
        font-weight: 400;
        font-style: italic;
}

.podval .info .feedback textarea{
        height: 100px;
}

.podval .info .feedback .ontvet {
        text-align: center;
        font-size: 22px;
		color: red;
}

.podval .info .feedback .ontvet p{
	    margin:0;
		padding:0;
        font-size: 22px;
        text-align: center;
		color: red;
}

.podval .info .feedback input[type=button], .podval .info .feedback input[type=submit]{
        background-color: #D50900;
        border: 1px solid #006699;
        width: 300px;
/*
        height: 50px;
*/
        font-weight: 300;
        font-style: normal;
        font-family: 'Roboto';
        color: #ffffff;
        line-height: 60px;
        font-size: 30px;
}

/* ------------  подвал */



/* поиск ----- */
.sr {
        position: absolute;
        left: 380px;
/*
        border: 1px solid rgb(192,192,192);
        margin-left: -270px;
*/
        top: 40px;
        width: 450px;
        height: 70px;
        }
                
                
.sr  .form {
        z-index: 10;
        }

.sr  .form input[type=text] {
        border: 1px solid #666666;
        width: 380px;
        height: 50px;
        padding-left: 10px;
        padding-right: 60px;
        color: #666666;
        font-size: 22px;

        border-radius: 2px;
        -moz-border-top-right-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;
        -moz-border-top-left-radius: 2px;
        -webkit-border-top-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
        -webkit-border-bottom-left-radius: 2px
        }

.sr  .form input[type=text]::placeholder {
        font-style: italic;
        }

.sr  .form input[type=image]{
        position:absolute;
        width: 48px;
        height: 48px;
        left: 400px;
        top: 2px;
        }

.sr  #frm-sr .error {
        border: 2px solid red;

        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
        }
        
.sr-list {
        position: relative;
        display: block;
        padding-bottom: 20px;
        padding-top: 20px;
/*
        border: 1px solid rgb(192,192,192);
*/
        }
/* -----  поиск */