/* --------�����������-----*/
 
 /*
<div class="rotate_butt">
	<div class="cart">
		<div class="front face"></div>
		<div class="back face"></div>
	</div>
</div>		*/

.rotate_butt{position: relative;z-index: 100;}
.rotate_butt .cart{-webkit-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;}
.rotate_butt:hover .cart {-webkit-transform: rotateY(180deg);}
.rotate_butt .face {position: absolute;-webkit-backface-visibility: hidden;}
.rotate_butt .front{z-index: 10;-webkit-transition: 0.2s;-o-transition: 0.2s;-ms-transition: 0.2s;} 
.rotate_butt .back{-webkit-transform: rotateY(180deg);	visibility: hidden;-webkit-transition:0.5s;-o-transition: 0.5s;-ms-transition:0.5s;		} 
.rotate_butt:hover .back{visibility: visible;opacity:1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s; transition:0.5s; oz-transition:0.5s;}
.rotate_butt:hover .front {z-index: 0; opacity:0;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s; transition:0.5s; oz-transition:0.5s;} 

/*----TRANSMITION------*/

#mainwrap a:hover,
.searchcontent,
#search,
.bann .banoverlay,
#news_pre img:hover,
#news_block img:hover,
#news_pre img,
#news_block img,
.left-sidebar ul li:hover a,
.selectcontent img, 
.pager-load-more .pager-next a:hover, .moreart,.news_item .mini-title a,.news_item:hover .mini-title a,.news_item div:hover span,.news_item  span, .workplace a, workplace a:hover, #tabs-wrapper ul li,
#tabs-wrapper ul li:hover, 
#block-menu-menu-production-tiles ul li a,
#block-menu-menu-production-tiles ul li,
#block-menu-menu-production-tiles ul li:hover, 
#block-menu-menu-production-tiles ul li:hover a,
#block-menu-menu-menu-production-sanitary ul li a,
#block-menu-menu-menu-production-sanitary ul li,
#block-menu-menu-menu-production-sanitary ul li:hover, 
#block-menu-menu-menu-production-sanitary ul li:hover a,
.views-field-nothing .caroufredsel_wrapper li:hover .cbox-hover-icon,
.views-field-nothing .caroufredsel_wrapper li .cbox-hover-icon,
.field-name-field-imgs .field-item .cbox-hover-icon,
.field-name-field-imgs .field-item:hover .cbox-hover-icon,.field-name-field-imgs .field-item:hover img,.field-name-field-imgs .field-item img,.view-new-collections  li:hover .views-field-name a,.vacancy-recall a,.vacancy-recall a:hover,#edit-submit-filtered-view:hover, #edit-reset:hover,#edit-submit-filtered-view, #edit-reset,.filter-colors-group  .bef-checkboxes .form-item:hover label,.filter-colors-group  .bef-checkboxes .form-item label,
.view-catalog-inside .views-field-title .field-content:hover a,.view-sanitary-main .views-field-title .field-content:hover a,
.view-catalog-inside .views-field-title .field-content a,.view-sanitary-main .views-field-title .field-content a,
.view-catalog-inside .views-field-title .field-content:hover ,.view-sanitary-main .views-field-title .field-content:hover,
.view-catalog-inside .views-field-title .field-content,.view-sanitary-main .views-field-title .field-content
{	-webkit-transition: 0.2s;-o-transition: 0.2s;-ms-transition: 0.2s; transition:0.2s; oz-transition:0.2s;}


#search:hover .searchcontent,
#search:hover,
.bann:hover .banoverlay,
.news_item,
.news_item:hover,
.left-sidebar ul li,
.left-sidebar ul li a,
.selectcontent img,
.pager-load-more .pager-next a,#studio a:hover, #block-menu-menu-production-tiles ul li a,#block-menu-menu-production-tiles ul li,#block-menu-menu-production-tiles ul li:hover, #block-menu-menu-production-tiles ul li a:hover,#block-views-videos-block .view-content .views-row:hover .views-field-body,#block-views-videos-block .view-content .views-row .views-field-body,.shop-center-slider .small-image ul li:hover,.shop-center-slider .small-image ul li, .shop-center-slider .small-image ul li:hover img,.shop-center-slider .small-image ul li img,
.servicesblock:hover div,
.servicesblock div,
.servicesblock:hover h2,
.servicesblock h2,
.views-field-nothing ul li:hover img,
.views-field-nothing ul li img,.view-new-collections  li .views-field-name a,a.ctools-use-modal-processed:hover,a.ctools-use-modal-processed, .bann:hover .kat_link, .bann .kat_link,
 #block-menu-block-2 ul.menu li:hover,#block-menu-block-2 ul.menu li,  #block-menu-block-2 ul.menu li:hover a,#block-menu-block-2 ul.menu li a, a.region-shop-button
{	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	 transition:0.5s;
	 oz-transition:0.5s;}

 .catItemImage img,.bann .kat_link:hover,.bann .kat_link{   moz-transition: all 0.2s ease-out;
 			-o-transition: all 0.2s ease-out;
 			-webkit-transition: all 0.2s ease-out;
  			 -ms-transition: all 0.2s ease-out;
  				 transition:all 0.2s ease-out;}
 
 
/*----Zoom------*/


#news_pre .news_left:hover img,
#news_block .news_item:hover img,
.selectcontent:hover img,
.catItemImage img:hover{ 
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);
 
 }
 
.bann:hover img{
-webkit-transform: scale(1);
transform: scale(1);

}
 .bann img{webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
 .view-third img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-third .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
 background-color: rgba(84,90,96,0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-third h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-third:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-third a.info, .view-third span a {
  -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-third:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.info, .view-third span a {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-third:hover a.info, .view-third span a  {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-third a.info:hover{box-shadow:0px 0px 10px #333;opacity:0.9;-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);} 			
   
   
   
.pager-load-more .pager-next a:hover, .moreart:hover, .right-sidebar .view-footer:hover,.vacancy-recall a:hover{background-color: #262e3a;color: #FFFFFF;text-decoration: none;box-shadow:0px 0px 7px #505966;}