.clear {clear: both;}

input[type="text"]::-webkit-input-placeholder {color : #96989A;}
input[type="text"]::-moz-placeholder {color : #96989A;}

@font-face { font-family: 'OfficinaSansBook'; src: url('OfficinaSansBook.otf'); }

@font-face {
	font-family: 'WWFlakesRegular';
	src: url('wwflakes-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

a, a img, div, img, input, li, h1, h2, h3, h4, h5, h6, button, figure, 
label, p, span, select, table, td, tr , textarea, ul, th, dl, dt, dd {
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-spacing: 0px;
	border: none;
	outline: none;
	text-decoration: none;
	list-style-type: none;
	font-weight: normal;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}

body {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	color: #000000;
	background-size: 100%;
}

body.salon {
	background: url(../images/salon.jpg) no-repeat;
	background-size: 65%;
	background-position: right 1em;
}

body.default .item-page {
	padding: 2em 4em;
    font-family: OfficinaSansBook;
}

header {
	margin: 0 auto;
	width: 100%;
	position: relative;
	font-family: OfficinaSansBook;
}

header .top {
	margin: 0 auto;
	width: 100%;
	position: relative;
	background: url(../images/top.jpg) no-repeat;
	background-size: 100%;
	font-family: OfficinaSansBook;
	text-align: center;
	color: #693648;
	display: table;
	min-height: 6.3em;
}

header .top div {
	display: table-cell;
	vertical-align: middle;
}

header .top .left, header .top .right {
	width: 41%;
	color: #ffffff;
	font-size: 2.3em;
	line-height: 1;
}

header .top .logo {
	width: 15%;
}

header .top .logo img {
	margin: 0 auto;
	display: block;
	width: 10em;
}

article {
	display: table;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.menumain {
	width: 15%;
	display: table-cell;
	text-align: center;
	position: relative;
	vertical-align: top;
}

.menuleft {
	width: 31%;
	display: table-cell;
	text-align: left;
	position: relative;
	vertical-align: top;
	background: #ffffff;
}

.menuleft.center {
	width: 25%;
}

.menumain a, .menumain .separator {
	font-family: OfficinaSansBook;
	color: #63112E;
	font-size: 1.7em;
	text-transform: uppercase;
	display: table-cell;
	border-right: 0.2em solid transparent;
	height: 3em;
	vertical-align: middle;
	width: 8em;
}

.menumain .separator {
	cursor: pointer;
}

.menumain li {
	border-bottom: 0.1em solid #E2D6DB;
}

.menumain li:last-of-type {
    border-bottom: none;
}

.menumain li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	width: 22em;
	text-align: left;
	height: 100%;
	background-color: rgba(255,255,255,0.7);
	z-index: 4;
}

.menumain li.parent:hover ul {
	display: block;
}

.menumain li:hover > label, .menumain li a:hover, .menumain li.active a {
	border-right: 0.2em solid #753D51;
}

.menumain li a:hover ul li a, .menumain li.active ul li a {
	border-right: none;
}

.menumain li ul li a:hover, .menumain li ul li.active a {
	border-right: 0.2em solid #753D51 !important;
}

.menumain li ul li {
	padding-left: 1em;
	border: none;
}

.menumain li ul li a {
	height: 1.6em;
	width: 99%;
	display: block;
	line-height: 1.6em;
}

.menumain li ul li:hover {
	background-color: #ffffff;
}

.menumain li ul li:nth-of-type(1) {
	margin-top: 10.3em;
}

.menuleft li a, .menuleft .separator {
	font-family: OfficinaSansBook;
	color: #63112E;
	font-size: 1.2em;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	height: 2em;
	line-height: 2em;
	padding: 0.3em 0em 0em 5%;
}

.menuleft .separator {
	position: relative;
	cursor: pointer;
}

.menuleft > li {
	border-top: 0.1em solid #E2D6DB;
}

.item-301 {
	margin-top: 1em;
	border-top: none !important;
}

.menuleft .separator span {
 	width: 92%;
	display: inline-block;
}

.menuleft .separator:after {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.5em;
	position: relative;
	background: url(../images/separator.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

.menuleft li.active.parent .separator:after, .menuleft li.parent:hover .separator:after {
	background: url(../images/separatorw.png) no-repeat;
	background-size: 100%;
}

.menuleft li ul a {
	text-transform: lowercase;
	padding: 0em 0em 0em 10%;
	width: 90%;
}

.menuleft.center li {
    border-bottom: 0.1em solid #E2D6DB;
    margin-top: 1.1em;
}

main {
	width: 70%;
	display: table-cell;
	vertical-align: top;
	position: relative;
}

.center .service .left {
	width: 49.5%;
	float: left;
	vertical-align: top;
}

.center .service .right {
	width: 49.5%;
	vertical-align: top;
	float: right;
}

.center .service .left div {
	display: block;
	background: url(../../../images/center/center1.jpg) no-repeat;
	background-size: cover;
	height: 100%;
	max-height: 39em;
	vertical-align: top;
	position: absolute;
	width: 49.5%;
	background-position: center;
}

.center .service .right div {
	display: block;
	background: url(../../../images/center/center2.jpg) no-repeat;
	background-size: cover;
	height: 100%;
	max-height: 39em;
	vertical-align: top;
	position: absolute;
	width: 49.5%;
	background-position: center;
}

.center .service .left figcaption, .center .service .right figcaption {
    position: relative;
    height: 39em;
    width: 100%;
}

.center .service figcaption div {
	position: absolute;
	top: 6%;
	width: 100%;
	display: block;
	color: #ffffff;
	font-family: OfficinaSansBook;
	text-align: center;
}

.center .service figure h3 {
	font-size: 3em;
	width: 80%;
	margin: 1em auto 0.2em auto;
	line-height: 1em;
}

.center .service figure h4 {
	font-size: 2.5em;
}

.center .service figure img {
	position: relative;
	display: block;
	min-height: 100%;
	background-color: #000000;
}

.center .service figure.effect-layla figcaption::before,
.center .service figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

.center .service figure.effect-layla figcaption::before {
	top: 3em;
	right: 1.5em;
	bottom: 3em;
	left: 1.5em;
	border-top: 0.2em solid #fff;
	border-bottom: 0.2em solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.center .service figure.effect-layla figcaption::after {
	top: 1.5em;
	right: 3em;
	bottom: 1.5em;
	left: 3em;
	border-right: 0.2em solid #fff;
	border-left: 0.2em solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.center .service figure.effect-layla div,
.center .service figure.effect-layla figcaption::before,
.center .service figure.effect-layla figcaption::after,
.center .service figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.center .service figure.effect-layla:hover div {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.center .service figure.effect-layla:hover figcaption::before,
.center .service figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.center .service figure.effect-layla:hover figcaption::after,
.center .service figure.effect-layla:hover h2,
.center .service figure.effect-layla:hover p,
.center .service figure.effect-layla:hover div {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.line, .line img {
	width: 100%;
	display: block;
	height: 5.1em;
}

.studio {
	background: url(../images/studio.jpg) no-repeat;
	background-size: 100%;
	height: 20em;
}

.studio h2 {
	color: #ffffff;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	padding-top: 1em;
}

.studio section {
	display: table;
	width: 85%;
	text-align: center;
	margin: 3em auto 0 auto;
}

.studio section div {
	display: table-cell;
	width: 25%;
}

.studio section span {
	display: block;
	height: 7em;
	margin: 0 auto;
	position: relative;
}

.studio section span img {
	height: 70%;
}

.studio section p {
	color: #ffffff;
	font-family: OfficinaSansBook;
	margin-top: 0em;
	font-size: 1em;
}

.reviews h2 {
	color: #000000;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	padding: 1.7em 0em;
}

.reviews {
	font-family: OfficinaSansBook;
	margin-bottom: 8em;
	width: 100%;
	margin: 0 auto 8em auto;
}

.reviews section:nth-of-type(1) {
	width: 20%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.reviews section:nth-of-type(1) img {
	border-radius: 100%;
	width: 12.5em;
}

.reviews .data {
	line-height: 1.3em;
	margin-top: 1em;
}

.reviews .data p:nth-of-type(1), .reviews .data p:nth-of-type(2) {
	font-size: 1.5em;
}

.reviews .data p:nth-of-type(3) {
	font-size: 1.2em;
}

.reviews section:nth-of-type(2) {
	width: 55%;
	background-color: #993366;
	padding: 1.5em;
	color: #ffffff;
	border-radius: 1em;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 0.5em;
	margin-top: 2em;
	text-align: left;
	font-size: 1em;
}

.reviews section:nth-of-type(2):before {
	background: url(../images/rew.png) no-repeat;
	background-position: 45% 50%;
	background-size: 20%;
	background-color: #993366;
	border-radius: 100%;
	margin: -1em 0em 0em -4em;
	width: 3em;
	position: absolute;
	height: 3em;
	display: inline-block;
	content: "";
}

.reviews .flex-direction-nav a  {
	display: block;
	width: 3.5em;
	height: 3em;
	position: absolute;
	top: 45%;
	z-index: 10;
	overflow: hidden;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.reviews .flex-direction-nav .flex-prev {
	left: 2em;
	background: url(../images/rew_left.png) no-repeat;
	background-size: 100%;
}

.reviews .flex-direction-nav .flex-next {
	right: 2em;
	background: url(../images/rew_right.png) no-repeat;
	background-size: 100%;
}

.reviews .flex-direction-nav a:hover { 
	opacity: 1;
}

.reviews .flexslider {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.fb { height: 49em; }

.wrapper {
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}

footer {
	width: 100%;
	height: 49em;
	margin: -49em auto 0 auto;
	position: relative;
}

footer section {
	background: url(../images/footer_section.jpg) no-repeat;
	background-size: 100%;
	color: #ffffff;
	font-family: OfficinaSansBook;
	text-align: center;
	width: 100%;
	height: 11em;
	display: table;
}

footer h2 {
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	padding: 1em 0em 0.5em 0em;
}

footer section .left {
	display: table-cell;
	vertical-align: middle;
	width: 23%;
	height: 11em;
}

footer section .center {
	display: table-cell;
	vertical-align: middle;
	width: 27%;
	height: 11em;
}

footer section .right {
	display: table-cell;
	vertical-align: middle;
	width: 23%;
	height: 11em;
}

footer section .shape {
	color: #ffffff;
	width: 8.3em;
	display: inline-block;
	text-align: center;
	font-size: 2.1em;
	border: 0.1em solid;
	margin-top: 0.7em;
	line-height: 1.55em;
}

footer .center img {
	width: 12em;
	display: block;
	margin: 0em auto 0em auto;
}

footer section .shape:hover {
	background: #915A6D;
}

footer section p {
	font-size: 1.5em;
	line-height: 1.2em;
}

footer .map {
	height: 30em;
	width: 99.9%;
	z-index: 99;
	overflow: hidden;
}

footer debug {
	color: #ffffff;
	font-family: OfficinaSansBook;
	text-align: center;
	display: table;
	height: 10.5em;
	background: url(../images/debug.jpg) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	width: 100%;
}

footer debug .left {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	text-align: left;
}

footer debug .right {
	display: table-cell;
	vertical-align: middle;
	width: 25%;
	text-align: right;
}

footer debug .center {
	display: table-cell;
	vertical-align: middle;
	width: 40%;
}

footer debug .center p {
	font-size: 1.7em;
	text-transform: uppercase;
}

footer debug .center p span {
	font-size: 0.6em;
	color: #ffffff;
}

footer debug .center p a span:hover {
	text-decoration: underline;
}

footer debug .left a {
	display: table;
	color: #ffffff;
	font-size: 1.5em;
}

footer debug .left a:hover {
	text-decoration: underline;
}

footer debug img#logo {
	width: 10em;
	padding: 1em 1em 1em 10em;
}

footer debug img#kolibri {
	width: 10em;
	padding: 2.5em 10em 1em 1em;
}

.item-pagesalon {
	height: 100%;
	max-height: 49em;
	vertical-align: top;
	position: absolute;
	width: 100%;
}

.item-pagesalon h3 {
	color: #ffffff;
	text-align: center;
	display: block;
	width: 8em;
	font-size: 3em;
	font-family: OfficinaSansBook;
	padding: 3.3em 0em 0em 1em;
	line-height: 1;
}

.item-pagesalon h3 span {
    font-size: 0.7em;
}

body.default .item-page p {
	margin-bottom: 1em;
	font-size: 1.5em;
}

.center .item-pagecenter .content .flex-direction-nav a  { 
	display: block; 
	width: 1.5em;
	height: 4.2em; 
	position: absolute;  
	top: 40%;
	z-index: 10; 
	overflow: hidden; 
	opacity: 0.5; 
	cursor: pointer; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}

.center .item-pagecenter .content .flex-direction-nav .flex-prev {
	left: 1em;
	background: url(../images/slick_left.png) no-repeat;
	background-size: 100%;
}

.center .item-pagecenter .content .flex-direction-nav .flex-next {
	right: 1em;
	background: url(../images/slick_right.png) no-repeat;
	background-size: 100%;
}

.center .item-pagecenter .content .flex-direction-nav a:hover { 
	opacity: 1;
}

.center .item-pagecenter .content .flexslider {
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 100%;
	margin: 1.7em auto;
}

.center .item-pagecenter .content .flexslider li { 
	margin-left: 0em;
	font-size: 1em;
	list-style-type: none;
}

.center .item-pagecenter .content .flexslider img {
	width: 27%;
	margin: 0em 1em;
}

.center .item-pagecenter .content .flexslider.photo img {
	width: auto !important;
	height: 35em;
}

.center .item-pagecenter .content .flexslider .caption { 
	position: absolute;
	bottom: 2em;
	left: 5em;
	background-color: rgba(255,255,255,0.7);
	text-align: left;
	padding: 1em;
    font-family: OfficinaSansBook;
}

.center .item-pagecenter .content .flexslider .caption p { 
	margin-bottom: 0em;
}

.center .item-pagecenter .content .flexslider .caption p:last-of-type { 
	margin-top: 0.5em;
}

body.center .item-pagecenter .left figure h2 {
	position: absolute;
	top: 45%;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0.7);
	padding: 0.2em 0.5em 0.1em 0.5em;
	font-size: 2.5em;
	color: #000000;
	right: 2em;
}

body.center .item-pagecenter .right figure h2 {
	position: absolute;
	top: 45%;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	background-color: rgba(255,255,255,0.7);
	padding: 0.2em 0.5em 0.1em 0.5em;
	font-size: 2.5em;
	color: #000000;
	left: 2em;
}

body.center .item-pagecenter .text {
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    top: 1em;
}

body.center .item-pagecenter .text h1 {
    display: inline-block;
    background-color: rgba(255,255,255,0.5);
    color: #080808;
    font-family: OfficinaSansBook;
    padding: 0.1em 0.5em 0.1em 0.5em;
    font-size: 3em;
    line-height: 1;
}

body.center .item-pagecenter .text h3 { 
    display: inline-block;
    background-color: #6A324B;
    color: #ffffff;
    font-family: OfficinaSansBook;
    padding: 0.1em 0.8em 0.2em 0.8em;
    font-size: 3em;
    line-height: 1;
}

.menuleft.center h3 {
    background: url(../images/title.png) no-repeat;
    background-size: 104%;
    color: #ffffff;
    font-family: OfficinaSansBook;
    text-align: center;
    font-size: 2.2em;
    line-height: 1em;
    padding: 0.3em 1em 0.6em 1em;
}

.menuleft.center h3 a {
    color: #ffffff;
}

.menuleft.center {
	padding-top: 0em;
}

.menuleft.center a {
	width: 100%;
}

.color {
	width: 100%;
	display: table;
}

.color div {
    width: 25%;
    display: table-cell;
    vertical-align: top;
}

.color .green { background-color: #037374;}
.color .yellow { background-color: #EEB520;}
.color .orange { background-color: #FF6600;}
.color .red { background-color: #993366;}

.color .green h3 { background: url(../images/green.png) no-repeat; background-size: 100%;}
.color .yellow h3 { background: url(../images/yellow.png) no-repeat; background-size: 100%;}
.color .orange h3 { background: url(../images/orange.png) no-repeat; background-size: 100%;}
.color .red h3 { background: url(../images/red.png) no-repeat; background-size: 100%;}

.color h3 {
    color: #ffffff;
    font-family: OfficinaSansBook;
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    height: 2.8em;
    text-transform: uppercase;
    display: block;
    vertical-align: middle;
    padding: 1.2em 2.5em;
}

.color a {
    display: block;
    text-align: center;
    width: 90%;
    margin: 1em auto;
    color: #000000;
    font-family: OfficinaSansBook;
    font-size: 1.2em;
    background-color: rgba(255,255,255,0.8);
    padding: 0.5em 0em;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s lineart;
    -o-transition: background-color 0.3s lineart;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    -webkit-transition: border-radius 0.3s linear;
    -moz-transition: border-radius 0.3s lineart;
    -o-transition: border-radius 0.3s lineart;
    -ms-transition: border-radius 0.3s linear;
    transition: border-radius 0.3s linear;
}

.color a:hover {
    background-color: rgba(255,255,255,1);
	border-radius: 0.5em;
		-webkit-transition: background-color 0.3s linear;
	   -moz-transition: background-color 0.3s lineart;
	     -o-transition: background-color 0.3s lineart;
	    -ms-transition: background-color 0.3s linear;
	        transition: background-color 0.3s linear;
		-webkit-transition: border-radius 0.3s linear;
	   -moz-transition: border-radius 0.3s lineart;
	     -o-transition: border-radius 0.3s lineart;
	    -ms-transition: border-radius 0.3s linear;
	        transition: border-radius 0.3s linear;
}

.line .flexslider {
	width: 20%;
	display: inline-block;
}

.blogproducts .leading {
	width: 25.5%;
	display: block;
	float: left;
	vertical-align: middle;
	padding: 1em;
	margin: 1em;
	border-radius: 1em;
	border: 0.15em solid transparent;
	-webkit-transition: border-color 0.5s linear;
	transition: border-color 0.5s linear;
	position: relative;
	height: 33em;
}

.blogproducts .leading p {
	font-size: 1.1em;
	text-align: left;
}

.blogproducts .leading:hover {
	border-color: #999999;
}

.blogproducts .items-leading {
	margin: 0 auto;
	display: block;
	font-family: OfficinaSansBook;
}

.blogproducts .leading h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 1em;
}

.blogproducts .leading p.readmore {
	text-align: center;
	padding: 1em 0em;
	position: absolute;
	bottom: 0em;
	display: block;
	width: 90%;
}

.blogproducts .leading p.readmore a {
	color: #8F5469;
}

.blogproducts .img-intro-left {
	text-align: center;
	height: 15em;
	width: 17.9em;
	display: table-cell;
	vertical-align: middle;
}

.blogproducts .img-intro-left img {
	width: 10em;
}

.pagination {
	text-align: center;
	margin: 2em 0em;
}

.pagination li {
	display: inline-block;

	font-size: 1.2em;
	font-family: OfficinaSansBook;
}

.pagination .number a:hover {
	border-radius: 100%;
	background-color: #AC6C82;
	box-shadow: inset 0em 0.3em 0.6em 0em rgba(105, 54, 72, 0.7);
	color: #ffffff;
}

.pagination li span {
	color: #000000;
	display: block;
	padding: 0.28em 0.7em;
}

.pagination li a {
	color: #8F5469;
	display: block;
	padding: 0.28em 0.7em;
}

.item-pageproducts {
	padding: 2em 4em;
}

.blog-featured p {
	font-size: 1.2em;
}

.item-pageproducts h2 {
	color: #693648;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	border-left: 0.4em solid;
	padding-left: 0.3em;
	margin-bottom: 1em;
}

.item-pageproducts .img-fulltext-left  {
	float: left;
	width: 25%;
	vertical-align: top;
}

.item-pageproducts .img-fulltext-left img  {
	width: 100%;
}

.item-pageproducts .content  {
	float: right;
	width: 70%;
	vertical-align: top;
	font-size: 1.2em;
	font-family: calibri;
}

.item-pageproducts .content p  {
	margin-bottom: 1em;
	text-align: justify;
}

.blog_products {
	color: #000000;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	padding: 1.2em 0em;
	line-height: 1em;
}

.home header .contacts {
	position: absolute;
	z-index: 4;
	width: 100%;
	font-family: OfficinaSansBook;
	letter-spacing: -0.05em;
	line-height: 2.7em;
	color: #993366;
}

.home header .contacts p {
	font-size: 1.2em;
	line-height: 1.2;
}

.home header .contacts .shape {
	color: #993366;
	width: 8.3em;
	display: inline-block;
	text-align: center;
	font-size: 1.2em;
	border: 0.1em solid #993366;
	margin-top: 0.3em;
	line-height: 1.55em;
}

.home header .contacts .shape:hover {
	background: rgba(153, 51, 102, 0.5);
	color: #ffffff;
}

.home header .contacts .scheme {
	font-size: 0.7em;
	color: #993366;
	text-decoration: underline;
}

.home header .contacts .left .scheme {
	margin-left: 0.7em;
}

.home header .contacts .right .scheme {
	margin-right: 0.7em;
}

.home header .contacts .left {
	float: left;
	margin-left: 4.3em;
	margin-top: 1.1em;
}

.home header .contacts .right {
	float: right;
	text-align: right;
	margin-top: 2.7em;
	margin-right: 10em;
}

.home header .logo {
	margin-top: 2.7em;
	position: absolute;
	z-index: 0;
	left: 10em;
}

.home header .logo:after {
	position: absolute;
	width: 17.2em;
	height: 18em;
	left: -2.2em;
	top: -1.6em;
	display: block;
	background: url(/images/logo_after.png) no-repeat;
	background-size: 100%;
}

.home header .logo img {
	margin: 0 auto;
	display: block;
	width: 7em;
}

.home header .logo a {
	display: block;
	margin-top: 2.6em;
}

.home header .logo div {
	width: 9.5em;
	height: 9.5em;
	margin: 0 auto;
	background-color: rgba(184,120,142,0.8);
	border-radius: 100%;
	display: table;
} 

.home header .flexslider .slides li {
	display: none;
	background-size: 100%;
	height: 49.8em;
	background-repeat: no-repeat;
} 

.home header .flexslider .slides li p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 2.5em;
    width: 5em;
    text-align: center;
    margin: -4em auto 0em auto;
    display: block;
    z-index: 10;
    position: relative;
} 
.home header .no-js .slides > li:first-child {
	display: block;
}

.home header .slides:after {
	content: "\0020";
	display: block; 
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.home header .flexslider {
	position: relative;
	overflow: hidden;
	height: 48.4em;
}

.home header .flex-direction-nav a  { 
	display: block; 
	width: 2.5em;
	height: 2.1em; 
	position: absolute;  
	top: 45%;
	z-index: 10; 
	overflow: hidden; 
	opacity: 0; 
	cursor: pointer; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	transition: all .3s ease;
}

.home header .flex-direction-nav .flex-prev {
	left: 3em;
	background: url(../images/rew_left.png) no-repeat;
	background-size: 100%;
}

.home header .flex-direction-nav .flex-next {
	right: 3em;
	background: url(../images/rew_right.png) no-repeat;
	background-size: 100%;
}

.home header .flexslider:hover  .flex-prev { 
	opacity: 1;
	left: 3em;
}

.home header .flexslider:hover .flex-next { 
	opacity: 1;
	right: 3em;
}

.home header .flexslider .flex {
	width: 85em;
	margin: 0 auto;
}

.home header .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.home header .flexslider .slides img {
	width: 100%;
}

.home header .flexslider .reviews {
	margin-top: 1em;
	text-align: justify;
}

header nav {
	background: url(../images/menu.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	z-index: 200;
}

header nav ul.menu {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

header nav .menu li {
	display: inline-block;
	line-height: 4em;
	position: relative;
}

header nav .menu li a, header nav .menu li .separator span {
	font-size: 1.2em;
	font-family: OfficinaSansBook;
	display: block;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
	padding: 0em 1em;
}

header nav .menu li:hover > a, header .menu li.active > a, header nav .menu li:hover > label, header nav .menu li.active span {
	background-color: #993366;
	color: #ffffff;
}

.center header nav .menu li.item-296 {
	background-color: #993366;
	color: #ffffff;
}

.center.li header nav .menu li.item-296 {
	background: none !important;
	color: #ffffff;
}

header nav .menu li label { 
	display: block;
}

header nav .menu ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	text-align: left;
	height: auto;
	background-color: rgba(255,255,255,0.9);
	z-index: 10;
	width: 14em;
}

header nav .menu ul ul {
	top: 0em;
	left: 100%;
}

header nav .menu ul li {
	display: block !important;
	line-height: 2.9em;
	width: 100%;
	position: relative;
}

header nav .menu ul .parent:after {
	content: ">";
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 0.2em;
	right: 0em;
	color: #ffffff;
	font-family: arial;
}

header nav .menu ul li a {
	padding: 0.2em 0em 0em 1em !important;
	color: #944E67;
	font-size: 1.2em;
}

header nav .menu li.parent:hover > ul {
	display: block;
}

.menuleft input, nav .menu input {
	display: none;
}

.menuleft li.parent .block-content {
	overflow: hidden;
	height: 0em;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s lineart;
	-o-transition: all 0.3s lineart;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menuleft input:checked ~ .block-content {
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
	     -o-transition: all 0.3s linear;
	    -ms-transition: all 0.3s linear;
	        transition: all 0.3s linear;
}

.menuleft input:checked ~ .block-content {
	height: 100% !important;
}

.menuleft li.active > label, .menuleft li.active > a, .menuleft li:hover > label, .menuleft li:hover > a {
    color: #ffffff;
    background-color: rgba(153,51,102,1);
}

.menuleft > li:nth-of-type(1) {
    border-top: none;
}

.home .service .left {
	float: left;
	width: 49.5%;
	height: 45.4em;
}

.home .service .right {
	float: right;
	width: 49.5%;
	height: 45.4em;
}

.home .service .right a,
.home .service .left a,
.home .service .right figure,
.home .service .left figure {
	display: block;
	height: 45.5em;
}

.home .service .left.color {
	background-color: #F4C8FC;
}

.home .service .right.color {
	background-color: #FFE3C7;
}

.home .service .left img,
.home .service .right img {
	max-width: 100%;
	display: block;
}

.home .service figure {
	position: relative;
	background-color: rgba(0,0,0,0.5);
	/* background-blend-mode: darken; */
	display: block;
}

.home .service figcaption div {
	position: absolute;
	top: 6%;
	width: 100%;
	display: block;
	color: #ffffff;
	font-family: OfficinaSansBook;
	text-align: center;
}

.home .service figure h3 {
	font-size: 2em;
	width: 80%;
	margin: 5.5em auto 0.2em auto;
	line-height: 1em;
	position: relative;
	z-index: 5;
}

.home .service figure h4 {
	font-size: 3em;
}

.home .service figure img {
	position: relative;
	display: block;
	min-height: 100%;
	background-color: rgba(0,0,0,0.5);
	background-blend-mode: darken;
}

.home .service figure:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0


;
	z-index: 5;
}

.home .service figure.effect-layla figcaption::before,
.home .service figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

.home .service figure.effect-layla figcaption::before {
	top: 3em;
	right: 1.5em;
	bottom: 3em;
	left: 1.5em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.home .service figure.effect-layla figcaption::after {
	top: 1.5em;
	right: 3em;
	bottom: 1.5em;
	left: 3em;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

.home .service figure.effect-layla img,
.home .service figure.effect-layla figcaption::before,
.home .service figure.effect-layla figcaption::after,
.home .service figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.home .service figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.home .service figure.effect-layla:hover figcaption::before,
.home .service figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.home .service figure.effect-layla:hover figcaption::after,
.home .service figure.effect-layla:hover h2,
.home .service figure.effect-layla:hover p,
.home .service figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.center .item-pagecenter .content h2 {
    font-family: OfficinaSansBook;
    margin: 0.8em 0em;
    font-size: 1.2em;
    text-transform: uppercase;
}

.center .item-pagecenter .content {
    padding: 0em 2em;
    text-align: justify;
}

.center .item-pagecenter.margin .content {
    padding: 0em 0em;
    text-align: justify;
}

.center .item-pagecenter .content p, .center .item-pagecenter .content td {
    font-family: calibri;
    margin-bottom: 0.8em;
    font-size: 1.2em;
}

.center .item-pagecenter .content td {
    border: 0.1em solid #dddddd;
    padding: 1em;
}

.center .item-pagecenter .content tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.center .item-pagecenter .content tr:nth-of-type(1) {
    text-align: center;
}

.center .item-pagecenter .content td:nth-of-type(1) {
    text-align: center;
    width: 12%;
}

.center .item-pagecenter .content td:nth-of-type(3) {
    text-align: center;
    width: 18%;
}

.center .item-pagecenter .content table {
    width: 100%;
    border-collapse: collapse;
}

.center .item-pagecenter .content li {
    font-family: calibri;
    font-size: 1.2em;
    list-style-type: disc;
    margin-left: 1.2em;
}

.center .item-pagecenter .content a {
    color: #993366;
}

.center .item-pagecenter .content a:hover {
    text-decoration: underline;
}

.center .item-pagecenter .content li ul li {
    font-family: calibri;
    font-size: 1em;
    list-style-type: circle;
    margin-left: 2.2em;
}

.center .item-pagecenter .content li ul {
    font-family: calibri;
    font-size: 1em;
    list-style-type: circle;
    margin: 0.5em 0em 0.5em 0em;
}

.center .item-pagecenter .content ul {
    margin-bottom: 0.8em;
}

li.spoiler_links {
	list-style-type: none !important;
	margin-left: 0 !important;
	background-color: rgba(153,51,102,0.8);
	padding: 0.5em 1em;
	color: #ffffff;
	cursor: pointer;
	font-family: OfficinaSansBook !important;
	margin: 1em 0em 0em 0em !important;
}

li.spoiler_links:hover, li.spoiler_links.bgcolor {
	background-color: rgba(153,51,102,1);
}

.spoiler.close {
	/* margin: 1em 0em 0em 0em !important; */
	display: block;
}

.spoiler.close .block {
	margin: 1em 0em 0em 0em;
}

.item-297 .block-content {width: 28em;}
.item-298 .block-content {width: 18em;}

.item-pageproducts iframe {
	width: 36em !important;
	height: 20em !important;
}

.item-pagecenter iframe {
	width: 80%;
	height: 30em;
	margin-bottom: 1em;
}

.license {
	width: 100%;
	text-align: center;
}

.license h2, .ad h3 {
	font-family: OfficinaSansBook;
	color: #63112E;
	font-size: 1.2em;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 2em;
	line-height: 2em;
	text-align: center;
	margin: 0.5em 0em 0.2em 0em;
}

.license a {
	display: inline-block;
	width: 44.5%;
	border: 0.1em solid #63112E;
	margin: 0em 0em 1em 0.2em;
}

.license a img {
	display: block;
	width: 100%;
}

.ak a {
	display: inline-block;
	width: 32%;
	margin: 1em 0em 1em 0.5em;
}

.ak a:nth-of-type(1) {
	margin: 1em 0em 1em 0em;
}

.ak img {
	display: block;
	width: 100%;
}

.social {
	width: 100%;
	text-align: center;
}

.social a {
	display: inline-block;
	width: 10%;
	margin: 1em 0em 1em 0.5em;
}

.social a:nth-of-type(1) {
	margin: 1em 0em 1em 0em;
}

.social img {
	display: block;
	width: 100%;
	margin: 0;
}

.ad {
	padding: 0em 5%;
	text-align: center;
	font-family: calibri;
}

.ad img {
	width: 100%;
	display: block;
}

.ad ul {
    margin: 1em 0em;
}

.ad li {
    font-size: 0.9em;
    list-style-type: disc;
    margin-left: 2em;
    text-align: left;
}

.ad p {
    font-size: 0.9em;
    list-style-type: disc;
    text-align: left;
}

.ad li.spoiler_links {
	font-size: 1.2em;
	text-align: center;
}

.victorina {
	z-index: 300;
	height: auto;
	background-color: rgba(105,54,72,0.8);
	border: 0.6em solid #fefefe;
	padding: 2em 0em 1em 0em;
	font-family: OfficinaSansBook;
	width: 100%;
}

.victorina .cme-txt {
	display: block;
	border: none;
	font-size: 2vw;
	text-align: center;
	margin: 0.8em auto;
	text-indent: 0.5em;
	width: 90%;
	font-family: OfficinaSansBook;
	height: 2em;
	line-height: 2em;
}

.victorina h3 {
	font-size: 2.5vw;
	text-align: center;
	color: #fefefe;
	letter-spacing: -0.05em;
	line-height: 1em;
	font-family: OfficinaSansBook;
}

.victorina .cme-btn-place {
	text-align: center;
	display: block;
	margin-bottom: 2.5vw;
}

.victorina .cme-btn {
	width: 40%;
	height: 2em;
	background-size: 100%;
	color: #ffffff;
	font-size: 2vw;
	border: 0.1em solid;
	background-color: transparent;
	font-family: calibri;
}

.victorina .cme-btn:hover {
	background: #915A6D;
}

.articles .item-pagecenter h2,
.articles .item-pagearticles h2 {
	color: #693648;
	font-family: OfficinaSansBook;
	text-transform: uppercase;
	border-left: 0.4em solid;
	padding-left: 0.3em;
	margin-bottom: 1em;
}

.articles .item-pagecenter,
.articles .item-pagearticles {
	padding: 2em 4em;
}

.articles .item-pagecenter .list {
	margin-bottom: 2em;
}

.articles .item-pagecenter .list {
	display: block;
	border-radius: 1em;
	border: 0.1em solid transparent;
	-webkit-transition: border-color 0.3s linear;
	transition: border-color 0.3s linear;
	position: relative;
	padding: 1em;
}

.articles .item-pagecenter .list:hover {
	border-color: #999999;
}

.articles .item-pagecenter .left_img {
	float: left;
	width: 25%;
	vertical-align: top;
}

.articles .item-pagecenter .left_img a {
	display: block;
}

.articles .item-pagecenter .left_img img {
	width: 100%;
	display: block;
}

.articles .item-pagecenter .right_text {
	float: right;
	width: 70%;
	vertical-align: top;
}

.articles .item-pagecenter .right_text p {
	text-align: justify;
	font-size: 1.2em;
	font-family: calibri;
}

.articles .item-pagecenter .right_text a.readmore {
	color: #8F5469;
	font-family: calibri;
}

.articles .item-pagecenter .right_text a.title {
	display: inline-block;
	color: #8F5469;
	font-family: OfficinaSansBook;
	margin: 0em 0em 0.8em 0em;
	font-size: 1.2em;
	text-transform: uppercase;
}

.articles .item-pagecenter .right_text a:hover {
	color: #63112E;
}

.articles .item-pagearticles .content  {
	width: 100%;
	vertical-align: top;
}

.articles .item-pagearticles .content p  {
	margin-bottom: 1em;
	text-align: justify;
	font-size: 1.2em;
	font-family: calibri;
}

.articles .item-pagearticles .content a {
	display: block;
	margin: 0 auto;
}

.articles .item-pagearticles .content img {
	display: block;
	margin: 0 auto;
}

.articles .item-pagearticles .content li {
    font-family: calibri;
    font-size: 1.2em;
    list-style-type: disc;
    margin-left: 1.2em;
}

.articles .item-pagearticles .category-name a {
	display: block;
	color: #8F5469;
	font-family: calibri;
	margin: 0em 0em 0.8em 0em;
	font-size: 1.2em;
}

.articles .item-pagearticles .category-name a:hover {
	color: #63112E;
}