:focus {
outline: 0;
}
input[type=number]::-webkit-inner-spin-button { 
-webkit-appearance: none;
cursor:pointer;
display:block;
width:8px;
color: #333;
text-align:center;
position:relative;
}
input[type=number]::-webkit-inner-spin-button:before,
input[type=number]::-webkit-inner-spin-button:after {
content: "^";
right: 0;
font-family:monospace;
line-height:;
}
input[type=number]::-webkit-inner-spin-button:before {
top:0px;
}
input[type=number]::-webkit-inner-spin-button:after {
bottom:0px;
-webkit-transform: rotate(180deg);
}
.bblue_btn_top {		
margin-top:0.555555%;
cursor:pointer;
font-family: ProximaNova;
font-weight: 400;
white-space: nowrap;
text-align: center;
text-decoration: none;
color: #333;
background-color: #fff200;
border: 0;
height: 2.2rem;
border-radius: 1.333333333333333rem;
font-size: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
align-items: center;
display: inline-flex;
border:2px solid #FFF200;
}
.bblue_btn_top:hover {
transition-property: color,border-color,background-color;
transition-duration: .4s;
transition-timing-function: ease-in-out;
text-decoration: none;
background: #FFF200;
}

/*Акции*/
.sharer-block-1, .sharer-block-2 {
width: 44%;
min-width: 300px;
height: auto;
vertical-align: middle;
border-radius:14px ;
border: 1px solid #3ebc6b;
padding: 1.8%;
margin-left: 0%; 
float:left;
margin-top: 1.5%;
margin-bottom: 3%;
}
.sharer-block-1 img, .sharer-block-2 img {
	border-radius: 14px;
	}
.sharer-block-2 {
	margin-left: 3%;
	margin-right: 0%; 

}
.sharer-t-1 {

}
.sharer-title {
letter-spacing: -.01rem;
font-size: 1.444444444444444rem;
line-height: 1.28;
color: #333;
font-family: ProximaNova,sans-serif;
font-weight: 700;
margin-top: 2.5%;
margin-bottom: 4%;
}
.order-sharer, .sharer-inf {
margin-top:0.555555%;
cursor:pointer;
font-family: ProximaNova;
font-weight: 400;
white-space: nowrap;
text-align: center;
background: #FFF200;
color: #444;
height: 2.2rem;
border-radius: 1.333333333333333rem;
font-size: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
align-items: center;
display: inline-flex;
border:1px solid #FFF200;
margin: 3%;
}
.sharer-inf:hover, .order-sharer:hover {
transition-property: color,border-color,background-color;
transition-duration: .3s;
transition-timing-function: ease-in-out;
border: 1px solid #3ebc6b;
color: #FFF;
background-color: #3ebc6b;
text-decoration: none;
}

.sharer-t-2 {

}
.sharer-t-2 small {
font-size: 75%;
font-family: ProximaNova,sans-serif;
color: #333;
text-align: left;
}


/*Акции конец*/
@media (max-width:600px) and (min-width:200px) {
.bblue_btn_top {	
margin-left:0%;
margin-right:0%;
margin-top:4%;
margin-bottom:3%;
}
}
.tovar {
width:42%;
min-width:270px;
display:inline-block;
vertical-align: top;
border-radius:10px;
border:1px solid #3ebc6b;
margin:2%;
padding:1%;
}
.img-karton, .img-skotch, .img-plenka, .img-gofro, .img-plenka {
width: 195px;
height: 150px;
float: left;
margin:  10px 0px 0px 10px;
}
/*bar in down*/
.middle {
display:inline-block;
vertical-align: middle;
height: auto;
}
.bar_all_rek {
width:10%;
min-width:300px;
padding: 7px;
border: 1px solid #3ebc6b;
height: auto;
margin-left: 1% ;
display:inline-block;
vertical-align: middle;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
}
.post_bar_all {
width:100%;
padding:1%;
margin:1% auto;
}
.img-s-musorom {
width: 70%;
min-width:280px;
height: auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px;
border-color:#3ebc6b;
margin:3% auto;
}
.img_bar_gruzchiki, .img_bar_gazel, .img_bar_razborka, .img_bar_samosval_1, .img_bar_samosval_2, .img_bar_samosval_3, .img_bar_steklo {
width:88%;
margin:0 auto;
cursor: pointer;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px; 
border-radius: 6px; 
}
.img_bar_gruzchiki img, .img_bar_gazel img, .img_bar_razborka img, .img_bar_samosval_1 img, .img_bar_samosval_2 img, .img_bar_samosval_3 img, .img_bar_steklo img, .img-s-musorom img {
width:100%;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px; 
border-radius: 6px; 

}
/*END BAR IN DOWN*/
/*Callback*/
.callback {animation: 1.5s linear 0s normal none infinite running callback_anim; background: #3ebc6b; border-radius: 50% !important; bottom: 10%; cursor: move; height: 75px; position: fixed; right: 23px; width: 75px; cursor:pointer;}
.callback .callback_link::before {background: rgba(0, 0, 0, 0) url(../images/phone2.png) no-repeat scroll center center / 70px auto; content: ""; height: 72px; left: 2px; position: absolute; top: 0; width: 75px; z-index: 11;}
.callback:hover {background: #FFF200;}
.callback:hover .callback_b, .callback:hover .callback_a {background-color: #FFF200; border-color: #FFF200;}
.callback .callback_block {height: 75px; position: absolute; width: 75px;}
.callback .callback_a {-webkit-animation: callback 3s linear 0.5s infinite; -moz-animation: callback 3s linear 0s infinite; animation: callback 3s linear 0s infinite; background-color: transparent; border: 5px solid #3ebc6b; border-radius: 100% !important; bottom: -25px; box-sizing: border-box; height: 125px; opaity: 0.01; position: absolute; right: -25px; width: 125px;}
.callback .callback_b {-webkit-animation: callback 1s linear 0.5s infinite; -moz-animation: callback 1s linear 0s infinite; animation: callback 1.5s linear 0s infinite; background-color: transparent; border: 45px solid #3ebc6b; border-radius: 100% !important; bottom: -25px; box-sizing: border-box; height: 125px; opacity: 0.01; position: absolute; right: -25px; width: 125px;}
@keyframes callback {
0% {opacity: 0.8; transform: rotate(0deg) scale(0.46) skew(1deg);}
10% {transform: rotate(0deg) scale(0.56) skew(1deg);}
100% {opacity: 0.01; transform: rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes callback {
0% {opacity: 0.8; transform: rotate(0deg) scale(0.46) skew(1deg);}
10% {transform: rotate(0deg) scale(0.56) skew(1deg);}
100% {opacity: 0.01; transform: rotate(0deg) scale(1) skew(1deg);}
}
@-moz-keyframes callback {
0% {opacity: 0.8; transform: rotate(0deg) scale(0.46) skew(1deg);}
10% {transform: rotate(0deg) scale(0.56) skew(1deg);}
100% {opacity: 0.01; transform: rotate(0deg) scale(1) skew(1deg);}
}
@keyframes callback_anim {
0% {transform: scale3d(1, 1, 1);}
10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);}
100% {transform: scale3d(1, 1, 1);}
}
@keyframes callback_anim {
0% {transform: scale3d(1, 1, 1);}
10%, 20% {transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80% {transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);}
100% {transform: scale3d(1, 1, 1);}
}
.nav-tabs {
background: #FFF;
margin: 0 auto;
}
@media (max-width:1024px) and (min-width:750px) {
	.bar_all_rek {
width:10%;
min-width:270px;
padding: 7px;
margin-left: 1.5% ;

}
}