@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);

@import url(http://fonts.googleapis.com/css?family=Ovo);



@import '../fonts/font-awesome.css';

@import 'onepage-scroll.css';

@import 'flexslider.css';

@import 'photoswipe.css';
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
/*------ template stylization ------*/
/* import Google font */
.euphoria-script-regular {
  font-family: "Euphoria Script", cursive;
  font-weight: 400;
  font-style: normal;
}


body {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

 
#webSiteLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #ffffff;
}
h2 {
  font: 300 45px/48px 'Open Sans', sans-serif;
  color: #ffffff;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}
h2 span {
  font: 300 43px/48px 'Open Sans', sans-serif;
}
h2 .small {
  font: 300 35px/42px 'Open Sans', sans-serif;
}
h3 {
  font: 700 36px/36px 'Open Sans', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}
h3 span {
  font: 700 32px/36px 'Open Sans', sans-serif;
  color: #ffdd8a;
}
h4 {
  font: 600 13px/20px 'Open Sans', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
h5 {
  font: 300 35px/42px 'Open Sans', sans-serif;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
h6 {
  font: 500 45px/48px 'Euphoria Script', sans-serif;
  color: #ffffff;
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
}
h6 span {
  font: 500 43px/48px 'Euphoria Script', sans-serif;
}
h6 .small {
  font: 500 35px/42px 'Euphoria Script', sans-serif;
}
.a1 {
  font: 600 16px/48px 'Open Sans', sans-serif;
  color: #ffffff;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.a1:hover {
  text-decoration: none;
  color: #4f4f4f;
}
p {
  font: 400 13px/20px 'Open Sans', sans-serif;
  margin: 0;
  color: #ffffff;
}
p span {
  font: 600 13px/20px 'Open Sans', sans-serif;
}
.p1 {
  font: 400 14px/18px 'Open Sans', sans-serif;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.p2 {
  font: 400 16px/20px 'Open Sans', sans-serif;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
address {
  margin: 30px 0px 30px 0px;
  text-align: left;
}
address p a {
  color: #ffffff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
address p a:hover {
  color: #4f4f4f;
}
/*------------- HEADER ---------------------------------------------------------- */
header {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  background: none;
  z-index: 7;
  opacity: 0;
}
h1 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  z-index: 100;
  float: left;
  width: 300px;
  height: 214px;
}
.navbar-brand {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  z-index: 100;
  padding: 0;
  margin: 0;
  font-size: 0px;
  line-height: 0px;
}
.navbar-brand a {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 214px;
  z-index: 100;
}
/*---------------- HEADER end ------------------------------------------------*/
/*-------------- FOOTER ---------------------------------------------------- */
footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 10;
  height: 50px;
  opacity: 0;
  text-align: center;
}
footer .container {
  margin-right: 0;
}
.copyright {
  position: relative;
  margin-top: 0px;
  display: inline-block;
  font: 400 14px/36px 'Ovo', serif;
  color: #afb0b0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.copyright:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 76px;
  width: 1px;
  height: 30px;
  /*background: url(../img/footer_line.png) no-repeat;*/
}
.copyright a {
  color: inherit;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.copyright a:hover {
  color: #000000;
  text-decoration: none;
}
.follow-links {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  height: 24px;
  margin: 0;
  padding: 10px 0;
}
.follow-links > li {
  position: relative;
  float: left;
  margin-right: 10px;
  display: inline-block;
}
.follow-links > li > a {
  position: relative;
  font: normal 16px 'FontAwesome';
  line-height: 1em;
  color: #9a9291;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.follow-links > li > a > i {
  font-style: normal;
}
.follow-links > li > a:hover {
  color: #9bc638;
  text-decoration: none;
}
/*-----------  FOOTER END  ------------------------------------------------------*/
/*-----------  MENU  ------------------------------------------------------------*/
.navbar-default {
  position: absolute;
  right: 0;
  background: none;
  border: none;
  top: 60px;
  margin-bottom: 0px;
}
.navbar-default .navbar-header {
  margin-top: 0px;
}
.navbar-default #mainNav {
  position: relative;
  display: inline-block;
  background: none;
  width: 100%;
  margin: 0px;
  list-style: none;
  padding: 0;
}
.navbar-default #mainNav > ul {
  margin: 0px;
  padding: 0px;
}
.navbar-default #mainNav > ul > li {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.navbar-default #mainNav > ul > li > a {
  text-indent: 5000px;
  position: relative;
  display: block;
  z-index: 50;
  padding: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: none;
  overflow: hidden;
  text-align: center;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
.navbar-default #mainNav > ul > li > a img {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-default #mainNav > ul > li.sfHover > a img,
.navbar-default #mainNav > ul > li.active > a img {
  top: auto;
  bottom: 0;
}
.navbar-default #mainNav > ul > li a:hover img {
  top: auto;
  top: -100%;
}
.navbar-default #mainNav > ul > li .sf-mega {
  position: absolute;
  width: 89px;
  top: 65px;
  left: 50%;
  margin-left: -45px;
}
.navbar-default #mainNav > ul > li .sf-mega ul {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #ffffff;
  text-align: center;
  border: 1px solid #e3e3e3;
}
.navbar-default #mainNav > ul > li .sf-mega ul li {
  position: relative;
  display: block;
}
.navbar-default #mainNav > ul > li .sf-mega ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url(../img/line2.jpg) 0 0 repeat-x;
}
.navbar-default #mainNav > ul > li .sf-mega ul li:first-child {
  padding-top: 0px;
}
.navbar-default #mainNav > ul > li .sf-mega ul li:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: none;
}
.navbar-default #mainNav > ul > li .sf-mega ul li.last {
  padding-bottom: 0px;
}
.navbar-default #mainNav > ul > li .sf-mega ul li a {
  display: inline-block;
  margin: 5px 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #616161;
}
.navbar-default #mainNav > ul > li .sf-mega ul li.sfHover > a,
.navbar-default #mainNav > ul > li .sf-mega ul li a:hover {
  color: #000000;
  text-decoration: none;
}
.navbar-default #mainNav > ul > li .sf-mega ul ul {
  position: absolute;
  background: #ffffff;
  top: 0px;
  left: 89px;
  width: 100%;
}
.navbar-default #mainNav > ul > li .sf-mega ul ul li {
  position: relative;
  display: block;
}
.navbar-default #mainNav > ul > li .sf-mega ul ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.navbar-default #mainNav > ul > li .sf-mega ul ul li:first-child {
  padding-top: 0px;
}
/*-----------  menu end  --------------------------------------------------------*/
/*-----------  CONTENT HOLDER  --------------------------------------------------*/
#glob-wrap {
  overflow: hidden;
  height: 100%;
}
 
#content,
#other_pages {
  width: 100%;
  opacity: 0;
}
#content > div,
#other_pages > div {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#content {
  display: none !important;
}
#content > div {
  display: block;
  position: relative;
  z-index: 5;
}
#other_pages {
  position: relative !important;
  display: block !important;
}
#other_pages > div > div {
  position: relative;
  z-index: 5;
  margin-top: 224px;
}
#other_pages .container {
  margin-right: 0;
}
.fontStyle1 {
  font: 700 14px/21px 'Open Sans', sans-serif;
  color: #ffffff;
}
.inner1 {
  padding-top: 45px;
  padding-bottom: 50px;
}
.inner2 {
  padding-top: 115px;
  padding-bottom: 50px;
}
._color1 {
  background: #9bc638;
}
._color2 {
  background: #ddb54d;
}
._color3 {
  background: #e77862;
}
._color4 {
  background: #80d9b8;
}
._color5 {
  background: #b2b2b2;
}
._color1_light {
  background: #b3e345;
}
._color2_light {
  background: #f9e783;
}
._color3_light {
  background: #ffa795;
}
._color4_light {
  background: #a2f2d4;
}
._color5_light {
  background: #8d8d8d;
}
._col1 {
  color: #60a2d5;
}
._col2 {
  color: #ddb54d;
}
._col3 {
  color: #e77862;
}
._col4 {
  color: #80d9b8;
}
._col5 {
  color: #b2b2b2;
}
.onepage-pagination {
  margin: 0px 50px 0 0;
  margin-top: 0px;
  left: auto;
  right: 0;
  top: 45%;
  margin-left: 0px;
  background: none;
  position: absolute;
  z-index: 100;
  display: inline-block;
  opacity: 0;
}
.onepage-pagination li {
  display: block;
  margin-top: 4px;
  line-height: 0;
  position: relative;
  z-index: 2;
}
.onepage-pagination li a {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  display: inline-block;
  z-index: 1;
}
.onepage-pagination li a span {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  background-color: #ffffff;
  border: none;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 5;
  opacity: 1;
}
.onepage-pagination li a em {
  font-style: none;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  z-index: 10;
  opacity: 0;
}
.onepage-pagination li a.active span,
.onepage-pagination li a:hover span {
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0;
}
.onepage-pagination li a.active em,
.onepage-pagination li a:hover em {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.onepage-pagination li a:before {
  display: none;
}
.onepage-pagination li.hiddenElement {
  display: none;
}
.page_bg {
  position: relative;
  display: block;
  width: 80%;
  min-height: 450px;
}
.page_bg:after {
  content: "";
  width: 33px;
  height: 33px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.page_bg:before {
  content: "";
  /*background: url(../img/p_con2.png) 0 0 no-repeat; */
  width: 34px;
  height: 410px;
  position: absolute;
  display: block;
  top: 45px;
  left: -34px;
}
.page_bg_salon {
  position: relative;
  display: block;
  width: 80%;
  min-height: 450px;
}
.page_bg_salon:after {
  content: "";
  width: 33px;
  height: 33px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.page_bg_salon:before {
  content: "";
  /*background: url(../img/p_con2.png) 0 0 no-repeat; */
  width: 34px;
  height: 410px;
  position: absolute;
  display: block;
  top: 45px;
  left: -34px;
}
.hr1 {
  width: 100%;
  height: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  display: block;
}
.col-lg-9,
.col-md-9,
.col-sm-9 {
  padding-right: 0;
}
#home .page_bg {
  /*background: #EBAEB8; */
  background:#8b9497
}
#home .page_bg:after {
  /*background: url(../img/p3_con.jpg) 0 0 no-repeat;*/
}
#home .page_bg_salon {
  /*background: #EBAEB8; */
  background:#8b9497
}
#home .page_bg_salon:after {
  /*background: url(../img/p3_con.jpg) 0 0 no-repeat;*/
}
#home h2 span {
  color: #cffc69;
}
#home .hr1 {
  background: #d9654e;
}
#salon .page_bg {
  background: ##8b9497;
}
#salon .page_bg:after {
 /* background: url(../img/p2_con.jpg) 0 0 no-repeat; */
}
#salon h2 span {
  color: #f9e783;
}
#salon .hr1 {
  background: #e6c15d;
}
#offers .page_bg {
  background: #e77862;
}
#offers .page_bg:after {
  background: url(../img/p3_con.jpg) 0 0 no-repeat;
}
#offers .hr1 {
  background: #f9b089;
}
.contacts_page_bg {
  background-image: url('../img/salon.jpg');
}
#contacts .page_bg {
  /*background: #80d9b8;*/
  background-image: url('../img/salon.jpg');
}
#contacts .page_bg:after {
  background: url(../img/p4_con.jpg) 0 0 no-repeat;
}
.contacts_page_bg_salon{
  background-image: url('../img/salon.jpg');
}
#contacts .page_bg_salon {
  /*background: #80d9b8;*/
  background-image: url('../img/salon.jpg');
}
#contacts .page_bg_salon:after {
  background: url(../img/p4_con.jpg) 0 0 no-repeat;
}
#page_404 .page_bg,
#privacy .page_bg,
#readmore_1 .page_bg {
  background: #b2b2b2;
}
#page_404 .page_bg:after,
#privacy .page_bg:after,
#readmore_1 .page_bg:after {
  background: url(../img/p5_con.jpg) 0 0 no-repeat;
}
/*.page {
  background: #ffffff;
}
*/
.page{
background-image: url('../img/bg.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: hidden;
}
.page .bgPic {
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-width: 100%;
  z-index: 1;
}
.page .bgPic + div {
  position: relative;
  z-index: 2;
}
.page_salon{
background-image: url('../img/salon.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow: hidden;
}
.page_salon .bgPic {
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-width: 100%;
  z-index: 1;
}
.page_salon .bgPic + div {
  position: relative;
  z-index: 2;
}
#search .btn.btn-default {
  position: absolute;
  font: 16px/16px 'Ovo', serif;
  color: #ffffff;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 30px;
  padding: 13px 26px;
  display: inline-block;
  border: none;
  outline: none;
  background: #8ba360;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#search .btn.btn-default:hover,
#search .btn.btn-default:active,
#search .btn.btn-default:focus {
  background: #4f4f4f;
  outline: none;
}
#other_pages2 {
  position: absolute;
  top: -110%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 6;
}
#other_pages2 > div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  overflow: hidden;
  z-index: 5;
}
#other_pages2 > div > div {
  position: relative;
  z-index: 5;
  margin-top: 224px;
}
#other_pages2 .container {
  margin-right: 0;
}
#other_pages2 .bgPic {
  position: absolute;
  left: 0px;
  bottom: 0px;
  max-width: 100%;
  z-index: 0;
}
#other_pages2 .p1 {
  color: #7b3f0b;
}
#other_pages2 .page_bg {
  background: #d6b49b;
}
#other_pages2 .page_bg:after {
  background: url(../img/p6_con.jpg) 0 0 no-repeat;
}
#ajax-overlay {
  width: 100%;
  height: 10px;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  background: url(../img/base/TMprevieweLoadr.gif) 0 0 repeat-x rgba(0, 0, 0, 0.5);
  z-index: 100;
}

/* imported btn classes */
.metal-button {
        padding: 12px 30px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-decoration:none;
        letter-spacing: 1px;
        border: none;
        border-radius: 15px;
        cursor: pointer;
        background: linear-gradient(145deg, #222222, #a6a6a6, #bf9000, #a6a6a6, #d7d7d7);
        background-size: 400% 400%;
        box-shadow:
            inset 0 1px 2px rgba(255, 255, 255, 0.6),
            inset 0 -1px 2px rgba(0, 0, 0, 0.4),
            0 4px 8px rgba(0, 0, 0, 0.5);
        transition: all 0.3s ease;
        animation: metallic-shine 5s linear infinite;
    }

    .metal-button:hover {
        background: linear-gradient(145deg, #e0e0e0, #b0b0b0, #8a8a8a, #b0b0b0, #e0e0e0);
        background-size: 400% 400%;
        text-decoration:none;
        transform: translateY(-2px);
        box-shadow:
            inset 0 1px 2px rgba(255, 255, 255, 0.8),
            inset 0 -1px 2px rgba(0, 0, 0, 0.5),
            0 6px 12px rgba(0, 0, 0, 0.6);
    }

    @keyframes metallic-shine {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

/* end of imported btns */




/* rewrite bootstrap classes */
.btn.btn-default {
  border: none;
  outline: none;
  border-radius: 30px;
  font: 700 16px/16px 'Ovo', serif;
  color: #ffffff;
  background: #60a2d5;
  padding: 14px 25px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
  outline: none;
  background: #60a2d5;
  text-decoration: none;
  color: #ffffff;
}
.btn.btn-default.btn-link {
  background: none;
  padding: 0px 0px 0px 0px;
  letter-spacing: 1px;
}
.btn.btn-default.btn-link:hover,
.btn.btn-default.btn-link:active,
.btn.btn-default.btn-link:focus {
  /* color: #7e1100; */
  background: none;
  text-decoration: none;
}
.form-control {
  background: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  font: 400 14px/14px 'Open Sans', sans-serif;
  color: #000000;
  width: 100%;
  height: 38px;
  padding: 9px 9px;
  background: transparent;
}
.form-control:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  color: #4f4f4f;
  background: transparent;
}
.badge {
  float: left;
  width: 70px;
  height: 70px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #90213c;
  border-radius: 0;
}
/* end bootstrap classes */
/*flex slider*/
.flexslider {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  z-index: 0;
  margin: 34px 0;
  border: none;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border-radius: none;
  background: none;
}
.flexslider ul {
  list-style: none;
  padding: 0px 2px 0px 0px;
}
.flexslider .flex-viewport {
  width: 100%;
}
.flexslider .slides > li {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-right: 2px;
}
.flexslider .slides > li > ul > li {
  margin-bottom: 31px;
}
.flexslider .slides > li > ul > li img {
  float: left;
  margin: 4px 13px 0px 0px;
}
.flexslider .slides > li > ul > li h4 {
  margin-bottom: 6px;
}
.flexslider .slides > li > ul > li h4 > a:hover {
  color: #3c7b9f;
}
.flexslider .slides > li > ul > li p {
  line-height: 21px;
  margin-bottom: 10px;
}
.flexslider .flex-control-nav {
  display: none;
}
.flexslider .flex-direction-nav {
  position: absolute;
  top: -63px;
  right: 1px;
}
.flexslider .flex-direction-nav li {
  position: relative;
  display: block;
  float: left;
  width: 17px;
  height: 25px;
  margin-left: 11px;
}
.flexslider .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next {
  position: relative;
  display: block;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-position 0.3s ease-out;
  transition: background-position 0.3s ease-out;
}
.flexslider .flex-direction-nav .flex-prev {
  background: url(../img/arrow_prev.png) left center no-repeat;
}
.flexslider .flex-direction-nav .flex-prev:hover {
  background-position: right center;
}
.flexslider .flex-direction-nav .flex-next {
  background: url(../img/arrow_next.png) right center no-repeat;
}
.flexslider .flex-direction-nav .flex-next:hover {
  background-position: left center;
}
/*end flex slider*/
.list1 {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.list1 li {
  display: block;
  position: relative;
  padding-bottom: 12px;
}
.list1 li span {
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../img/list1_arr.png) right center no-repeat;
}
.list1 li a {
  display: inline-block;
  position: relative;
  margin-right: 30px;
  font: 18px/20px 'Open Sans', sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.list1 li a:hover {
  text-decoration: none;
  color: #ffdd8a;
  margin-right: 40px;
}
.list2 {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.list2 li {
  display: block;
  position: relative;
  padding-bottom: 12px;
}
.list2 li span {
  position: absolute;
  top: 7px;
  right: 0;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../img/list1_arr.png) right center no-repeat;
}
.list2 li a {
  display: inline-block;
  position: relative;
  margin-right: 30px;
  font: 20px/20px 'Open Sans', sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.list2 li a:hover {
  text-decoration: none;
  color: #ffdd8a;
  margin-right: 40px;
}
.phoneNumber {
  position: relative;
  padding-left: 53px;
  font: 700 12px/16px 'Open Sans', sans-serif;
  color: #ffffff;
  margin: 18px 0px 43px 0px;
}
.phoneNumber:before {
  content: '\f10b';
  position: absolute;
  top: -9px;
  left: 0;
  font-size: 60px;
  line-height: 1em;
  font-weight: normal;
  font-family: 'FontAwesome';
  color: #7e1100;
}
.g_map {
  position: relative;
  display: block;
  margin: 0px;
  width: 100%;
  height: 226px;
  overflow: hidden;
}
.g_map iframe {
  position: relative;
  display: block;
  outline: none;
  width: 100%;
  height: 100%;
  border: none;
  background: #ffffff;
}
/*--- contact_form ------*/
#contact-form {
  width: 100%;
  margin: 20px 0px 20px 0px;
  position: relative;
}
#contact-form label {
  position: relative;
  /*!*/

  display: inline-block;
  min-height: 36px;
  margin-bottom: 10px;
  width: 100%;
}
#contact-form span {
  display: block;
}
#contact-form ._placeholder {
  position: absolute;
  /*!*/

  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  color: #7e1100;
  padding: 18px;
  opacity: .99;
  font: 400 14px/14px 'Droid', sans-serif;
  text-align: left;
  display: block;
  background: none;
}
#contact-form ._placeholder.focused {
  opacity: .4;
  filter: alpha(opacity=40);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form input,
#contact-form textarea {
  font: 400 14px/14px 'Droid', sans-serif;
  font-style: inherit;
  color: #7e1100;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  width: 100%;
  height: 51px;
  background: #ffffff;
  border-radius: 20px;
  padding: 18px;
  text-align: left;
  margin-bottom: 0;
}
#contact-form textarea {
  width: 100% !important;
  height: 170px !important;
  margin-bottom: 0px;
  resize: none;
}
#contact-form .message {
  width: 100%;
  margin-bottom: : 0 !important;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 11px/20px Arial, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 3px;
  top: 0;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
  color: #7e1100;
  text-transform: none;
}
#contact-form .success-message {
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #7e1100;
  border-radius: 20px;
  z-index: 10;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
  /*padding: 0;*/

}
#contact-form.success .success-message {
  height: 100%;
  padding: 150px 0 0 0;
  border: none;
  color: #ffffff;
  line-height: 20px!important;
  -webkit-transition: all 0.7s linear;
  transition: all 0.7s linear;
}
.btns {
  float: right;
  padding-top: 20px;
}
.btns a {
  position: relative;
  margin-left: 13px;
}
/*--- contact_form end------*/
/* search */
#search {
  position: relative;
  margin: 30px 0px 30px 0px;
  overflow: hidden;
}
#search > input {
  width: 100%;
  height: 42px;
  background: url(../img/search_plane.png) 0 0 repeat;
  border: none;
  border-radius: 30px;
  padding: 0 105px 0 18px;
}
#search > a {
  float: left;
  margin: 0px 0px 0px 0px;
}
.search_result {
  color: #ffffff;
}
.search {
  color: #4f4f4f;
}
.search_title {
  margin-bottom: 10px;
}
.search_title > a {
  position: relative;
  top: 2px;
  color: #ffffff;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.search_title > a:hover {
  color: #4f4f4f;
}
.search_list {
  margin: 0px 0px 20px 0px;
  color: #4f4f4f;
}
.search_list li {
  margin-bottom: 10px;
}
.search_list li p {
  color: #4f4f4f;
  margin-bottom: 10px;
}
/* classes-helpers */
.padding1 {
  padding: 33px 0px 0px 0px;
}
.margin1 {
  margin: 0px 0px 0px 0px !important;
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}
.box {
  overflow: hidden;
}
.closeIcon {
  position: absolute;
  z-index: 2000;
  display: inline-block;
  top: 0px;
  right: 0px;
  padding: 15px;
  font: normal normal 25px 'FontAwesome';
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important;
}
.closeIcon:hover {
  color: #4f4f4f;
  text-decoration: none;
}
.width1 {
  display: inline-block;
  width: 100px;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.pad_t_2 {
  margin-top: 20px;
}
.pad_t_f {
  padding-top: 0px;
}
.mar_0 {
  margin: 0;
}
.mar_t_3 {
  margin-top: 15px;
}
.mar_t_2 {
  margin-top: 40px;
}
.mar_t_5 {
  margin-top: 50px;
}
.mar_t_8 {
  margin-top: 80px;
}
.pad_b_2 {
  padding-bottom: 20px;
}
.pad_b_1 {
  padding-bottom: 10px;
}
.mar_r_8 {
  margin-right: 8%;
}
.mar_b_2 {
  margin-bottom: 20px;
}
.img-indent1 {
  float: left;
  margin-right: 30px;
}
.extra-wrap {
  overflow: hidden;
  display: block;
}
@media (max-width: 1366px) {
  .bgPic {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    margin-bottom: -150px;
    margin-left: -150px;
    opacity: 1;
  }
  h1 {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    margin-top: -30px;
    margin-left: -30px;
  }
  #other_pagestop > div > div {
    margin-top: 15px;
  }
  #other_pages > div > div {
    margin-top: 150px;
  }
  #other_pages2 > div > div {
    margin-top: 150px;
  }
  .page_bg {
    position: relative;
    display: block;
    width: 100%;
    min-height: 350px;
  }
  .page_bg:before {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    top: -35px;
    left: -27px;
  }
  .page_bg_salon {
    position: relative;
    display: block;
    width: 100%;
    min-height: 350px;
  }
  .page_bg_salon:before {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    top: -35px;
    left: -27px;
  }
  .inner1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .inner2 {
    padding-top: 90px;
    padding-bottom: 20px;
  }
  .mar_t_2 {
    margin-top: 10px;
  }
  .mar_t_3 {
    margin-top: 20px;
  }
  h2 {
    font: 300 30px/33px 'Open Sans', sans-serif;
    margin: 0px 0px 20px 0px;
  }
  h2 span {
    font: 300 30px/33px 'Open Sans', sans-serif;
  }
  h2 .small {
    font: 300 25px/32px 'Open Sans', sans-serif;
  }
  h3 {
    font: 700 30px/33px 'Open Sans', sans-serif;
    margin: 0px 0px 10px 0px;
  }
  h3 span {
    font: 700 30px/33px 'Open Sans', sans-serif;
  }
  address {
    margin: 15px 0px 15px 0px;
    text-align: left;
  }
  .btn.btn-default {
    border-radius: 20px;
    padding: 10px 20px;
    font: 700 14px/14px 'Ovo', serif;
  }
}
@media (max-width: 1220px) {
  header .container {
    width: 100%;
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bgPic {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    margin-bottom: -180px;
    margin-left: -220px;
    opacity: 1;
  }
  #other_pages2 .bgPic {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    margin-bottom: -180px;
    margin-left: -220px;
    opacity: 1;
  }
}
@media (max-width: 1024px) {
  footer {
    height: 80px;
  }
  footer .copyright {
    position: relative;
    margin-top: 0px;
    display: inline-block;
    font: 400 14px/14px 'Ovo', serif;
    color: #ffffff;
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  footer .copyright:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 76px;
    width: 1px;
    height: 14px;
    /* background: url(../img/footer_line.png) no-repeat; */
  }
  footer .copyright a {
    color: inherit;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  footer .copyright a:hover {
    color: #000000;
    text-decoration: none;
  }
  .inner1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .inner2 {
    padding-top: 80px;
    padding-bottom: 10px;
  }
  .mar_t_2 {
    margin-top: 5px;
  }
  .mar_t_3 {
    margin-top: 10px;
  }
  h2 {
    font: 300 20px/23px 'Open Sans', sans-serif;
    margin: 0px 0px 20px 0px;
  }
  h2 span {
    font: 300 20px/23px 'Open Sans', sans-serif;
  }
  h2 .small {
    font: 300 15px/22px 'Open Sans', sans-serif;
  }
  h3 {
    font: 700 20px/23px 'Open Sans', sans-serif;
    margin: 0px 0px 10px 0px;
  }
  h3 span {
    font: 700 20px/23px 'Open Sans', sans-serif;
  }
  address {
    margin: 10px 0px 10px 0px;
  }
  p {
    font: 400 12px/18px 'Open Sans', sans-serif;
  }
  p span {
    font: 600 12px/18px 'Open Sans', sans-serif;
  }
  .p1 {
    font: 400 12px/18px 'Open Sans', sans-serif;
  }
  .p2 {
    font: 400 13px/18px 'Open Sans', sans-serif;
  }
  .a1 {
    font: 600 12px/18px 'Open Sans', sans-serif;
  }
  .list1 li {
    padding-bottom: 5px;
  }
  .list1 li span {
    top: 7px;
    width: 11px;
    height: 11px;
    background: url(../img/list1_arr.png) right center no-repeat;
  }
  .list1 li a {
    margin-right: 20px;
    font: 15px/17px 'Open Sans', sans-serif;
  }
  .list1 li a:hover {
    margin-right: 30px;
  }
  .page_bg {
    min-height: 280px;
  }
  .page_bg_salon {
    min-height: 280px;
  }
  #other_pages2 img {
    width: 80%;
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .img-indent1 {
    float: none;
    margin-right: 0px;
  }
  h2 {
    margin: 0px 0px 5px 0px;
  }
  h3 {
    margin: 0px 0px 5px 0px;
  }
  address {
    margin: 5px 0px 5px 0px;
  }
  .onepage-pagination {
    margin: 0px 20px 0 0;
  }
  header {
    height: 140px;
  }
  #other_pages > div > div {
    margin-top: 140px;
  }
  #other_pages2 > div > div {
    margin-top: 140px;
  }
  .navbar-default {
    top: 40px;
  }
}
@media (max-width: 767px) {
  #other_pages2 img {
    width: 30%;
    margin-bottom: 20px;
  }
  .onepage-pagination {
    right: -200px;
  }
  .list1 li a {
    margin-right: 0px;
    margin-left: 20px;
  }
  .list1 li span {
    right: auto;
    left: 0;
    top: 7px;
  }
  h1 {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    margin-top: -50px;
    margin-left: -50px;
  }
  .navbar-default {
    top: 20px;
  }
  .tar {
    text-align: left;
  }
}
@media (max-width: 540px) {
  header .container {
    margin: 0;
    padding: 0;
  }
}
/* tablets */
html.tablet .bgPic {
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  margin-bottom: -200px;
  margin-left: -220px;
  opacity: 1;
}
html.tablet #other_pages2 .bgPic {
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  margin-bottom: -200px;
  margin-left: -220px;
  opacity: 1;
}
html.tablet .onepage-pagination {
  right: -300px;
}
html.tablet .navbar-default #mainNav {
  margin-right: 10px;
}
html.tablet .page_bg {
  min-height: 250px;
}
html.tablet .page_bg:before {
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  top: -85px;
  left: -24px;
}
html.tablet .page_bg_salon {
  min-height: 250px;
}
html.tablet .page_bg_salon:before {
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  top: -85px;
  left: -24px;
}
html.tablet.ipad header {
  height: 250px;
}
html.tablet.ipad #other_pages > div > div {
  margin-top: 250px;
}
html.tablet.ipad #other_pages2 > div > div {
  margin-top: 250px;
}
@media screen and (orientation: landscape) {
  html.tablet {
    /*.tab_ind{height: 140px;}*/
  
  }
  html.tablet .closeIcon {
    top: 30px;
  }
  html.tablet.ipad .tab_ind {
    height: 100%;
  }
  html.tablet.ipad .bgPic {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    margin-bottom: -240px;
    margin-left: -260px;
    opacity: 1;
  }
  html.tablet.ipad #other_pages2 .bgPic {
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    margin-bottom: -240px;
    margin-left: -260px;
    opacity: 1;
  }
  html.tablet.ipad header {
    height: 140px;
    overflow: hidden;
  }
  html.tablet.ipad #other_pages > div > div {
    margin-top: 140px;
  }
  html.tablet.ipad #other_pages2 > div > div {
    margin-top: 140px;
  }
  html.tablet footer .mar_t_3 {
    margin-top: 0px;
  }
}
/* mobile */
#mobile-wrap #mobile-header {
  text-align: center;
  background: none;
  height: 130px;
}
#mobile-wrap #mobile-header h1 {
  margin-left: 0px;
  margin-top: -60px;
}
#mobile-wrap #mobile-header #mobile-navigation {
  font-size: 16px;
  display: block;
  width: 100%;
  margin-top: -70px;
}
#mobile-wrap #mobile-content .box {
  overflow: visible;
}
#mobile-wrap #mobile-content #search {
  width: 100%;
}
#mobile-wrap #mobile-content #search > input {
  width: 100%;
  float: none;
}
#mobile-wrap #mobile-content #search > a {
  float: none;
  margin: 10px 0;
}
#mobile-wrap #mobile-footer {
  position: relative;
  padding: 0 ;
  text-align: center;
  height: 30px;
}
#mobile-wrap #mobile-footer .container {
  padding-top: 0px;
  padding-bottom: 10px;
  overflow: hidden;
  text-align: center;
}
#mobile-wrap #mobile-footer .follow-links {
  margin-left: 20px;
}
#mobile-wrap #mobile-footer .copyright {
  font: 400 14px/14px 'Ovo', serif;
  float: none;
  margin-top: -10px;
}
#mobile-wrap #mobile-footer .copyright:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 76px;
  width: 1px;
  height: 15px;
  /*background: url(../img/footer_line.png) no-repeat;*/
}
html.mobile {
  overflow-y: visible;
}
html.mobile body {
  overflow-y: visible;
  height: auto;
}
html.mobile body,
html.mobile html {
  overflow: visible;
}
html.mobile .page {
  padding: 0 0 20px;
}
html.mobile .page .bgPic {
  display: none;
}
html.mobile .follow-links {
  margin: 0;
}
html.mobile .inner,
html.mobile .inner2 {
  margin-top: 20px;
}
html.mobile .ajax-page {
  background: #ffffff;
}
html.mobile .ajax-page .page_bg {
  background: #b2b2b2;
}
html.mobile .ajax-page .page_bg:after {
  background: url(../img/p5_con.jpg) 0 0 no-repeat;
}
html.mobile .ajax-page .page_bg_salon {
  background: #b2b2b2;
}
html.mobile .ajax-page .page_bg_salon:after {
  background: url(../img/p5_con.jpg) 0 0 no-repeat;
}
html.mobile h1 {
  float: none;
}
/* end mobile */
/*Core variables and mixins*/