/*анимации------------------------------*/

/*
.lang:hover {
    text-decoration-line: underline;
    color: #FFFFFF;
    transition: all .5s linear;
}

.search-input:focus {
    box-shadow: 0 0 0 1px white;
     transition: all .5s linear;
}

.btn:hover {
    transition: all .5s;
}

.menu-item a:hover {
	text-shadow: 0 0 2px #ffffff3d;
	font-weight: bold;
}

.look-catalog.white-array:hover {
    text-decoration-line: underline;
    color: #FFFFFF;
    transition: all .5s linear;
}

.look-catalog a:visited {
    color: #5b5c5c;
    text-decoration-line: underline;
    transition: all .5s linear;
}


.look-catalog a svg path:visited {
    fill: #5b5c5c;
    text-decoration-line: underline;
    transition: all .5s linear;
}

.button-black:hover {
    color: #161616;
    border: 1px solid #161616;
    background-color: #FFFFFF;
    transition: all .5s linear;
}

.button-black:active {
    color: #5b5c5c;
    border: 1px solid #5b5c5c;
    background-color: #FFFFFF;
    transition: all .5s linear;
}

.card img:hover {
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    transform: scale(1.01);
    transition: all .5s linear;
}

.loft-btn:hover {
    color: #161616;
    border: 1px solid #161616;
    background-color: #FFFFFF;
    transition: all .5s linear;
}

.breadcrumb li a:hover {
    text-decoration-line: underline;
    color: #FFFFFF;
    transition: all .5s linear;
}
.breadcrumb li a:visited {
    text-decoration-line: underline;
    color: #5b5c5c;
    transition: all .5s linear;
}

.category-item a:hover {
    text-decoration-line: underline;
    color: #FFFFFF;
    transition: all .5s linear;
}
.category-item a:visited {
    text-decoration-line: underline;
    color: #5b5c5c;
    transition: all .5s linear;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
	color: #141515;
}




.logoipsum img:hover{
	opacity: 1;
}
*/

/* transition: all .3s linear; */

nav.menu > a:first-child {
	text-align: left;
}
nav.menu > a:last-child {
	text-align: right;
}
nav.menu > a {
	text-align: center;
}

nav.menu > a {
	color: #fff;
	-webkit-transition:all .05s linear;
	-o-transition:all .05s linear;
	transition:all .05s linear;
}

nav.menu > a:hover{
	color: #ffffff;
	background-color: #ffffff0a;
}

nav.menu > a:hover:first-child {
	padding-left: 6px;
}

nav.menu > a:hover:last-child {
	padding-right: 6px;
}

nav.menu > a:before, 
nav.menu > a:after {
	content:""; 
	display:block;
}



nav.menu > a:after {
	position:absolute; 
	left:50%; 
	bottom:0; 
	width:0%; 
	height:3px; 
	background-color:#ffffff; 
	transform:translateX( -50% ); 
	-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	-o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
nav.menu > a:before{
	position:absolute; 
	left:50%; 
	top:0; 
	width:0%; 
	height:3px; 
	background-color:#ffffff; transform:translateX( -50% ); 
	-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	-o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
nav.menu > a:hover:after{
	width:100%;
}
nav.menu > a:hover:before{
	width:100%;
}

.menu-none {
	overflow: hidden;
	height: 340px;
}
.menu-none,
.menu-none.hide.hover {
	height: 340px;
	opacity: 1;
	pointer-events: inherit;
	transition: all 0.35s ease;
}
.menu-none.hide {
	height: 0px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.35s ease;
}

/*
.menu-none.hover {
	transition: height 0ms 0ms, opacity 600ms 0ms;
}
*/

.menu-list-one a {
	position: relative;
	display: inline-block;
	transition: all .10s linear;
}

.menu-list-one a:before {
	position: absolute;
	left: 0;
	top: 0;
	content: " ";
	display: inline-block;
	width: 3px;
	background-color: #ffffff78;
	height: 100%;
	opacity: 0;
	transition: all .10s ease;
}

.menu-list-one a:hover {
	transform: translateX(8px);
}

.menu-list-one a:hover:before {
	transform: translateX(-8px);
	opacity: 1;
}

.logoipsum img {
	transition: all .10s ease;
}

.logoipsum img:hover {
	filter: grayscale(0);
	opacity: 1;
}


.a-btn {
	transition: all .10s ease;
	display: inline-block;
	opacity: 1;
}
.a-btn:hover {
	transform: translateX(8px);
	opacity: 0.8;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	transition: all .10s ease;
	opacity: 1;
}

.woocommerce ul.products li.product a:before, 
.woocommerce ul.products li.product a:after {
	content:""; 
	display:block;
}



.woocommerce ul.products li.product a:after {
	position:absolute; 
	left:50%; 
	bottom:0; 
	width:0%; 
	height:3px; 
	background-color:#ffffff; 
	transform:translateX( -50% ); 
	-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	-o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55); 
	transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.woocommerce ul.products li.product a:hover:after{
	width:100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
	transform: translateX(8px);
	opacity: 0.8;
}

.input {
	transition: all .10s ease;
}
.input:hover {
	background-color: #0000001a;
}

.product a {
	transition: all .10s ease;
}
.product-left .product a:hover {
	background: #373838;
}

.button-black,
.main-contacts .button-black,
.loft-btn {
	transition: all .10s ease;
}

.button-black:hover {
	color: #161616;
	background: #fff;
}

.main-contacts .button-black:hover {
	background: #161616;
	color: #fff;
}


.contact a {
	transition: all .10s ease;
}

.contact a:hover{
	opacity: 0.8;
}

.category-item a {
	
}

.category-item a:hover,
.contacts-footer .icon:hover,
.confidentially a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.card::before {
	transition: all .10s ease;
}

.contacts a {
	transition: all .10s ease;
}
.contacts a:hover{
	opacity: 0.8;
}

.btn {
	transition: all .10s ease;
}

.btn:hover {
	transform: scale(0.95, 0.95);
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

.card-image a img,
.catalog-card img {
	transition: all .10s linear;
}

.card-image a img:hover,
.catalog-card img:hover {
	transform: scale(0.98, 0.98);
}

.navs .slick-slide img {
	transition: all .1s linear;
}
.navs .slick-slide img:hover {
	transform: scale(0.96, 0.96);
	opacity: 1;
}

.gallery-images > div{
	transition: all .1s ease;
}

.gallery-images > div:hover {
	transform: scale(0.98, 0.98);
	opacity: 0.8;
}

.loft-btn:hover {
	color: #161616;
	background-color: #fff;
}

.slider-for .slick-slide img {
	transition: all .10s linear;
}

.slider-for .slick-slide img:hover {
	opacity: 0.8;
}

.woocommerce ul.products li.product a img {
	transition: all .1s linear;
}

.woocommerce ul.products li.product a img:hover {
	transform: scale(0.98, 0.98);
	opacity: 0.9;
}

.woocommerce .woocommerce-ordering select:hover {
	color: #757575;
}

.woocommerce nav.woocommerce-pagination ul li a {
	transition: all .05s linear;
}