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;
  vertical-align: baseline; }
/* 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; }
/* End of Eric Meyer's CSS Reset */
html {
  height: 100%; overflow:hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }
body {
  font: 14px/18px 'Open Sans', sans-serif;  
   overflow-x: hidden;
}
.all_a{
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
}
.fullscreen-bg__video {
   /* position: fixed; */
   position:absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 2;
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);   
   transition: 1s opacity;
   display:none;
}
.wrapper{
   position:absolute;
   width:100%;
   height:100%;
   left:0;
   top:0;
   overflow:hidden;
}
.wrapper_bg{   
   display:none;
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   z-index: 1;
   background: url('../images/main_bg.jpg') no-repeat center center;
   background-size: cover;
}
.over_bg{
   position: fixed;
   /* position:absolute; */
   width:100%;
   height:100%;
   top:0;
   left:0;
   background:url(../images/over_bg.png);
   z-index: 2;
}
.menu_block{   
   position: absolute;
   width:320px;   
   height:100%;
   top:0;
   left:0;
   background:#fff;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
   z-index:1001;
   overflow-y:auto;
   -webkit-overflow-scrolling: touch;
}
.menu_logo, .menu_logo2{ 
   display:block;
   position: absolute;
   z-index:1000;
   top:100%;   
   left:65px;    
   height:180px;
   width:170px;
   margin-left:0; 
   background:url(../images/logo.png) no-repeat center center;
   background-size:auto 100%;
}
.menu_logo.hide{
   opacity:0;
   visibility:hidden;
}
.menu_logo2{
   display:none;
   position:absolute;
   top:auto;
   left:auto;
   margin:50px 0 50px 65px;
}
.menu-button {
   display: none;
   position: absolute;
   margin: 15px 8px;   
   left: 10px;   
   width: 25px;
   height: 20px; 
   -webkit-transition-duration: .5s; 
   -o-transition-duration: .5s; 
   -moz-transition-duration: .5s; 
   transition-duration: .5s;
   z-index:1000;
}
.burger-icon {
   position: relative;
   margin-top: 8px;
   margin-bottom: 8px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none; 
}
.burger-icon, .burger-icon::before, .burger-icon::after {
   display: block;
   width: 25px;
   height: 5px;
   background-color: #07a479;
   -webkit-transition-property: background-color, -webkit-transform;
   transition-property: background-color, -webkit-transform;
   transition-property: background-color, transform;
   transition-property: background-color, transform, -webkit-transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s; 
}
.burger-icon::before, .burger-icon::after {
   position: absolute;
   content: ""; 
}
.burger-icon::before {
   top: -8px; 
}
.burger-icon::after {
   top: 8px; 
}
.menu-button.is-active .burger-icon {
   background-color: transparent; 
}
.menu-button.is-active .burger-icon::before {
   -webkit-transform: translateY(8px) rotate(45deg);
   -ms-transform: translateY(8px) rotate(45deg);
   transform: translateY(8px) rotate(45deg); 
}
.menu-button.is-active .burger-icon::after {
   -webkit-transform: translateY(-8px) rotate(-45deg);
   -ms-transform: translateY(-8px) rotate(-45deg);
   transform: translateY(-8px) rotate(-45deg); 
}
.main_content{
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   left:0;
   right:0;
   box-sizing:border-box;
   z-index:1000;
   margin:auto;
   overflow: hidden;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
}
.main_content.menu_open{
   padding-left:320px;
}
.header{   
   position: fixed;
   width:100%;
   height:50px;   
   top:0;
   left:0;   
   -webkit-transition-duration: .5s; 
   -o-transition-duration: .5s; 
   -moz-transition-duration: .5s; 
   transition-duration: .5s;
   z-index: 1001;
}
.hide_header.hide{
   background:none;
}
.main_menu{
   width:200px;   
   margin:260px auto 30px auto;   
   z-index:1001;
}
.main_menu li{
   display:block;
}
.main_menu li a{
   color:#000;
   font-size: 16px;
   text-transform:uppercase;
   text-indent: 20px;
   display:block; 
   width:100%;
   height:30px;
   margin:15px 0;
   line-height:30px;
   text-decoration:none;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
}
.main_menu li a.category{
   margin:15px 0 0 0;
}
.main_menu li a:hover, .main_menu li a.active{
   color:#666;
}
.main_menu li ul{
   margin-left:10px;
   max-height: 0;
   overflow:hidden;
   display:block;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
}
.main_menu li ul.show{   
   max-height: 175px;   
}
.main_menu li ul li a{
   font-size:14px;
   line-height:16px;
   height:auto;
   margin: 10px 0;
   text-indent:0px;
   text-transform:none;
}
.menu_record_link{
   display:block; 
   width:210px;
   height:50px;
   border:2px solid #009999;
   color:#000;
   font-size:16px;
   line-height:50px;
   border-radius:25px;
   -webkit-border-radius:25px;
   -moz-border-radius:25px;
   text-decoration: none;
   margin:0 auto;
   text-transform:uppercase;  
   text-indent:5px; 
}
.menu_adress{
   width:220px;
   height:70px;
   margin:10% auto 0 auto;
   font-weight:600;
}
.menu_adress .phone{
   font-size:21px;
   color:#009999;
   display:block;
   line-height:21px;
}
.menu_adress .address{
   font-size:16px;   
}
.page{
   position:relative;
   display:table;
   width:100%;
   height:100%;
}
.page p{
   color:#fff;
   font-size:18px;
   line-height:25px;
}
.main_page{
   position:absolute;
   top:0;   
   bottom:0;
   left:0;
   right:0;
   width:60%;
   height:400px;   
   margin:auto;
   z-index:3;
   line-height:50;
   
}
.record_link{
   display:block;
   width:320px;
   height:60px;
   border:4px solid #00cccc;
   border-radius:30px;
   text-align:center;
   line-height:60px;
   font-size:24px;
   color:#00cccc;
   text-decoration:none;
   text-transform:uppercase;
   margin:70px auto 0 auto;
   outline:none;
}
#record_form button{
   background:none;
   box-sizing:border-box;
   cursor:pointer;
   line-height:56px;
   margin: 20px auto 0 auto;
}
.record_link:hover, #record_form button:hover{
   background:#00cccc;
   color:#fff;
}
.cat_list a{
   display:block;
   position:absolute;
   width:33.333%;
   height:50%;
   float:left;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
   overflow:hidden;
}
.cat_list a div{
   position:absolute;
   width:100%;
   height:100%;
   left:0;
   top:0;
   -webkit-transition-duration: .3s; 
   -o-transition-duration: .3s; 
   -moz-transition-duration: .3s; 
   transition-duration: .3s;
}
a.cat_srtigka{   
   top:0;
   left:0;
}
a.cat_srtigka div{
   background:url(../images/strigka_bg.jpg) no-repeat center center;
   background-size:cover;
}
a.cat_kupanie{  
   top:0;
   left:33.333%;
}
a.cat_kupanie div{
   background:url(../images/cupanie_bg.jpg) no-repeat center center;
   background-size:cover;
}

a.cat_express_linka{   
   top:0;
   left:66.666%;
}
a.cat_express_linka div{
   background:url(../images/express_linka.jpg) no-repeat center center;
   background-size:cover;
}

a.cat_strigka_nogtey{   
   top:50%;
   left:33.333%;
}
a.cat_strigka_nogtey div{
   background:url(../images/opdstriganie.jpg) no-repeat center center;
   background-size:cover;
}

a.cat_gigiena{   
   top:50%;
   left:0;
}
a.cat_gigiena div{
   background:url(../images/gigiena_bg.jpeg) no-repeat center center;
   background-size:cover;
}
a.cat_other{   
   top:50%;
   left:66.666%;
}
a.cat_other div{
   background:url(../images/other_bg.jpg) no-repeat center center;
   background-size:cover;
}
.cat_list a span{
   display:block;
   width:100%;
   height:100%;
   position:absolute;
   background:url(../images/over_bg.png);
   color:#fff;
   text-align:center;
   -webkit-transition-duration: .5s; 
   -o-transition-duration: .5s; 
   -moz-transition-duration: .5s; 
   transition-duration: .5s;
   opacity:1;
}
.cat_list a p{
   display: block;
   font-size:22px;
   bottom:15%;
   text-align:center;
   position:absolute;
   width:100%;
}
.cat_list i{
   position:absolute;
   top:30%;
   left:0;
   right:0;
   margin:auto;
   z-index:100;
}
.cat_list a:hover{
   background-size:auto 105%;
}
.cat_list a:hover span{
   opacity:0;
}
.cat_list a:hover div{
   transform:scale(1.1);
}
.cat_list a i{
   display:block;
   position:absolute;
   left:0;
   top:0;
   right:0;
   bottom:0;
   margin:auto;
   width:40%;
   height:60%;
   background-size:100%;
   background-repeat:no-repeat;
   background-position:center center;
}
.cat_srtigka i{
   background-image: url(../images/srtigka_icon.png);   
}
.cat_kupanie i{
   background-image: url(../images/kupanie_icon.png);   
}
.cat_express_linka i{
   background-image: url(../images/express_linka_icon.png);   
}
.cat_strigka_nogtey i{
   background-image: url(../images/strigka_nogtey_icon.png);   
}
.cat_gigiena i{
   background-image: url(../images/gigiena_icon.png);   
}
.cat_other i{
   background-image: url(../images/other_icon.png);   
}

.menu_icons {
   background-image: url(../images/menu_icon.png);
   background-repeat: no-repeat;
   display: block;
   background-size:126%;
   float:left;
}
.contact {
   width: 30px;
   height: 30px;
   background-position: -4px -4px;
}
.gallery {
   width: 30px;
   height: 30px;
   background-position: -4px -42px;
}
.home {
   width: 30px;
   height: 30px;
   background-position: -4px -79px;
}
.price {
   width: 30px;
   height: 30px;
   background-position: -3px -117px;
}
.record {
   width: 30px;
   height: 30px;
   background-position: -4px -154px;
   margin:10px 20px;
}
.service {
   width: 30px;
   height: 30px;
   background-position: -4px -192px;
}
.maps_block, .map{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
}
.maps_block:after, .maps_block:before{
   content:'';
   width:100%;
   display:block;
   position:absolute;
   height:25%;
   top:0;
   left:0;
   background:rgba(0,0,0,0.5);
   z-index:1;
}
.maps_block:before{
   bottom:0;
   top:auto;
}
.contact_block{
   position:absolute;
   z-index:2;
   color:#fff;
   top:8%;
   left:10%;
   font-size:16px;
}
.contact_title{
   font-size:24px;
   margin-bottom:20%;
}
.contact_block .phone{
   display:block;
   font-size:21px;
   line-height:22px;
   margin-bottom:5px;
}
.categorylink_line{
   width:100%;   
   text-align:center;
   margin:60px 0 50px 0;
}
.categorylink_line a{
   display: inline-block;
   color:#fff;
   font-size:18px;
   line-height:18px;
   margin:10px 0;
   position:relative;
}
.categorylink_line a.active{
   text-decoration:none;
}
.categorylink_line i{   
   display:inline-block;
   width:3px;
   height:3px;
   background:#fff;
   border-radius:50%;
   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   margin:3px 4%;
}
.category_item_content{
   z-index:3;
   position: relative;
}
div.cetegory_item{
   display:none;
}
div.cetegory_item.show{
   display:block;
}
.category_content_text{
   width:85%;
   color:#fff;
   margin:0 auto;
}
.category_image{
   float:right;
   width:310px;
   height:314px;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   margin:0 0 50px 100px;
}
.category_content_text .title, .page_gallery .title{
   font-size:24px;
   margin:25px 0;
   color:#fff;
}
.category_content_text p{
   font-size:16px;
   line-height:16px;
   padding-bottom:25px;
}
.close_category{
   position:absolute;
   display:block;
   width:70px;
   height:70px;
   background:#000;
   color:#fff;
   font-weight:700;
   text-align:center;
   line-height:70px;
   font-size:46px;
   right:0;
   top:0;   
   text-decoration:none;
   z-index:1002;
}
.page_price{
   padding-top:50px;
}
.servis_title{
   font-size:24px;
   line-height:24px;
   display:block;
   margin:30px 0 15px 0;
}
.servis_table{
   width:100%;
   margin-bottom:30px;
}
.servis_table th{
   border-top:3px solid #fff;
   border-bottom:3px solid #fff;
   background:#07a479;
   color:#fff;
   font-size:20px;
   font-weight:700;
   text-transform: uppercase; 
   height:50px;
   vertical-align: middle;
}
.servis_table td{
   height:50px;
   border-bottom:1px solid #d1c7c1;
   background:rgba(0,0,0,0.2);
   vertical-align: middle;
   font-size:16px;
   text-indent:20px;
}
.servis_col{
   width:50%;   
   margin:0 auto;
}
.after_table{
   font-size:18px;
   line-height:24px;
   width:100%;
   clear:both;
}

#record_form{
   width:96%;
   max-width:450px;
   height:380px;
   position:absolute;
   margin:auto;
   z-index:3;
   top:0;
   bottom:0;
   left:0;
   right:0;
}
#record_form span{
   display:block;
   text-align:center;
   font-size:36px;
   line-height:36px;
   margin:15px 0;
   text-transform:uppercase;  
   color:#fff;   
}
#record_form input{
   box-sizing:border-box;
   width:100%;
   height:44px;
   background:#fff;
   border-radius:22px;
   -moz-border-radius:22px;
   -webkit-border-radius:22px;
   border:none;
   margin-bottom:10px;
   outline:none;
   font-size:18px;
   color:#086b58;
   padding:0 20px;
}
#record_form input#date{
   background:url(../images/calendar.png) no-repeat 95% center #fff;
   cursor:pointer;
}
#record_form input#date.error{
   background:url(../images/calendar.png) no-repeat 95% center #fe9292;
}
#record_form input.error{
   background:#fe9292;
}
.page_gallery{
   position:absolute;
   width:80%;
   height:700px;
   margin:auto;
   left:0;
   right:0;
   top:0;
   bottom:0;
}
.page_gallery ul a{
   width:33%;
   float:left;
   display:block;
   position:relative;
}
.page_gallery ul li{
   left:0;
}
.page_gallery a img{
   width:100%;
   height:auto;
}
span.success{
   font-size:24px;
   line-height:32px;
}



section{
   display:none;
   -webkit-transition-duration: .5s; 
   -o-transition-duration: .5s; 
   -moz-transition-duration: .5s; 
   transition-duration: .5s;
   position:absolute;
   height:100%;
   width:100%;
   left:0;
   top:0;
   overflow-y:auto;
   overflow-x:hidden;
}
section.show{
   display:block;
}
@media screen and (max-width: 1520px){
   .categorylink_line i{
      margin:3px 2%;
   }
}

@media screen and (max-width: 1400px){
   .category_content_text{
      width:92%;
   }
   .servis_col{
      margin:0 auto;
      width:60%;
   }
   .contact_title{
      margin-bottom:10%;
   }
}
@media screen and (max-width: 1250px){
   .categorylink_line i{
      margin:3px 1%;
   }
}

@media screen and (max-width: 1200px){
   .header{
      background:#fff;
   }
   .header.menu_open{
      background:none;
   }
   .menu_block{      
      transform:translate(-320px, 0);
      -webkit-transform:translate(-320px, 0);
      -moz-transform:translate(-320px, 0);
      -o-transform:translate(-320px, 0);
      -ms-transform:translate(-320px, 0);
   }
   .menu_block.open{      
      transform:translate(0px, 0);
      -webkit-transform:translate(-0px, 0);
      -moz-transform:translate(-0px, 0);
      -o-transform:translate(-0px, 0);
      -ms-transform:translate(-0px, 0);
   }
   .menu-button{
      display:block;
   }
   .header.menu_open .menu-button{      
      transform:translate(270px, 0);
      -webkit-transform:translate(270px, 0);
      -moz-transform:translate(270px, 0);
      -o-transform:translate(270px, 0);
      -ms-transform:translate(270px, 0);
   }
   .header.menu_open .menu_logo{
      z-index:1000;
      top:100%;   
      left:65px;    
      height:180px;
      margin-left:0; 
      background:url(../images/logo.png) no-repeat center center;
      background-size:auto 100%;
   }
   .header .menu_logo{
      display:block;
      position: absolute;
      top:2px;   
      left:50%;
      margin-left:-88px;   
      height:46px;
      width:170px; 
      background:url(../images/logo.png) no-repeat center bottom;
      background-size:auto 265%;
      -webkit-transition-duration: .3s; 
      -o-transition-duration: .3s; 
      -moz-transition-duration: .3s; 
      transition-duration: .3s;
   }
   .close_category{
      top:50px;
   }
   .page{
      padding-top:50px;
   }
   .main_content.menu_open{      
      transform:translate(320px, 0);
      -webkit-transform:translate(320px, 0);
      -moz-transform:translate(320px, 0);
      -o-transform:translate(320px, 0);
      -ms-transform:translate(320px, 0);
      padding-left: 0;
   }
   .cat_list a{
      width:50%;
      height:33.333%;  
   }
   a.cat_kupanie{            
      left:50%;
      top:0%;
   }
   a.cat_express_linka{           
      left:0;
      top:33.333%;
   }
   a.cat_strigka_nogtey{           
      left:50%;
      top:33.333%;
   }
   a.cat_gigiena{            
      top:66.666%;
      left:0;
   }
   a.cat_other{            
      left:50%;
      top:66.666%;
   }
   .cat_list a i{
      width:35%;
   }   
}

@media screen and (max-width: 900px){
   .servis_table td{
      font-size:14px;
   }
}

@media screen and (max-width: 768px){
   /*.fullscreen-bg__video {
      height:100%;
      width:auto;
   }*/
   .menu_block{
      width:280px;      
      transform:translate(-280px, 0);
      -webkit-transform:translate(-280px, 0);
      -moz-transform:translate(-280px, 0);
      -o-transform:translate(-280px, 0);
      -ms-transform:translate(-280px, 0);
   }  
   .header.menu_open .menu-button{      
      transform:translate(230px, 0);
      -webkit-transform:translate(230px, 0);
      -moz-transform:translate(230px, 0);
      -o-transform:translate(230px, 0);
      -ms-transform:translate(230px, 0);
   }
   .header.menu_open .menu_logo{  
      left:50px;
   }
   .main_content.menu_open{      
      transform:translate(280px, 0);
      -webkit-transform:translate(280px, 0);
      -moz-transform:translate(280px, 0);
      -o-transform:translate(280px, 0);
      -ms-transform:translate(280px, 0);
   }
   .menu_logo2 {
      margin: 50px 0 50px 50px;
   }
   .category_content_text .title{
      display:block;
      width:100%;
      margin-bottom:20px;
      text-align:center;
   }
   .category_image{
      width:100%;
      max-width:300px;
      margin:20px auto;
      float:none;
      display:block;
      height:auto;
   }
   .categorylink_line{
      margin: 0px 0 30px 0;
   }
   .categorylink_line i{
      margin: 3px 1%;
   }
   .servis_col{
      width:90%;
      margin: 0 auto;
      float:none;
   }
   .servis_table td{
      font-size:14px;
   }
   .close_category{
      width:50px;
      height:50px;
      line-height:50px;
   }
}

@media screen and (max-width: 480px){
   .fullscreen-bg__video{
      display:none;
   }
   .wrapper_bg{
      display:block;
   }
   .main_content{
      padding-top:50px; 
   }
   .cat_list a p{
      font-size:14px;
      bottom:0;
   }
   .cat_list a i{
      width:50%;
   }
   .contact_block{
      top:1%;
   }
   .contact_title{
      margin-bottom:5%;
   }
   section{
      overflow-y:auto;
      -webkit-overflow-scrolling: touch;      
   }
   .main_page{
      height:auto;
   }
   .record_link{
      width:100%;
      margin: 30px auto 30px auto;
   }
   .category_content_text{
      width:96%;
   }
   .servis_col{
      width:100%;
   }
   .servis_table td{
      text-indent:5px;
   }
   #record_form{
      position:relative;
   }
   .page_gallery{
      width:96%;
      position:relative;
   }
   .page_gallery ul a{
      width:50%;
   }
}

@media only screen and (max-width: 580px) and (orientation: landscape) {
   .cat_list a{
      width:50%;
      float:left;
      position:relative;      
      height:150px;      
      top:auto;
      left:auto;
   }
   .main_content{
      overflow-y:auto;
      -webkit-overflow-scrolling: touch;
   }
   .page {
      padding-top:0px;
   }
}

.animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
@keyframes fadeIn {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}
.fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
}

::-webkit-input-placeholder {color:#086b58;}
::-moz-placeholder          {color:#086b58;}
:-moz-placeholder           {color:#086b58;}
:-ms-input-placeholder      {color:#086b58;}