.navigation-block-inner .order-drill:hover { border-bottom: 4px solid #f2f2f2; }
.men_all > li > a:hover { background: url("../i/categories-menu-bullet-white.png") no-repeat 10px center, #ffae12; }
.men_all > ul > li > a { text-decoration: none; }
.men_all > ul > li:hover { background: #ffae12; }
.bottom-block .site-contacts { width: 254px; }
.latest-news{ padding-left:40px; }
.articleTop { display: flex; justify-content: space-between;}
.ya-share2 .ya-share2__list .ya-share2__item { background: none; padding-left: 0; }
.ya-share2 .ya-share2__list { margin: 0; }
.ya-share2 { display: inline-flex; }
.bottom-block .site-contacts .search-on-cart{display:inline-block;color:#135888;margin-top:10px;background:url(../i/icon-contacts-location.png) no-repeat left center;padding-left:35px;line-height:30px;}
.fancybox { border: 2px solid #EA9D0E; margin-bottom: 20px; }
.images-mini-gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.news.is-preview .more-button:hover { position: relative; top: 2px; }
a:hover { text-decoration: none; }
.article-block h1 { display: flex; align-items: center; }
.article-block h1::before { width: 55px; }
.developer { display: flex; flex-direction: column; align-items: center; }
.bookmark { color: white; background: #ffae12; position: fixed; top: 50%; left: -75px; transform: rotate(-90deg); padding: 5px 10px; cursor: pointer; font-size: 1rem;}


/*		btnUp		*/
.buttonUp {
transition: opacity .3s ease;
opacity: 0.6;
background-color: #ffae12;
height: 55px;width: 55px;
bottom: 30px;right: 30px;
cursor: pointer;
display: none;
position: fixed;
z-index: 999;
color: #fff;
align-items: flex-end;
justify-content: center;
border-radius: 35px;
-ms-user-select: none; 
-moz-user-select: none; 
-webkit-user-select: none; 
user-select: none;}

.buttonUp:before { 
content: "";
position: absolute;
top: 40%;
width: 40%;
height: 40%;
border-left: 3px solid white;
border-top: 3px solid white;
transform: rotate(45deg);}

.buttonUp:hover {opacity: 1;}

/* Форма обратной связи */

.callback-top { display: block; color: white; background-color: #FFA912; width: 27%; text-align: center; border-radius: 7px; padding: 0.5rem 0rem; margin-top: 0.3rem; font-size: 1.4rem; outline: none; }
.callback { top: 50%; left: 50%; background-color: #d2d2d2; border-radius: 10px; position: fixed; transform: translateX(-50%) translateY(-50%);z-index: 100; width: 20%; display: none;}
.necessarily { color: red; }
#callback-form { padding: 1rem; font-size: 1.2rem; }
.callback-form-close { width: 34px; height: 34px; background-image: url(../js/fancybox/source/fancybox_sprite.png); position: absolute; right: -15px; top: -15px; cursor: pointer;}
#callback-form input:not([type="submit"]), #callback-form textarea { margin: 0.5rem 0; border-radius: 5px; border: 1px solid white; width: 100%; }
#callback-form input:hover:not([type="submit"]), #callback-form input:focus:not([type="submit"]), #callback-form textarea:hover, #callback-form textarea:focus { border: 1px solid #FFA912 }
#callback-form input[type="submit"] { margin: 0.5rem 0; border-radius: 5px;  }
#callback-form textarea { border: 1px solid white; resize: none; }
.check-cptch p:nth-child(2) { display: flex; align-items: center; }
.check-cptch input#cptch { width: 10%; margin-left: 0.4rem; padding: 0 5px;}
.result { margin: 10px 0; }

@media screen and (max-width: 1280px) {
	.callback { width: 30%; }
	#callback-form { font-size: 1rem; }
}

@media screen and (max-width: 960px) {
	.callback { width: 30%; }
}

@media screen and (max-width: 768px) {
	.callback { width: 40%; }
	.header-block-inner { display: flex; flex-flow: column wrap; align-items: center; }
}

@media screen and (max-width: 480px) {
	.callback { width: 60%; }
	.callback-top { width: 50%; }
}

@media screen and (max-width: 360px) {
	.callback { width: 80%; }
	.callback-top { width: 70%; }
}