@font-face {
  font-family: 'impact';
  src: url('/web/20180427184450im_/http://salon-nestel.ru/assets/fonts/impact.ttf'); 
}
/*var's*/
@font: 'Roboto', sans-serif;
@font2: 'Roboto Condensed', sans-serif;
@black: #393939;
@pink: #ff3366;
.transition {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
html {
  height: 100%
}
body {
    font-family: 'Roboto', sans-serif;
    color: @black;
    height: 100%;
    font-size: 16px;
    overflow-x: hidden;
    
}
strong { font-weight: bold; }

img { max-width: 100%; }
.wrap_header {

    background-size: cover;
    position: relative;
    top: 0px;
    z-index: 99;
    /* min-width: 980px; */
    /*min-height: 750px;*/
    background: url('/web/20180427184450im_/http://salon-nestel.ru/assets/img/header_back.jpg') no-repeat 50% 20%;
    width: 100%;
    height: 100%;
    background-size: cover;
    .main_caption {
        font-size: 14px;
        font-weight: 500;
        color: @black;
        margin: 40% 0 0;
        
        /*width: 330px;
        position: absolute;
        bottom: 20%;
        right: 0px;*/
    }
    .skidka {
        font-size: 18px;
        line-height: 18px;
        color: @pink;
        margin: 50px 0 0;
        
        .s20 {
            color: #fff;
            font-size: 70px;
            font-family: 'impact';
            
        }
    }
    .skidka2 {
        color: #fff;
        font-size: 24px;
        line-height: 22px;
    }
    
    .skidka3{ 
        color: @pink;
        font-size: 45px;
        font-family: 'impact';
    }
    .SkidkaText{
                color: #fff;
                font-size: 24px;
                line-height: 24px;
                }
    .ActionText{
        font-size: 14px;
        font-weight: 500;
        color: @pink;
        margin: 40% 0 0;
    }            
    
    h1 {
        color: @pink;
        font-size: 50px;
        margin: 50% 0 0;
        font-weight: 300;
        span {
            color: #fff;
            font-size: 80px;
            font-weight: 700;
        }
    }
}
.wrap_nav {
    background: @pink;
    padding: 14px 0;
    
    .navbar {
        margin-bottom: 0;
    }
    .navbar-toggle {
        background-color: #fff;
        span {
            background: @pink;
        }
    }
    .logo {
        position: relative;
        display: block;
        .first-line {
            font-size: 60px;
            font-weight: 600;
            font-family: 'times-new-roman';
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            margin-bottom: 20px;
        }
        .second-line {
            text-align: center;
            color: #fff;
            font-size: 10px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 5px;
        }
        .logo-line1 {
            border-top: 1px solid #ffffff;
            width: 19%;
            position: absolute;
            bottom: -16px;
            left: 16px;
        }
        .logo-line2 {
            border-top: 1px solid #ffffff;
            width: 20%;
            position: absolute;
            bottom: -16px;
            right: 16px;
        }
    }
    .nav {
        li {
            a {
                color: #fff;
                font-size: 14px;
                text-transform: uppercase;
                border-radius: 7px;
                margin: 10px 0;
                display: inline-block;
                &:hover, &:focus {
                    color: @black;
                }
            }
        }
    }
    .dropdown-menu {
        padding: 5px;
        border-radius: 5px;
        border-top-left-radius: 5px!important;
        border-top-right-radius: 5px!important;
        box-shadow: none;
        display: none;
    }
    .dropdown-menu>li>a{
        color: #000;
        padding: 10px;
        &:hover {
            background: @pink;
            color: #fff;
        }
    }
}
.btn-dropdown-menu:hover .navbar-nav>li>.dropdown-menu1{
    display: block;
}

@media (max-height: 600px) {
	.wrap_header {
		height: auto;
	}

}
@media (max-width: 995px) {
    .wrap_nav .logo .first-line {
        font-size: 42px;
        margin-bottom: 10px;
    }
    .wrap_nav .logo .logo-line1 {
        width: 9%;
        bottom: -6px;
    }
    .wrap_nav .logo .logo-line2 {
        width: 10%;
        bottom: -6px;
    }
    .wrap_header .skidka .s20 {
        font-size: 26px;
    }
}
    
@media (max-width: 767px) {
    .wrap_nav {
       position: relative; 
       top: 0;
       padding: 10px 0 25px;
    }
    .navbar-nav {
        float: none!important;
    }
    header .row>div {
        background: rgba(51, 51, 51, 0.6);
        text-align: center;
        
    }
    .wrap_header {
        padding: 0;
        min-height: 0px;
        background-position: 0% 0%;
        height: auto;
    }
    .wrap_header .main_caption {
        padding: 50px 0;
        color: #fff;
        margin: 0;
    }
    .wrap_header h1 {
        margin: 0;
        font-weight: 500;
    }
    .wrap_header .skidka2 {
        padding: 0 0 30px;
    }
}
.nav_inner {
    background: @pink!important;
}
.wrap_partners {
    background: @pink;
    padding: 20px 0;
    position: relative;
    text-align: center;
    
   
    h2 {
        color: #fff;
        text-transform: uppercase;
        font-family: 'impact';
        font-size: 60px;
    }
    hr {
        width: 50px;
        border-top: 1px solid #fff;
    }
    .caption {
        color: #fff;
        font-size: 16px;
        margin: auto;
		margin-bottom: 40px;
        max-width: 900px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .wrap_partners h2 {
        font-size: 32px;
    }
}
.logo_partners {
    padding-top: 50px;
    padding-bottom: 50px;
}
.wrap_service {
    padding-top: 7px;
        padding-bottom: 50px;

    .service_unit {
           padding-top: 50px;

        text-align: center;
        min-height: 20px;
        height: auto;
        h3 {
            font-size: 40px;
            text-transform: uppercase;
            font-family: @font2;
            font-weight: 300;
        }
        hr {
            width: 55px;
            border-top: 1px solid @black;
        }
        figure {
            overflow: hidden;
            border-radius: 5px;
            display: inline-block;
            img {
               overflow: hidden; 
               border-radius: 5px;
            }
        }
        figcaption {
            
            font-size: 16px;
            padding: 15px 5px;
        }
    }
}
.wrap_sertif {
    padding-top: 50px;
    padding-bottom: 50px;
    .text {
        padding-top: 40px;  
    }
    p {
        font-size: 16px;
        margin: 20px 0;
    }
}
.wrap_salons_main {
    padding-top: 50px;
    padding-bottom: 60px;
    .salon_unit {
        text-align: center;
    }
    hr {
        width: 55px;
        border-top: 1px solid @black;
    }
    h3 {
       font-size: 24px;
       text-transform: uppercase;
       font-family: @font;
       font-weight: 300; 
    }
    .wrap_img {
        overflow: hidden;
        border-radius: 5px;
        display: inline-block;
        img {
           overflow: hidden; 
           border-radius: 5px;
        }
    }
    p {
        margin: 5px 0;
        font-size: 16px;
    }
    .btn {
        background: @pink;
        color: #fff;
        padding: 10px 30px;
        display: inline-block;
        &:hover {
            background: #666;
        }
    }
    
    .ActionText2{
        /*font-size: 16px; */
        font-weight: 500;
        color: @pink;
        margin: 40% 0 0;}
}
.wrap_footer {
    padding: 25px 0;
    background: @pink;
    /*
    &:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: url("/web/20180427184450im_/http://salon-nestel.ru/assets/img/texture.png");
      opacity: .2;
    }
    */
    .footer_nav {
        margin: 15px 0;
        a {
            display: block;
            text-transform: uppercase;
            color: #fff;
            margin: 10px 0;
            font-weight: 300; 
        }
    }
    .footer_info {
        color: #fff;
        h5 {
           margin: 15px 0;
           font-weight: 300;  
           text-transform: uppercase;
        }
        p {
            font-weight: 300;  
        }
    }
    .wrap_insta {
        margin: 15px 0;
        h5 {
            font-weight: 300; 
            a {
                color: #fff;
            }
        }
    }
}
.wrap_copyright {
    background: #000;
    .copyright {
        color: #fff;
        padding: 25px 0;
        font-weight: 300;
        font-size: 14px;
        text-transform: uppercase;
    }
}
.salon_b-academy {
    background: url('/web/20180427184450im_/http://salon-nestel.ru/assets/img/back_academ2.jpg') 50% 0% no-repeat;
    background-size: cover;
    /*
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;*/
}
.salon_lavochk {
    background: url('/web/20180427184450im_/http://salon-nestel.ru/assets/img/back_lavochk.jpg') 50% 0% no-repeat;
    background-size: cover;
}
.salon_fest {
    background: url('/web/20180427184450im_/http://salon-nestel.ru/assets/img/back_fest.jpg') 50% 0% no-repeat;
    background-size: cover;
}
.salon_info_inner {
    padding: 40px 30px;
    h1 {
        
        font-size: 30px;
        text-transform: uppercase;
    }
    .address {
        margin: 30px 0;
        line-height: 18px;
    }
    h2 {
        text-transform: uppercase;
    }
    .warning {
        color: @pink;
        text-transform: uppercase;
        margin: 20px 0;
        font-size: 20px;
        line-height: 20px;
    }
    h3 {
        color: @pink;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 18px;
    }
    .usluga {
        line-height: 18px;
        margin: 0 0 10px 0;
    }
    .vacansy {
        h4 {
          text-transform: uppercase;  
        }
        div {
              line-height: 18px;
        }
    }
}
@media (max-width: 990px) {
    .salon_b-academy, .salon_lavochk {
        background: none;
    }
    .salon_b-academy, .salon_fest {
        background: none;
    }
}
/*
     FILE ARCHIVED ON 18:44:50 Apr 27, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 04:28:40 Sep 24, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 52.267 (3)
  esindex: 0.01
  captures_list: 73.063
  CDXLines.iter: 14.347 (3)
  PetaboxLoader3.datanode: 211.541 (5)
  exclusion.robots: 0.277
  exclusion.robots.policy: 0.26
  RedisCDXSource: 1.78
  PetaboxLoader3.resolve: 165.189 (2)
  load_resource: 348.113
*/