/* Eric Meyer's CSS Reset */
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;
	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;
}
strong{
font-weight: bold !important;
}
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%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;
}
.wrapper {
	/*background-color: #fff9e9;*/
	min-width: 1015px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
}
/* Header
-----------------------------------------------------------------------------*/
/*Шапка сайта*/
.header {
	background: url(img/menu-bg.png);
    background-color: #abc7ca;
    position: relative;
}

/*Чашка кофе справа*/
.coffe{
position: absolute;
width: 500px;
height: 315px;
right: -357px;
top:59px;
    left : 100%;
z-index: 200;
margin-top : 59px;
    margin-left :-10px;
        /*задаем эффект движения: */
    -moz-transition:margin 0.5s linear; 
    -o-transition:margin 0.5s linear;   
    -webkit-transition:margin 0.5s linear;  
    -ms-transition:margin 0.5s linear;  
    transition:margin 0.5s linear;  
}
.header-loggo{
	background: url(img/logo_all.png) no-repeat;
	width: 411px;
	height: 256px;
	margin: 0px auto 18px auto;
}
.header:hover .coffe , .wrapper:hover .coffe{
    margin-left : -150px;
    /*задаем эффект движения: */    
    -moz-transition:margin 0.5s linear; 
    -o-transition:margin 0.5s linear;   
    -webkit-transition:margin 0.5s linear;  
    -ms-transition:margin 0.5s linear;  
    transition:margin 0.5s linear
}


.coffe img{
width: 100%;
height: auto;
}

/*Верхняя часть шапки, синий фон*/
.header-top{
    width:100%;
}

/*Меню*/
.header-menu{
    width: 100%;
	padding:50px 0;
}
.menu{
    width: 950px;
    margin: 0 auto;
}

#odessa .btnm, #calgel .btnm{
	padding-left: 160px;
}
#odessa .btnm a, #calgel .btnm a{
	border: 1px solid #74a8ae;
}
#calgel .btnm, #odessa .btnm{ 
	width:230px;
}
/*Пункты меню*/
.btnm, .menu li{
    float: left;
    height: 36px;
  /*  width:237px; for 4 in menu*/  
	width:189px;
    text-align: center;
    line-height: 2;
}
/*Пункты меню ссылками*/
.btnm a, .menu a{
	display: block;
	text-decoration: none;
	width: 98%;
	height: 35px;
	color:white;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	font-size: 1.500em;
	text-transform: uppercase;
    color:#74a8ae;	
    background: #fffcf4;
	border: 1px solid #fff;
			-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}
.btnm a:hover, .menu .active a,
.menu a:hover,
.menu a:focus {
    color:#fff;
    background: #E5BAC1;
	border: 1px solid #fff;
			-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}
.list-wrap .btnm a{border: 2px solid #e5bac1;}
.list-wrap .btnm a:hover{border: 2px solid #abc7ca;}
/*Часть шапки с логотипом и кнопкой*/
.header-main{
    width: 950px;
    height: 674px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    overflow: hidden;
}

/*Логотип*/
.header-logo{
width: 490px;
height: 305px;
margin: 173px auto 0 auto;
}
/*Адаптивный логотип*/
.header-logo img{
width: 100%;
height: auto;
}
/*Кнопка в шапке*/
.sign{
display: block;
width: 209px;
height: 39px;
background: none;
color: white;
font-family:  Georgia, 'Times New Roman', Times, serif;
font-size: 2.083em;
text-transform: uppercase;
border: 2px solid white;
cursor: pointer;
margin: 88px auto 0 auto;
 box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    line-height: 1.3;
    text-align: center;	
    text-decoration: none;
}
.sign-footer{
display: block;
width: 209px;
height: 39px;
background: none;
color: white;
font-family:  Georgia, 'Times New Roman', Times, serif;
font-size: 2.083em;
text-transform: uppercase;
border: 2px solid white;
cursor: pointer;
margin: 5px auto 0 auto;
 box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    line-height: 1.3;
    text-align: center;	
    text-decoration: none;
}
/*Конец шапки*/
/* Middle
-----------------------------------------------------------------------------*/
.content {
	padding: 0 0 54px;
}
/*Блок наши преимущества*/
.our-advantages{
width: 100%;
height: 199px;
background: url(img/bg-ad.png)repeat-x;
}

.our-advantages-main{
width: 950px;
height: 170px;
margin: 0 auto;
text-align: center;
padding-top:20px;
}

/*Оглавление*/
.our-advantages-main h1, .pleasure-main h1{
font-family:  Georgia, 'Times New Roman', Times, serif;
color: white;
font-size: 2.000em;
text-transform: uppercase;
}

/*Блок преимуществ*/
.advantage{
float: left;
width: 118.75px;
height: 125px;
padding-top:26px;
font-family: Arial;
text-align: center;
text-transform: uppercase;
color: white;
font-size: 0.917em;
line-height: 2;
overflow: hidden;
}
/*последний блок уменьшить ширину*/
.advantage:last-child{
width: 97px;
}
/*предпоследний блок, увеличить ширину чтобы текст соответствовал макету*/
.advantage:nth-child(8){
width: 140px;
}
/*Изображения преимуществ*/
.advantage img{
 position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
  max-width: 500px;
  /*cursor: pointer;*/
  transition: 3s linear;
}
/*трансформация*/
.advantage img:hover{
 -moz-transform: rotate(360deg); /* Для Firefox */
    -ms-transform: rotate(360deg); /* Для IE */
    -webkit-transform: rotate(360deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(360deg); /* Для Opera */
    transform: rotate(360deg);
}
/*Блок с ценами на всю ширину страницы*/
.price{
width:100%;
min-height: 430px;
height: 100%;
background-color: #fff9e9;
}

/*Блок с ценами по центру*/
.price-main{
    width: 950px;
    margin: 0 auto;
    height: 100%;
    padding-top:50px;
    line-height: 1.5;
	overflow: hidden;
}

/*Оглавление*/
.price-main h1{
font-family:  Georgia, 'Times New Roman', Times, serif;
font-size: 2.000em;
text-transform: uppercase;
margin-left: 8px;
}


.price-main h2 {
    text-transform: uppercase;
    font: bold 24px Georgia, 'Times New Roman', Times, serif;
    margin: 0;
    color: #abc7ca;
    text-align: center;
    padding: 10px 0 10px;
        padding-top: 10px;
}
/*Три разноцветных оглавления*/
.price-main .price1 h1{
color: #e5bac1;
    margin-bottom: 5px;
}
.price-main .price2 h1{
color: #abc7ca;
margin-bottom: 5px;}

.price-main .price3 h1{
color: #e5bac1;
    margin-bottom: 5px;
}

/*Блоки с прайс-листом, изображениями и оглавлнение*/
.price1, .price2, .price3{
float: left;
width: 100%;
max-width: 311px;
text-align: center;
}

/*Блок с таблицей*/
.price-list1, .price-list2, .price-list3{
width: 311px;
min-height: 208px;
height: 100%;
border-right: 1px dotted #c7b299;
font-family: Arial;
font-size: 1.000em;
color: #a57971;
}
/*Убрать границу в последней колонке*/
.price-list3{
border-right: none;
}


/*Первая ячейка, ее размер и отступ*/
.price-table td:first-child{
    width: 45%;
    text-align: left;
    padding-left: 10px;
}
/*Размер следующих ячеек*/
.price-table td{
    width: 25%;
    text-align: right;
    line-height: 1.5;
    padding-bottom: 27px;
}

/*Отступ последней ячейки*/
.price-table td:last-child{
padding-right: 10px;
}

/*Блок с ссылкой*/
.price-more{
    font-size: 1.500em;
    color: #abc7ca;
    float: right;
    font-family:  Georgia, 'Times New Roman', Times, serif;
    margin-right: 10px;
}
/*Оформление ссылки*/
.price-more a{
text-decoration: underline;
color: #abc7ca;
text-transform: uppercase;
}
/*Блок приятные мелочи*/
.pleasure{
width: 100%;
height: 235px;
background: url(img/bg-pleasure.png) repeat-x;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.pleasure-main{
width: 950px;
height: 100%;
margin: 0 auto;
padding-top: 38px;
text-align: center;

}
/*Ссылка на полное описание*/
.things a{
text-decoration: none;
color: inherit;
cursor: default !important;
}
/*Блоки приятных мелочей*/
.things{
float: left;
width: 158.33333333333px;
height: 160px;
margin-top: 17px;
font-family:  Georgia, 'Times New Roman', Times, serif;
    font-size: 1.333em;
    color:white;
    text-transform: uppercase;
    position: relative;  
    
}
/*Фон формы*/
.things-form{
width: 126px;
padding-top: 10px;
height: 77px;
background: url(img/good-thing-bg.png) no-repeat scroll 0px 0px;
text-align: center;
margin: 0 auto 29px auto;
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*Внутренний отступ 3 картинки*/
.things:nth-child(4) .things-form img{
padding-top: 10px;
}
/*Внутренний отступ текста в последнем блоке*/
.things:nth-child(7) .things-form{
padding-top: 22px;
    color:#afcacd;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.167em;
}
/*Отступ чашки кофе*/
.things:nth-child(5) .things-form{
    padding-top: 5px;
}

/*Цвет текста и картинки при наведение в блоке Приятные мелочи*/
.things:hover .things-form,
.things:focus .things-form{
background: url(img/good-thing-bg.png) no-repeat scroll -160px 0px transparent;
}
/*Цвет текста при наведении в блоке Приятные мелочи*/
.things:hover  a,
.things:focus  a{
    color: #a57971;
}
/*Позиционирование стрелки под активным элементом*/
.pleasure-active{
display: block;
position: absolute;
margin-left: 18px;
bottom:-19px;
z-index: 100;
}
/*Кофе с собой*/
.take-coffe{
width:100%;
min-height: 504px;
height: 100%;
}
.take-coffe-main{
width: 950px;
margin: 0 auto;
padding-top: 20px;
text-align: center;
}

.take-coffe-main h1{
font-size: 2.000em;
margin-top:11px;
margin-bottom: 9px;
font-family:  Georgia, 'Times New Roman', Times, serif;
text-transform: uppercase;
color:#534741;
}

.coffe-img1, .coffe-img2, .coffe-img3{
float: left;
}
.coffe-img1, .coffe-img2{
margin-right: 10px;
}
.take-coffe-main p{
font-family: Arial;
font-size:14px;
color:#363636;
clear: left;
text-align: left;
text-align: justify;
padding-top: 26px;
}
.take-coffe-main p:last-child{
padding-bottom: 20px;
}
/*Розовый фон*/
.before-about{
width: 100%;
height: 36px;
background: url(img/about-bg.png) repeat-x;
}
/*Блок оформления о салоне*/
.about-salon{
width: 100%;
min-height: 450px;
height: 100%;
}
.about-salon-main{
width: 950px;
height: 100%;
margin: 0 auto;
}
.about-salon-main h1{
font-family:  Georgia, 'Times New Roman', Times, serif;
font-size: 1.500em;
color:#a57971;
text-transform: uppercase;
}
.about-salon-main h1:first-child{
margin-top: 24px;
margin-bottom: 24px;
}
.about-salon-main p, .about-salon-main  a p{
font-family: Arial;
font-size: 14px;
color: #707070;
    margin-bottom: 25px;
    text-align: justify;
}
.about-salon-main  a {
display: block;
margin-top: 25px;
color: #abc7ca;
text-decoration: none;
}
/*Блок оформления партнеры*/
.our-partners{
width: 100%;
height: 30px;
}
/*Отступы изображений*/
.partners{
margin-bottom: 35px;
}

.partners-logo{
width: 80px;
height: 30px;
float: left;
margin-right: 25px;
line-height: 4;
}
.partners-logo:first-child{
margin-left: 10px;
}
.partners-logo:last-child{
margin: 0;
}

.partners-logo img{
width: 100%;
height: auto;
}
/*Карта*/
.map{
width: 100%;
height: 557px;
}
/*Блок Контакты*/
.contact{
width: 100%;
height: 450px;
background: url(img/contact-bg.png)repeat;
}
.contact-main{
max-width: 950px;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 28px;
}
.contact-main button{
margin-top: 0;
}
.contact-logo{
margin-bottom: 14px;
}
.contact-main p{
margin-top: 14px;
margin-bottom: 22px;
color: white;
font-size: 14px;
font-family: Arial;
}
.contact-main p span{
font-weight: bold;
color: #a9c4c7;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 100%;
	margin: -54px auto 0;
	height: 54px;
	background: #ffffff;
	position: relative;
}

.footer-main{
    width: 950px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    
}
/*Текст в футере*/
.studio{
float: left;
color: #707070;
font-family: PragmaticaCyrillic;
font-size: 1.167em;
}
.copyright{
color: #d7d7d7;
font-family: Arial;
font-size: 1.167em;
}
.copyright a{
text-decoration: none;
color: #d7d7d7; 
}

.developer a{
float: right;
color: #707070;
font-size: 1.067em;
font-family: Arial;
text-decoration:none;
}

.hid{
position: absolute;
top: -1000px;
width: 950px;
margin: 0 auto;
}

.hid div#foxcontainer<?php echo $uid ?> .control-group{
position: absolute !important;
top: 300px !important;
z-index: -3000 !important;
}
.hid div#foxcontainer_m104 .alert-error{
position: absolute !important;
top: 2500px !important;
z-index: 1000 !important;
left: 16.7% !important;
}

@media screen and (max-width: 990px){
.pleasure-active{
bottom: -9px !important;
}
}

.hid div#foxcontainer_m104 .alert-success{
position: absolute !important;
top: 1717px !important;
z-index: 1000 !important;
left: 53.7% !important;
}

/*Стили для сео-текста на главной странице*/
#main-page-seo-h0{
    display: block;
    clear: both;
    text-align: center;
    font-family: Tahoma;
    color: white;
}

#main-page-seo-h0 a, #main-page-seo-h1 a{
    color: #ffffff;
}

#main-page-seo-h1{
display: block;
clear: both;
width: 940px;
margin: 0 auto;
text-align: justify;
    font-family: Tahoma;
    color: white;
	line-height: 1;
}
/**/

/*Стили дли страницы маникюра*/
.service-on-manicure{
    padding-top: 30px;
}

.service-on-manicure .container{
    color:#a57971;
    background-color: #fff9e9;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-radius: 5px;
}

.service-on-pedicure{
    margin-bottom: 30px;
}
/**/


/* Start change 17/08/2015 */
.left-contact{
width: 230px;
padding-right:5px;
float: left;
display: inline-block;
}
.social{
	width: 100%;
	display: inline-block;
	padding-bottom: 20px;
}

.right-contact{
width: 280px;
display: inline-block;
}
.contact-main p {
    margin-bottom: 0px!important;
}
.tel-fo{
	color: #FFF !important;
	font-weight: normal !important;
	text-align: center;
	display: inline-block;
	font-size: 15px;
}
.footer-phone{
	width: 301px;
	float: left;
display: inline-block;
}
.footer-phone-left{
	width: 78px;
	float: left;
display: inline-block;
}
.footer-phone-left p{
	margin-top: 0px!important;
}
.footer-phone-right{
	width: 200px;
	float: left;
display: inline-block;
}


/* Over change 17/08/2015 */

/* Start change 18/08/2015 */
.pink-block{
width: 100%;
min-height: 295px;
height: 100%;
background: url(img/bg-pleasure-text.png);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
    text-align: center;
}
.inside-pink {
width: 100%;
/*margin: 0 auto;*/
text-align: center;
min-height: 306px;
}
.other-img {
	width: 293px;
	min-height: 235px;
	height: 86%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 5px auto;
}

.other-img img{
width: 100%;
height: 100%;
margin: 0px auto;
}

.pleasure-main {
width: 400px;
} 
.shadow1{	
	width: 100%;
	border: 1px solid #ABC7CA;	
}
.shadow2{	
width: 100%;
border-top: 1px solid #E5BAC1;
border-bottom: 1px solid #fff;
}
.shadow3, .shadow4{	
width: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #E5BAC1;
}
.shadow4{margin:-5px 0 0 0;}

.vid{float:left; width:400px; height:300px; margin:10px 0px 20px 50px; padding:10px 10px 50px 10px;	border: 1px solid #fff;
			-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;	-webkit-box-shadow: 0px 0px 7px #666;
	-moz-box-shadow: 0px 0px 7px #666;
	box-shadow: 0px 0px 7px #666;}

/* slider glavnaja */
.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: 510px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgb(255, 249, 233);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 13px;
	margin: 0 auto;
	position: relative;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}
/* Slider */
#calgel{
	padding: 30px 0;
}
#odessa{
	padding: 30px 0 60px 0;
}
#calgel img, #odessa img{
	margin: 0px 0 10px 9px;
	padding: 1px;
	border-radius: 7px;
	border: 1px solid #abc7ca;
	box-shadow: 0px 0px 7px #ABC7CA;
}