*{
	margin: 0; padding: 0;
}
html{
	height:100%;
}
body{
	background: #fff;
	height: 100%;
	padding-top: 168px;
}
.product-item a{
	display: block;
	text-decoration: none;
	text-align: center;
	margin-bottom: 15px;
}

.product-price{
	color: #ed1c24;
	font-weight: bold;
}
.wrapper{
	min-height: 80%;
	height: auto !important;
    height: 100%;
	font-family: sans-serif;
}

h1 {
	color: #1b1b1b!important;
	font-size: 28px !important;
}

a {
	color: #1b1b1b;
}


/***************
	Header
**********************/
header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	min-width: 300px;
	background-color: #fff;
}
.logo{
	display: block;
	position: relative;
	z-index: 8000;
}

.slogan{
	display: block;
font-size: 24px;
font-weight: 500;
line-height: 1.1;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
	text-transform: uppercase;
	color: #1b1b1b;
}

.number{
	width: 160px;
}

.number b{
	font-size: 14px;
	font-weight: 600;
	color: #1b1b1b;
}

.callback{
	float: right;
	text-transform: uppercase;
	background-color: #ed1c24;
	color: #fff;
	display: block;
	border: 2px solid #ed1c24;
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
}

.callback:hover {
	color: #1b1b1b;
	border: 2px solid #ed1c24;
	text-decoration: none;
}

.callback:focus {
	text-decoration: none;
	color: #fff;
}
.phones-btn {
	display: none;
}

.popup {
	position: fixed;
	z-index: 99999;
	top: 150px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 340px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.7);
}
.popup .close {
	width: 30px;
	height: 30px;
	background: url(../js/fancybox/fancy_close.png) no-repeat center center;
	background-size: contain;
	display: block;
	position: absolute;
	right: -16px;
	top: -16px;
	opacity: 1;
}
.popup .close:hover {
	opacity: 0.9;
}


/***************
	Nav Bar Menu
**********************/
.navbar{
	background: #000;
	height: 50px;
	position: fixed!important;
	top: 118px;
	left: 0;
	width: 100%;
	min-width: 300px;
	z-index: 99;
}
.navbar-nav {
	background-color: #000;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.navbar-nav:before, .navbar-nav:after {
	display: none;
}
.navbar-nav li a{
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 14px;
}

.navbar-nav li a:focus, .navbar-nav li a:active {
	background: transparent!important;
}

.navbar-nav li a:hover{
	background-color: #ed1c24!important;
}

.navbar-header{
	padding-top: -1px!important;
	height: 50px!important;
}

.navbar-header>button{
	background: #771417;
}

.navbar-header .icon-bar{
	background: #fff;
}

.navbar-nav .active{
	background: #ed1c24;
}



/***************
	Breadcrumb
**********************/
.breadcrumb{
	margin-top: 10px;
	background: none!important;
}

.breadcrumb ol{
	list-style: none;
}

.breadcrumb li:first-child{
	background: url(../images/breadcrumbs-right.jpg) center right no-repeat;
	background-color: #dadada;
}

.breadcrumb li{
	font-size: 12px;
	color: #848484;
	padding: 2px 10px 2px 10px;
	background: url(../images/breadcrumbs-right.jpg) center right no-repeat,url(../images/breadcrumbs-left.png) center left no-repeat;
	background-color: #dadada;
	float: left;
}

.breadcrumb li a{
	color: #848484;
}

.breadcrumb li.active{
	color: #343434;
	padding: 2px 10px 2px 12px;
	background: url(../images/breadcrumb-right-active.png) center right no-repeat, url(../images/breadcrumbs-left.png) center left no-repeat;
	background-color: #ffcc00;
}


/***************
	Content
**********************/
.row{
	display: flex;
	flex-wrap: wrap;
}
.product-item .product-image{
	height: 250px;
}
.product-item .product-image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.feedbackForm .btn{
	background-color: #ed1c24;
	border: 1px solid #ed1c24;
	color: #ffffff;
	border-radius: 0px;
}
.feedbackForm .btn:hover{
	transition: all .3s ease-in-out;
	color: #ed1c24;
	background: #ffffff;
}

.feedbackForm input[type="text"],
.feedbackForm input[type="email"],
.feedbackForm textarea,
#ask-form input[type="text"], 
#ask-form textarea {
	padding: 5px 10px!important;
}

.feedbackForm textarea {
	height: 120px!important;
	margin-bottom: 0!important;
}

#ask-form {
	background-color: transparent!important;
	width: 350px;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}
#ask-form .title {
	margin-bottom: 5px;
}

#ask-form .row {
	margin: 0;
}
#ask-form input[type="text"] {
	margin-bottom: 10px;
}
#ask-form input[type="text"], #ask-form textarea {
	width: 100%!important;
}

#ask-form input[type="submit"] {
	margin-top: 15px!important;
}

.page-form h3{
	font-size:  22px !important;
}
.product-title{
	margin: 10px 0;
}
.row-header{
	margin-bottom: 20px;
}
.row-header h3{
	text-transform: uppercase;
	color: #1b1b1b;
	padding: 0;
	margin: 0 0 5px 0;
}
.row-header hr{
	width: 100%;
	margin: 0 0 5px 0!important;
	padding: 0!important;
}

.content{
	color: #1b1b1b;
	font-size: 14px;
	padding-top: 40px;
}

.about-us img{
	margin: 0px 10px 10px 0;
}

.about-us ul {
	padding-left: 15px;

}
.images-wrap #bx-pager{
	display: none;
}
.big-image .bxslider{
	display: flex;
	flex-wrap: wrap;
	height: 630px;
	overflow: hidden;
}

.big-image .bxslider li:first-child{
	height: 540px;
	width: 360px;
	overflow: hidden;
	margin-bottom: 10px;
}
.big-image .bxslider li{
	height: 90px;
	width: 80px;
	margin: 0 5px;
}
.big-image .bxslider li a img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.log, a {
    outline: none!important;
}



/***************
	Main Slider
**********************/
.slider-title{
	width: 550px;
	position: absolute;
	right: 0px;
	bottom: 50px;
	background: url(../images/slider-description-bg.png) center right no-repeat;
	background-size: 100% 100%;
}
.slider-title b{
	padding: 5px 0 5px 80px;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}


.slider .slick-dots {
	bottom: 15px;
}
.slider .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 5px;
}
.slider .slick-dots li button {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	margin: 0;
	border-radius: 100%;
	background-color: #000;
}
.slider .slick-dots li button:before {
	display: none;
}
.slider .slick-dots li button:after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100%;
	transition: 300ms;
}
.slider .slick-dots li.slick-active button:after,
.slider .slick-dots li button:hover:after {
	background-color: #ed1c24;
}

/***************
	Main Catalog
**********************/
.catalog{
	text-align: center;
	margin: 10px 0 15px 0;
}
.catalog-row{
	display: flex;
	flex-wrap: wrap;
}
.row.catalog .col-sm-12{
	display: flex;
	flex-wrap: wrap;
}
.row.catalog .row-header{
	width: 100%;
}
.catalog .cat-item>div>a>img{
	border: 2px solid #ddd;
	width: 100%;
	display: block;
}

.catalog-in .cat-item>div>a>img{
	border: 2px solid #ddd;
	width: 250px;
	height: 200px;
}


.cat-item a{
	display: block;
	color: #1b1b1b;
	text-transform: uppercase;
	margin: 5px 0 10px 0px;
}

.cat-item a:hover{
	color: #ed1c24;
}

.cat-item p {
	margin-top: 10px;
}

.product-link:hover{
	color: #ed1c24;
}


/***************
	Main Services
**********************/
.services{
	margin: 30px 0;
}

.service-item img{
	display: block;
	margin: 0 auto;
}

.service-item a{
	text-align: center;
	display: block;
	color: #1b1b1b;
	text-transform: uppercase;
}
.service-item a .services-img-grey {
	display: none;
}
.service-item a:hover .services-img-grey {
	display: block;
}
.service-item a:hover .services-img-red {
	display: none;
}
.service-item a p{
	margin-top: 15px;
}
.service-item a:hover{
	color: #ed1c24;
}


/**********************
	Service Page
**********************/
.services-page .service-item:hover{
	cursor: pointer;
	background:url(../images/service-item-bottom.png) bottom no-repeat;
}

.service-description{
	margin: 20px 0 50px 0;
}

#bx-pager a:focus{
	outline:none;
}
#bx-pager a .image-gray {
	display: none;
}
#bx-pager a img.image-active {
	display: block;
}

#bx-pager a{
	float: left;
	width: 16.667%;
	text-decoration: none;
}

#bx-pager a:first-child{
	margin-left: 0;
	padding-left: 0;
}

#bx-pager a:last-child{
	margin-right: 0;
	padding-right: 0;
}

#bx-pager a p{
	font-size: 16px;
	text-transform: uppercase;
	color: #1b1b1b;
	margin-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
#bx-pager a:last-child p{
	margin-top: 20px;
	padding-bottom: 20px;
	line-height: 1;
}
.image-active {
	margin: 0 auto;
}

.bx-pager-wrapper{
	width: 100%;
}

#bx-pager a.active p{
	color: #ed1c24;
	background:url(../images/service-item-bottom.png) bottom no-repeat;
}

#bx-pager a:hover p{
	color: #ed1c24;
	background:url(../images/service-item-bottom.png) bottom no-repeat;
}

#bx-pager {
	text-align: center;
    width: 100%;
}

#bx-pager p {
	text-align: left;
}



/***************
	Stock Page
**********************/

.stocks{
	margin-bottom: 20px;
}

.stock-item{
	margin-bottom: 10px;
}

.stock-item p{
	margin-top: 10px;
	font-size: 15px;
}
.stock-item:hover {
	text-decoration: none;
	color: #1b1b1b;
}
.stock-item:hover h3 {
	color: #ed1c24;
}


/***************
	Contact Page
**********************/
.contact-page{
	margin-bottom: 30px;
}

.contact{
	padding-left: 10px;
}

.contact>h4{
	font-size: 18px;
	color: #cb1017;
	margin-bottom: 30px;
}

.contact div{
	margin-bottom: 5px;
}

.contact h5{
	color: #cb1017;
	margin-bottom: 0;
}
.contact div{
	padding: 1px 0 1px 45px;
}

.contact-address{
	background: url(../images/contact-address.png) 5px 10px no-repeat;
}

.contact-tel{
	background: url(../images/contact-tel.png) 5px center no-repeat;
}

.contact-time{
	background: url(../images/contact-time.png) 2px center no-repeat;
	padding-left: 45px;
}

.contact-payment{
	background: url(../images/contact-payment.png) 0px center no-repeat;
	padding-left: 45px;
}

.contact-mail{
	background: url(../images/contact-mail.png) 1px center no-repeat;
	padding-left: 45px;
}
.contact-mail a{
	color: #1c6007;
	text-decoration: underline;
}


.map-container {
	display: flex;
}
.map-container > ymaps {
	width: calc(50% - 7.5px)!important;
	height: 400px!important;
	margin-right: 20px;
}


/***************
	Gallery Page
**********************/
.gallery-page{
	margin-bottom: 30px;
}

.gallery-item img{
	border: 2px solid #ddd;
}

.gallery-page-in .cat-item {
	background: url(../images/zoom-icon.png) no-repeat center center;
	background-size: 35px;
}

.gallery-item p{
	height: 35px;
}

.gallery-item a{
	padding-left: 2px;
	color: #1b1b1b;
	text-transform: uppercase;
}

.gallery-item a:focus{
	outline: none;
	border: none;
}

.gallery-item a:hover{
	color: #ed1c24;
}

.cat-item a img{
	background: url(../images/zoom-icon.png) top top no-repeat;
    display: block;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.cat-item a:hover img {
    opacity: 0.5;
    text-indent: 9999px;
}

.img-zoom {
	position: absolute;
	top: 50%;
	bottom:50%;
	right: 50%;
	left: 50%;
    z-index: 1;
    display:none;
}
#bx-pager a img.image-active {
	display: block;
}
#bx-pager a.active img.image-gray {
	display: none;
}
#bx-pager a.active img.image-active {
	display: inline-block;
}

.gallery-page-in{
	padding: 0 !important;
}

.gallery-page-in .gallery-item{
	margin: 0px 0px 20px 0;
	width: 234px !important;
	height: 150px !important;
}


.page_nav a {
	color: #1b1b1b;
	font-size: 16px;
}
.page_nav a:hover {
	text-decoration: none;
	color: #ed1c24;
}
.page_nav .active {
	color: #ed1c24;
}

.news .all-news a:hover, .back--link:hover{
	color: #ed1c24;
}

.news .item {
	margin-top: 25px;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.news .item .date .day {
    font-size: 30px;
    color: #ed1c24;
}
.news .item .title {
	font-weight: bold;
}
.news .item a {
	color: #ed1c24;
	text-decoration: underline;
}
.news .item a:hover {
	color: #ed1c24;
	text-decoration: none;
}
.news1 a {
	color: #ed1c24;
	text-decoration: underline;
}
.news1 a:hover {
	text-decoration: none;
}
/***************
	Footer
**********************/
footer{
	background: #000;
	font-size: 14px;
	color: #fff;
	margin-top: 30px;
	padding-top: 20px;
	width: 100%;
	position: relative;
}
footer hr {display: none!important;}
footer .search {
	display: flex;
	width: 400px;
	height: 30px;
	justify-content: space-between;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	margin: 0 auto;
	z-index: 1;
	align-items: center;
	padding: 10px 5px 10px 10px;
	background-color: #fff;
}
footer .search input[type="search"] {
	width: calc(100% - 25px);
	padding: 0;
	border: none;
	color: #000;
	outline: none;
}
footer .search button {
	width: 25px;
	font-family: 'fontAwesome';
	font-size: 20px;
	text-decoration: none;
	border: none;
	color: #ed1c24;
	background-color: transparent;
	outline: none;
}
footer .search button:after {
	content: '\f002';
}
.copyright{
	border-top: 1px solid #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.copyright p {margin: 0}
.artmedia a {
	display: inline-block;
	width: 150px;
}
.artmedia a img {width: 100%;}

#address{
	width: 180px;
	float: left;
}

.page-form {
	width: 40%;
	margin-top: 15px;
}
.page-form input[type="text"],
.page-form form input[type="email"],
.page-form form textarea {
	width: 100%!important;
	display: block;
	padding: 5px 10px;
	box-sizing: border-box;
}
#feedbackForm .btn{
	background-color: #ed1c24;
	border: 1px solid #ed1c24;
	color: #ffffff;
}
#feedbackForm .btn:hover{
	transition: all .3s ease-in-out;
	background: #ffffff;
	color: #ed1c24;
}
.footer-links ul.unstyled{
	margin:0;
	padding: 0 20px;
	list-style: none;
}
.footer-links {
	margin-bottom: 15px;
}
.footer-links li a{
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
.footer-links li a:hover,.footer-links li.active a {
	color: #ed1c24;
}

.footer-links #list-first{
	font-size: 13px;
	color: #fff;
}

.number-footer{
	width: 150px;
}

.number-footer h5{
	margin-top: 0;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.callback-footer, .callback-footer:focus{
	text-transform: uppercase;
	color: #fff;
	display: block;
	border: 2px solid #fff;
	width: 100%;
	padding: 5px;
	float: right;
	text-decoration: none;
}

.callback-footer:hover{
	background: #fff;
	color: #000;
}
.socials a i{
	color: #fff;
	font-size: 35px;
}
.socials a i:hover{
	transition: all .3s ease-in-out;
	color: #8134af;
}
.link-color a{
	color: black !important;
	text-decoration: underline;
}
.send-btn{
	height: 34px;
	display: table;
    text-transform: uppercase;
    background-color: #ed1c24;
    color: #fff;
    display: block;
    border: 2px solid #ed1c24;
    padding: 5px 15px!important;
	margin-bottom: 5px;
	background-color: #ed1c24;
    border: 1px solid #ed1c24;
    color: #ffffff;
    border-radius: 0px;
}
.send-btn:hover{
	transition: all .3s ease-in-out;
	background: #fff;
	color: #ed1c24;
}
.socials {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.socials li {
	/*display: inline-block;*/
	display: none;
	vertical-align: top;
	margin: 0px 5px;
}
.socials li a {
	display: block;
	width: 50px;
}
.socials li a img {
	width: 100%;
	height: auto;
	display: block;
}
.slider-for .big-img {
	height: 360px;
	/*width: 120px;*/
	width: 360px;
	margin: 0 auto 10px;
	overflow: hidden;
}
.slider-for {
	width: 100%;
}
.big-img img,
.small-slide-img img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.old-one{
	display: none;
}
.slider-nav .small-slide-img {
	height: 100px;
	width: 100px;
	overflow: hidden;
	margin-bottom: 10px;
	margin: auto;
	cursor: pointer;
	border: 5px solid transparent;
}
.slider-nav .small-slide-img:hover,
.slider-nav .small-slide-img:focus,
.slider-nav .small-slide-img:active{
	/*transition: all .3s ease-in-out;*/
	/*border: 5px solid #000000;*/
}
.slick-slide {
	outline: none
}
.left-arrow,
.right-arrow{
	position: absolute;
	top: 30%;
	font-size: 30px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.left-arrow{
	left: 0;
}
.right-arrow{
	right: 0;
}
footer .number-footer {
	margin-bottom: 15px!important;
}

hr{
	width: 100%;
	margin-bottom: 5px !important;
	padding: 0;
}

.copyright{
	font-size: 11px;
}

.timemedia a{
	color: #3f0000;
}
.timemedia a:hover{
	color: #3f0000;
}
.main-carousel .item{
	position: relative;
}
.main-carousel .slick-prev{
	background: url(../../images/left-slider-btn.png) no-repeat;
	width: 30px;
	height: 50px;
	left: 5%;
	z-index: 9;
}
.main-carousel .slick-prev:hover,
.main-carousel .slick-prev:focus{
	background: url(../../images/left-slider-btn-hover.png) no-repeat;
}

.slick-prev:before,
.slick-next:before{
	display: none;
}
.main-carousel .slick-next{
	background: url(../../images/right-slider-btn.png) no-repeat;
	width: 30px;
	height: 50px;
	right: 5%;
	z-index: 9;
}

.main-carousel .slick-next:hover,
.main-carousel .slick-next:focus{
	background: url(../../images/right-slider-btn-hover.png) no-repeat;
}
.down-1 {margin-top:10px!important;}

.call-btn {
	position: fixed;
	right: 5%;
	bottom: 5%;
	color: #ffffff;
	height: 60px;
	width: 60px;
	background: #50d316;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	z-index: 999;
	cursor: pointer;
	border-radius: 50%;
}
.call--btn {
	position: fixed;
	text-align: center;
	box-sizing: border-box;
	outline: none !important;
	z-index: 999;
}
.call--btn:hover {
	animation-name: phone;
	animation-iteration-count: 1;
	animation-duration: 0.7s;
}
.call--btn i {
	display: block;
	font-size: 30px;
	color: #fff;
}
.call--btn:after, .call--btn:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 5px solid #50d316;
	border-radius: 50%;
	position: absolute;
	top: 0%;
	left: 0%;

	animation-iteration-count: infinite;
	animation-duration: 1.2s;
	animation-name: ring;
	outline: none;
	box-sizing: border-box;
}
.call--btn:after {
	animation-delay: 0.6s;
}
.call--btn:before {
	animation-delay: 0.8s;
	border: 5px solid #50d316;
	border-radius: 50%;
}
@keyframes ring {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.7);
	}
}
@keyframes phone {
	20% {
		transform: rotate(-30deg);
	}
	80% {
		transform: rotate(390deg);
	}
	100% {
		transform: rotate(360deg);
	}
}





/* Small devices (mobile-phone, 300px and up) */
@media (min-width: 300px){
	.logo{
		margin: 0 auto;
	}
	.slogan{
		float: none !important;
		text-align: center;
	}
	.callback{
		margin:0 auto 10px auto;
	}
	.number.pull-right{
		float: none !important;
		margin: 0 auto;
		text-align: center;
	}
	.slider-title{
		width: 200px;
		bottom: 50px;
	}
	.slider-title b{
		padding: 0px 0 0px 30px;
		font-size: 12px;
	}
	footer .number-footer{
		margin: 0 auto;
		text-align: center;
		float: none !important;
	}
	footer .callback-footer{
		margin: 0 auto;
	}
	footer #address{
		width: 100%;
		text-align: left;
	}

	#bx-pager a{
		float: left;
		width:100%;
		text-decoration: none;
	}
}

/* Small devices (smartphone, 460px and up) */
@media (min-width: 460px){
	.slogan{
		padding: 0px;
		margin: 0 auto;
	}
	header.number{
		float: none !important;
		margin: 0 auto;
	}
	.slider-title{
		width: 350px;
		bottom: 50px;
	}
	.slider-title b{
		padding: 2px 0 2px 60px;
		font-size: 15px;
	}
	.footer-links ul.unstyled{
		width: 250px;
		margin: 0 auto;
		padding: 0;
	}
	#address{
		margin: 0 auto;
		padding-bottom: 10px;
	}
	#bx-pager a{
		float: left;
		width: 33.33%;
		text-decoration: none;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){

	.slick-slider {
		width: 100%;
	}

	.slogan{
		padding: 35px 10px 0 20px;
	}
	.navbar-nav{
		margin-top: -1px!important;
	}
	footer .number-footer{
		float: right !important;
	}
	.number.pull-right{
		float: right !important;
	}
	.number h5{
		padding: 30px 0px 0px 0px;
	}
	.slider-title{
		width: 450px;
		bottom: 50px;
	}
	.slider-title b{
		padding: 2px 0 2px 80px;
		font-size: 16px;
	}
	.catalog div.col-md-7.five-three {
    	width: 60% !important;
    }
    .catalog div.col-md-5.five-two {
    	width: 40% !important;
    }
	#bx-pager a{
		float: left;
		width: 20%;
		text-decoration: none;
	}
}

.page_nav {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 30px;
}
.page_nav a {
	background-color: #000;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	transition: 300ms;
	margin: 0 5px 5px 0;
}
.page_nav a.active,
.page_nav a:hover {
	background-color: #ed1c24;
	color: #fff;
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.logo{
		margin-bottom: -55px;
	}
	.navbar-nav{
		margin-top: 0px!important;
	}
	.slogan{
		padding: 30px;
	}
	.number h5{
		padding: 20px 0px 0px 0px;
	}
	.slider-title{
		width: 550px;
		bottom: 70px;
	}
	.slider-title {
		padding: 5px 0 5px 80px;
		font-size: 20px;
	}
	#bx-pager a{
		float: left;
		width: 16.667%;
		text-decoration: none;
	}

	

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.slogan{
		padding: 45px 30px 30px 30px;
	}
	.number h5{
		padding: 20px 0px 0px 0px;
	}
}

@media screen and (max-width: 991px) {
	.navbar {
		height: 40px;
		min-height: 40px!important;
	}
	.nav>li>a {
		padding: 10px 10px!important;
	}
	#page-text > ymaps {
		width: 100%!important
	}

	footer .search {
		width: 300px;
	}

}
@media screen and (max-width: 768px) {
	.slider-for,
	.slider-nav {
		width: 300px;
	} 
	.copyright p.pull-left {
		width: 100%!important;
		float: none!important;
		text-align: center;
		margin: 5px 0;
	}
	footer .search {
		position: relative;
		width: 100%;
		bottom: 0;
		margin-bottom: 10px;
	}
	footer p.pull-right {
		display: table;
		float: none!important;
		margin: 0 auto;
	}
}
@media screen and (max-width: 660px) {
	.map-container {
		flex-wrap: wrap;
		height: auto!important;
		justify-content: center;
	}
	.map-container > ymaps {
		width: 100%!important;
		height: 250px!important;
		margin: 0 0 20px;
	}
	.pre-footer {
		min-height: 200px;
	}
}
@media screen and (max-width: 320px) {
	.mobile-row .col-sm-4,
	.mobile-row{
		width: 320px !important;
		overflow: hidden;
		padding: 0 15px;
	}
	.slider-for,
	.slider-nav{
		width: 320px;
	}
	.right-arrow{
		right: 13%;
	}
}
@media screen and (max-width: 375px) {
	.mobile-row .col-sm-4,
	.mobile-row{
		width: 375px !important;
		overflow: hidden;
		padding: 0 15px;
	}
	.slider-for,
	.slider-nav{
		width: 375px;
	}
	.right-arrow{
		right: 45px;
	}
	#ask-form {
		width: 100%;
	}
	#ask-form .g-recaptcha {
		transform: scale(0.82);
		transform-origin: 0 0;
	}
	#ask-form .row {
		display: block;
		width: 250px;
		margin: 0;
	}
	#ask-form input[type="submit"] {
		margin-top: 0!important;
	}
}
@media (min-width: 376px) and (max-width: 425px) {
	.mobile-row .col-sm-4,
	.mobile-row{
		width: 100% !important;
		overflow: hidden;
		padding: 0 15px;
	}

	.right-arrow{
		right: 13%;
	}
	
}
@media screen and (max-width: 768px) {
	.main-carousel .item{
		height: 250px;
	}
	.main-carousel .item img{
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.bx-viewport {
		height: 290px !important;
	}
	.bx-viewport ul li{
		width: 100%	!important;
	}
	.content{
		padding-top: 10px;
	}
	.h2, h2{
		font-size: 22px;
	}
	.slider-for .big-img{
		height: 300px;
	}
	.bx-wrapper .bx-controls-direction a{
		width: 15px !important;
		height: 15px !important;
	}
	.breadcrumb li.active,
	.breadcrumb li{
		background-size: contain !important;
	}

	.bx-wrapper .bx-next,
	.bx-wrapper .bx-prev{
		background-size: contain !important;
	}
	.row-header h3{
		font-size: 20px;
	}
	.row{
		display: flex;
		flex-wrap: wrap;
	}
	/*.mobile-row .col-sm-4,*/
	/*.mobile-row{*/
	/*	width: 100% !important;*/
	/*	overflow: hidden;*/
	/*}*/
	/*.slider-for,*/
	/*.slider-nav{*/
	/*	width: 100%;*/
	/*}*/
	body {
		padding-top: 120px;
	}
	.about-us > .row {
		margin: 0;
	}
	.navbar-nav {
		border-top: 2px solid #fff;
		margin-top: 5px!important;
	}
	.navbar-header {
		height: auto!important;
	}
	.navbar {
		top: 86px;
	}
	.logo {
		display: block;
		width: 100px;
	}
	.logo img {
		width: 100%;
	}
	.slogan {
		font-size: 18px;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	.header-number {
		display: none;
		position: fixed!important;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 300px;
		background-color: rgba(0,0,0,0.7);
		z-index: 999999;
	}
	.header-number h5, .header-number a {
		color: #fff;
	}
	header .number.pull-right {
		float: none;
	}
	.navbar-toggle {
		margin: 5px 0px 0px 10px!important;
		float: none!important;
		border-radius: 0px;
		padding: 5px;
		background-color: #ed1c24;
	}
	.navbar-toggle .icon-bar {
		width: 25px;
		height: 3px;
	}
	.navbar-header>button {
		background-color: #ed1c24;
	}
	.callback {
		height: 26px;
		font-size: 12px;
		line-height: 1;
		position: absolute;
		top: 8px;
		right: 55px;
		left: auto;
		float: none;
		display: table;
		width: auto;
		margin: 0;
	}
	.phones-btn {
		background: url(../images/call-answer.svg) no-repeat center center;
		background-size: contain;
		width: 20px;
		height: 25px;
		display: block;
		position: absolute;
		top: 6px;
		right: 10px;
	}
	.news1 img{
		max-width: 100%;
		height: auto;
		margin: 10px 0;
	}
	.bx-wrapper {
		overflow: hidden;
	}
	footer #address {
		text-align: center;
	}
	.callback-footer {
		float: none;
	}
	.number-footer h5, .number-footer a  {
		color: #fff;
	}

	.popup {
		top: 50px;
	}

	.news .item {
		width: 50%;
	}
	.page-form {
		width: 100%;
	}

	.navbar-nav {
		flex-direction: column;
		margin: 0!important;
		margin-top: 4px!important;
	}

	.navbar .navbar-collapse {
		padding: 0;
	}
	.service-item a {
		margin-bottom: 15px;
	}
	.product-single .col-sm-4,
	.product-single .col-sm-8,
	.product-single .row,
	.product-single .col-sm-12,
	.product-single .col-md-8 {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	.slider-for, .slider-nav {
		width: 400px;
		margin: 0 auto 20px;
	}
 
}
@media (min-width: 576px) and (max-width: 768px) {
	.navbar{
		top: 86px;
	}
}
@media screen and (max-width: 480px) {
	h1{
		font-size: 22px !important;
	}
	.navbar {
		top: 80px;
	}
	.slogan {
		font-size: 12px;
	}
	.popup {
		width: 300px;
		padding: 15px;
	}
	.popup .feedback_wrapper p > .forminput, .popup .feedback_wrapper > table  {
		width: 100%!important
	}
	.copyright p {
		float: none!important;
		text-align: center;
		display: block;
	}
	.artmedia {
		margin-bottom: 10px!important;
	}
	.pre-footer, footer {
		min-height: 0px;
	}
	.article img,
	.product-description img{
		max-width: 100%;
		height: auto;
		float: none !important;
		margin: 10px 0 !important;
	}
	.breadcrumb li{
		margin-bottom: 10px;
	}
	.nav>li>a {
		padding: 7px 10px!important;
	}
	.about-us p img {
		max-width: 100%;
		float: none!important;
		margin: 0 0 15px!important;
	}
	.popup .g-recaptcha {
		transform: scale(0.9);
		transform-origin: 0 0;
	}
	.cat-item p {
		font-size: 12px;
	}
	.row.catalog .col-sm-12 {
		padding: 0;
	}
	.catalog-products .col-xs-6 {
		width: 49%;
	}
}
@media screen and (max-width: 380px) {
	.news .item {
		width: 100%;
	}
	.popup {
		top: 25px;
	}
	.popup .close {
		right: -10px;
	}
	.page-form .g-recaptcha {
		transform: scale(0.92);
	}
	.slider-for .big-img {
		width: 100%;
	}
	.slider-for, .slider-nav {
		width: 290px;
	}
	.mobile-row .col-sm-4, .mobile-row {
		width: 100%!important;
	}
	
	.right-arrow {
		right: 0;
	}
}

@media screen and (max-width: 576px) {
	.service-item img{
		height: 70px;
	}
	.service-item a p{
		margin: 5px 0;
		font-size: 14px;
	}
	.services-slider img{
		max-width: 100%;
		height: auto;
	}
	.call-btn{
		height: 40px;
		width: 40px;
		font-size: 20px;
	}
	.call--btn i{
		font-size: 20px;
	}
}