button, hr, input {
	overflow: visible
}
audio, canvas, progress, video {
	display: inline-block
}
progress, sub, sup {
	vertical-align: baseline
}
[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: ButtonText dotted 1px
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
textarea {
	overflow: auto
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}
summary {
	display: list-item
}
[hidden], template {
	display: none
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/OpenSans-Light-Ext.woff2?v=1.0) format("woff2")
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/OpenSans-Light.woff2?v=1.0) format("woff2"), url(../fonts/OpenSans-Light.woff?v=1.0) format("woff")
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans-Regular-Ext.woff2?v=1.0) format("woff2")
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans-Regular.woff2?v=1.0) format("woff2"), url(../fonts/OpenSans-Regular.woff?v=1.0) format("woff")
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/OpenSans-SemiBold-Ext.woff2?v=1.0) format("woff2")
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url(../fonts/OpenSans-SemiBold.woff2?v=1.0) format("woff2"), url(../fonts/OpenSans-SemiBold.woff?v=1.0) format("woff")
}
@media only screen and (max-width:1195px) {
.header .inner, .main .inner {
	padding: 0 10px
}
}
@media only screen {
body {
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	background: #fff;
	color: #333
}
.footer .inner, .header .inner, .main .inner {
	max-width: 1195px;
	margin: 0 auto
}
a {
	color: #000
}
a:hover {
	text-decoration: none
}
.header {
	height: 100px;
	background-color: #2e3033
}
.header .menu-toggle {
	display: none
}
.header .inner {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	position: relative
}
.header .inner .logo {
	-webkit-flex-basis: 185px;
	-moz-flex-basis: 185px;
	flex-basis: 185px;
	-ms-flex-preferred-size: 185px;
	max-width: 185px;
	height: 95px;
	background: url(../images/profine_logo_yellow.svg) 0 center no-repeat
}
.header .inner .logo a {
	display: block;
	width: 100%;
	height: 100%
}
.header .inner .logo span {
	display: none
}
.header .inner .menu {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}
.header .inner .menu ul {
	font-size: 0;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.header .inner .menu ul li {
	font-size: .8125rem;
	display: inline-block;
	padding-top: 30px
}
.header .inner .menu ul li a {
	color: #fff;
	text-decoration: none
}
.header .inner .menu ul li>a {
	text-transform: uppercase;
	padding: 10px 13px 34px
}
.header .inner .menu ul li>a:hover {
	background-color: #bd9e56
}
.header .inner .menu ul li.sub>a {
	padding: 10px 26px 38px 13px;
	background-image: url(../images/menu-arrow-down.png);
	background-repeat: no-repeat;
	background-position: right 5px top 15px
}
.header .inner .menu ul li.sub>a:hover, .header .inner .menu ul li:hover.sub>a {
	background-image: url(../images/menu-arrow-up.png)
}
.header .inner .menu ul li:hover.sub>a {
	color: #fff;
	background-color: #bd9e56
}
.header .inner .menu ul li.facebook {
	margin-left: 10px
}
.header .inner .menu ul li.facebook>a {
	background: url(../images/icon-fb-dark.png) no-repeat;
	padding: 10px 20px
}
.header .inner .menu ul li.facebook>a span {
	display: none
}
.header .inner .menu ul li.facebook>a:hover {
	background: url(../images/icon-fb-hover.png) no-repeat
}
.header .inner .menu ul li div.navi {
	position: absolute;
	z-index: 30;
	background: rgba(46,48,51,.975);
	margin-top: 36px;
	border-top: 5px solid #bd9e56;
	max-height: 450px;
	min-height: 450px;
	width: auto;
	display: none;
/* 	padding: 20px; */
}

.header .inner .menu ul li div.navi.nav-100 {
	width: 100%;
	left: 0;
}
.header .inner .menu ul li div.navi>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
/* 	padding: 20px */
	position: relative;
}
.header .inner .menu ul li div.navi>div strong {
	font-size: 1.25rem;
	color: #fff;
	display: block;
	background: url(../images/profine_circle_yellow.svg) no-repeat;
	background-size:22px;
	padding-left: 30px;
	margin-bottom: 10px;
}
.header .inner .menu ul li div.navi>div ul {
	margin-bottom: 10px;
}
.header .inner .menu ul li div.navi>div ul li {
	padding: 0;
	display: block
}
.header .inner .menu ul li div.navi>div ul li>div {
	font-size: .625rem;
	color: #999;
	text-transform: uppercase;
	padding: 4px 0
}
.header .inner .menu ul li div.navi>div ul li>a {
	padding: 4px 0;
	display: block;
	background-image: none;
}
.header .inner .menu ul li div.navi>div ul li>a:hover {
	background-color: transparent;
	text-decoration: underline;
}
.header .inner .menu ul li div.navi.dogs {
	width: 767px
}
/* .header .inner .menu ul li div.navi.cats {
	width: 634px
} */
.header .inner .menu ul li div.navi.cats>div strong {
	background: url(../images/profine_circle_purple.svg) no-repeat
}
.header .inner .menu ul.submenu {
	position: relative;
	margin-left: 20px
}
.header .inner .menu ul.submenu li {
	padding-top: 19px
}
.header .inner .menu ul.submenu li strong {
	color: #fff;
	display: block;
	width: 35px;
	border: 1px solid #5c6066;
	padding: 10px;
	background-image: url(../images/menu-arrow-down.png);
	background-repeat: no-repeat;
	background-position: right 8px top 13px
}
.header .inner .menu ul.submenu li ul {
	display: none;
	position: absolute;
	z-index: 30;
	width: 57px;
	background: rgba(0,0,0,.9);
	border: 1px solid #5c6066;
	box-sizing: border-box
}
.header .inner .menu ul.submenu li ul li {
	display: block;
	padding: 0
}
.header .inner .menu ul.submenu li ul li a {
	padding: 8px 10px;
	display: block;
	text-transform: none
}
.header .inner .menu ul.submenu li:hover strong {
	background-image: url(../images/menu-arrow-up.png)
}
.header .inner .menu ul.submenu li:hover ul {
	display: block
}
.cats .header {
	background-color: #fff
}
.cats .header .inner .logo {
	background: url(../images/profine_logo_purple.svg) 0 center no-repeat
}
.cats .header .inner .menu ul li a {
	color: #666
}
.cats .header .inner .menu ul li a:hover, .cats .header .inner .menu ul li ul li a {
	color: #fff
}
.cats .header .inner .menu ul li.facebook>a {
	background: url(../images/icon-fb-light.png) no-repeat
}
.cats .header .inner .menu ul li.facebook>a:hover {
	background: url(../images/icon-fb-hover.png) no-repeat
}
.cats .header .inner .menu ul.submenu li strong {
	color: #333;
	border: 1px solid #ccc;
	background-color: #e6e6e6;
	background-image: url(../images/menu-arrow-down.png);
	background-repeat: no-repeat;
	background-position: right 8px top 13px
}
.cats .header .inner .menu ul.submenu li ul {
	background: rgba(230,230,230,.9);
	border: 1px solid #ccc
}
.cats .header .inner .menu ul.submenu li ul li a {
	color: #333
}
.cats .header .inner .menu ul.submenu li ul li a:hover {
	color: #fff
}
.cats .header .inner .menu ul.submenu li:hover strong {
	background-image: url(../images/menu-arrow-up-dark.png)
}
}
@media only screen and (min-width:760px) {
	.header .inner .menu ul li:hover.sub div.navi {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
	.header .inner .menu ul li.sub div.navi > div > ul > li:hover > ul {
		display: initial;
	}

.header .inner .menu ul li div.navi>div>ul {
	width: 25%;
}
.header .inner .menu ul li div.navi>div>ul>li {
	padding: 20px 20px 10px 20px;
}
.header .inner .menu ul li div.navi>div>ul>li:hover {
	background-color: rgba(0,0,0,.8);
}
.header .inner .menu ul li div.navi > div > ul > li > ul {
	position: absolute;
	width: 75%;	
	height: 100%;	
	left: 25%;	
	top: 0;	
	padding: 20px;
	margin: 0;
	background-color: rgba(0,0,0,.8);	
	display: none;
	box-sizing: border-box;
}
/* .header .inner .menu ul li div.navi>div ul.granule {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
} */
.header .inner .menu ul li div.navi>div ul.granule > li {
	width: 33%;
}
.header .inner .menu ul li div.navi>div ul.granule li ul {
	position: static;
	display: block;
	height: auto;
	padding: 0;
}
	.header .inner .menu ul li.sub div.navi > div > ul > li:hover > ul.granule {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
@media only screen and (max-width:1195px) {
.header .inner, .header .inner .menu {
	display: block
}
.header {
	height: auto;
	padding-bottom: 36px
}
.header .inner .logo {
	margin-left: 15px
}
.header .inner .menu ul li {
	padding-top: 10px
}
.header .inner .menu ul li div.navi {
	left: 0
}
.header .inner .menu ul li div.navi.cats, .header .inner .menu ul li div.navi.dogs {
	width: 100%
}
.header .inner .menu ul.submenu {
	position: absolute;
	right: 10px;
	top: 10px
}
}
@media only screen and (max-width:760px) {
.header {
	padding-bottom: 10px
}
.header .menu-toggle {
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../images/menu-toggle.png);
	margin-bottom: 2px
}
.header .menu-toggle.open {
	background-image: url(../images/menu-toggle-close.png)
}
.header .inner .logo {
	margin: 0 auto
}
.header .inner .menu ul.nav {
	max-height: 0;
	padding: 0;
	opacity: 0;
	overflow: hidden
}
.header .inner .menu ul.submenu {
	top: 75px
}
.header .inner .menu ul.submenu li strong {
	width: 100px
}
.header .inner .menu ul.submenu li ul {
	right: 0
}
.header .inner .menu.open ul.nav {
	opacity: 1;
	position: relative;
	max-height: 3750px;
	-webkit-transition: max-height .5s ease-in, opacity .5s ease-in;
	-moz-transition: max-height .5s ease-in, opacity .5s ease-in;
	transition: max-height .5s ease-in, opacity .5s ease-in
}
.header .inner .menu.open ul.nav>li {
	border-top: 1px solid #5c6066
}
.header .inner .menu.open ul.nav li {
	display: block;
	padding-top: 0
}
.header .inner .menu.open ul.nav li.sub>a {
	background-position: right 15px top 25px
}
.header .inner .menu.open ul.nav li>a {
	font-size: 1rem
}
.header .inner .menu.open ul.nav li a {
	display: block;
	padding: 20px 15px
}
.header .inner .menu.open ul.nav li .navi {
	display: block;
	position: relative;
	max-height: 2450px;
	min-height: 250px;
	margin-top: 0
}
.header .inner .menu.open ul.nav li .navi>div {
	padding-bottom: 5px
}
.header .inner .menu.open ul.nav li .navi ul li a {
	padding: 10px 0
}
}
@media only screen {
.main h1 {
	font-size: 2.25rem;
	font-weight: 600
}
.main h2 {
	font-size: 1.625rem;
	font-weight: 200
}
.main h3 {
	font-size: 1rem
}
.main p {
	line-height: 1.375rem
}
.main .carousel {
	position: relative;
	background-color: #191c1f;
	border-bottom: 15px solid #2e3033
}
.main .breadcrumb, .main .list h2 {
	border-bottom: 1px solid #e6e6e6
}
.main .carousel .inner {
	height: 455px;
	max-width: 100%
}
.main .button.arrow:after, .main .title-kontakt:before {
	content: '';
	top: 0;
	height: 100%
}
.main .carousel .bxslider {
	margin: 0 auto
}
.main .carousel .bxslider li>div {
	color: #fff;
	margin: 20px auto 0;
	padding: 20px 20px 20px 60px;
	box-sizing: border-box;
	position: relative;
	max-width: 1195px
}
.main .carousel .bxslider li>div strong {
	font-size: 3rem;
	display: block;
	max-width: 455px
}
.main .carousel .bxslider li>div p {
	display: block;
	max-width: 455px;
	font-size: 1.25rem;
	font-weight: 200;
	line-height: 1.625rem;
	margin-bottom: 35px
}
.main .carousel .bxslider li>div a {
	font-size: 1.25rem;
	z-index: 40
}
.main .home .inner {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 120px 0 100px
}
.main .home .inner>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.main .home .inner>div:nth-child(2) {
	text-align: right
}
.main .title {
	background: url(../images/bg-section-dogs.jpg) center center no-repeat #020202
}
.main .title .inner {
	display: block;
	text-align: center;
	padding: 47px 0
}
.main .title .inner strong {
	display: inline-block;
	font-size: 3rem;
	color: #fff;
	text-transform: uppercase;
	padding-left: 60px;
	background: url(../images/profine_circle_yellow.svg) 0 5px no-repeat;
	background-size: 80% 80%
}
.main .title-kontakt {
	position: relative;
	background: #4e2607
}
.main .title-kontakt .inner {
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 47px 0;
	background: url(../images/bg-section-contact.jpg) center center no-repeat
}
.main .title-kontakt .inner strong {
	display: inline-block;
	font-size: 3rem;
	color: #000;
	text-transform: uppercase
}
.main .title-kontakt:before {
	position: absolute;
	display: block;
	width: 50%;
	right: 0;
	background: #c36e00
}
.main .kontakt .inner {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 20px 0
}
.main .kontakt .inner address {
	font-style: normal
}
.main .kontakt .inner address strong {
	font-size: 1.5rem;
	color: #bd9e56;
	margin-bottom: 5px;
	display: inline-block
}
.main .kontakt .inner>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.main .breadcrumb .inner {
	display: block;
	font-size: .75rem;
	text-transform: uppercase;
	padding: 20px 0;
	background: url(../images/breadcrumb-logo-dogs.png) 0 center no-repeat
}
.main .breadcrumb .inner strong {
	display: block;
	padding-left: 100px
}
.main .breadcrumb .inner strong a {
	color: #bd9e56
}
.main .button {
	color: #fff;
	font-weight: 200;
	text-decoration: none;
	background-color: #bd9e56;
	padding: 13px 20px;
	letter-spacing: 1px;
	display: inline-block;
	box-sizing: border-box;
	position: relative
}
.main .button.arrow {
	padding-right: 50px
}
.main .button.arrow:after {
	position: absolute;
	right: 20px;
	width: 13px;
	display: block;
	background: url(../images/icon-arrow-right-button-white.png) center center no-repeat
}

.main .bxslider .button {
	background-color: transparent;
	border: 1px solid #bd9e56;
}
.main .bxslider .button.arrow:after {
	background: url(../images/icon-arrow-right-button-brown.png) center center no-repeat
}
.main .bxslider .button.arrow:hover {
	background-color: #bd9e56;
}
.main .bxslider .button.arrow:hover:after {
	background: url(../images/icon-arrow-right-button-white.png) center center no-repeat
}

.main .list .category-items, .main .list .items {
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple
}
.main .list {
	margin-bottom: 20px
}
.main .list h1 {
	font-size: 2.25rem;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 50px;
	background: url(../images/profine_circle_yellow.svg) 0 2px no-repeat;
	background-size: 90% 90%
}
.main .list h2 {
	font-size: .75rem;
	color: #bd9e56;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: left
}
.main .list h3 {
	font-size: 1.125rem;
	text-transform: uppercase
}
.main .list .items {
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.main .list .items a {
	text-decoration: none;
	display: block;
	padding: 10px;
	width: 270px
}
.main .list .items a:hover {
	box-shadow: 0 0 5px #888
}
.main .list .items a img {
	max-width: 250px;
	width: 100%
}
.main .list .items a > span {
	font-size: .875rem;
	color: #333;
	display: inline-block;
	border: 1px solid #bd9e56;
	padding: 10px
}
.main .list .items a:hover > span {
	background-color: #bd9e56;
	color: #fff;
}
.main .list .category-items {
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px
}
.main .list .category {
	width: 100%;
}
.main .list .category.category-with-sub h2 {
	font-size: 1.5rem;
	font-weight: 500;
	color: #2e3033;
	text-align: center;
}
.main .list .subcategory {
	display: inline-block;
}
.main .list .subcategory > h3,
.main .list .category > h3 {
	font-size: .75rem;
	color: #bd9e56;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: left;
	font-weight: initial;
	line-height: 1.25rem;
}
.main .list .subcategory h3 > span,
.main .list .category h3 > span {
	text-transform: lowercase;
	color: #bd9e56;
	margin-top: 10px;
	display: block;	
	font-size: 0.75rem;
}
.main .detail h1 {
	font-size: 4rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 10px
}
.main .detail h2 {
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 12px
}
.main .detail .back {
	padding: 15px 0
}
.main .detail .back a {
	text-decoration: none
}
.main .detail .back a:before {
	content: '<';
	margin-right: 5px
}
.main .detail .item {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}
.main .detail .item>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.main .detail .item>div:nth-child(2) {
	padding-left: 35px
}
.main .detail .item .image img {
	width: 100%;
	max-width: 500px;
	height: auto;
}
.main .detail .item .image a {
	display: block;
	position: relative;
	/*border: 1px solid #e6e6e6;*/
	text-align: center
}
.main .detail .item .image a::after {
	content: '\f00e';
	font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	transform: translate(-50%,-50%);
	color: #ffffff;
	background-color: #d9d9d9;
	vertical-align: middle;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	display: none;
	opacity: 0;
	visibility: none;
	transition: all 250ms ease-in-out;
}
.main .detail .item .image a:hover::after {
	display: block;
	opacity: 1;
	visibility: visible;
}
.main .detail .item .description {
	font-size: .75rem
}
.main .detail .item .description p {
	margin-bottom: 5px
}
.main .detail .item .description p strong {
	text-transform: uppercase
}
.main .detail .item .description .descr {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.main .detail .item .description .descr>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	padding: 2px 0
}
.main .detail .advantages {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 25px
}
.main .detail .advantages>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff;
	background-color: #8077ac;
	padding: 40px 50px 40px 160px
}
.main .detail .advantages.dogs>div {
	padding: 30px 30px 30px 140px
}
.main .detail .advantages>div:nth-child(2) {
	border-left: 1px dotted #fff;
	border-right: 1px dotted #fff
}
.main .detail .advantages>div:nth-child(4) {
	border-left: 1px dotted #fff
}
.main .detail .advantages>div img {
	height: 100px;
	position: absolute;
	left: 25px;
	top: 30px
}
.main .detail .advantages.dogs>div img {
	height: 80px;
}
.main .detail .advantages>div strong {
	display: block;
	font-size: .9375rem;
	text-transform: uppercase
}
.main .detail .advantages>div p {
	font-size: .75rem;
	line-height: normal;
	margin: 5px 0
}
.main .products .list .m2, .main .products .list .m3 {
	margin-right: 4px;
	margin-left: 4px
}
.main .detail .table {
	padding: 15px 0
}
.main .detail .table table {
	font-size: .875rem;
	border-collapse: collapse;
	width: 100%
}
.main .detail .table table td {
	padding: 8px;
	border: 1px solid #e6e6e6;
	text-align: center
}
.main .detail .table table td:first-child {
	text-align: left;
	padding-left: 15px;
	background-color: #f2f2f2
}
.main .detail .table table .head td {
	font-size: 1.25rem;
	text-transform: uppercase;
	padding: 8px 15px;
	color: #fff;
	background-color: #00a3e0
}
.main .detail .table table .head td span {
	font-size: 1rem;
	float: right;
	display: inline-block;
	padding-top: 2px
}
.main .detail .table table .subhead td {
	background-color: #d9d9d9;
	font-weight: 600
}
.main .detail .table table a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase
}
.main .detail .table table a:after {
	content: '>';
	margin-left: 10px
}
.main .detail .table-products {
	padding: 15px 0
}
.main .detail .table-products table {
	font-size: .875rem;
	border-collapse: collapse;
	width: 100%
}
.main .detail .table-products table td {
	padding: 8px 12px;
	border: 1px solid #e6e6e6
}
.main .detail .table-products table td:last-child {
	padding: 0
}
.main .detail .table-products table td strong {
	font-size: 1.25rem;
	padding-left: 30px;
	background: url(../images/profine_circle_yellow.svg) 0 2px no-repeat;
	background-size: 90% 90%
}
.main .detail .table-products table td span {
	font-size: .75rem;
	color: #bd9e56;
	text-transform: uppercase
}
.main .detail .table-products table td a {
	padding: 12px;
	text-decoration: none;
	display: block
}
.main .detail .table-products table td a:hover {
	color: #fff;
	background-color: #bd9e56
}
.main .detail .table-products table td a.active {
	color: #999;
	background-color: #e6e6e6
}
.main .cDogC001 h1 {
	color: #3e96d5
}
.main .cDogC001.cell-feed {
	background-color: #3e96d5
}
.main .cDogC002 h1 {
	color: #9cb8d0
}
.main .cDogC002.cell-feed {
	background-color: #9cb8d0
}
.main .cDogC003 h1 {
	color: #ce5c57
}
.main .cDogC003.cell-feed {
	background-color: #ce5c57
}
.main .cDogC004 h1 {
	color: #fce428
}
.main .cDogC004.cell-feed {
	background-color: #fce428
}
.main .cDogC004.cell-feed a.link-feed {
	color: #333
}
.main .cDogC005 h1 {
	color: #5e9d48
}
.main .cDogC005.cell-feed {
	background-color: #5e9d48
}
.main .cDogC006 h1 {
	color: #6483c1
}
.main .cDogC006.cell-feed {
	background-color: #6483c1
}
.main .cDogC007 h1 {
	color: #edc158
}
.main .cDogC007.cell-feed {
	background-color: #edc158
}
.main .cDogC008 h1 {
	color: #86bca2
}
.main .cDogC008.cell-feed {
	background-color: #86bca2
}
.main .cDogC008.cell-feed a.link-feed {
	color: #333
}
.main .cDogC009 h1 {
	color: #b25395
}
.main .cDogC009.cell-feed {
	background-color: #b25395
}
.main .cDogC010 h1 {
	color: #b4ca61
}
.main .cDogC010.cell-feed {
	background-color: #b4ca61
}
.main .cDogC011 h1 {
	color: #d16a8d
}
.main .cDogC011.cell-feed {
	background-color: #d16a8d
}
.main .cDogC012 h1 {
	color: #d89ea3
}
.main .cDogC012.cell-feed {
	background-color: #d89ea3
}
.main .cDogC012.cell-feed a.link-feed {
	color: #333
}
.main .cDogC013 h1 {
	color: #8477b2
}
.main .cDogC013.cell-feed {
	background-color: #8477b2
}
.main .cDogC014 h1 {
	color: #ffe400;
}
.main .cDogC015 h1 {
	color: #67bea3
}
.main .cDogC016 h1 {
	color: #ec6a8f
}
.main .cDogC017 h1 {
	color: #abcb58
}
.main .cDogC024 h1 {
	color: #E1E000
}
.main .cDogC018 h1 {
	color: #e41b13
}
.main .cDogC019 h1 {
	color: #a1317b
}
.main .cDogC020 h1 {
	color: #49729e
}
.main .cDogC021 h1 {
	color: #3e8d3a
}
.main .cDogC022 h1 {
	color: #ab7537
}
.main .cDogC023 h1 {
	color: #cd5f44
}
.main .cCatC001 h1 {
	color: #87ae39
}
.main .cCatC001.cell-feed {
	background-color: #87ae39
}
.main .cCatC002 h1 {
	color: #ae2a82
}
.main .cCatC002.cell-feed {
	background-color: #ae2a82
}
.main .cCatC003 h1 {
	color: #829fcb
}
.main .cCatC003.cell-feed {
	background-color: #829fcb
}
.main .cCatC004 h1 {
	color: #7d78a9
}
.main .cCatC004.cell-feed {
	background-color: #7d78a9
}
.main .cCatC005 h1 {
	color: #b379ab
}
.main .cCatC005.cell-feed {
	background-color: #b379ab
}
.main .cCatC006 h1 {
	color: #e1b417
}
.main .cCatC006.cell-feed {
	background-color: #e1b417
}


.main .salmonChicory h1 {
	color: #01868f
}
.main .salmonChicory.cell-feed {
	background-color: #01868f
}
.main .lambRosemary h1 {
	color: #e6631b
}
.main .lambRosemary.cell-feed {
	background-color: #e6631b
}
.main .sardines h1 {
	color: #efa100
}
.main .sardines.cell-feed {
	background-color: #efa100
}
.main .duckReishi h1 {
	color: #ea8269
}
.main .duckReishi.cell-feed {
	background-color: #ea8269
}
.main .salmonMint h1 {
	color: #74ae3a
}
.main .salmonMint.cell-feed {
	background-color: #74ae3a
}
.main .beefCollagen h1 {
	color: #2559a1
}
.main .beefCollagen.cell-feed {
	background-color: #2559a1
}
.main .duckMoringa h1 {
	color: #dc463c
}
.main .duckMoringa.cell-feed {
	background-color: #dc463c
}
.main .duckAcerola h1 {
	color: #e87a84
}
.main .duckAcerola.cell-feed {
	background-color: #e87a84
}
.main .mackerelRaspberries h1 {
	color: #d70062
}
.main .mackerelRaspberries.cell-feed {
	background-color: #d70062
}

.main .cCatC007 h1 {
	color: #f4a100
}
.main .cCatC008 h1 {
	color: #cd414f
}
.main .cCatC009 h1 {
	color: #009ee3
}
.main .cCatC010 h1 {
	color: #75af26
}
.main .cCatC011 h1 {
	color: #df73aa
}
.main .cCatC012 h1 {
	color: #a74574
}
.main .cCatC013 h1 {
	color: #74a0ce
}
.main .cCatC014 h1 {
	color: #008b9c
}
.main .cCatC015 h1 {
	color: #a74574
}
.main .cRodentC001 h1 {
	color: #007a53
}
.main .cRodentC002 h1 {
	color: #0d6b4d
}

.main .cRodentC003 h1 {
	color: #36573b
}

.main .cRodentC004 h1 {
	color: #84344e
}

.main .cRodentC005 h1 {
	color: #893B67
}

.main .cRodentC006 h1 {
	color: #5b6770
}

.main .cRodentC007 h1 {
	color: #7C3A2D
}




.main .products {
	background-color: #f2f2f2
}
.main .products .list {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}
.main .products .list>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	text-align: center;
	overflow: hidden
}
.main .products .list>div a {
	display: block;
	padding-top: 20px;
	text-decoration: none
}
.main .products .list>div a img {
	position: relative;
	margin-bottom: 15px;
	max-width: 270px;
	width: 100%;
	z-index: 5
}
.main .products .list>div a span {
	display: block;
	position: relative;
	text-transform: uppercase;
	padding: 20px 30px;
	text-align: left;
	z-index: 5
}
.main .products .list>div a span:after {
	position: absolute;
	content: '';
	right: 20px;
	top: 18px;
	display: block;
	width: 15px;
	height: 24px;
	background: url(../images/icon-arrow-right-white.png) center center no-repeat
}
.main .products .list>div a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.main .products .list>div a:hover:after {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.main .products .list .m1 {
	margin-right: 4px
}
.main .products .list .m1 span {
	color: #fff;
	background-color: #1e191b
}
.main .products .list .m1 a:after {
	background-color: #1e191b
}
.main .products .list .m2 a:after, .main .products .list .m2 span {
	background-color: #e6e6e6
}
.main .products .list .m3 a:after, .main .products .list .m3 span {
	background-color: #b3b3b3
}
.main .products .list .m4 {
	margin-left: 4px
}
.main .products .list .m4 a:after, .main .products .list .m4 span {
	background-color: #bd9e56
}
.cats .main .carousel {
	background-color: #dedede
}
.cats .main .carousel .bxslider li>div {
	color: #333
}
.cats .main .title {
	background: url(../images/bg-section-cats.jpg) center center no-repeat #f5f5f5
}
.cats .main .title .inner strong {
	color: #333;
	background: url(../images/profine_circle_purple.svg) 0 5px no-repeat;
	background-size: 80% 80%
}
.cats .main .breadcrumb .inner {
	background: url(../images/breadcrumb-logo-cats.png) 0 center no-repeat
}
.cats .main .list h1 {
	background: url(../images/profine_circle_purple.svg) 0 2px no-repeat;
	background-size: 90% 90%
}
.cats .main .table table .head td {
	background-color: #8077ac
}
.cats .main .table-products table td strong {
	background: url(../images/profine_circle_purple.svg) 0 2px no-repeat;
	background-size: 90% 90%
}
}
@media only screen and (max-width:1195px) {
.main .home .inner {
	padding: 40px 20px
}
.main .kontakt .inner {
	display: block;
	text-align: center
}
.main .kontakt .inner>div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.main .kontakt .inner>div img {
	max-width: 780px;
	width: 100%
}
.main .breadcrumb .inner {
	padding: 20px;
	background-position: 20px center
}
.main .list {
	padding: 0 10px
}
.main .products .list>div a span {
	font-size: .875rem;
	padding: 20px 15px
}
.main .products .list>div a span:after {
	top: 15px;
	right: 15px
}
.main .detail .advantages {
	display: block
}
.main .detail .advantages>div:nth-child(2) {
	border-left: none;
	border-right: none;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff
}
.main .detail .advantages>div:nth-child(4) {
	border-left: none;
	border-right: none;
	border-top: 1px dotted #fff;
}
.main .detail .advantages>div img {
	top: 15px
}
.cats .main .breadcrumb .inner {
	padding: 20px;
	background-position: 20px center
}
}
@media only screen and (min-width:760px) {
.main .carousel .bxslider li:nth-child(3)>div {
	color: #000;
}
.main .carousel .bxslider li:nth-child(3)>div .button {
	color: #000;
}
}
@media only screen and (max-width:760px) {
.main .carousel .bxslider li>div {
	background-color: rgba(0,0,0,.8);
	max-width: 100%;
	margin: 20px 50px;
	padding: 20px
}
.main .carousel .bxslider li>div strong {
	font-size: 2.375rem;
	max-width: 100%
}
.main .carousel .bxslider li>div p {
	font-size: 1.125rem;
	line-height: 1.5rem;
	max-width: 100%
}
.main .carousel .bxslider li>div a {
	font-size: 1.125rem
}
.main .home .inner {
	display: block
}
.main .home .inner>div:nth-child(2) {
	text-align: center
}
.main .home .inner>div:nth-child(2) img {
	max-width: 360px;
	width: 100%
}
.main .products {
	padding-top: 0;
	background-color: transparent
}
.main .products .list {
	display: block
}
.main .products .list>div {
	margin-bottom: 2px
}
.main .products .list>div a {
	padding-top: 0;
	overflow: hidden
}
.main .products .list>div a img {
	float: left;
	max-width: 100px;
	margin: 5px
}
.main .products .list .m2, .main .products .list .m3 {
	margin-right: 0;
	margin-left: 0
}
.main .products .list>div a span {
	font-size: 1rem;
	padding: 40px 0 40px 130px
}
.main .products .list>div a span:after {
	top: 38px;
	right: 20px
}
.main .products .list .m1 {
	margin-right: 0
}
.main .products .list .m1 a {
	color: #fff;
	background-color: #1e191b;
	display: block
}
.main .products .list .m1 span {
	background-color: transparent
}
.main .products .list .m2 a {
	background-color: #e6e6e6;
	display: block
}
.main .products .list .m2 span {
	background-color: transparent
}
.main .products .list .m3 a {
	background-color: #b3b3b3;
	display: block
}
.main .products .list .m3 span {
	background-color: transparent
}
.main .products .list .m4 {
	margin-left: 0
}
.main .products .list .m4 a {
	background-color: #bd9e56;
	display: block
}
.main .products .list .m4 span {
	background-color: transparent
}
.main .detail .item {
	display: block
}
.main .detail .item>div:nth-child(2) {
	padding-left: 0
}
.main .table, .main .table-products {
	overflow: auto
}
.main .table table, .main .table-products table {
	min-width: 800px
}
.cats .main .carousel .bxslider li>div {
	background-color: rgba(255,255,255,.8)
}
}
@media only screen and (max-width:480px) {
.main .detail .item .image, .main .list {
	margin-bottom: 20px
}
.main .carousel {
	display: none
}
.main .detail .item .description .descr, .main .list .category-items {
	display: block
}
.main .carousel .bxslider li>div strong {
	font-size: 1.75rem
}
.main .carousel .bxslider li>div a {
	font-size: 1rem
}
.main .title .inner {
	padding: 47px 0
}
.main .title .inner strong {
	font-size: 1.75rem;
	padding-left: 40px
}
.main .list h1 {
	font-size: 1.625rem;
	padding-left: 40px;
	background: url(../images/profine_circle_yellow.svg) 0 3px no-repeat;
	background-size: 25px auto
}
.main .list .items {
	display: block;
	text-align: center
}
.main .detail h1 {
	font-size: 2.5rem
}
.main .detail .item .description .descr>div {
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	flex-basis: 100%;
	-ms-flex-preferred-size: 100%
}
.cats .main .list h1 {
	background: url(../images/profine_circle_purple.svg) 0 3px no-repeat;
	background-size: 25px auto
}
}
@media only screen {
.footer .inner .createdby a, .footer .inner a {
	text-decoration: none
}
.footer {
	background: #fff;
	padding: 35px 0
}
.footer .inner {
	font-size: .875rem
}
.footer .inner a {
	color: #000
}
.footer .inner a:hover {
	color: #bd9e56
}
.footer .inner .menu ul {
	font-size: 0;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.footer .inner .menu ul li {
	font-size: .875rem;
	display: inline-block;
	margin-right: 40px
}
.footer .inner .menu ul li:last-child {
	margin-right: 0
}
.footer .inner .menu ul li.facebook a {
	position: relative;
	display: block;
	height: 10px
}
.footer .inner .menu ul li.facebook a span {
	display: none
}
.footer .inner .menu ul li.facebook a:before {
	position: absolute;
	top: -13px;
	content: '';
	background: url(../images/icon-facebook.png) no-repeat;
	display: block;
	width: 38px;
	height: 38px
}
.footer .inner .createdby {
	font-size: .75rem;
	border-top: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 15px;
	text-align: right
}
}
@media only screen and (max-width:1195px) {
.footer .inner .menu {
	padding: 0 20px
}
.footer .inner .createdby {
	padding: 15px 20px
}
}
@media only screen and (max-width:760px) {
.footer {
	padding-top: 0
}
.footer .inner .menu {
	display: none
}
.footer .inner .createdby {
	text-align: center
}
}
@media only screen {
	.bx-wrapper {
		margin: 0 auto;
		padding: 0;
		z-index: 20
	}
	.bx-wrapper img {
		max-width: 100%;
		display: block
	}
	.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
		position: absolute;
		bottom: 0;
		width: 100%
	}
	.bx-wrapper .bx-loading {
		min-height: 50px;
		background: url(../images/bx_loader.gif) center center no-repeat #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000
	}
	.bx-wrapper .bx-pager {
		text-align: center;
		font-size: .85em;
		font-family: Arial;
		font-weight: 700;
		color: #666
	}
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
		display: inline-block
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: #666;
		text-indent: -9999px;
		display: block;
		width: 10px;
		height: 15px;
		margin: 0;
		outline: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
		background: #000
	}
	.bx-wrapper .bx-prev {
		left: 10px;
		background: url(../images/controls-left.png) no-repeat
	}
	.bx-wrapper .bx-next {
		right: 10px;
		background: url(../images/controls-right.png) no-repeat
	}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -40px;
		outline: 0;
		width: 33px;
		height: 58px;
		text-indent: -9999px;
		z-index: 9999
	}
	.bx-wrapper .bx-controls-direction a.disabled {
		display: none
	}
	.bx-wrapper .bx-controls-auto {
		text-align: center
	}
	.bx-wrapper .bx-controls-auto .bx-start {
		display: block;
		text-indent: -9999px;
		width: 10px;
		height: 11px;
		outline: 0;
		background: url(../images/controls.png) -86px -11px no-repeat;
		margin: 0 3px
	}
	.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
		background-position: -86px 0
	}
	.bx-wrapper .bx-controls-auto .bx-stop {
		display: block;
		text-indent: -9999px;
		width: 9px;
		height: 11px;
		outline: 0;
		background: url(../images/controls.png) -86px -44px no-repeat;
		margin: 0 3px
	}
	.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
		background-position: -86px -33px
	}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
		text-align: left;
		width: 80%
	}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
		right: 0;
		width: 35px
	}
	.bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #666;
		background: rgba(80,80,80,.75);
		width: 100%
	}
	.bx-wrapper .bx-caption span {
		color: #fff;
		font-family: Arial;
		display: block;
		font-size: .85em;
		padding: 10px
	}
	.bx-viewport, .bx-wrapper {
		position: relative;
		width: 100%;
		height: 100%!important;
		top: 0;
		left: 0
	}
	.bx-viewport {
		z-index: 10
	}
	.bxslider, .bxslider li {
		height: 100%!important
	}
	.bxslider li {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover
	}
	.bx-wrapper .bx-viewport {
		border: none!important
	}
	.bxslider {
		list-style-type: none;
		margin: 0;
		padding: 0;
		z-index: -1
	}
	.bx-pager.bx-default-pager {
		position: relative;
		max-width: 1175px;
		margin: 0 auto;
		z-index: 20;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
	.bx-pager.bx-default-pager .bx-pager-item {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.bx-pager.bx-default-pager a.bx-pager-link {
		width: 100%;
		background-color: #4b463a;
		border-radius: 0;
		border-left: 1px solid #2e3033;
		border-right: 1px solid #2e3033
	}
	.bx-pager.bx-default-pager a.bx-pager-link.active {
		background-color: #bd9e56
	}
}

@media only screen and (max-width:1195px) {
.bx-pager.bx-default-pager {
	max-width: 95%
}
}
@media only screen and (max-width:480px) {
.bx-pager.bx-default-pager {
	max-width: 90%
}
}
ul.list, ul.list > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main .detail .item .gallery .big img {
    margin: 10px auto 12px;
}
.main .detail .item .gallery .list li {
    float: left;
    margin-right: 10px;
}
.main .detail .item .gallery .list li img {
    display: block;
}
.main .detail .item .gallery .list li a:hover img,
.main .detail .item .gallery .list li a:focus img {
    opacity: .8;
}
@media (max-width: 767px) {	
    main .gallery ul.list.clearfix > li,
    main form ul.list.clearfix:not(.order) > li {width: auto;}
    main .gallery ul.list {margin-bottom: 15px; margin-top:15px;}
	.main .detail .item .gallery .list li img {max-width: 60px;height: auto;}
	.detail-images-list li * {display: none;}
    .main .detail .item .gallery .big img {
        margin: 0 auto;
        max-height: 220px;
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .main .detail .item .gallery .big {position: relative;}
    .main .detail .item .gallery .big a {position: relative;display: block;}
    .main .detail .item .gallery .big a::before {
        content: '';
        position: absolute;
        right: 6px;
        top: 50%;
        margin-top: -7px;
        display: block;
        width: 10px;
        height: 10px;
        border: 1px solid #000;
        border-width: 1px 1px 0 0;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
				display: none;
    }
}
@media (max-width: 991px) {
    .detail + .tabs .nav-tabs li {width: 25% !important;}
    main ul.list.clearfix:not(.products):not(.order) > li {width: 100%;}
	main ul.list.colors > li { width: auto !important; }
	
	main .gallery ul.list.clearfix:not(.products):not(.order) > li {width: auto !important;}
}
@media (max-width: 1200px) {
	.detail-images-list { text-align: center; }
	.detail-images-list li { position: relative; }
	.main .detail .item .detail-images-list li * { display: none; }
	.detail-images-list li:before { display: block; content: ''; width: 10px; height: 10px; background: #666; cursor: pointer;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.detail-images-list li.active:not(:only-child):before { background: #FF0000; }
	.detail-images-list li:only-child:before { background: none; }
	
	.detail .gallery .list li { float: none; display: inline-block; margin: 0 5px; }

	.detail-images-holder {  overflow-x: scroll; width: 100%; text-align: center; margin-bottom: 10px; }
	.detail-images-holder::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	
	.detail-images-holder::-webkit-scrollbar:vertical {
		width: 12px;
	}
	
	.detail-images-holder::-webkit-scrollbar:horizontal {
		height: 12px;
	}
	
	.detail-images-holder::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, .5);
		border-radius: 10px;
		border: 2px solid #ffffff;
	}
	
	.detail-images-holder::-webkit-scrollbar-track {
		border-radius: 10px;  
		background-color: #ffffff; 
	}
		
	.detail-images-holder > .detail-images-list { white-space: nowrap; display: inline-block; position: relative; }
	#swipe-element { display: block; position: absolute; width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; }
}

.main .detail .item .image .fancybox-video {
	position: relative;
}
.main .detail .item .image .fancybox-video:hover::after {
	content: '\f04b';
}
.main .detail .item .image .fancybox-video img {
	max-width: 135px;
}

 .main .cCatC016 h1 {
	 color: #64A70B
 }

	.main .cCatC017 h1 {
		color: #DE7C00
	}

	.main .cCatC018 h1 {
		color: #EAAA00
	}

	.main .cCatC019 h1 {
		color: #C7579A
	}

	.main .cCatC020 h1 {
		color: #326295
	}

	.main .cCatC021 h1 {
		color: #B83A4B
	}

.wysiwyg article {
	max-width: 760px !important;
	padding-top: 30px;
}

.wysiwyg .back {
	display: none;
}

.wysiwyg .item .image {
	display: none;
}

.wysiwyg .item .description {
	padding-left: 0 !important;
}

.wysiwyg h1 {
	font-size: 2.25rem !important;
	font-weight: 600 !important;
}

.wysiwyg h2 {
	font-size: 1.5rem !important;
	font-weight: 500 !important;
}

.wysiwyg h3 {
	font-size: 1.125rem !important;
	text-transform: uppercase !important;
}

.wysiwyg ol li:not(:last-of-type),
.wysiwyg ul li:not(:last-of-type) {
	margin-bottom: 16px;
}

.wysiwyg img {
	margin-top: 16px;
	margin-bottom: 16px;
}

.contact {
	padding-top: 120px;
	padding-bottom: 100px;
}

.contact * {
	box-sizing: border-box;
}

.contact h2 {
	font-size: 2.25rem;
	font-weight: 600;
}

.contact address {
	font-style: normal;
}

.contact .row {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.contact .row {
		flex-direction: row;
	}
}

.contact__offices {
	display: flex;
	flex-direction: column;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #e6e6e6;
	list-style-type: none;
	width: 100%;
	max-height: 20em;
	overflow-y: auto;
}

@media only screen and (min-width: 768px) {
	.contact__offices {
		max-height: 648px;
		max-width: 350px;
	}
}

@media only screen and (min-width: 1100px) {
	.contact__offices {
		max-width: 400px;
	}
}

.contact__officeBox {
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 14px;
	cursor: pointer;
	transition: all .4s ease;
}

.contact__officeBox:hover {
	background-color: #dadada;
}

.contact__officeBox a {
	text-decoration: none;
	transition: color .4s ease;
}

.contact__officeBox a:hover {
	color:#bd9e56;
}

.contact__officeBox:not(:last-of-type) {
	border-bottom: 1px solid #b3b3b3;
}

.contact__officeBox__name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}

.contact__officeBox__address,
.contact__officeBox__email {
	margin-bottom: 6px;
}

.contact__mapWrap {
	width: 100%;
	margin-top: 50px;
}

@media only screen and (min-width: 768px) {
	.contact__mapWrap {
		margin-top: 0;
		margin-left: 20px;
	}
}

@media only screen and (min-width: 1100px) {
	.contact__mapWrap {
		margin-left: 50px;
	}
}

.contact__mapWrap__search {
	width: 100%;
	background-color: #e6e6e6;
	padding: 20px;
}

.contact__mapWrap__search input {
	width: 100%;
	border: none;
	padding: 10px 15px;
}

.contact__mapWrap__search input:focus,
.contact__mapWrap__search input:focus-within,
.contact__mapWrap__search input:focus-visible {
	outline: none;
	border: none;
	box-shadow: none;
}

#map {
  height: 570px;
  width: 100%;
}

.d-flex {
	display: flex !important;
	align-items: center;
}