html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

ul {
	list-style: none;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

@charset "UTF-8";
body.fancybox-active {
	overflow: hidden
}

body.fancybox-iosfix {
	position: fixed;
	left: 0;
	right: 0
}

.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility 0s linear .25s;
	box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
	top: 0;
	left: 0;
	font-size: 13px;
	padding: 0 10px;
	height: 44px;
	min-width: 44px;
	line-height: 44px;
	color: #ccc;
	text-align: center;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	mix-blend-mode: exclusion
}

.fancybox-toolbar {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0
}

.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
	overflow: visible
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block;
}

.fancybox-slide--image {
	overflow: visible;
}

.fancybox-slide--image:before {
	display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
	background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
	background: #5b8376;
}

.fancybox-slide--next {
	z-index: 99995;
}
.sort-link{
	color: #000;
	margin: 0 10px;
}
.sort-link:hover{
	text-decoration: underline;
}
.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box;
}

.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title {
	display: none;
}

.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}

.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}

.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}

.fancybox-error,
.fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}

.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 20px
}

.fancybox-button {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: rgba(30, 30, 30, .6);
	transition: color .3s ease;
	cursor: pointer;
	outline: none
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
	color: #fff
}

.fancybox-button[disabled] {
	color: #ccc;
	cursor: default;
	opacity: .6
}

.fancybox-button svg {
	display: block;
	position: relative;
	overflow: visible;
	shape-rendering: geometricPrecision
}

.fancybox-button svg path {
	fill: currentColor;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}

.fancybox-button--share svg path {
	stroke-width: 1
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
	display: none
}

.fancybox-button--zoom svg path {
	fill: transparent
}

.fancybox-navigation {
	display: none
}

.fancybox-show-nav .fancybox-navigation {
	display: block
}
.swiper-wrapper{
	height: 500px;
	padding-bottom: 35px;
	align-items: center;
}
@media screen and (max-width: 375px){
	.swiper-wrapper{
		height: 300px;
	}
	#page__card .gallery{
		padding: 20px 5px;
	}
} 
.swiper-pagination-bullet-active{
	background-color: #fddc00;
}
#page__card .gallery img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.fancybox-navigation button {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	z-index: 99997;
	background: transparent;
	width: 60px;
	height: 100px;
	padding: 17px
}

.fancybox-navigation button:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
	right: 0
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	z-index: 10;
	cursor: pointer
}

.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background-color: transparent;
	transition: background-color .25s;
	box-sizing: border-box;
	z-index: 2
}

.fancybox-close-small:focus {
	outline: none
}

.fancybox-close-small:focus:after {
	outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
	top: 0;
	right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
	font-size: 35px;
	color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
	color: #fff;
	background: transparent
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display: none
}

.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 2vw 0;
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
	pointer-events: none
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0, 0%, 100%, .4);
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
	pointer-events: all;
	position: relative
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
	border: 6px solid hsla(0, 0%, 39%, .4);
	border-top: 6px solid hsla(0, 0%, 100%, .6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999
}

@-webkit-keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes a {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	-webkit-transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}

.fancybox-share {
	padding: 30px;
	border-radius: 3px;
	background: #f4f4f4;
	max-width: 90%
}

.fancybox-share h1 {
	color: #222;
	margin: 0 0 20px;
	font-size: 33px;
	font-weight: 700;
	text-align: center
}

.fancybox-share p {
	margin: 0;
	padding: 0;
	text-align: center
}

.fancybox-share p:first-of-type {
	margin-right: -10px
}

.fancybox-share_button {
	display: inline-block;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 10px 20px;
	border: 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
	background: #fff;
	white-space: nowrap;
	font-size: 16px;
	line-height: 23px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 140px;
	color: #707070;
	transition: all .2s
}

.fancybox-share_button:focus,
.fancybox-share_button:hover {
	text-decoration: none;
	color: #333;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

.fancybox-share_button svg {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom
}

.fancybox-share input {
	box-sizing: border-box;
	width: 100%;
	margin: 5px 0 0;
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background: #ebebeb;
	color: #5d5b5b;
	font-size: 14px;
	outline: none
}

.fancybox-thumbs {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 212px;
	margin: 0;
	padding: 2px 2px 4px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	box-sizing: border-box;
	z-index: 99995
}

.fancybox-thumbs-x {
	overflow-y: hidden;
	overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px
}

.fancybox-thumbs>ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
	white-space: nowrap
}

.fancybox-thumbs-x>ul {
	overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
	width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs>ul>li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 2px;
	width: 100px;
	height: 75px;
	max-width: calc(50% - 4px);
	max-height: calc(100% - 8px);
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box
}

li.fancybox-thumbs-loading {
	background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-thumbs>ul>li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 4px solid #4ea7f9;
	z-index: 99991;
	opacity: 0;
	transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
	opacity: 1
}

@media (max-width:800px) {
	.fancybox-thumbs {
		width: 110px
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 110px
	}
	.fancybox-thumbs>ul>li {
		max-width: calc(100% - 10px)
	}
}

html {
	overflow-x: hidden;
}

body {
	font-family: 'Montserrat', sans-serif;
	background: #fff8ec;
	font-size: 16px;
	color: #1f1f1f;
	min-width: 320px;
	overflow-x: hidden;
	line-height: 1.4;
	display: flex;
    flex-direction: column;
    height: 100vh;
}

.inner {
	width: 1140px;
	margin: 0 auto;
	box-sizing: border-box;
}

header {
	background: #5b8376;
	position: relative;
	padding: 10px 0;
	height: 110px;
	box-sizing: border-box;
}

header .flex {
	align-items: center;
}

header .logo img {
	width: 100px;
}

header nav {
	position: relative;
}

header nav .pull {
	display: none;
}

header nav li {
	float: left;
	margin-right: 30px;
}

header nav li:last-child {
	margin-right: 0;
}

header nav li a {
	color: #ffffff;
	font-weight: 500;
	border-bottom: 1px solid transparent
}

header nav li a:hover {
	border-color: #ffffff;
}
header .soc-block{
	display: flex;
	margin-bottom: 10px;
	justify-content: center;
}
header .instagram {
	position: relative;
}

header .instagram a {
	display: block;
	/*padding: 10px 0 10px 40px;*/
	color: #000;
	text-transform: uppercase;
	background: url("../img/instagram.svg") 0 50% no-repeat;
	background-size: contain;
	font-size: 13px;
	font-weight: 500;
	width: 30px;
    height: 30px;
}
header .vkontakte a {
	display: block;
	/*padding: 10px 0 10px 40px;*/
	color: #000;
	text-transform: uppercase;
	background: url("../img/vkontakte.svg") 0 50% no-repeat;
	background-size: contain;
	font-size: 13px;
	font-weight: 500;
	width: 30px;
    height: 30px;
    margin-right: 10px;
}

header .instagram a:hover, header .vkontakte a:hover  {
	opacity: 0.5;
}

#promo__main {
	position: relative;
	box-sizing: border-box;
}

#promo__main .flex {
	height: calc(100vh - 190px);
}

#promo__main .item {
	width: calc(100%/3);
	position: relative;
	text-align: center;
}

#promo__main .item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	content: '';
	transition: all 0.25s ease-out;
}

#promo__main .item:hover:after {
	background: rgba(0, 0, 0, 0.5);
}

#promo__main .item a {
	align-items: center;
	justify-content: space-around;
	text-transform: uppercase;
	color: #fff;
	font-size: 52px;
	position: relative;
	z-index: 2;
}

#promo__main .item.item__salon {
	background: url("../img/bg_salon.jpg") 50% 50% no-repeat;
	background-size: cover;
}

#promo__main .item.item__shop {
	background: url("../img/bg_shop.jpg") 50% 50% no-repeat;
	background-size: cover;
}

#promo__main .item.item__team {
	background: url("../img/bg_team.jpg") 50% 50% no-repeat;
	background-size: cover;
}

#breadcrumbs {
	padding: 22px 0 20px;
	color: #384941;
	font-weight: 300px;
	font-size: 14px;
}

#breadcrumbs li {
	float: left;
}

#breadcrumbs li a,
#breadcrumbs li span {
	color: #9c9c9c;
}

#page__delivery {
	padding: 0 0 150px;
}

.list__delivery {
	margin-bottom: 50px;
}

.list__delivery .flex {
	align-items: center;
}

.list__delivery .item {
	margin-bottom: 30px;
}

.list__delivery .image {
	width: 110px;
	height: 110px;
	align-items: center;
	justify-content: space-around;
	border-radius: 50%;
	background: #e8e8e8;
}

.list__delivery .image img {
	max-width: 60%;
}

.list__delivery .data {
	width: calc(100% - 140px);
}

.list__delivery h2 {
	font-weight: 500;
	font-size: 20px;
}

.list__delivery p {
	font-weight: 200;
	font-size: 18px;
	color: #656565;
	margin-top: 10px;
}

#page__card {
	padding: 0 0 90px;
}

#page__card .flex {
	position: relative;
}

#page__card .gallery {
	width: 480px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	text-align: center;
	align-items: center;
	background: #fff;
	border: 1px solid #dddddd;
	position: relative;
	height: fit-content;
    padding: 40px 5px;
}

#page__card .gallery a {
	display: block;
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#page__card .gallery .swiper-container {
	width: 100%;
	overflow: hidden;
}
#page__card .data {
	width: calc(100% - 530px);
	box-sizing: border-box;
}

#page__card .data .category {
	text-transform: uppercase;
	font-weight: 200;
	font-size: 20px;
	color: #999999;
}

#page__card .data .price {
	font-size: 26px;
	color: #000;
}

#page__card .data .btn {
	background: #5b8376;
	color: white;
}

#page__card .data .btn:hover {
	border: 1px solid #5b8376;
	background: #ffffff;
	color: #5b8376;
}

.data .btn-write:after {
	transition: all 0.5s ease;
	border-left: 1px solid #5b8376;
}

.data .btn-write:hover:after {
	border-left: 1px solid #5b8376;
	transition: all 0.5s ease;
}

#page__card .data .count.flex {
	justify-content: flex-start;
	padding: 37px 0;
}

#page__card .data .count a {
	display: block;
	box-sizing: border-box;
	line-height: 38px;
	text-align: center;
	width: 40px;
	font-size: 30px;
	font-weight: 200;
	height: 40px;
	border: 1px solid #cdcdcd;
	color: #cdcdcd;
}

#page__card .data .count a:hover {
	color: #fff;
    border-color: #5b8376;
    background: #5b8376;
}

#page__card .data .count input {
	height: 40px;
	width: 60px;
	color: #2e2e2e;
	font-size: 16px;
	text-align: center;
	border: none;
	background: transparent;
}

#page__card .data .tabs {
	padding: 65px 0 0;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #dddddd;
}

#page__card .data .tabs li {
	float: left;
	text-transform: uppercase;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	position: relative;
	top: 1px;
	font-weight: 300;
	color: #999;
	padding-bottom: 5px;
	margin-right: 70px;
}

#page__card .data .tabs li:last-child {
	margin: 0;
}

#page__card .data .tabs li:hover,
#page__card .data .tabs li.active {
	border-color: #5b8376;
}

#page__card .data .tab {
	display: none;
	font-size: 14px;
	color: #656565;
	font-weight: 300;
	padding: 15px 0 0;
	line-height: 1.5;
}

#page__card .data .tab.tab1 {
	display: block;
}

#catalog {
	padding: 0 0 150px;
}

.list__catalog {
	position: relative;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.list__catalog .item {
	width: 25%;
	box-sizing: border-box;
	background: #fff;
	padding: 30px;
	border: 1px solid #e8e8e8;
	position: relative;
	transition: all 0.25s ease-out;
	border-right: none;
	border-bottom: none;
	z-index: 200
}

.list__catalog .item:hover {
	box-shadow: 0px 0px 14px 0px rgba(188, 188, 188, 0.5);
	z-index: 201
}

.list__catalog .item .image {
	height: 190px;
	width: 100%;
	display: flex;
	justify-content: space-around;
	text-align: center;
	align-items: center;
}

.list__catalog .item .image img {
	max-height: 90%;
	width: auto;
	max-width: 100%;
}

.list__catalog .item .category {
	font-size: 14px;
	color: #999999;
	font-weight: 300;
}

.list__catalog .item .title {
	font-size: 17px;
	font-family: 'Forum', cursive;
	padding: 7px 0 10px;
}

.list__catalog .item .price {
	font-size: 16px;
	color: #000;
}

.list__catalog .item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#catalog__main {
	padding: 0 0 10px;
}

#catalog__main .item {
	width: 32%;
	box-sizing: border-box;
	background: #ffffff;
    text-align: center;
    border: 5px solid #5b8376;
	margin-bottom: 30px;
	position: relative;
	padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#catalog__main .item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#catalog__main .item .title {
	font-size: 36px;
	color: #1f1f1f;
	position: relative;
	font-family: 'Forum', cursive;
	line-height: 1.2;
	padding: 20px 0 25px;
}

#catalog__main .item .title:after {
	position: absolute;
	top: calc(100% - 20px);
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	background: #5b8376;
}

#catalog__main .item .note {
	font-size: 14px;
	color: #656565;
	font-weight: 300;
	padding: 0 50px;
}

#catalog__main .item .image {
	height: 210px;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-around;
	text-align: center;
}

#catalog__main .item .image img {
	max-height: 96%;
}

#page__contacts {
	padding: 0 0 150px;
}

#page__contacts .bt__note {
	max-width: 564px;
}

#page__contacts #map {
	height: 600px;
	position: relative;
}

#page__contacts #map:after {
	position: absolute;
	top: 0;
	right: -135px;
	width: 135px;
	content: '';
	background: url("../img/flowers.png") 100% 0 no-repeat;
	height: 100%;
}

#page__contacts .contacts__list.flex {
	justify-content: flex-start;
	margin-bottom: 55px;
}

#page__contacts .contacts__list.flex a {
	display: inline-block;
	padding: 5px 45px 5px 0;
	background: url("../img/scheme.png") 100% 50% no-repeat;
	font-weight: 300;
	font-size: 18px;
	color: #1f1f1f;
	margin-right: 50px;
}

#page__contacts .contacts__list.flex a.route {
	background: url("../img/scheme.png") 100% 50% no-repeat;
}

#page__contacts .contacts__item.flex {
	justify-content: flex-start;
	margin-bottom: 55px;
}

#page__contacts .contacts__item a {
	color: #32373c;;
	font-weight: 600;
	font-size: 20px;
	margin-right: 50px;
}

#page__contacts .contacts__item a.email {
	font-weight: normal;
}

#page__about {
	position: relative;
}

#page__about .bt {
	font-size: 68px;
	max-width: 460px;
	margin: 45px 0 0 70px;
	line-height: 1;
	position: relative;
	z-index: 2;
}

#page__about .item {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	justify-content:center;
}

#page__about .item.item1 {
	padding: 0 0 40px 250px;
}

#page__about .item.image2 {
	position: absolute;
	top: 180px;
	right: 0;
}			
#page__about .item.item3 img  {
	width: auto;
    height: 310px;
}
#page__about .item .data {
	width: calc(100% - 480px);
	/* padding: 215px 0 0; */
	color: #656565;
	font-size: 16px;
	font-weight: 200;
}
#page__about .item .data h1 {
	font-family: 'dashicons';
    font-size: xx-large;
}
#page__about .item .data p {
	margin-bottom: 30px;
}

#counts {
	padding: 110px 0 150px;
	color: #384941;
	font-size: 20px;
}

#counts .flex {
	max-width: 690px;
}

#counts span {
	font-size: 65px;
	font-family: 'Forum', cursive;
	line-height: 1;
}

#counts span i {
	font-style: normal
}

#team {
	padding: 90px 0;
	text-align: center;
	color: #fff;
	background: #ffde08;
}

#team .inn {
	text-align: center;
	margin: 75px 0;
}

#team .inn img {
	margin: 0 auto;
	border-radius: 50%;
	width: 220px;
	height: 220px;
}

#team .inn .name {
	font-size: 22px;
	font-weight: 600;
	margin: 30px 0 10px;
}

#team .inn p {
	font-size: 18px;
	font-weight: 200;
}

#partners {
	padding: 150px 0;
	text-align: center;
}

#partners .bt {
	margin-bottom: 50px;
}

#partners .inn {
	width: 218px;
	background: #fff;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-around;
	border: 1px solid #e6e6e6;
	margin: 0 auto 75px;
	height: 126px;
	box-sizing: border-box;
}

#partners .slick-dots li button {
	background: #e8e8e8
}

#partners .slick-dots li.slick-active button {
	background: #ffde08
}

#atmo {
	padding: 150px 0 10px;
}

#atmo .flex {
	position: relative;
	align-items: flex-end;
}

#atmo .flex img {
	min-width: 265px;
}

#atmo .inn {
	position: relative;
	margin-bottom: 75px;
}

#atmo .data {
	max-width: 270px;
	position: absolute;
	top: 40px;
	left: 0;
}

#atmo .data p {
	font-weight: 200;
	color: #656565;
}

#atmo .slick-dots li button {
	background: #e8e8e8
}

#atmo .slick-dots li.slick-active button {
	background: #ffde08
}

#page__portfolio {
	padding: 0 0 150px;
}

#page__portfolio .item {
	position: relative;
	width: 350px;
	margin-bottom: 45px;
}

#page__portfolio .item:nth-child(2),
#page__portfolio .item:nth-child(5),
#page__portfolio .item:nth-child(8) {
	top: 115px;}

#page__portfolio .item:nth-child(8) {
    margin-top: -105px!important;
}

@media screen and (max-width: 1160px) {
	#page__portfolio .item:nth-child(8) {
		margin-top: 0px!important;
	}
}

#page__portfolio .item img {
	width: 100%;
	height: auto;
}

#page__portfolio .item .data {
	position: absolute;
	transition: all 0.25s ease-out;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #000;
	background: #5b8376;
	padding: 85px 40px 0;
	font-size: 14px;
	font-weight: 300;
	opacity: 0;
}

#page__portfolio .item:hover .data {
	opacity: 1;
}

#page__portfolio .item .data h2 {
	font-weight: normal;
	font-size: 25px;
	font-family: 'Forum', cursive;
	line-height: 1.2;
	margin-bottom: 10px;
}

#page__portfolio .item .data p {
	margin-bottom: 7px;
}

#page__portfolio .item .data .btn {
	margin-top: 40px;
	color: #000;
	border-color: #000;
}

#page__portfolio .btn-write:after {
	border-color: #000;
}

#page__portfolio .btn-write:hover {
	color: #000!important;
	background: #fff;
	border-color: #000!important;
}

#page__portfolio .btn-write:hover:after {
	border-color: #000;
}

#page__services {
	padding: 0 0 150px;
}

#page__services .filters {
	position: relative;
	padding: 0 0 35px;
	justify-content: center;
	
}

#page__services .filters a {
	display: block;
	border: 1px solid #dddddd;
	width: 19%;
	box-sizing: border-box;
	text-align: center;
	line-height: 50px;
	color: #1f1f1f;
	font-weight: 300;
	margin:0 10px
}

#page__services .filters a:hover {
	color: #496055;
	border-color: #496055;
}

#page__services .filters a.active {
	color: #496055;
	border-color: #496055;
	font-size: 18px;
	font-weight: 500;
}

#page__services .btn {
	width: 242px;
	margin-top: 20px;
	border: 1px solid #5b8376;
    color: #5b8376;
}

#page__services .btn-write:after {
	border-left: 1px solid #5b8376;	
}

#page__services .flex.prices {
	align-items: flex-start;
}

#page__services .image {
	width: 554px;
}

#page__services .image img {
	width: 100%;
}

#page__services .tth {
	width: calc(100% - 584px);
	color: #4f4f4f;
	font-size: 17px;
	max-height: 650px;
	overflow-y: auto;
}

#page__services .tth p {
	position: relative;
	padding: 0 160px 0 0;
	margin-bottom: 24px;
}

#page__services .tth p:last-child {
	margin-bottom: 0;
}

#page__services .tth p span {
	position: absolute;
	top: 0;
	right: 20px;
	color: #000;
	font-weight: 600;
	font-size: 18px;
}

#page__services .tab {
	display: none;
}

#page__services .tab.tab1 {
	display: block;
}

#promo__salon {
	background: #ffde08 url("../img/bg_promo_salon.png") calc(50% + 190px) 35px no-repeat;
	color: #fff;
	padding: 45px 0 170px;
	margin-bottom: 150px;
}

#promo__salon .flex {
	align-items: center;
}

#promo__salon .text {
	max-width: 345px;
}

#promo__salon .text p {
	color: #000;
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 25px;
	line-height: 1.6;
}

#promo__salon .btn {
	border-color: #fff;
	color: #fff;
}

#promo__salon .btn:after {
	border-color: #fff;
	background: url("../img/arrrw.png") 50% 50% no-repeat;
}

#promo__salon .image {
	width: 750px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#promo__salon .image img {
	width: 48%;
	position: relative;
}

#promo__salon .image img:last-child {
	top: 75px;
}

#about__salon {
	background: #ffde08 url("../img/bg_about_salon.jpg") 50% 0 no-repeat;
	color: #fff;
	padding: 275px 0;
}

#about__salon .text {
	max-width: 700px;
}

#about__salon p {
	max-width: 520px;
	color: #e7e7e7;
	font-size: 18px;
	font-weight: 200;
	margin-bottom: 85px;
	line-height: 1.6;
}

#about__salon ul span {
	font-size: 65px;
	font-family: 'Forum', cursive;
	line-height: 1;
}

#about__salon ul i {
	font-style: normal;
}

#about__salon ul p {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 0;
}

#proposition {
	padding: 125px 0;
	color: #fff;
	background: #ffde08;
	margin: 100px 0 0;
}

#proposition .inner {
	position: relative;
}

#proposition .bt {
	position: absolute;
	top: 22px;
	left: 0;
}

#proposition .accordion {
	position: relative;
	min-height: 410px;
}

#proposition .accordion h3:first-child {
	padding-top: 144px;
}

#proposition .accordion h3 {
	font-weight: 300;
	font-size: 18px;
	color: #e7e7e7;
	max-width: 460px;
	margin-bottom: 27px;
	cursor: pointer;
	border: none;
	background: transparent;
	padding: 0;
}

#proposition .accordion h3 span {
	display: none;
}

#proposition .accordion h3.ui-accordion-header-active {
	color: #fff;
	font-weight: 500;
}

#proposition .accordion .answer {
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	box-sizing: border-box;
	padding: 45px;
	width: calc(100% - 485px);
	color: #656565;
	line-height: 1.6;
}

#proposition .accordion .answer p {
	margin-bottom: 27px;
}

#proposition .accordion .answer .flex {
	align-items: center;
}

#proposition .accordion .answer .flex span {
	font-size: 36px;
	color: #384941;
	font-family: 'Forum', cursive;
	opacity: 0.7;
	font-style: italic;
}

#reviews {
	padding: 150px 0;
	background: url("../img/bg_reviews.png") calc(50% - 650px) 150px no-repeat;
}

#reviews .image {
	width: 458px;
	position: relative;
}

#reviews .image img {
	width: 100%;
}

#reviews .comment {
	width: calc(100% - 498px);
	box-sizing: border-box;
	padding: 70px 0 0;
}

#reviews .comment .name {
	font-size: 26px;
}

#reviews .comment .date {
	font-size: 16px;
	font-weight: 300;
	color: #959595;
	padding: 10px 0 20px;
}

#reviews .comment .reviews {
	font-size: 18px;
	color: #424242;
	overflow-y: auto;
	height: 220px;
}

#reviews .comment .reviews p {
	margin-bottom: 20px;
}

#reviews .slick-dots {
	bottom: -5px;
}

.flex__main__catalog {
	align-items: flex-start;
}

.pull__sidebar {
	display: none!important;
}

.flex__main__catalog .sidebar {
	width: 247px;
}

.flex__main__catalog .sidebar li {
	margin-bottom: 18px;
}

.flex__main__catalog .sidebar li a {
	color: #656565;
}

.flex__main__catalog .sidebar li a:hover {
	color: #1f1f1f;
}

.flex__main__catalog .sidebar li.active a span {
	color: #1f1f1f;
	font-weight: 500;
	border-bottom: 1px solid #1f1f1f;
}

.flex__main__catalog .sidebar li li a {
	font-size: 14px;
	font-weight: 300;
	color: #1f1f1f;
	border-bottom: 1px solid transparent
}

.flex__main__catalog .sidebar li ul {
	padding-left: 18px;
}

.flex__main__catalog .sidebar li li {
	margin: 8px 0 0;
}

.flex__main__catalog .sidebar li li a:hover {
	border-color: #1f1f1f;
}

.flex__main__catalog .sidebar .box {
	position: relative;
	margin-bottom: 30px;
}

.flex__main__catalog .sidebar .box__title {
	color: #384941;
	font-weight: 500;
	margin-bottom: 20px;
}

.flex__main__catalog .sidebar label {
	font-size: 14px!important;
	color: #1f1f1f!important;
	font-weight: 300!important
}

.flex__main__catalog .sidebar .list__category__items {
	height: 165px;
	overflow-y: auto;
}

.flex__main__catalog .sidebar .list__category__items .row {
	margin-bottom: 14px;
}

.flex__main__catalog .sidebar .btn {
	width: 100%;
}

.flex__main__catalog .ui-widget.ui-widget-content {
	border: none;
	border-radius: 0;
	background: #dddddd;
	height: 4px;
	position: relative;
}

.flex__main__catalog .ui-slider-horizontal .ui-slider-handle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: none;
	background: #ffde08
}

.flex__main__catalog .ui-slider-horizontal .ui-slider-handle:after {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 12px;
	height: 12px;
	border: 2px solid #fff8ec;
	content: '';
	border-radius: 50%;
}

.flex__main__catalog .ui-slider-horizontal .ui-slider-range {
	background: #ffde08
}

.flex__main__catalog .flex.flex__price {
	color: #a2a2a2;
	font-size: 12px;
	font-weight: 300;
	padding: 14px 0 0;
}

.flex__main__catalog .list__catalog {
	width: calc(100% - 280px);
}
.flex__main__catalog .list__catalog .flex {
	justify-content: flex-start;
}
.flex__main__catalog .list__catalog .item {
	width: calc(100%/3)
}

.flex__main__catalog .list__catalog .item__sorting {
	color: #656565;
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 20px;
	align-items: center;
	border-right: 1px solid #fff8ec!important;
	position: relative;
	left: 1px;
}

.flex__main__catalog .list__catalog .item__sorting span.current {
	font-weight: normal;
	cursor: pointer;
	color: #384941;
	display: inline-block;
	padding-right: 20px;
	background: url("../img/arrd.png") 100% 50% no-repeat;
}

.flex__main__catalog .list__catalog .item__sorting .count {
	font-size: 16px;
	color: #656565;
}

.flex__main__catalog .list__catalog .item__sorting .sort {
	position: relative;
}

.flex__main__catalog .list__catalog .item__sorting .sort ul {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	display: none;
	background: #fff;
	z-index: 20000;
	text-align: right;
	border: 1px solid #e8e8e8;
	border-bottom: none;
	margin-top: 10px;
}

.flex__main__catalog .list__catalog .item__sorting .sort ul li a {
	display: block;
	padding: 10px;
	color: #656565;
	font-weight: 500;
	border-bottom: 1px solid #e8e8e8;
}

.flex__main__catalog .list__catalog .item__sorting .sort ul li a:hover {
	color: #fff;
	background: #ffde08;
}

.pagination {
	position: relative;
	text-align: center;
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 100%;
}

.pagination span,
.pagination a {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border-radius: 50%;
}

.pagination a {
	font-size: 14px;
	color: #656565
}

.pagination a.prev {
	width: 22px;
	height: 18px;
	background: url("../img/arrp.png") 50% 50% no-repeat;
	position: absolute;
	top: 10px;
	left: 0;
}

.pagination a.next {
	width: 22px;
	height: 18px;
	background: url("../img/arrp.png") 50% 50% no-repeat;
	position: absolute;
	top: 10px;
	right: 0;
	transform: rotate(180deg);
}

.pagination span.current,
.pagination a:hover {
	color: #fff;
	background: #ffde08
}

footer {
	background: #5b8376;
	color: #ffffff;
	margin-top: auto;
}

footer .flex {
	align-items: center;
}

footer .top {
	padding: 35px 0;
	border-bottom: 1px solid #b1b1b1;
}

footer .col__address {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	font-size: 14px;
	font-weight: 300;
	max-width: 220px;
}

footer .col__address img {
	max-width: 95px;
	margin-bottom: 8px;
}

footer .col__address span {
	display: block;
	font-size: 16px;
	color: #cdcdcd;
	font-weight: 200;
}

footer .col__nav {
	position: relative;
	max-width: 286px;
	width: 100%;
}

footer .col__nav span {
	font-weight: 500;
}

footer .col__nav li {
	float: left;
	width: 50%;
	margin-top: 7px;
}

footer .col__nav li a {
	color: #cdcdcd;
	border-bottom: 1px solid transparent;
	font-weight: 400;
}

footer .col__nav li a:hover {
	border-color: #fff;
}

footer .col__contacts {
	position: relative;
	max-width: 270px;
	width: 100%;
}

footer .col__contacts p {
	font-weight: 400;
	color: #cdcdcd;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

footer .col__contacts p:last-child {
	margin: 0;
}

footer .col__contacts p a {
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
}

footer .col__social {
	position: relative;
	left: -40px;
}

footer .col__social img {
	max-height: 22px;
}

footer .col__social li {
	margin: 0 8px;
}

footer .bottom {
	position: relative;
	font-weight: 500;
	font-size: 14px;
}

footer .bottom .flex {
	min-height: 80px;
}

footer .bottom .privacy a {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	font-weight: 200;
}

footer .bottom .privacy a:hover {
	border-color: transparent;
}

footer .bottom .develop {
	font-size: 13px;
	position: relative;
	top: -3px;
}

footer .bottom .develop a {
	color: #ffffff;
}

footer .bottom .develop img {
	display: inline-block;
	position: relative;
	top: 4px;
	/*filter: invert(1);*/
}

#error__page {
	background: #000 url("../img/bg_flowers.png") 50% 50% no-repeat
}

#error__page .flex {
	align-items: center;
	height: calc(100vh - 190px);
	text-align: center;
	justify-content: space-around;
}

#error__page .title {
	font-size: 236px;
	font-weight: 600;
	color: #384941;
	line-height: 1;
}

#error__page p {
	font-size: 26px;
	font-weight: 300;
	position: relative;
	top: -15px;
	margin-bottom: 15px;
}

.content {
	font-size: 16px;
	color: #656565;
	line-height: 1.65;
	font-weight: 200;
}

.content p {
	margin-bottom: 20px;
}

.bt {
	font-size: 38px;
	font-weight: normal;
	margin-bottom: 18px;
	font-family: 'Forum', cursive;
	line-height: 1.2
}

.bt__note {
	font-size: 18px;
	font-weight: 200;
	color: #656565;
	margin-bottom: 54px;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-loading .slick-list {
	background: none;
}

.slick-prev,
.slick-next {
	border: none;
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 100%;
	display: block;
	width: 68px;
	height: 68px;
	padding: 0;
	cursor: pointer;
	opacity: 1;
}

.slick-prev,
.slick-next {
	display: block!important;
	z-index: 10;
}

.slick-prev {
	background: url("../img/arr.png") 50% 50% no-repeat;
	left: 0;
	display: none!important;
}

.slick-next {
	background: url("../img/arr.png") 50% 50% no-repeat;
	left: 390px;
	margin-top: -68px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	opacity: 1;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	display: none;
}

.slick-prev {
	display: none;
}

.slick-next {
	display: none;
}

.slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 7px;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: #fff;
	border-radius: 50%;
	padding: 0;
	width: 20px;
	height: 20px;
}

.slick-dots li button {
	width: 76px;
	height: 5px;
	background: #bababa;
	border: none;
	box-sizing: border-box;
	border-radius: 0;
}

.slick-dots li.slick-active button {
	background: #fff
}

#reviews .slick-dots {
	text-align: left;
	box-sizing: border-box;
	padding-left: 498px;
}

#reviews .slick-dots li {
	margin: 0 14px 0 0;
}

#reviews .slick-dots li.slick-active button {
	background: #ffde08
}

.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea {
	box-shadow: none;
	width: 100%;
	height: 40px;
	border: none;
	padding: 0;
	font-size: 14px;
}

.form textarea {
	resize: none;
}

.form .privacy {
	padding: 20px 0;
	color: #656565;
	font-size: 11px;
	font-weight: 300;
}

.form .privacy a {
	color: #656565;
	border-bottom: 1px solid transparent
}

.form .privacy a:hover {
	border-color: #656565;
}

.form .row__form {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e8e8e8;
	padding: 15px 20px 0 15px;
	position: relative;
}

.form .row__form:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	content: '';
	background: #e3000f;
	opacity: 0;
}

.form .row__form:hover:after,
.form .row__form:focus:after {
	opacity: 1;
}


/*.form .row__form:last-child{border-bottom: 1px solid #e8e8e8;}*/

.form .label {
	font-size: 12px;
	font-weight: 200;
	color: #656565;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+label {
	cursor: pointer;
	padding-left: 25px;
	position: relative;
	box-sizing: border-box;
	max-width: 370px;
	display: block;
}

input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0;
	height: 12px;
	width: 12px;
	border: 1px solid #e8e8e8;
}

input[type="checkbox"]+label::before {
	background-position: 0px 0px;
}

input[type="checkbox"]:checked+label::before {
	background: #e8e8e8;
}

.box__modal {
	display: none;
	font-family: 'Montserrat', sans-serif;
	width: 945px;
	max-width: calc(100% - 40px);
	background: #fff url("../../../uploads/2021/09/faktura6-1024x901-1.png") 100% 0 no-repeat;
	background-size: 395px;
	padding: 0;
}

.box__modal .inn {
	box-sizing: border-box;
	width: 520px;
	background: #fff;
	padding: 55px 65px;
}

.box__modal .title {
	font-size: 32px;
	font-family: 'Forum', cursive;
}

.box__modal .note {
	font-size: 16px;
	font-weight: 200;
	color: #656565;
	margin: 5px 0 35px;
}

#thanks {
	background-position: 100% 50%;
}

.clearfix {
	clear: both;
}

.center {
	display: inline-block;
	width: 100%;
	text-align: center;
}

a {
	text-decoration: none;
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
	display: block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	max-width: 100%;
	height: auto;
}

.btn {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: none;
	transition: all 0.25s ease-out;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn:hover {
	transition: all 0.25s ease-out;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-write {
	width: 222px;
	border: 1px solid #ffffff;
	padding: 0 0 0 30px;
	text-transform: uppercase;
	line-height: 44px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 300;
	background: transparent;
	text-align: left;
	position: relative;
}

.btn-write:after {
	width: 55px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	border-left: 1px solid #ffffff;
	background: url("../img/arrr.png") 50% 50% no-repeat;
}

.btn-write:hover {
	background: #ffffff;
	color: #5b8376;
}
#form_callback .btn-write {
	background: #5b8376;
	border: 1px solid #5b8376;
}
#form_callback .btn-write:hover {
	background: #ffffff;
	color: #5b8376;
}
#form_callback .btn-write:after {
	transition: all 0.5s ease;
}
#form_callback .btn-write:hover:after {
	border-left: 1px solid #5b8376;
	transition: all 0.5s ease;
}

.header-button{
	text-align: center;
    width: fit-content;
    padding: 0 30px;
}
.header-button:after{
	display: none;
}
.btn-green-tr {
	border: 1px solid #384941;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	color: #384941;
	width: 185px;
	line-height: 44px;
}

.btn-green-tr:hover {
	color: #fff;
	background: #384941
}

.btn-green {
	border: 1px solid #384941;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	background: #384941;
	width: 100%;
	line-height: 44px;
}

.btn-green:hover {
	color: #384941;
	background: transparent;
}

input,
textarea,
select,
button {
	-webkit-appearance: none;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}


/*responsive*/


@media screen and (max-height: 540px) {
	#promo__main .item a {
		font-size: 30px;
	}
	#error__page .title {
		font-size: 100px;
	}
	#error__page p {
		font-size: 20px;
		top: 0;
	}
	#error__page .flex {
		height: auto;
		padding: 50px 0;
	}
}

@media screen and (max-width: 1160px) {
	.inner {
		width: 100%;
		padding: 0 20px;
	}
	.soc-and-button{
		width: fit-content;
    	margin-right: 50px;
    	margin-left: auto;
	}
	.header-button{
		padding: 0 10px;
    	line-height: 30px;
	}
	header .logo img{
		width: 100px;
	}
	header .flex {
		display: block;
	}
	header nav .pull {
		display: block;
		width: 30px;
		height: 30px;
		background: url("../img/pull.svg") 50% 50% no-repeat;
		background-size: 100%;
		position: absolute;
		top: 28px;
		right: 0;
		z-index: 200;
	}
	header nav ul {
		display: none;
		position: absolute;
		top: 100px;
		left: -20px;
		width: calc(100% + 40px);
		z-index: 100;
		box-sizing: border-box;
		overflow-y: auto;
		background: #5b8376;
		border-top: 1px solid #fff;
	}
	header nav ul li {
		float: none;
		margin: 0;
	}
	header nav ul li a {
		display: block;
		padding: 15px 20px;
	}
	header .logo {
		float: left;
	}
	header .instagram {
		/*float: right;
		margin: 26px 50px 0 0;*/
	}
	#promo__main .item a {
		font-size: 34px;
	}
	#page__card .data .tabs li {
		margin: 0;
		width: 100%;
		float: none;
	}
	#page__card .data .tabs li:nth-child(2) {
		margin: 5px 0;
	}
	#page__card .gallery {
		width: 49%;
	}
	#page__card .data {
		width: 48%;
	}
	.list__catalog .item {
		padding: 15px;
	}
	#page__portfolio .item {
		top: 0!important;
		width: 32%;
		margin-bottom: 2%;
	}
	#page__portfolio .item .data {
		padding: 20px;
	}
	#page__portfolio .item .data .btn {
		max-width: 100%;
		padding-left: 10px;
	}
	#catalog__main .item .title {
		font-size: 32px;
	}
	#atmo img {
		width: 32%;
	}
	#atmo .data {
		max-width: 500px;
		top: 0;
	}
	#page__about .item.item1 {
		padding: 0;
	}
	#page__about .item .image2 {
		max-width: 300px;
	}
	#page__about .bt {
		margin: 40px 0;
		font-size: 30px;
	}
	#page__services .filters.flex {
		justify-content: space-around;
	}
	#page__services .filters a {
		width: 32%;
		margin-bottom: 15px;
	}
	#page__services .image {
		width: 300px;
	}
	#page__services .tth {
		width: calc(100% - 320px);
		font-size: 14px;
		max-height: 355px;
	}
	#page__services .tth p span {
		font-size: 14px;
	}
	#promo__salon .image {
		width: calc(100% - 350px)
	}
	#about__salon p {
		max-width: 450px;
	}
	#proposition .bt {
		position: relative;
		top: 0;
	}
	#proposition .bt br {
		display: none;
		text-align: center;
	}
	#proposition .accordion h3:first-child {
		padding: 20px 0 0;
	}
	#proposition .accordion .answer {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}
	#reviews .image {
		width: 300px;
	}
	#reviews .comment {
		width: calc(100% - 320px);
		padding: 0;
	}
	#reviews .comment .reviews {
		height: 150px;
	}
	#reviews .slick-dots {
		padding-left: 320px;
	}
	.slick-next {
		left: 232px;
	}
	footer .col__contacts {
		max-width: 100%;
		width: 100%;
		margin-top: 50px;
	}
	footer .col__contacts p {
		max-width: 300px;
		margin: 0 auto!important;
	}
}

@media screen and (max-width: 390px) {
	.header-button {
		font-size: 10px!important;
	}
}

@media screen and (max-width: 767px) {
	.bt {
		font-size: 26px;
	}
	header {
		height: auto;
	}
	header .logo img {
		width: 100px;
	}
	header .instagram {
		/*margin: 8px 45px 0 0;*/
	}
	header .instagram a {
		font-size: 11px;
	}
	header nav ul {
		top: 83px
	}
	header nav .pull {
		top: 10px;
	}
	#promo__salon {
		padding: 45px 0;
		margin-bottom: 50px;
	}
	#promo__salon .text {
		max-width: 100%;
		margin-bottom: 30px;
	}
	#promo__salon .image {
		width: 100%;
	}
	#promo__salon .image img:last-child {
		top: 0;
	}
	#promo__main .flex {
		height: auto;
	}
	#promo__main .item {
		width: 100%;
	}
	#promo__main .item a {
		padding: 100px 0;
		font-size: 26px;
	}
	#page__card {
		padding-bottom: 50px;
	}
	#page__card .gallery {
		width: 100%;
		margin-bottom: 30px;
	}
	#page__card .data {
		width: 100%;
	}
	#catalog,
	#page__contacts {
		padding-bottom: 50px;
	}
	.list__catalog .item {
		width: 50%!important;
	}
	#page__portfolio {
		padding: 0 0 20px;
	}
	#page__portfolio .item {
		width: 100%;
		margin-bottom: 30px;
	}
	#page__about .item .bt {
		font-size: 26px;
		margin: 0 0 20px;
	}
	#page__about .item .image2 {
		max-width: 100%;
		width: 100%;
		display: block;
		position: relative;
		top: 0;
		left: 0;
	}
	#page__about .item img {
		display: none;
	}
	#page__about .item .data {
		width: 100%;
		padding: 30px 0 0;
	}
	#counts {
		padding: 50px 0;
	}
	#counts span {
		font-size: 40px;
	}
	#counts li {
		width: 100%;
	}
	#counts li:nth-child(2) {
		margin: 20px 0;
	}
	.pull__sidebar {
		display: block!important;
	}
	.flex__main__catalog .sidebar {
		width: 100%;
		margin-bottom: 30px;
	}
	.flex__main__catalog .sidebar .sidebar__inn {
		display: none;
		margin-top: 20px;
	}
	.flex__main__catalog .list__catalog {
		width: 100%;
	}
	.flex__main__catalog .sidebar li {
		margin-bottom: 5px;
	}
	#about__salon {
		padding: 50px 0;
		background-position: 40% 0;
	}
	#about__salon ul span {
		font-size: 40px;
	}
	#about__salon ul li {
		width: 100%;
	}
	#about__salon ul li:nth-child(2) {
		margin: 20px 0;
	}
	#proposition {
		margin: 50px 0 0;
		padding: 50px 0;
	}
	#proposition .accordion .answer {
		padding: 20px;
		font-size: 15px;
	}
	#reviews {
		padding: 50px 0 100px;
	}
	#reviews .slick-dots {
		text-align: center;
		bottom: -46px;
		padding: 0;
	}
	#reviews .slick-dots li {
		margin: 0 7px;
	}
	#reviews .image {
		width: 100%;
		margin-bottom: 30px;
	}
	.slick-next {
		right: 0;
		left: 100%;
		margin-left: -68px;
		margin-top: 0;
		top: 0;
	}
	#reviews .comment {
		width: 100%;
	}
	#reviews .comment .name {
		font-size: 16px;
	}
	#reviews .comment .reviews {
		font-size: 15px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#atmo,
	#team,
	#partners {
		padding: 50px 0;
	}
	#atmo .data {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.slick-dots li button {
		width: 20px;
	}
	#page__services .filters a {
		width: 100%;
		line-height: 32px;
		font-size: 14px!important
	}
	#team .inn {
		margin-top: 20px;
	}
	#page__services {
		padding-bottom: 50px;
	}
	#page__services .tth {
		width: 100%;
		border: 5px solid #e8e8e8;
		border-right: none;
	}
	#page__services .tth p {
		padding: 10px 90px 10px 10px;
		margin: 0;
	}
	#page__services .tth p span {
		top: 10px;
	}
	#page__services .image {
		width: 100%;
		margin-bottom: 30px;
	}
	.box__modal {
		max-width: calc(520px - 40px);
		background: #fff;
		width: 100%;
	}
	.box__modal .inn {
		width: 100%;
		padding: 30px;
	}
	.box__modal .title {
		font-size: 24px;
	}
	.box__modal .note {
		font-size: 14px;
	}
	#error__page .flex {
		height: calc(100vh - 180px)
	}
	#error__page .title {
		font-size: 100px;
	}
	#error__page p {
		font-size: 20px;
		top: 0;
	}
	#page__delivery {
		padding-bottom: 50px;
	}
	.list__delivery .image {
		width: 80px;
		height: 80px;
	}
	.list__delivery .image.flex {
		align-items: center;
	}
	.list__delivery .data {
		max-width: calc(100% - 100px);
		width: 100%;
	}
	.list__delivery .data h2 {
		font-size: 16px;
	}
	.list__delivery .data p {
		font-size: 14px;
	}
	.list__delivery .flex {
		align-items: flex-start;
	}
	#catalog__main .item {
		width: 49%;
	}
	#catalog__main .item .note {
		padding: 0 20px;
	}
	#page__contacts .contacts__list.flex a {
		margin-right: 20px;
	}
	#page__contacts #map {
		height: 300px;
	}
	#page__contacts #map:after {
		display: none;
	}
	footer .col {
		width: 100%;
		max-width: 100%!important;
		left: 0!important
	}
	footer .bottom {
		padding: 15px 0;
	}
	footer .bottom .flex {
		justify-content: space-around;
	}
	footer .col__nav {
		margin: 30px 0;
	}
	footer .col__social .flex {
		justify-content: flex-start;
	}
	footer .col__social li {
		margin: 0 10px 0 0;
	}
	footer .col__contacts {
		margin-top: 30px;
		max-width: 100%;
	}
	footer .col__contacts p {
		max-width: 280px;
		margin: 0 0 5px!important;
	}
	footer .privacy {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	#catalog__main .item {
		width: 100%;
	}
	.list__catalog .item{
		width: 100%!important;
	}
}


/*responsive*/

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	background: #e8e8e8;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 5px;
}

.jspHorizontalBar {
	background: #e8e8e8;
	bottom: 0;
	height: 16px;
	left: 0;
	position: absolute;
	width: 100%;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: #e8e8e8;
	position: relative;
}

.jspDrag {
	background: #e3000f;
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	cursor: pointer;
	direction: ltr;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -20000px;
}

.jspDisabled {
	background: #80808d;
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	float: left;
	height: 100%;
	width: 16px;
}

.jspVerticalBar .jspArrow:focus {
	border: 1px solid red;
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}


/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
	margin: 0 -3px 0 0;
}

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default!important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-button-icon-only {
	text-indent: 0
}

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
	z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
	border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
	border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
	width: 75%;
	width: calc( 100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid
}

.ui-checkboxradio-disabled {
	pointer-events: none
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: bold
}

.ui-widget-header a {
	color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .003;
	filter: Alpha(Opacity=.3)
}

.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666
}
.tab .description {
	margin: 20px 0;
	width: 100%;
}
.data .btn-write {
	border: 1px solid #5b8376;
    color: #5b8376;
}

.date .btn-write:after {
	border-left: 1px solid #5b8376;
}

#page__card .data .btn-write:after {
	border-left: 1px solid #ffffff;
}

#page__card .data .btn-write:hover:after {
	border-left: 1px solid #5b8376;
}

#page__about .item3 img {
	margin: 50px 50px 50px 0px;
}