#map{height:450px;width:100%;width:100%}
.gm-style-iw *{display:block}
.gm-style-iw h4,.gm-style-iw p{margin:0;padding:0}
.gm-style-iw a{color:#4272db}
#sertif a{font-size:14px;padding:20px 0 0 20px;float:left;color:#999; line-height: normal;}
#modal-backing{width:100%;height:100%;position:fixed;left:0;top:0;background:#082e41;opacity:.7;display:none}
img{max-width:100%;height:auto;}
#modal-image{position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;border-radius:5px;box-shadow:0 5px 20px rgba(0,0,0,0.75);display:none}
.b-green{background:#00bf33;color:#fff}
.table-block{width:100%;overflow:auto}
.cards{margin:0 0 0 -15px}
*{margin:0;padding:0}
body{background:#fff;font-family: 'PT Sans', sans-serif;}
.center{width:1170px;margin:0 auto}
.clear{clear:both}
a{ transition: 0.25s; color: rgb(93, 91, 91);}
a:hover {
    color: #f36221;
    transition: 0.25s;
}
#header{line-height:58px;height:64px;background:#fff;    position: relative;
    z-index: 2;}
#header .center{position:relative}
#menu-button{display:none}
#logo{position:absolute;text-transform:uppercase;z-index:1;font-size:14px;color:#fff;width:150px;left:20px;text-decoration:none;padding:3px}
#logo img{height: 59px;display:block;margin:0 auto 2px;}
#logo span{display:block;line-height:12px;width:86px;text-align:center}
#main-nav{    margin: 0 36px 0 21%;}
#logo_frd_trcs{
    margin-left: 20px;
}
#main-nav li{display:inline-block;font-size:14px;text-transform:uppercase}
#main-nav li a{padding:0 10px;line-height:30px;display:block;text-decoration:none;color:#082e41}
#main-nav .active a{    color: #f36221;
    border-bottom: 1px solid #f36221;}
#main-nav ul {
    float: left;
    margin-right: 25px;
    margin-top: 3px;
}
#contacts-button,#order-button{
    background: #3C6BAC;
    line-height: 58px;
    transition: 0.25s;
    height: 64px;
    font-size: 14px;
    float: left;
    position: relative;
    width: 130px;
    }
#contacts-button svg,#order-button svg{width: 16px;
    height: 16px;
    float: right;
    fill: #fff;
    stroke-width: 20;
    stroke: #fff;
    margin: 22px 6px 0 17px;}
#contacts-button a,#order-button a{text-decoration:none;display:block;text-transform:uppercase;color: #fff !important;padding:4px 10px;transition: 0.25s;border-radius:5px;}
#contacts-button:hover a {
    color: white !important;
}

#contacts-button:hover {
    background: #f36221;
    transition: 0.25s;
}


.slider {
    margin: 0px 0px 0px !important;
}

/*#contacts-button a:hover,#order-button a:hover{background:#0e4560}*/
#additional-contacts{position:absolute;right:0;top:25px;z-index:1;background:#082e41;width:100%;border-radius:5px 0 5px 5px;display:none;width:220px}
#banner{    height: 385px;
    overflow: hidden;
background-size: cover;
    position: relative;

        background: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, #a6a6a6 303%);
    background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(255,255,255) 0%, #a6a6a6 303%);}
.baner-text{float: left;
    width: 33%;
    height: 195px;
    margin: 108px 0px 0px 149px;}
.baner-text1{width: 472px;
    color: #bf0c10;
    font-weight: 900;
    font-size: 98px;}
.baner-text2{color: #212121;
    font-weight: 400;
    font-size: 44px;
    /* margin-top: -19px; */
    margin-left: 35px;}
.baner-tel{
	float: left;
    width: 33%;
    height: 195px;
    margin: 400px 0px 0px 149px;
}

.baner-tel-text{color: #212121;
    font-weight: 400;
    font-size: 21px;
    margin-left: 35px;
}

.baner-tel-contact{
	    background: #bf0c10;
    color: white;
    padding: 2px;
    font-weight: 400;
    font-size: 25px;
    margin-left: 35px;
}
/*#banner li{display:block}
#paralax{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../i/slider/conffetti.png) repeat-x;background-position:0 center;background-size:90%;will-change:background-position;transition:all 1s ease}
#girl{background:url(../i/slider/girl.png) no-repeat;background-size:100% 100%;width:279px;height:500px;position:absolute;left:0;right:0;bottom:55px;margin:auto}
#table{height:110px;background:url(../i/slider/table.jpg) no-repeat bottom center;background-size:cover;position:absolute;bottom:0;width:100%}
#slider{display:block;width:100%;height:100%}
#slider li{transition:all .5s ease;position:absolute;left:100%;right:0;bottom:0;margin:auto;width:1200px;will-change:left}
#slider li.past{left:-200%}
#slider li.active{transition:all .7s ease;left:0}
#slider li figure{width:calc(22% - 20px);display:inline-block;vertical-align:bottom;margin:0 10px;position:relative}
figcaption a{text-decoration:none}
#slider li figure figcaption{position:absolute;left:0;right:0;margin:auto;bottom:100%;display:block;background:rgba(8,46,65,0.7);width:200px;padding:4px;border-radius:4px;opacity:.4;transition:all .3s ease}
#slider li figure figcaption span{display:block;border:1px dashed #fff;border-radius:4px;text-align:center;font-size:18px;padding:10px;color:#fff;font-weight:100}
#slider li figure:hover figcaption{opacity:1;bottom:110%}
#slider li figure img{width:100%}
#slider li figure:last-child{width:calc(34% - 32px)}
#slider li figure:last-child figcaption{display:none}*/
#left-arrow,#right-arrow{left:50px;top:0;position:absolute;bottom:0;margin:auto;width:60px;height:60px;opacity:.25;cursor:pointer;background:url(../i/arrow.png);transition:all .3s ease}
#left-arrow:hover,#right-arrow:hover{opacity:.5}
#right-arrow{left:auto;right:50px;transform:rotate(180deg)}
.slider-content{width:1172px}
#job #content #article{
    float: inherit;
        margin: auto;
}
.and-content{width:880px}
.and-slider{width:auto;overflow:auto}
.slider-wrapper{width:auto;overflow:auto}
.slider-outline{    width: 100%;
    float: left;
    margin-left: 15px;}
.slider-outline::before,.slider-outline::after,#article .gallery-slider .gallery-arrow-left,#article .gallery-slider .gallery-arrow-right{width:50px;height:100%;position:absolute;display:none;content:"";line-height:100%;left:0;z-index:1;top:0;background:url(../i/small-arrow-left.png) no-repeat left center,linear-gradient(to left,rgba(243,243,243,0) 0%,#f3f3f3 90%)}
.slider-outline::after,#article .gallery-slider .gallery-arrow-right{background:url(../i/small-arrow.png) no-repeat right center,linear-gradient(to right,rgba(243,243,243,0) 0%,#f3f3f3 90%);left:auto;right:0}
#job{    margin-top: -40px;
    text-align: center;}
#job h1,#natural h2,#news h2,#reviews h4,#goods-like h2{font-weight:400;display:inline-block;margin:0 auto;padding:0 0 9px;font-size:24px;color:#425968;}
.job-card{width:calc(33.333333% - 30px);height:360px;margin:18px 15px;color:#fff;display:block;text-decoration:none;text-align:left;float:left;position:relative;overflow:hidden;background-size:cover!important}
.job-card p{padding:30px;color:#082e41;bottom:0;font-size:14px;line-height:20px;position:absolute;transition:all .3s ease}
.job-card h2{padding:0 30px;font-weight:100;font-size:25px;color: #212121;top: 290px;line-height:28px;position:absolute;transition:all .3s ease;}
.job-card:before{width:1000px;height:1000px;display:block;left:-300px;top: 280px;margin:auto;position:absolute;content:"";opacity:.7;transition:all .3s ease;}
.job-card:hover:before{top:245px}
.job-card:hover p{bottom:20px}
.job-card:hover h2{bottom:106px}
#content .product-card{width:calc(33.333333% - 30px);height:360px;margin:18px 15px;color:#fff;display:block;text-decoration:none;text-align:left;float:left;position:relative;overflow:hidden;background-size:cover!important}
#content .product-card p{padding:30px;color:#082e41;bottom:0;font-size:14px;line-height:20px;position:absolute;transition:all .3s ease}

#content .product-card:before{width:1000px;height:1000px;display:block;left:-300px;top: 280px;margin:auto;position:absolute;content:"";opacity:.7;transition:all .3s ease;}
#content .product-card:hover:before{top:245px}
#content .product-card:hover p{bottom:20px}
#content .product-card:hover h2{bottom:106px}
#job-1{background:url(../beh/img/job-1.jpg)}
#job-2{background:url(../beh/img/job-2.jpg)}
#job-3{background:url(../beh/img/job-3.jpg)}
.job-card:before{background: rgb(255, 255, 255);}
#natural,#news{text-align:center}
#natural h2,#news h2{padding:10px 0}
.natural-header{padding:16px 0 15px}
.natural-card,.goods-like-card{text-align:left;color:#00bf33;width:278px;float:left;margin:0 0 0 15px;position:relative}
.natural-card h3,.goods-like-card h3{margin:0 0 0 10px;float:left;font-size:16px;font-weight:400;text-transform:uppercase}
.natural-card img,.goods-like-card img{display:block}
.natural-card:before,.goods-like-card:before{position:absolute;display:block;content:"Подробнее";color:#fff;line-height:141px;text-align:center;font-weight:100;background:#082e41;width:100%;height:141px;bottom:0;left:0;opacity:0;transition:all .3s ease}
.natural-card:hover:before,.goods-like-card:hover:before{opacity:.7}
.natural-icon{background:#00bf33;width:26px;height:26px;padding:7px;float:left;border-radius:3px}
.natural-icon svg{fill:#fff;stroke-width:10;stroke:#fff}
#video{width:531px;float:left;margin:0 0 0 15px}
#video h2,#cooperation h2{font-size: 24px;
    font-weight: 500;
    padding: 40px 0px 20px;
    color: #082e41;
    text-align: center;}
#video h2:after,#cooperation h2:after{height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 0px 7px 20px;}
#video h2:before,#cooperation h2:before{    height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 20px 7px 0;}
#cooperation{width: 100%;
    float: left;}

#cooperation h2:after{width:180px}
#cooperation h2:before{width: 180px;}
.cooperation-block{    
	float: left;
    padding: 15px 0px 50px 25px;
    font-size: 16px;
    color: #082e41;
    font-weight: 400;
    position: relative;
    width: calc(100% - 500px);}

.cooperation-block h2{font-size:17px;line-height:15px;font-weight:400;margin:0 0 10px}
.cooperation-block p{    line-height: 20px;
    padding-top: 5px;
    font-size: 14px;
    color: #424242;
    font-weight: 400;}

.cooperation-block a{right: 15px;
    bottom: 20px;
    color: #082e41;
    padding: 3px 10px 0;
    line-height: 27px;
    text-transform: uppercase;
    position: absolute;
    padding-bottom: 0px;}

.cooperation-image {
	float: left;
    width: 420px;
    height: auto;
    padding: 20px 25px 0px 20px;
	}
/*.cooperation-block a svg{width:20px;height:20px;right:-25px;position:absolute;bottom:5px;fill:#fff;transition:all .3s ease}*/
.cooperation-block:hover a{color:#F36221;cursor: pointer}
/*.cooperation-block a:hover svg{right:5px}*/
.cooperation-block h3 {
    color: #F36221;
}

#news h2:after{width:315px;
	height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 0px 7px 20px;}
#news h2:before{width: 315px;
	height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 20px 7px 0;}
	
#job h1:before {
    width: 200px;
    height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 20px 7px 0;
}

#job h1:after {
    width: 200px;
    height: 1px;
    content: "";
    background: #F36221;
    display: inline-block;
    margin: 0 0px 7px 20px;
}

.vse-novosti {
   float:right;
}

#news h2{margin:26px 0 22px}
.news-card{width:278px;float:left;margin:0 0 15px 15px;display:block;color:#fff;text-decoration:none}
.news-title{position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    height: 200px;}
.news-title img{display: block;
    height: auto;
    width: 100%;}
a.news-card:hover h3 {
	background: rgba(254, 255, 255, 0.75);
    transition: 0.25s;
    color: black;
}
.news-title h3{    position: absolute;
transition: 0.25s;
    display: block;
    font-size: 17px;
    font-weight: 400;
    bottom: 0;
    color: #fff;
    height: 45px;
    background: rgba(243,98,33, 0.8);
    width: 100%;}
.news-title h3 span{display:table-cell;vertical-align:middle;width:238px;padding:0 20px;height:45px}
.news-description{font-size:14px;text-align:left;color:#082e41;text-decoration:none}


#reviews{    text-align: center;
    padding: 10px 0 45px;}
#reviews .center{position:relative}
#review-left,#review-right{left:210px;top:0;bottom:-50px;margin:auto;position:absolute;width:45px;height:45px;cursor: pointer;background:url(data:image/png;base64,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) no-repeat;background-size:cover}
#review-right{transform:rotate(180deg);left:auto;right:210px}
.review-block{width:485px;margin:0 auto;color:#082e41;text-align:left;font-size:14px;line-height:20px;font-weight:500;position:relative;display:none}
.review-block img{width:110px;height:110px;border-radius:50%;margin:15px 20px 0 0;float:left;display:block}
.review-block.active{display:block}
.review-content{padding:29px 0 0;width:350px;float:right}
.review-autor{text-align: right;
    right: 0;
    bottom: 0;}
#breadcrumbs{background:#212121;background-size:cover;line-height:37px;font-size:14px;color:#fff}
#breadcrumbs span{margin:0 5px}
#breadcrumbs a{color:#fff}
#breadcrumbs ul{padding:0 0 0 150px}
#breadcrumbs li{display:inline-block}
.big-news-card,#content .small-news-card{display:block;position:relative;width:calc(100% - 15px);margin:15px 0 0 15px;border-radius:4px;overflow:hidden;color:#fff!important}
.big-news-card img,#content .small-news-card img{display:block;width:100%}
.big-news-card h2,#content .small-news-card h2{position:absolute;left:15px;bottom:30px;font-size:24px;font-weight:400;transition:all .3s ease}
.big-news-card p,#content .small-news-card p{position:absolute;left:15px;bottom:15px;font-size:14px;transition:all .3s ease}
.big-news-card *,#content .small-news-card *{margin:0!important}
.big-news-card:before,#content .small-news-card:before{background:rgba(8,46,65,0.7);display:block;content:"";height:65px;width:100%;bottom:0;left:0;position:absolute;transition:all .3s ease}
#content .small-news-card{width:273px;float:left;color:#fff}
#content .small-news-card h2{font-size:18px;bottom:0;margin:0}
#content .small-news-card h2 span{display:table-cell;width:100%;height:65px;vertical-align:middle}
#content .small-news-card p{height:60px;bottom:-60px;margin:0}
#content .small-news-card:hover h2{bottom:60px;text-decoration:underline}
#content .small-news-card:hover p{bottom:0}
#content .small-news-card:hover:before{height:125px}
#content .product-card{width:273px;height:220px;margin:15px 0 0 15px;color:#082e41;text-align:center;}
#content .product-card svg{width:40px;height:40px;display:block;left:0;right:0;margin:auto;transition:all .3s ease;fill:#082e41;position:absolute;top:90px;opacity:0}
#content .product-card img{display: block;
    width: auto;
    /* height: 100%; */}
#content .product-card h2{    background: rgba(255,255,255,0.7);
    font-size: 18px;
    font-weight: 400;
    width: calc(100% - 40px);
    padding: 0 20px;
    left: 0;
    margin: 0;
    position: absolute;
    height: 69px;
    transition: all .3s ease;
    bottom: 0;}
#content .product-card:before{background:rgba(255,255,255,0.5);top:210px}
#content .product-card:after{width:calc(100% - 30px);height:calc(100% - 30px);border:2px solid #082e41}
#content .product-card:hover:before{top:0;transform:rotate(0)}
#content .product-card:hover svg{opacity:1}
#content .product-card:hover h2{background:rgba(255,255,255,0)}
#content{width:1140px;min-height:700px;min-height:100vh;margin:0 auto;padding:30px 15px}
#content h1{font-size:24px;font-weight:400}
#article{width:865px;float:left;font-size:16px;color:#000}
#article h1,#article h2,#article h3,#article h4,#article h5,#article h6,#article ul,#article ol,#article table,#article p,#article dl{margin:0 0 15px}
#article h2{font-size:22px}
#article h3{font-size:20px}
#article h4{font-size:18px}
#article h5{font-size:16px}
#article h6{font-size:14px}
#article ul,#article ol{list-style-position:inside}
#article dt{margin:0 0 5px;text-transform:uppercase}
#article dd{padding:0 0 0 30px}
#article ul{list-style:none}
#article ul li:before{display:block;width:7px;height:7px;background:#082e41;content:"";float:left;border-radius:50%;margin:4px 10px 0}
#article ol li{margin:0 0 0 13px}
#article a{color:#c00d10}
#article a:hover{color:#434343}
#article table{border-radius:4px;border-collapse:collapse;width:100%;overflow:hidden;}
#article table td,#article table th{text-align:center;padding:5px}
#article table th{background:#082e41;color:#fff;font-weight:400}
#article table tr:nth-child(even){background: #dfdfdf;}
#article table tr:nth-child(odd){background: #f8f8f8;}
#article table td:not(:last-child){border-right:1px solid #fff}
#article table th:not(:last-child){border-right:1px solid #fff}
#sidebar{width:245px;font-size:14px;float:right;background:#fff;border:1px solid #425f6d;border-bottom:none;overflow:hidden;border-radius:4px}
#sidebar li{display:block;position:relative}
#sidebar li.active ul{display:block}
#sidebar li.active a:after{transform:rotate(135deg);cursor:pointer;top:20px}
#sidebar li ul{display:none}
#sidebar li ul li:after{display:none}
#sidebar li ul li.active a{background:#c00d10;color:#fff}
#sidebar li ul li a{height:35px;padding:0 10px}
#sidebar li ul li a:after{display:none}
#sidebar a{color:#082e41;text-decoration:none;display:table-cell;height:45px;padding:0 40px;position:relative;width:225px;vertical-align:middle;border-bottom:1px solid #425f6d;transition:all .3s ease}
#sidebar a:after{display:block;position:absolute;/* content:""; */width:10px;height:10px;right:20px;border-left:1px solid #082e41;border-bottom:1px solid #082e41;transform:rotate(-45deg);top:15px}
#sidebar a:hover{background:#c00d10;color:#fff}
#sidebar a:hover:after{border-color:#fff}
#sidebar a:hover svg{stroke:#fff;fill:#fff}
#sidebar a svg{position:absolute;width:22px;height:22px;left:10px;top:11px;margin:auto;fill:#082e41;display:block;transition:all .3s ease}
#article .gallery-slider{overflow:hidden;position:relative}
#article .gallery-slider .gallery-arrow-left{display:block;cursor:pointer}
#article .gallery-slider .gallery-arrow-right{display:block;cursor:pointer}
#article .gallery-slider li{display:block;float:left;position:relative}
#article .gallery-slider li:before{background:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M497.913%2C497.914c-18.782%2C18.781-49.226%2C18.781-68.008%2C0l-84.862-84.864c-34.89%2C22.366-76.131%2C35.718-120.66%2C35.718%20%20C100.468%2C448.768%2C0%2C348.314%2C0%2C224.384C0%2C100.454%2C100.468%2C0%2C224.383%2C0c123.931%2C0%2C224.384%2C100.453%2C224.384%2C224.384%20%20c0%2C44.529-13.353%2C85.771-35.718%2C120.675l84.863%2C84.849C516.695%2C448.689%2C516.695%2C479.131%2C497.913%2C497.914z%20M224.383%2C64.11%20%20c-88.511%2C0-160.274%2C71.763-160.274%2C160.274c0%2C88.526%2C71.764%2C160.274%2C160.274%2C160.274c88.526%2C0%2C160.273-71.748%2C160.273-160.274%20%20C384.656%2C135.873%2C312.909%2C64.11%2C224.383%2C64.11z%20M256.438%2C320.548h-64.108v-64.109H128.22V192.33h64.109v-64.11h64.108v64.11h64.11%20v64.109h-64.11V320.548z%22/%3E%3C/svg%3E) no-repeat center center,rgba(8,46,65,0.7);background-size:55px 55px;width:100%;height:100%;content:"";left:0;top:0;display:block;opacity:0;border-radius:0;margin:auto;position:absolute;transition:all .3s ease}
#article .gallery-slider li:hover:before{opacity:1}
#article .gallery-slider li img{display:block;width:288px}
#article-header{position:relative;overflow:hidden;border-radius:4px;margin:0 0 15px}
#article-header img{display:block;width:100%}
#article-header::before{content:"";display:block;width:100%;height:100%;background:#082e41;position:absolute;left:0;top:0;opacity:.6}
#article-header h1{text-align:center;position:absolute;top:0;left:0;top:0;bottom:0;margin:auto;height:55px;font-size:24px;width:100%;color:#fff}
#article-header p{text-align:center;position:absolute;top:0;left:0;top:52%;margin:auto;height:55px;font-size:14px;width:100%;color:#fff}
#card-gallery{width:365px;float:left}
#big-image{width:100%;margin:0 0 15px;height:auto;display:block}
#small-images{margin:0 0 0 -15px}
#small-images img{cursor:pointer;margin:0 0 0 15px;width:calc(25% - 21px);border-radius:3px;border:3px solid #cfd0d4}
#card-content{width:465px;float:left;margin:-5px 0 0 25px}
#card-tags{text-transform:uppercase;color:#082e41;font-size:16px;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid #d4d4d4}
.separator{margin:0 5px;height:11px;display:inline-block;border-left:1px solid #082e41;line-height:11px}
.card-tag{padding:0 3px;line-height:16px}
#card-description{line-height:20px;font-size:14px;padding:0 0 25px;margin:0 0 30px;border-bottom:1px solid #d4d4d4}
#card-description span{color:#082e41}
#card-order{font-size:14px;line-height:15px}
#order-button{margin:0 10px 0 0;display:inline-block;float:left;padding:0 30px;color:#fff!important}
#goods-like{margin:49px 0 0}
#goods-like img{width:100%}
.goods-like-card{margin:10px 0 0 15px;position:relative}
.goods-like-card:hover .goods-like-description{height:100%}
.goods-like-card:hover .goods-like-description:before{opacity:1}
.goods-like-card:hover .goods-like-description span{opacity:0}
.goods-like-card:hover:before{display:none}
.goods-like-description{position:absolute;bottom:0;left:0;background:rgba(8,46,65,0.7);text-align:center;color:#fff;font-size:14px;height:50px;transition:all .3s ease}
.goods-like-description:before{display:block;opacity:0;top:0;left:0;height:100%;width:100%;position:absolute;line-height:140px;content:"Подробнее";transition:all .3s ease}
.goods-like-description span{display:table-cell;vertical-align:middle;height:50px;padding:0 20px;width:238px;transition:all .3s ease}
#footer{    padding: 15px 0;
    background: #212121;
    color: #fff;
    font-weight: 400;
    font-size: 14px;}
#footer .center{position:relative}
#foot-left{
    float: left;}
.makeart img{margin-top:5px}
#foot-center{
    left: 0;
    right: 0;
    line-height: 35px;
    margin: auto;
    text-align: center;
    font-size: 14px;}
#foot-center a{color:#28BE4C}
#foot-right{letter-spacing: -1.1px;
    
    line-height: 20px;
    float: right;
    font-size: 14px;}
	div#foot-right a {
    color: #fff;
    text-decoration: none;
}
#foot-right img{display:block}
#footer-logo{    display: block;
    width: 44px;
    height: 44px;
    padding: 5px;
    margin: 1px;
    float: left;}
#footer-logo img{width:100%;height:100%}

#foot-left {width: 270px;}

	
#footer-social{width:84px;float:left}
.social{width: 75px;
    float: left;}
.social li {
    float: left !important;
}
/* последние правки */
#content .small-news-card{
    display: flex;
        max-height: 153px;
}
#content .small-news-card img{
        object-fit: cover;
}
#main-nav li a{
    color: #425968;
}
#main-nav li a:hover{
   color: #f36221
}
.href_mir_trucks{
    float: left;
    margin-right: 17px;
    margin-left: -16px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
}
.big-form input, .big-form textarea {
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    letter-spacing: .47px;
    box-sizing: border-box;
    padding: 15px 0;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: left;
    padding-left: 10px;
        font-family: 'PT Sans', sans-serif;
}
.big-form textarea::placeholder{
        font-family: 'PT Sans', sans-serif;
}
.btn.btn-primary{
    background: #3C6BAC;
    line-height: 58px;
    transition: 0.25s;
    height: 58px;
    font-size: 14px;
    float: left;
    position: relative;
    width: 130px;
    color: white;
    border: none;
    cursor: pointer;
    margin-top: 0;
}
#get_file{
    bottom: -64px;
    width: 20%;
    z-index: 999;
    padding: 9px 15px;
    width: auto;
    border: 2px solid #3c6bac;
    left: 0;
    z-index: 40;
    cursor: pointer;
    
}
.btn.btn-primary:hover{
    background: #2e4464;
}
#file-input{
        opacity: 0;
    position: absolute;
    z-index: 70;
    height: 35px;
    border: none;
    cursor: pointer;
    height: 44px;
    padding: 0;
    width: 139px;
}
.file-upload-btn {
    position: absolute;
    z-index: 1;
    padding: 5px 9px;
    color: #fff;
    border: none;
    border-radius: 0;
    background-color: #1251b5;
    box-shadow: none;
    left: 5px;
    font-weight: 400;
    width: initial;
    margin-bottom: 5px;
        
}
.big-form{
    position: relative;
    margin-top: 40px;
}
.btn.btn-primary:focus{
    background: black;
}
.big-form label{
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}
.tablecolumns{
    padding-bottom: 5px;
    background-color: #C0C0C0;
    
}
@media screen and (max-width: 1200px) {
#main-nav ul {
     float: none; 
    margin-right: 25px;
    width: 100%;
}

.news-title {
    height: 180px;
}
.slider-outline {
    width: 100%;
    float: left;
	margin-left: 0px;
}

.news-card {
    width: 255px;
    height: 170px;
}
#contacts-button svg{display:none}
#banner{display:none}
#video{width:100%;margin:0 0 100px;height:auto;padding:0 0 56%;position:relative;float:none}
#video iframe{width:100%;height:100%;left:0;display:block;position:absolute;padding:0 0 55.6666%}
.review-content{margin:0;padding:0 0 30px;font-size:14px;width:calc(100% - 130px)}
#cooperation{width:auto;float:none}
.cooperation-block{padding:20px 25px 0px;width: 50%;height: 245px;}

.cooperation-block a {
    right: 15px;
    /* bottom: -14px; */
    color: #082e41;
    padding: 3px 14px 0px;
    line-height: 27px;
    text-transform: uppercase;
    position: absolute;
    padding-bottom: 0px;
}

.cooperation-image {
    width: 39%;
    padding: 45px 25px 0px 20px;
}

#breadcrumbs{background:none;padding:20px 0;color:#000}
#breadcrumbs a{color:#000}
#breadcrumbs ul{padding:0}
.center{padding:0 50px;width:auto}
#header{background:#fff;position:relative;padding:10px 0}
#menu-button{display:block;width:32px;height:24px;margin:25px 0 0;float:right}
#menu-button div{width:100%;height:4px;background: rgba(193,31,0,1);float:right;transition:all .3s ease}
#menu-button #line2{margin:6px 0}
#logo{position:static;width:170px;float:left;padding:0;text-align:center}
#logo img{margin:10px auto 5px;}
#logo span{width:auto}
#main-nav{display:none;position:absolute;width:80%;background: rgba(193,31,0,1);left:0;right:0;top:68px;margin:auto;border:1px solid #fff;border-top:none;z-index:1}
#main-nav li{border-top:1px solid #fff;display:block}
#main-nav li a{color: #fff !important;display:block;line-height:64px;}
#contacts-button{position:absolute;left:0;right:0;margin:0px auto;width:100%;border-top: 1px solid white;
    height: 65px; background: #c11f00;}
#content{width:auto;padding:20px 0}
#article{width:auto;float:none;padding:0 50px}
#sidebar{float:none;margin:40px auto 0;width:500px}
#sidebar a{width:420px}
#sidebar ul li ul a{width:480px}
#content .big-news-card p{display:none}
#content .big-news-card h2{font-size:18px}
#content .small-news-card{width:calc(33.33333% - 15px)}
#content .product-card{width:calc(33.33333% - 15px); height: 18vw;}
#content .product-card:hover h2{bottom:15px}
#content .product-card:hover svg{display:none}
#card-content{margin:-5px 0 0 15px;width:calc(100% - 380px)}
#order-button{margin:0 10px 30px 0}
.job-card h2{font-size:18px;line-height:normal;width: 90%;}
.job-card p{font-size:14px}
.job-card:before{width:1000px}
#review-left{left:10px}
#review-right{right:10px}
#sertif a{font-size:14px;padding-left:5%;line-height:17px;height:35px;width:100px;float:left;color:#999; margin-top:-10px;}
}
@media screen and (max-width: 990px) {
#content .product-card:before {
   display:none
}
.goods-like-card{width:calc(33.3333333% - 15px)}
.cooperation-block a {
    float: right;
    position: relative;bottom:0px;}

.news-card {
    width: 270px;
	margin: 0 0 20px 20px;
}

.cooperation-image {
    width: 37%;
    padding: 45px 5px 0px 0px;
}

.cooperation-block {
    padding: 10px 20px 0px;
    width: 55%;
}

} 
@media screen and (max-width: 900px) {

#news h2:before {
    width: 250px;
}

#news h2:after {
    width: 250px;
}

#job h1:before, #job h1:after{
    width: 25%;}
#job h1, #cooperation h2 {
    width: 100%;}
	
#cooperation h2:before, #cooperation h2:after {
    width: 15%;
}

.cooperation-image {
    width: 38%;
    padding: 35px 0px 0px 0px;
}

	
.job-card:hover h2, #content .product-card:hover h2 {

    color: white;
}
.job-card:hover:before, #content .product-card:hover:before {
    top: 245px;
    background: #952828;
}
.job-card h2, #content .product-card h2 {
    font-size: 16px;
	padding: 20px 20px;
	color: black;
    font-weight: 600;
}
.job-card {
	padding:0;
    width: calc(33.333333% - 30px);
    height: 17vw;
    margin: 18px 15px;
    color: #fff;
    display: block;
    text-decoration: none;
    text-align: left;
    float: left;
    position: relative;
    overflow: hidden;
    background-size: cover!important;
}
.job-card:before, #content .product-card:before {
    top: 160px;
}
.cooperation-block {
    padding: 0px 15px 0px 0px;
    width: 59%;
    text-align: justify;} 
	
.news-title {
    height: 170px;
}
.news-card {
    width: 240px;
}

#foot-left{width:43%;clear:both;margin:10px auto}
#foot-center{position: relative;
    line-height: 56px;
    margin: 10px auto;
    text-align: left;}
#foot-right{margin:10px auto;}
}
@media screen and (max-width: 770px) {

.cooperation-image {
    width: 65%;
    padding: 35px 0px 0px 135px;
    text-align: center;
    float: left;
}

#foot-center {

    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}
.cooperation-block {
    padding: 5px 30px 0px 15px;
    width: 95%;
	height: auto;
    text-align: justify;
}
.news-title {
    height: 155px;}

#foot-left {
    width: 305px;
    clear: both;
    margin: 10px auto;
}

.review-block {
    margin: 20px auto;width: 85%;} 
#reviews {
    padding: 25px 0 45px;
}
.slider-outline {
    margin-left: 0px;
}
.news-card {
    width: 215px;
    margin: 0 0 15px 25px;}
	
.job-card h2{
    top: 10px; padding: 150px 10px; font-size: 16px;}
.job-card:before, #content .product-card:before {
    top: 145px;
    }

#job h1:before, #news h2:after, #news h2:before, #job h1:after{
    width: 70px;
}

#video h2, #cooperation h2 {
    font-size: 24px;
    font-weight: 500;
    padding: 30px 0px 15px;
    color: #082e41;
    text-align: center;
    border-bottom: 1px solid #990a0d;}
#video h2:after, #cooperation h2:after{
display:none;
}
#video h2:before, #cooperation h2:before{
display:none;
}
#goods-like{display:none}
.center{padding:0 20px;width:auto}
#article{padding:0 20px}
#sidebar{float:none;margin:40px auto 0;width:260px}
#sidebar a{width:180px}
#sidebar ul li ul a{width:240px}
#article-header p{display:none}
#article-header h1{font-size:18px;font-weight:400}
#content .big-news-card{margin:15px 0 5px;width:100%}
#content .big-news-card h2{font-size:14px;bottom:5px}
#content .big-news-card:before{height:25px}
#article .product-card:nth-child(even),#article .product-card:nth-child(odd){    width: calc(50% - 30px);
    float: left;}
#article .product-card h2{font-size:14px;bottom:0px}
#article .product-card:after{width:calc(100% - 14px);height:calc(100% - 14px);left:5px;top:5px}
#article .product-card:hover h2{bottom:5px}
#content .small-news-card:nth-child(odd){width:calc(50% - 5px);margin:5px 5px 5px 0}
#content .small-news-card:nth-child(even){width:calc(50% - 5px);margin:5px 0 5px 5px}
#content .small-news-card h2{font-size:14px;padding:0 5px;left:0;margin:0}
#content .small-news-card p{display:none}
#content .small-news-card:before{height:70px}
#content .small-news-card:hover h2{bottom:0}
#content .small-news-card:hover:before{height:35px}
#card-gallery{width:auto;float:none}
#card-content{margin:20px 0;width:auto;float:none}
#order-button{float:none;width:115px;padding:0;text-align:center;margin:-45px auto 10px}
#card-order p{text-align:center}
#review-left{bottom:10px;width:30px;height:30px}
#review-right{bottom:10px;width:30px;height:30px}
}
@media screen and (max-width: 660px) {
.cooperation-image {
    padding: 35px 0px 0px 100px;

}
}
@media screen and (max-width: 600px) {
	.slider {
    display:none;
}

#job {
    margin-top: 0px;
    text-align: center;
}

#foot-right {
    margin: 0px auto;
}

#foot-left {
    margin: 0px auto;
}
#footer-logo{
	width: 140px;
    height: 20px;}
.news-card {
    width: 250px;
    margin: 0 0 15px 20px;
}
.cooperation-block {
    padding: 5px 30px 0px 0px;
}
#sertif a{font-size:14px;padding-left:45%;line-height:17px;height:35px;width:100px;float:left;color:#999}
}
@media screen and (max-width: 500px) {

.cooperation-image {
    padding: 35px 0px 0px 75px;
}

.job-card {
    width: 100%;
    margin: 15px auto;
    float: none;
	height:270px;
}
#article .product-card:nth-child(even), #article .product-card:nth-child(odd) {
    width: 95%;
    float: none;
    margin: 15px auto;
	height: auto;
}
#content .product-card img {
    width: 100%;
    max-width: inherit;
    height: auto;
}
.review-block img {
    margin: 15px auto;
    float: none;
    display: block;
}
.review-content {
    width: 100%;
}
#foot-left {
    width: 100%;
}
#foot-right {
    margin: 0px auto;
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#job h1:after, #job h1:before {
    display:none;
}
#article .product-card h2{font-size:12px}
#sertif a{display:none}
#article-header h1{font-size:14px;height:14px;top:0;bottom:0;margin:auto}
#menu-button #line2{margin:5px 0}

#logo img{margin:0 auto 5px;}
#logo span{width:auto;font-size:12px}
#header{height:auto}
#main-nav{top:58px}
}
@media screen and (max-width: 420px) {
.cooperation-image {
    width: 0;
	margin-top: -60px;
    }

#contacts-button{position:absolute;right:0;left:auto;margin:0;top:none}
}
@media screen and (max-width: 310px) {
#news h2:after, #news h2:before { display:none;}}