@charset "utf-8";
/* CSS Document */
/*-----------------media-------------------*/
@media (max-width: 1200px) {
	.mainWrap{ width: 970px; }
	.header-top-line nav > ul > li{ margin: 0 10px; }
	.header-top-line nav > ul > li:last-child{ margin: 0 0 0 10px; }
	.home-content{ width: 970px; }
	.line-blue-bot::after, footer .mainWrap::after{ width: 580px; }
	.emblem-box{ background-size: 1620px; width: 1620px; margin: 0 0 0 -810px; height: 740px; top: 11px; }
	.slogan-btn-box{ bottom: 30px; }
	.emblem-box span{ height: 740px; }
	.slogan-btn-box .but-blue{ margin: 0 0 15px; }
	.slogan-box{ padding: 150px 0 0 0; width: 340px;}
	.slogan-box .caption span{ font-size: 50px; line-height: 52px; }
	.slogan-box .caption{ font-size: 30px; line-height: 32px; }
	.slogan-text{ font-size: 15px; line-height: 17px; }
	.slogan-text::before{ right: -34px; }
	.slogan-text .inner::before{ right: -13px; }

	.production-list > li .img-box{ width: 515px; }
	.production-list > li:nth-child(2n) > .inner{ padding: 0 515px 0 0; }
	.production-list > li > .inner{ padding: 0 0 0 515px; }
	.line-trigle-top, .line-trigle-bottom{ left: 499px; }
	.production-list > li:nth-child(2n) .line-trigle-top, .production-list > li:nth-child(2n) .line-trigle-bottom{ left: inherit; right: 499px; }

	.owl-thumbs > li{ width: 151px; }
	.slider-item{ margin: 0 0 60px; }
	.slider-large .owl-carousel.carousel-large .item{ height: 550px; }

}
@media (max-width: 992px) {
	.mainWrap{ width: 750px; }
	.home-content{ width: 750px; }
	.header-top-line nav > ul > li{ margin: 0 5px; font-size: 12px; }
	.header-top-line nav > ul > li:last-child{ margin: 0 0 0 5px; }
	.header-top-line nav > ul > li.dropdown-link > ul.dropdown-box{ width: 120px; }
	.header-top-line nav > ul > li.dropdown-link > ul.dropdown-box > li{ font-size: 12px; line-height: 16px; }
	.line-blue-bot::after, footer .mainWrap::after{ width: 450px; }
	.slogan-btn-box .but-blue{ margin: 0 0 10px; font-size: 16px; height: 42px; line-height: 42px; }
	.but-default{ font-size: 16px; height: 42px; line-height: 42px; }
	.slogan-btn-box{ bottom: 20px; width: 220px; }
	.emblem-box{ background-size: 1420px; width: 1420px; margin: 0 0 0 -710px; height: 640px; top: 18px; }
	.emblem-box span{ height: 640px; }
	.slogan-box{ width: 250px; }
	.slogan-box .caption span{ font-size: 40px; line-height: 42px; }
	.slogan-box .caption{ font-size: 20px; line-height: 22px; margin: 0 0 15px; }
	.slogan-text{ padding: 10px 0 0 0; font-size: 12px; line-height: 14px; }
	.slogan-text .inner{ padding: 0 0 10px; }
	.slogan-text p br{ display: none; }
	.slogan-text::before{ right: -29px; }
	.slogan-text .inner::before{ right: -12px; }

	.production-list > li .img-box{ width: auto; position: relative; background-position: 50% 50%; right: 0; height: 380px; }
	.production-list > li:nth-child(2n) > .inner{ padding: 0; }
	.production-list > li > .inner{ padding: 0; min-height: auto;}
	.line-trigle-top, .line-trigle-bottom{ display: none; }
	.production-list > li:nth-child(2n) .line-trigle-top, .production-list > li:nth-child(2n) .line-trigle-bottom{ display: none; }
	.production-list > li:nth-child(2n) .img-box{ left: 0; }

	.news-list > li .inner{ padding: 0 0 0 52%; }
	.news-list > li .img-box{ width: 50%; }
	.card-box .img-box{ width: 300px; }
	.card-box .card-text-box{ margin: 0 0 0 320px; }
	.honors-list-box{ padding: 30px 0 0 0; }
	.catalog-list > li{ width: 33.3%; }

	.facebook-btn{left:235px;}

	.owl-thumbs > li{ width: 173px; }
	.owl-thumbs > li .thums-img-box{ height: 115px; }
	.slider-large .owl-nav .owl-prev, .slider-large .owl-nav .owl-next{ bottom: 65px; }
	.slider-large .owl-carousel.carousel-large .item{ height: 400px; }
}
@media (max-width: 768px) {
	.menu-trigger{ display: block; }
	.mainWrap{ width: auto; padding: 0 15px; }
	.header-top-line nav > ul{ padding: 15px 0 0 0; }
	.header-top-line nav{ float: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 96, 175, 1); z-index: 88; }
	.header-top-line nav > ul > li{ display: block; font-size: 16px; line-height: 20px; margin: 0 15px 10px; }
	.header-top-line nav > ul > li > a:hover{ color: #fff; text-decoration: underline; }
	.header-top-line nav > ul > li > a::after{ display: none; }
	.header-top-line nav > ul > li.home-btn, .header-top-line nav > ul > li:last-child{ margin: 0 15px 10px; }
	.header-top-line nav > ul > li.home-btn a{ background: url(../img/home-btn-mobile.png) 0 0 no-repeat; }
	.nav-mobile{ display: none; }
	.header-top-line .mainWrap{ height: 50px; }
	.logo{ left: 15px; width: 150px; }
	.home-content{ width: auto; left: 0; right: 0; height: auto; min-height: auto; bottom: 0; top: 50px; margin: 0; padding: 0 15px 40px;}
	.home-featured{ min-height: 480px; }
	.emblem-box::before, .emblem-box::after, .emblem-box span::before, .emblem-box span::after, .home-content::before, .slogan-text .inner::before, .slogan-text::before{ display: none; }
	.emblem-box{ left: 0; right: 0; width: auto; height: auto; bottom: 0; top: 50px; margin: 0; background: url(../img/fenix-bg-mobile2.png) 0 0 no-repeat; background-size: cover; }
	.emblem-box span{ height: auto; }
	.video-btn{ top: 15px; right: 15px; }
	.slogan-box{ width: auto; max-width: 450px; width: 100%; padding: 80px 0 20px 0; }
	.slogan-box .caption span{ font-size: 45px; line-height: 47px; }
	.slogan-box .caption{ font-size: 26px; line-height: 28px; margin: 0 0 15px; }
	.slogan-text{ font-size: 14px; line-height: 18px; padding: 10px 10px 0 0; border-bottom: 5px solid #0060af;}
	.slogan-text .inner{ border-bottom: none; }
	.slogan-btn-box{ bottom: inherit; left: inherit; position: relative; }
	.arrows-btn{ bottom: 16px; }
	.line-blue-bot::after, footer .mainWrap::after{ width: 70%; }
	@-webkit-keyframes pulse {
	from {bottom:10px}
	50% {bottom:16px}
	to {bottom:10px}
}
@keyframes pulse {
	from {bottom:10px}
	50% {bottom:16px}
	to {bottom:10px}
}
	.header-banner-box{ height: 170px; }
	.header-banner-box::after{ display: none; }
	.header-top-line nav > ul > li > a:hover, .header-top-line nav > ul > li > a.active{ color: #fff; }
	.header-top-line nav > ul > li > a.active{ text-decoration: underline; }
	.news-list > li .inner{ padding: 0; min-height: inherit; }
	.news-list > li .img-box{ position: relative; height: 350px; width: auto; margin: 0 0 10px; }
	.news-list > li .news-text{ min-height: inherit; }

	.card-box{ margin: 0 0 30px; }
	.card-box .card-text-box h2{ font-size: 26px; line-height: 28px; margin: 0 0 20px; }

	.card-box .img-box{ display: none; }
	.card-box  .img-box-mobile{ display: block; width: 45%; margin: 0 20px 0 0; float: left;}
	.card-box .card-text-box{ margin: 0; }
	.card-box .more-info-film{ clear: both; border: none; margin: 0; padding: 25px 0 0 0; }
	.haract-box{ max-width: inherit; border-top: 1px solid #e5e5e5; padding: 15px 0 0 0; }
	.company-img-box .inner::after{ width: 160px; }
	.company-img-box::after{ display: none; }
	.honors-list-box{ padding: 15px 0 0 0; }

	.catalog-list > li{ width: 50%; }
	.filter-celect-box .select_cell{ display: block; width: auto; }
	.filter-celect-box .filter-title{ display: block; margin: 0 0 5px; }
	.filter-box{ padding: 15px; }

	.owl-thumbs > li{ width: 150px; }
	.owl-thumbs > li .thums-img-box{ height: 100px; }
	.slider-large .owl-carousel.carousel-large .item{ height: 300px; background-position: 50% 0;}
	.slider-item{ margin: 0 0 40px; }
	.slider-title{ margin: 0 0 25px; }
	.slider-title h3{ font-size: 18px; line-height: 20px; }
	.slider-large .owl-nav .owl-prev, .slider-large .owl-nav .owl-next{ bottom: 55px; }
	.header-top-line.open{ bottom: 0; }
	.oneperframe, .scrollbar{ display: none; }
	.slider-large{ padding: 0 25px; }
	.slider-large .owl-nav .owl-prev, .slider-large .owl-nav .owl-next{ bottom: inherit; top: 50%; margin: -11px 0 0 0; }
	.facebook-btn{left:190px; top:12px;}
}
@media (max-width: 480px) {
	body{ font-size: 14px; line-height: 18px; }
	.title{ font-size: 24px; line-height: 26px; }
	.production-list > li .img-box{ height: 280px; }
	.mainContent{ padding: 20px 0 30px 0; }
	.breadcrumb{ display: none; }
	.emblem-box{ background: url(../img/fenix-bg-mobile2.png) 15% 0 no-repeat; background-size: cover; }
	p{ margin: 0 0 15px; }
	.production-list > li .name-film, .production-list > li .category-film, .production-list > li .info-film{ margin: 0 0 15px; }
	.production-list > li .text-box, .news-list > li .news-text{ padding: 15px; }
	.but-default{ width: auto; }
	.news-list > li .news-name{ font-size: 18px; line-height: 20px; }

	.card-box  .img-box-mobile{ float: none; width: auto; margin: 0 0 15px; }
	.card-box .more-info-film{ padding: 15px 0 0 0; }
	.card-box .card-text-box h2{ font-size: 22px; line-height: 24px; }
	.company-img-box .caption{ font-size: 16px; line-height: 18px; }
	.company-img-box .inner::after{ width: 80px; }
	.honors-list > li{ width: 170px; }
	.catalog-list > li .img-box{ background-image: none !important; height: auto; }
	.catalog-list > li .img-box img{ display: block; }
	.catalog-list > li .name{ font-size: 16px; line-height: 18px; }
	.catalog-list > li{ font-size: 14px; line-height: 16px; padding: 0 5px; margin: 0 0 25px; }
	.catalog-list > li .more-btn{ display: block; display: block; padding: 0; line-height: 26px; height: 30px; margin: 0 5px; }
	.catalog-list{ padding: 0 0 15px; }
	.catalog-box{ margin: 0 -5px; }
	.contacts-map{height:250px;}

	.year_slider-box .noUi-horizontal .noUi-handle-lower .noUi-tooltip, .year_slider-box .noUi-horizontal .noUi-handle-upper .noUi-tooltip{ top: -37px; }


	.slider-large .owl-carousel.carousel-large .item{ height: 250px;}
	.slider-large{ padding: 0 20px; }
	.slider-item{ margin: 0 0 30px; }
	.slider-title{ margin:0 0 20px; font-size: 14px; line-height: 16px; }
	.slider-title h3{ font-size: 16px; line-height: 18px; }
	.slider-title h3:after{ display: none; }
	.video-btn{ display: none; }
}
@media (max-width: 380px) {
	.production-list > li .img-box, .news-list > li .img-box{ height: auto; background-image: none; margin: 0 0 15px; }
	.production-list > li .img-box img,.news-list > li .img-box img{ display: block; }
	.honors-list > li{ width: auto; display: block; }

	.catalog-box{ margin: 0 -3px; }
	.catalog-list > li{ padding: 0 3px; }
	.catalog-list > li .name{ font-size: 14px; line-height: 16px; }
	.slider-large .owl-carousel.carousel-large .item{ height: 200px;}
}
@media (max-width: 320px) {
	.title{ font-size: 22px; line-height: 24px; }
	.slider-large .owl-carousel.carousel-large .item{ height: 150px;}
}