@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;}
	
a {	color: inherit;
text-decoration: none;
	
	}

a:focus {
  border: none;
  outline: none;
}



html { 
    height: 100%;
    margin: 0;
    padding: 0;
	

	
}

body {
	height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: rgba(255, 255, 255, 1.00);
    background-position: top center;
    background-attachment: fixed;
    background-size: cover;
    background-image: url('/wp-content/uploads/2016/02/main-background.png');
}
	


.wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
	
	
	
}


.fullwrapper {
    max-width: 1200px;
	height: 100%;
    margin: 0 auto;
    padding: 0;


}

/*STARTPAGE
_____________________________
*/

/* bodytext*/


.themetext1 {
    clear: both;
    max-width: 70%;
    margin: 0 90px 100px 350px;
    font-family: courier new,courier,monospace;
    font-size: 1.3em;
    line-height: 1.2;
    overflow: auto;
    border: 1px solid #FF6E00;
    padding: 20px;
    text-align: center;
}

themetext1 h3 {
    color: #FF6E00;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}


.themetext1 p:first-letter {
    color: #FF6E00;
padding-left:20px;
   }


.themetext2 {
    max-width: 70%;
    margin: 0 90px 100px 350px;
    font-family: courier new,courier,monospace;
    font-size: 1.3em;
    line-height: 1.2;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 1.00);
    padding: 20px;
}


.themetext2 h3 {
    color: #FF6E00;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}

.themetext2 p {padding-bottom: 20px;}

.themetext2 p:first-letter {
    color: #FF6E00;
padding-left:20px;
   }

.themetext2 ul {list-style-type: circle; padding-left: 20px;}
.themetext2 li {color: rgba(255, 255, 255, 1.00);}


/* ENDbodytext*/
.themetext3 {
    clear: both;
    max-width: 100%;
    margin: 40px;
    font-family: courier new,courier,monospace;
    font-size: 1.3em !important;
    line-height: 1.2;
    overflow: auto;
    border: 1px solid #FF6E00;
    padding: 20px;
    text-align: center;
}


.themetext3 p:first-letter {
    color: #FF6E00;
padding-left:20px;
   }


.themetext4 {
    max-width: 100%;
    margin: 40px;
    font-family: courier new,courier,monospace;
    font-size: 1.3em !important;
    line-height: 1.2;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 1.00);
    padding: 20px;
}


.themetext3 h1 {
    color: #FF6E00;
    font-size: 1.2em !important;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}

.themetext4 h2 {
    color: #FF6E00;
    font-size: 1.2em !important;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}

.themetext4 h3 {
    color: #FF6E00;
    font-size: 1.1em !important;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}

.themetext4 p {padding-bottom: 20px !important;}

.themetext4 p:first-letter {
    color: #FF6E00;
padding-left:20px;
   }

.themetext4 ul {list-style-type: circle; padding-left: 20px;}

.sld {margin: 20px 0 80px 0;}

.logo {
    text-align: center;
}
.logo img {
    width: 250px;
}
.genderselect {
    text-align: center;
}
.gender {
    margin: 0 10px 0;
    display: inline-block;
}
.gender p {
    padding-top: 23px;
}
.sign {
    margin: 0 auto 23px;
    width: 3px;
    height: 40px;
    background-color: grey;
    visibility: hidden;
    background-color: rgba(255, 110, 0, 1.00);
    box-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
    transition: transform 2s, opacity 2s;
    opacity: 0;
}
.genderselect img {
    max-width: 150px;
    border-radius: 50%;
    border: 3px solid grey;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}



.gender:hover img {
    border: 3px solid rgba(255, 110, 0, 1.00);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    box-shadow: 0 0 15px rgba(255, 110, 0, 1.00);
    cursor: pointer;
}


.gender:hover p {
    color: rgba(255, 110, 0, 1.00);
    text-shadow: 0 0 15px rgba(255, 110, 0, 1.00);
    cursor: pointer;
}
.gender:hover .sign {
    visibility: visible;
    opacity: 1;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



.maincontainer {
    width: 100%;
    height: 100%;
    display: table;
	font-family: "Open Sans";
}
.holder {
text-align: center;
    display: table-cell;
    vertical-align: middle;
	
}
.dummyholder {
margin-left: 285px;
height: 100%;

}

.anotherlogo {
	padding-top: 50px;
 }
	
.anotherlogo img {
	width: 250px; }

.story {
	font-family: "Open Sans Light";
    font-size: 1.6em;
	padding: 50px 5% 0;
	margin-bottom: 50px;
	text-align: justify;
	border-right: 1px solid rgba(255, 110, 0, 1.00);
	}
	
.story span {
	color: rgba(255, 110, 0, 1.00);
}



/*END STARTPAGE
_____________________________
*/






.tablecenter {
position: relative;
top: 50%;
 transform: translateY(-50%);
    margin-left: 285px;
}

.content {

    margin-left: 285px;
}

.content img {
width: 250px;
}

.pricecenter {

	padding-top: 134px;
    margin-left: 285px;
}



.table_price {
margin: auto;
text-transform: uppercase;
font-family: "Open Sans";
text-align: left;
border-collapse: separate;
border-spacing: 30px;
}



.table_price span {
	text-transform: lowercase;}
	
.table_price th {
	font-size: 1.6em;
	color: rgba(255, 110, 0, 1.00);
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255, 110, 0, 1.00);
	 
	}

.table_price tr, td {
	color: inherit;
	 }
.table_price td:first-child {
	width: 400px;
	 }	
	 
.table_price td:nth-child(2n) {
	color: rgba(255, 110, 0, 1.00); }

.table_price td:nth-child(3) {
	color: rgba(255, 110, 0, 1.00); }

	 

.table_contacts {
	margin: auto;
	border-collapse: separate;
    border-spacing: 20px;
	font-family: Arial;
    color: rgba(255,255,255,1.00);
    font-size: 1.6em;
	}
	
table a:-webkit-any-link {
    color: rgba(255,255,255,1.00);
    text-decoration: underline;
    cursor: pointer;
}

table img {

width: 53px;
height: 53px;
margin-right: 50px;}	

td {
	vertical-align: middle;
}

aside, .content img {
	display: block;
	margin: auto;
	}

sup {
	font-size: 0.5em;
	}
	
.container {
    margin: 105px 50px 50px 0;
    text-align: center;
    float: right;
    width: 510px;
}
.service {
    font-family: "Open Sans";
    font-size: 0.875em;
    text-transform: uppercase;
    float: left;
    text-align: center;
    color: rgba(255, 255, 255, 1.00);
}
.haircut {
    border-right: 1px solid rgba(255, 110, 0, 1.00);
    border-bottom: 1px solid rgba(255, 255, 255, 1.00);
}
.service img {
    width: 250px;
    height: 250px;
    transition: all 1s;
}
.service img:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.service:hover {
    color: rgba(255, 110, 0, 1.00);
}

.service:active {
	text-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
}
.goods {
    border-left: 1px solid rgba(255, 110, 0, 1.00);
}
.mobiletext {
    display: none;
}
.nails {
    border-bottom: 1px solid rgba(255, 255, 255, 1.00);
}
.name {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    text-transform: uppercase;
    color: rgba(255, 110, 0, 1.00);
    font-size: 1.6em;
}
.name p {
    padding: 0 20px;
}
.themetext {
    width: 65%;
    clear: both;
    margin: 0 0 100px 199px;
    font-family: "Open Sans Light";
    font-size: 1.6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.themetext p {
    padding-left: 100px;
}

.slider {
    display: table;
    width: 100%;
    height: 100%;
	position: absolute;
	z-index: -50;

}
.itemslider {
    display: table-cell;
    vertical-align: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;

	
}

.formen {
	background-image: url(../images/menslider.jpg);
}
.forwomen {
	background-image: url(../images/womenslider.jpg);
}
.forkids {
	background-image: url(../images/kidslider.jpg)
}
.cubebtn {
	display: none;}


/*MENU
_____________________________
*/

.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
  transition: 250ms all;
}

.menu-opener {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 36px;
position: fixed;
  top: 35px;
  left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 36px;
  z-index: 1001;
 
}

.menu-opener-inner {

  background: #fff;
  height: 2px;
  width: 36px;
z-index: 1001;
-webkit-transition: 10ms all;
transition: 10ms all;


}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: white;
  content: '';
  display: block;
 height: 2px;
 width: 36px;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.menu-opener-inner.active {
  background: transparent;
-webkit-transition: 10ms all;
transition: 10ms all;
 
}

.menu-opener-inner.active::before {
  -webkit-transform: translateY(0rem) rotate(-45deg);
  -ms-transform: translateY(0rem) rotate(-45deg);
  transform: translateY(0rem) rotate(-45deg);
; 
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-1.7px) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-1.7px) translateX(0rem) rotate(45deg);
  transform: translateY(-1.7px) translateX(0rem) rotate(45deg);

}


.menu {
position: fixed;
 padding-top: 100px;
top: 0;
left: 0;
  background: rgba(0,0,0,1.00);
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1000;
  width: 30%;
  -ms-transform: translateX(-100%); /* IE 9 */
   -webkit-transform: translateX(-100%); /* Safari */
    transform: translateX(-100%);
  -webkit-transition:  1.2s; 
    transition: 1.2s;
text-align: center;
  display: block;
  font-family: "Open Sans";
  font-size: 1.6em;
  text-transform: uppercase;
 
}

.menu.active {
  display: block;
  -ms-transform: translateX(0); /* IE 9 */
   	-webkit-transform: translateX(0); /* Safari */
    transform: translateX(0);
  -webkit-transition: 1.2s; 
    transition: 1.2s;

  
}

.menu, .menu-link {
  color: white;
}

.menu a {
display: block;
}
	


.menu > li a {
padding: 15px;

}

.sub-menu > li {

font-size: 12px;
color: rgba(255,255,255,1.00);
}

.menu > li:hover {
color: rgba(255, 110, 0, 1.00);
text-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
}


.sub-menu > li:hover {

 background-color: rgba(255, 110, 0, 1.00);
color: white;	
text-shadow: none;



}

.sub-menu > li:active {

 background-color: rgba(255, 110, 0, 1.00);
color: white;	
text-shadow: none;
}


/* ENDMENU*/




table {
	border-collapse: collapse;
	border-spacing: 0;}
	
a {	color: inherit;
text-decoration: none;
	
	}

a:focus {
  border: none;
  outline: none;
}



html { 
    height: 100%;
    margin: 0;
    padding: 0;
	

	
}

.genderselect {
    text-align: center;
}
.gender {
    margin: 0 10px 0;
    display: inline-block;
}
.gender p {
    padding-top: 23px;
}
.sign {
    margin: 0 auto 23px;
    width: 3px;
    height: 40px;
    background-color: grey;
    visibility: hidden;
    background-color: rgba(255, 110, 0, 1.00);
    box-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
    transition: transform 2s, opacity 2s;
    opacity: 0;
}
.genderselect img {
    max-width: 150px;
    border-radius: 50%;
    border: 3px solid grey;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}



.gender:hover img {
    border: 3px solid rgba(255, 110, 0, 1.00);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    box-shadow: 0 0 15px rgba(255, 110, 0, 1.00);
    cursor: pointer;
}


.gender:hover p {
    color: rgba(255, 110, 0, 1.00);
    text-shadow: 0 0 15px rgba(255, 110, 0, 1.00);
    cursor: pointer;
}
.gender:hover .sign {
    visibility: visible;
    opacity: 1;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}



.maincontainer {
    width: 100%;
    height: 100%;
    display: table;
	font-family: "Open Sans";
}
.holder {
text-align: center;
    display: table-cell;
    vertical-align: middle;
	
}
.dummyholder {
margin-left: 285px;
height: 100%;

}

.dummytext {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
font-family: "Open Sans";
     font-size: 1em;
    line-height: 2;
text-align: center;
}

.logo svg {
	width: 250px;}
.textholder {

font-family: "Open Sans";
    display: table;
    height: 100%;
    width: 100%;
    font-size: 1em;
    text-align: justify;
    line-height: 2;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}
.text {
	
    display: table-cell;
    vertical-align: middle;
    padding: 5%;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}

.anotherlogo {
	padding-top: 50px;
 }
	
.anotherlogo img {
	width: 250px; }

.story {
	font-family: "Open Sans Light";
    font-size: 1.6em;
	padding: 50px 5% 0;
	margin-bottom: 50px;
	text-align: justify;
	border-right: 1px solid rgba(255, 110, 0, 1.00);
	}
	
.story span {
	color: rgba(255, 110, 0, 1.00);
}



/*END STARTPAGE
_____________________________
*/




.hidden {
    display: none;
    font-family: Arial;
    text-transform: uppercase;
    color: rgba(255, 110, 0, 1.00);
    font-size: 1.6em;
}


aside {
	height: 100%;
    float: left;
    width: 285px;
	position: fixed;
	z-index: -100;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	
}

#notfixed {
	height: 100%;
    float: left;
    width: 285px;
	position: static;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	}

.first {
    width: 200px;
    height: 165px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.second {
    width: 285px;
    height: 170px;
}
.cube {
    width: 170px;
    height: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 1.00);
    margin-left: 115px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    text-transform: uppercase;
    color: rgba(255, 110, 0, 1.00);
    font-size: 1.6em;
	text-align: center;
	
}


.cube img {

width: 80%;
height: 80%;

}

.cubebutton {
	width: 170px;
    height: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 115px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    text-transform: uppercase;
    background-color: rgba(255, 110, 0, 1.00);
	color: rgba(255,255,255,1.00);
    font-size: 1.6em;
	text-align: center;
	}
	

.cubebutton:hover {
	
	background-color: rgba(255,255,255,1.00);
	color:rgba(255, 110, 0, 1.00);
}


.third {
    height: 75px;
    width: 200px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.prelight {
	width: 200px;
	height: 105px;
	border-right: 1px solid rgba(255,255,255,1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;}

.light {
	width: 200px;
	height: 105px;
	position: relative;
    }
	

.lightline {
	width: 1px;
	height: 100%;
	 box-shadow: 0 0 10px rgba(255, 110, 0, 1.00);
	border-right: 1px solid rgba(255, 110, 0, 1.00);
	position: absolute;
	right: 0;
	}

.fourth {
    height: 100%;
    width: 200px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.tablecenter {
position: relative;
top: 50%;
 transform: translateY(-50%);
    margin-left: 285px;
}

.content {

    margin-left: 285px;
}

.content img {
width: 250px;
}

.pricecenter {

	padding-top: 134px;
    margin-left: 285px;
}



.table_price {
margin: auto;
text-transform: uppercase;
font-family: "Open Sans";
text-align: left;
border-collapse: separate;
border-spacing: 30px;
}



.table_price span {
	text-transform: lowercase;}
	
.table_price th {
	font-size: 1.6em;
	color: rgba(255, 110, 0, 1.00);
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255, 110, 0, 1.00);
	 
	}

.table_price tr, td {
	color: inherit;
	 }
.table_price td:first-child {
	width: 400px;
	 }	
	 
.table_price td:nth-child(2n) {
	color: rgba(255, 110, 0, 1.00); }
	
		 

.table_contacts {
	margin: auto;
	border-collapse: separate;
    border-spacing: 20px;
	font-family: Arial;
    color: rgba(255,255,255,1.00);
    font-size: 1.6em;
	}
	
table a:-webkit-any-link {
    color: rgba(255,255,255,1.00);
    text-decoration: underline;
    cursor: pointer;
}

table img {

width: 53px;
height: 53px;
margin-right: 50px;}	

td {
	vertical-align: middle;
}

aside, .content img {
	display: block;
	margin: auto;
	}

sup {
	font-size: 0.5em;
	}
	
.container {
    margin: 105px 50px 50px 0;
    text-align: center;
    float: right;
    width: 510px;
}
.service {
    font-family: "Open Sans";
    font-size: 0.875em;
    text-transform: uppercase;
    float: left;
    text-align: center;
    color: rgba(255, 255, 255, 1.00);
}
.haircut {
    border-right: 1px solid rgba(255, 110, 0, 1.00);
    border-bottom: 1px solid rgba(255, 255, 255, 1.00);
}
.service img {
    width: 250px;
    height: 250px;
    transition: all 1s;
}
.service img:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.service:hover {
    color: rgba(255, 110, 0, 1.00);
}

.service:active {
	text-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
}
.goods {
    border-left: 1px solid rgba(255, 110, 0, 1.00);
}
.mobiletext {
    display: none;
}
.nails {
    border-bottom: 1px solid rgba(255, 255, 255, 1.00);
}
.name {
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    text-transform: uppercase;
    color: rgba(255, 110, 0, 1.00);
    font-size: 1.6em;
}
.name p {
    padding: 0 20px;
}

.themetext p {
    padding-left: 100px;
}

.slider {
    display: table;
    width: 100%;
    height: 100%;
	position: absolute;
	z-index: -50;

}
.itemslider {
    display: table-cell;
    vertical-align: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;

	
}

.formen {
	background-image: url(../images/menslider.jpg);
}
.forwomen {
	background-image: url(../images/womenslider.jpg);
}
.forkids {
	background-image: url(../images/kidslider.jpg)
}
.cubebtn {
	display: none;}


/*MENU
_____________________________
*/

.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
  -webkit-transition: 250ms all;
  transition: 250ms all;
}

.menu-opener {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  height: 36px;
position: fixed;
  top: 35px;
  left: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 36px;
  z-index: 1001;
 
}

.menu-opener-inner {

  background: #fff;
  height: 2px;
  width: 36px;
z-index: 1001;
-webkit-transition: 10ms all;
transition: 10ms all;


}
.menu-opener-inner::before, .menu-opener-inner::after {
  background: white;
  content: '';
  display: block;
 height: 2px;
 width: 36px;
}
.menu-opener-inner::before {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.menu-opener-inner::after {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
}

.menu-opener-inner.active {
  background: transparent;
-webkit-transition: 10ms all;
transition: 10ms all;
 
}

.menu-opener-inner.active::before {
  -webkit-transform: translateY(0rem) rotate(-45deg);
  -ms-transform: translateY(0rem) rotate(-45deg);
  transform: translateY(0rem) rotate(-45deg);
; 
}
.menu-opener-inner.active::after {
  -webkit-transform: translateY(-1.7px) translateX(0rem) rotate(45deg);
  -ms-transform: translateY(-1.7px) translateX(0rem) rotate(45deg);
  transform: translateY(-1.7px) translateX(0rem) rotate(45deg);

}





.menu {
position: fixed;
 padding-top: 100px;
top: 0;
left: 0;
  background: rgba(0,0,0,1.00);
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1000;
  width: 30%;
  -ms-transform: translateX(-100%); /* IE 9 */
   -webkit-transform: translateX(-100%); /* Safari */
    transform: translateX(-100%);
  -webkit-transition:  1.2s; 
    transition: 1.2s;
text-align: center;
  display: block;
  font-family: "Open Sans";
  font-size: 1.6em;
  text-transform: uppercase;
 
}

.menu.active {
  display: block;
  -ms-transform: translateX(0); /* IE 9 */
   	-webkit-transform: translateX(0); /* Safari */
    transform: translateX(0);
  -webkit-transition: 1.2s; 
    transition: 1.2s;

  
}

.menu, .menu-link {
  color: white;
}

.menu a {
display: block;
}
	


.menu > li a {
padding: 15px;

}

.sub-menu > li {

font-size: 12px;
color: rgba(255,255,255,1.00);
}

.menu > li:hover {
color: rgba(255, 110, 0, 1.00);
text-shadow: 0 0 5px rgba(255, 110, 0, 1.00);
}


.sub-menu > li:hover {

 background-color: rgba(255, 110, 0, 1.00);
color: white;	
text-shadow: none;



}

.sub-menu > li:active {

 background-color: rgba(255, 110, 0, 1.00);
color: white;	
text-shadow: none;
}


/* ENDMENU*/


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
.gender:hover img {
	
 border: 3px solid gray;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    box-shadow: none;
    cursor: pointer;

}

.gender:hover p {
    color: white;
    text-shadow: none;
    cursor: pointer;
}
.gender:hover .sign {
    visibility: hidden;
    opacity: 1;
	-ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

	
}




@media screen and (max-width: 1245px) {



.story {
	
	border-right: none;
	}

}

@media screen and (max-width: 870px) {

    html, body{
        height: auto;
    }

.menu {
display: none;
position: relative;
 padding-top: 40px;
top: 0;
left: 0;
  -webkit-user-select: none;

  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}


.pricecenter {
margin-left: 0;
padding-top: 40px;}

.dummyholder {
margin-left: 0;
}

 aside {
        display: none;
    }
  
	
	.content {
        margin-left: 0;
    }
    .container {
        margin: 0 auto 0;
        padding-top: 50px;
        text-align: center;
        float: none;
        width: 510px;
    }

    .section.group img{
        max-width: 100%;
        height: auto;
    }
  
.themetext1 {
max-width: 90% !important;
margin: 0 auto 20px !important;
font-size: 1.2em !important;
}

.themetext2 {
max-width: 90% !important;
margin: 0 auto 20px !important;
font-size: 1.2em !important;
}

.themetext3 {
    max-width: 90% !important;
        margin: 0 auto 20px !important;
    font-size: 1.2em !important;
            }

.themetext4 {
    max-width: 90% !important;
       margin: 0 auto 20px !important;
font-size: 1.2em !important;
            }

    .themetext {
        padding: 50px 0 50px;
        clear: both;
        margin: 0 auto 0;
        width: 90%;
        font-family: "Open Sans Light";
        font-size: 1.6em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

.themetext p {
    padding-left: 0;	
}


    .lastline {
        display: none;
    }
	
.tablecenter {
	margin-left: 0;
	 transform: none;
	}


.cubebtn {
	display: block;
	width: 100%;
	text-align: center;
	background-color: rgba(255, 110, 0, 1.00);
	position: absolute;
	bottom: 0; 
}

.cubebtn p {
	padding: 25px;
	font-size: 1.6em;
	text-transform: uppercase;
	font-family: Arial;
	line-height: 1.2;
	}

.fullwrapper {
	/* overflow: visible; */
    padding: 75px 10px;
    height: auto;
}



.fullwrapper table{
    max-width: 100%;
    border-spacing: 10px 20px;
    font-size: 14px;
    line-height: 19px;
}


.story {
	
	border-right: none;
	}

.menu {
	width: 100%;}

.menu-opener {
 position: absolute;

}

}

@media screen and (max-width: 600px) {



    .name {
        display: none;
    }

    .haircut {
        border-right: none;
        border-bottom: none;
    }
    .goods {
        border-left: none;
    }
    .mobiletext {
        display: block;
    }
    .desktoptext {
        display: none;
    }
    .nails {
        border-bottom: none;
    }
   .container {
        width: 250px;
    }
    .hidden {
        text-align: center;
        display: block;
        padding-top: 45px;
    }
    .themetext {
        padding: 50px 0 50px;
    }
    .lightline {
        display: none;
    }
    .themetext p {
        padding-left: 0;
    }
    .lastline {
        display: none;
    }
	
}




@media screen and (max-width: 400px) {
    .hidden {
        padding-top: 40px;
           display: flex;
    align-items: center;
    justify-content: center;
    }
	
	table svg {
	margin-right: 15px;}
	
	
	table img {
margin-right: 0;}


.hidden {
padding-top: 80px;}

.sub-menu > li {
padding: 20px;
border-bottom: 1px solid white;
}

.sub-menu > li:first-of-type {
padding: 20px;
border-top: 1px solid white;

}


.table_price3 {
	width:100%;
	border-spacing: 10px;
}

.table_price3 th {
width:19%;
font-size: 1.2em !important;
}

.table_price3 td {
width:19%;
}

.table_pricetitle2 {
    font-size: 1.1em !important;
    color: rgba(255, 110, 0, 1.00) !important;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 110, 0, 1.00)!important;
}

	
}

/* specblock*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
        text-align: center;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.section.group img {border: 2px solid #FF6E00;}
.pricecenter h2 {color: #FF6E00; font-size: 1.5em; text-transform: uppercase; padding:20px; text-align: center;}
.section.group h3 {color: #FF6E00; font-size: 1.2em; text-transform: uppercase; padding:10px;}
.zap {text-transform: uppercase; padding: 10px;}
.zaptel {padding-bottom: 40px; color: #FF6E00; font-size: 1.3em; }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 48.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}



/* ENDspecblock*/

/* logo2*/
.cube2 {
    width: 170px;
    height: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 1.00);
    margin-left: 115px;
    font-family: Arial;
    font-size: 1em;
	text-align: center;
	
}

.cube2 img {background-blend-mode: hard-light;}


.cube3 {
    width: 170px;
    height: 170px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, 1.00);
    margin-left: 115px;
    font-family: Arial;
    font-size: 1em;
    text-align: center;
	
}

.first2 {
    width: 200px;
    height: 100px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.second2 {
    width: 285px;
    height: 170px;
}

.first3 {
    width: 200px;
    height: 75px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.second3 {
    width: 285px;
    height: 170px;
}

.third2 {
    height: 75px;
    width: 200px;
    border-right: 1px solid rgba(255, 255, 255, 1.00);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.secondp {padding-bottom:10px;}
.secondp2 {}

.textbody {

}

/* ENDlogo2*/


@media screen and (max-height:800px){

.table_contacts {
   
    font-size: 1.4em;
}

.menu {
font-size: 1.6em;
padding-top: 40px;
}

.menu > li a {
    padding: 10px;
}

}

.table_price3 {
    font-family: courier new,courier,monospace;
    text-align: left;
    border-collapse: separate;
    border-spacing: 20px;
   
}

.table_price3 th {
    font-size: 1.6em;
    color: rgba(255, 110, 0, 1.00);
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 110, 0, 1.00);
}

.table_price3 tr, td {
	color: inherit;
	 }
.table_price3 td:first-child {
	width: 400px;
     
        color: rgba(255, 255, 255, 1.00);

	 }	
	 
.table_price3 td {
	color: rgba(255, 110, 0, 1.00); }


.div_price3 { 
overflow: auto;
}

.table_pricetitle2 {
    font-size: 1.2em;
    color: rgba(255, 110, 0, 1.00) !important;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 110, 0, 1.00)!important;
}