* {
	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;
}

a,
a:hover,
a:active {
	text-decoration: none;

	color: #000;
}

li {
	list-style: none;
}

p,
a,
span,
li,
button,
table,
input,
label,
textarea {
	font-size: 16px;

	color: #000;

	font-weight: 400;

	font-style: normal;

	font-family: "Roboto Cn";
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "Roboto Cn";

	font-weight: 500;

	font-style: normal;

	color: #000;
}

/*.prealoder{



    display: none;



    position: fixed;



    top: 0px;



    left: 0px;



    width: 101%;



    height: 101%;











    display: flex;



    justify-content: center;





    align-items: center;



    background-color: #111;



    z-index: 999;



}







.prealoder .loder{



    



    width: 500px;



}







.prealoder .loder svg{



    width: 100%;



    height: 100%;



}







.prealoder .loder svg path{



    fill: #384C70;



    fill-opacity: 0;



    stroke: #384C70;



    stroke-width: 1px;



    stroke-dasharray: 1000;



    stroke-dashoffset: 1000;



    transition: fill-opacity 1s ease-in;



    animation: prealoder 20s ease-in-out infinite;



}







.prealoder .loder svg.active path{



    fill-opacity: 1;



}







@keyframes prealoder {



    from {



        stroke-dashoffset: 1000;



    }



    50%{



        stroke-dashoffset: 0;



    }



    to {



        stroke-dashoffset: 1000;



    }



}*/

.loader {
	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	display: inline-block;

	width: 100px;

	height: 100px;

	transition: 0.3s opacity linear;
}

.loader.hidden {
	opacity: 0;
}

.loader div {
	position: absolute;

	border: 5px solid #384c70;

	opacity: 1;

	border-radius: 50%;

	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.loader div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 75px;

		left: 75px;

		width: 0;

		height: 0;

		opacity: 1;
	}

	100% {
		top: 0px;

		left: 0px;

		width: 150px;

		height: 150px;

		opacity: 0;
	}
}

body {
	width: 100%;

	max-height: 100%;

	background: #000;

	margin: 0 auto;

	display: flex;

	flex-direction: column;

	/*    transition: transform 1s ease-in-out;*/

	/*    overflow: hidden;*/
}

body .yButton {
	width: 120px !important;

	height: 120px !important;
}

body .yButton .yButtonBackground {
	width: 120px !important;

	height: 120px !important;
}

body .yButton .yButtonText {
	display: flex;

	align-items: center;

	width: 85% !important;

	top: 50% !important;

	left: 50% !important;

	font-size: 16px !important;

	transform: translate(-50%, -50%);

	line-height: initial !important;

	font-family: inherit !important;
}

body::-webkit-scrollbar {
	width: 0px;
}

/*    HEADER       */

header {
	position: fixed;

	top: 0px;

	left: 0px;

	width: 200px;

	height: 100vh;

	display: flex;

	flex-direction: column;

	align-items: center;

	/* justify-content: center; он не хотел */

	min-height: 101%;

	background-color: #fff;

	z-index: 99;

	color: transparent;

	border-right: 6px solid #384c70;
}

.wrap_logo {
	position: relative;

	width: 80%;

	cursor: pointer;

	padding-top: 17px;

	margin-bottom: 10px;
}

.wrap_logo a {
	display: flex;

	justify-content: center;
}

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

.wrap_scroll {
	position: relative;

	width: 100%;
}

.hr {
	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 100%;

	padding-bottom: 10px;
}

.hr hr {
	width: 75%;

	height: 2px;

	background: #666;

	border: none;

	opacity: 0.5;
}

nav {
	width: 100%;
}

.menu {
	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;
}

.menu li {
	width: 100%;

	text-align: center;
}

.menu a {
	display: block;

	padding: 7px 0px;
}

.menu .yclients {
	display: block;

	padding: 7px 0px;

	cursor: pointer;
}

.menu a span,
.menu .yclients span {
	position: relative;

	font-size: 14px;

	font-weight: bold;

	color: #000;

	text-transform: uppercase;
}

.menu a:hover,
.menu .yclients:hover {
	background-color: #384c70;
}

.menu a:hover span,
.menu .yclients:hover span {
	color: #fff;
}

.menu a.active:hover {
	background: none;
}

.menu a.active:hover span {
	color: #000;
}

.menu a span::after {
	background-color: #384c70;

	content: "";

	height: 2px;

	transition: width 0.25s linear;

	width: 0%;

	bottom: -2px;

	left: 50%;

	position: absolute;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	transform: translateX(-50%);
}

.menu a.active span::after {
	width: 100%;
}

.bg_black {
	display: none;

	position: fixed;

	width: 101%;

	height: 101%;

	top: 0px;

	left: 0px;

	background-color: #111;

	z-index: 99;
}

.head_menu_mob {
	width: 140px;

	display: flex;

	justify-content: space-between;

	z-index: 101;

	cursor: pointer;

	display: none;
}

.head_menu_mob span {
	display: flex;

	align-items: center;

	color: #000;

	font-family: "Monotype Corsiva";

	font-size: 30px;
}

/*    animation btn_menu  */

.wrap_menu_mob {
	padding: 5px;

	width: 50px;

	height: 50px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	cursor: pointer;

	transition: transform 330ms ease-out;
}

.wrap_menu_mob.open {
	transform: rotate(-45deg);
}

.line-menu {
	background-color: #000;

	border-radius: 5px;

	width: 100%;

	height: 6px;
}

.line-menu.half {
	width: 50%;
}

.line-menu.start {
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);

	transform-origin: right;
}

.open .line-menu.start {
	transform: rotate(-90deg) translateX(3px);
}

.line-menu.end {
	align-self: flex-end;

	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);

	transform-origin: left;
}

.open .line-menu.end {
	transform: rotate(-90deg) translateX(-3px);
}

/*end animation*/

.logo_mob {
	display: none;
}

.address,
.address_mob {
	display: flex;

	flex-direction: column;

	justify-content: space-between;

	width: 100%;
}

.address_mob {
	width: 150px;

	display: none;
}

.address > div,
.address_mob > div {
	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding-bottom: 15px;
}

.address > div p,
.address > div a,
.address_mob > div p,
.address_mob > div a {
	font-size: 12px;

	text-align: center;
}

.address_mob > div p,
.address_mob > div a {
	color: #fff;
}

.address > .wrap_soc_mob,
.address_mob > .wrap_soc_mob,
.address > .wrap_soc,
.address_mob > .wrap_soc {
	-webkit-flex-direction: row;

	-moz-flex-direction: row;

	-ms-flex-direction: row;

	-o-flex-direction: row;

	flex-direction: row;
}

.wrap_head p {
	font-weight: bold;
}

.wrap_soc_mob a {
	padding: 0px 5px;
}

.wrap_home_phone img {
	width: 25px;

	padding-bottom: 5px;
}

.wrap_phone a {
	font-weight: bold;
}

.wrap_menu_contacts {
	overflow: auto;
	max-height: calc(100vh - 130px);
}

.wrap_menu_contacts::-webkit-scrollbar {
	width: 6px;
}

.wrap_menu_contacts::-webkit-scrollbar-thumb {
	background: #cfd3de;

	border-radius: 10px;
}

.wrap_menu_contacts::-webkit-scrollbar-track {
	background: #fff;

	border-radius: 10px;
}

/* .address .wrap_soc {
	padding-bottom: 0px;
} */

.wrap_soc svg {
	height: 30px;

	width: 40px;
}

.wrap_soc a:nth-of-type(1) svg {
	height: 20px;
}

.wrap_soc svg g {
	width: 100%;

	height: 100%;
}

.wrap_soc svg:hover path,
.wrap_soc svg:active path {
	fill: #384c70;
}

#main {
	background-color: #fff;
}

.main {
	position: relative;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.main .main-slider {
	position: relative;
	height: 100vh;
	/* padding-bottom: 60px; */
}

.main .main-slider .item {
	position: relative;
	width: 100%;
	height: 100vh;
}

.main .main-slider .item img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.main .item .main-text {
	position: absolute;
	width: 100%;
	max-width: 800px;
	left: 50%;
	bottom: 80px;
	transform: translateX(-50%);
	text-align: center;
	letter-spacing: 1px;
	font-family: "Monotype Corsiva";
	color: #fff;
	font-size: 30px;
	padding: 0px 20px;
	text-shadow: 1px 1px 2px black;
}

.main .main-slider .owl-dots {
	position: absolute;
	bottom: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.main .main-slider .owl-dots .owl-dot {
	width: 15px;
	height: 15px;
	background: transparent;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 10px;
}

.main .main-slider .owl-dots .owl-dot.active {
	background: #fff;
}

.feedback_btn {
	position: relative;

	width: 290px;

	height: 60px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-bottom: 30px;
}

.feedback_btn svg {
	position: absolute;

	width: 100%;

	height: 100%;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 8;
}

.feedback_btn span {
	position: relative;

	color: #fff;

	font-size: 18px;

	text-transform: uppercase;

	letter-spacing: 2px;

	z-index: 9;
}

svg.animate_svg {
	width: 280px;

	height: 80px;

	animation: size 2s cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;

	z-index: 7;
}

svg.animate_svg path {
	width: 100%;

	height: 100%;

	fill: none;

	stroke: #384c70;

	stroke-opacity: 0.6;

	stroke-width: 3px;
}

svg.hover_svg path {
	fill: #384c70;

	stroke: #384c70;

	stroke-width: 3px;

	transition: fill-opacity 0.5s linear;

	/*    animation: pulse 2s cubic-bezier(0.895, 0.03, 0.685, 0.22) infinite;*/
}

a:hover svg.hover_svg path {
	fill-opacity: 0;
}

a:hover ~ svg.animate_svg {
	animation: none;
}

a:hover ~ svg.animate_svg path {
	stroke-width: 0px;
}

/*



@keyframes pulse {



    from {



        transform: scale(0.98);



    }



    to {



        transform: scale(1);



    }



}



*/

@keyframes size {
	from {
		width: 280px;

		height: 80px;
	}

	to {
		width: 420px;

		height: 290px;

		opacity: 0;
	}
}

/*    Content     */

section {
	position: relative;

	display: block;

	margin-left: 200px;

	min-height: 100%;

	background: #e8eef4;

	padding: 50px;
}

section#contacts,
section#main {
	padding: 0;
}

section h2 {
	font-size: 40px;

	padding-bottom: 60px;

	text-transform: uppercase;
}

#services {
	position: relative;

	min-height: 100vh;
}

#services > h2 {
	padding-bottom: 40px;
}

#services .loader {
	top: 50vh;
	transform: translate(-50%, 0);
}

#services > p.info {
	text-align: center;

	margin-bottom: 60px;

	font-family: "Monotype Corsiva";

	font-size: 18px;
}

#services > p.info b {
	font-size: 25px;
}

.services-content .services:not(.active) {
	display: none;
}

.switch-services {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.switch-services-btn {
	position: relative;
	width: 280px;
	height: 60px;
	background-color: #cfd3de;
	display: flex;
	justify-content: center;
	align-items: center;
	outline: none;
	border: none;
	cursor: pointer;
	color: #fff;
	transition: 0.3s all linear;
	user-select: none;
}

.switch-services-btn:hover:not(:focus) {
	opacity: 0.8;
}

.switch-services-btn.active {
	background-color: #384c70;
}

.services {
	position: relative;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	width: 100%;

	height: 100%;

	margin: auto;
}

.services .item {
	width: 45%;

	padding: 15px 0px;

	display: flex;

	flex-direction: column;

	animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.services .item:nth-of-type(1),
.services .item:nth-of-type(2) {
	padding-top: 0;
}

.services .item h3 {
	font-size: 18px;

	text-align: center;
}

.services .item > div {
	position: relative;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-top: 20px;
}

.services .item > div p.head {
	padding-right: 30px;
}

.services .item > div p.desc {
	position: relative;

	display: flex;

	justify-content: flex-end;

	align-items: center;

	min-width: 70px;
}

.services .item > div p.desc.none img {
	display: none;
}

.services .item > div .desc img {
	opacity: 0.5;

	padding-left: 10px;

	transition: opacity 0.3s linear;

	cursor: pointer;

	width: 30px;

	height: 20px;
}

.services .item div.desc_list {
	position: absolute;

	display: flex;

	flex-direction: column;

	width: 300px;

	top: 69px;

	right: -8px;

	padding: 24px;

	background: #fff;

	z-index: 9;

	opacity: 0;

	transition: opacity 0.6s;

	visibility: hidden;
}

.services .item div.desc_list::after {
	position: absolute;

	content: "";

	top: -35px;

	right: 0px;

	border: 20px solid transparent;

	border-bottom: 20px solid #fff;
}

.services .item div.desc_list strong {
	font-size: 16px;

	padding-bottom: 10px;

	display: block;
}

.services .item div.desc_list hr {
	width: 95%;

	margin: 10px auto;
}

.services .item div.desc_list li {
	font-size: 14px;
}

.services .item > div.active .desc img {
	opacity: 1;

	z-index: 10;
}

.services .item > div.active > div.desc_list {
	opacity: 1;

	visibility: visible;
}

section.wrap_masters,
section.wrap_services {
	display: flex;

	flex-direction: column;
}

#masters {
	min-height: 660px;
}

.masters {
	position: relative;

	visibility: hidden;

	opacity: 0;

	transition: 0.3s opacity linear;
}

.masters.visible {
	visibility: visible;

	opacity: 1;
}

.masters .item {
	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	cursor: move;

	cursor: grab;

	cursor: -moz-grab;

	cursor: -webkit-grab;

	outline: none;
}

.masters .item:active {
	cursor: grabbing;

	cursor: -moz-grabbing;

	cursor: -webkit-grabbing;
}

.masters .item .foto_masters {
	padding: 0px 40px;
}

.masters .item .foto_masters img {
	width: 320px;

	max-width: 100%;

	height: 440px;

	border-radius: 5px;

	object-fit: cover;
}

.masters .item .desc_masters {
	display: flex;

	flex-direction: column;

	max-width: 450px;
}

.masters .item .desc_masters .content {
	flex-grow: 1;
}

.masters .item .desc_masters .master-name {
	font-size: 30px;

	margin-bottom: 16px;
}

.masters .item .desc_masters .master-specialization {
	margin-bottom: 24px;
}

.masters .item .desc_masters ol,
.masters .item .desc_masters ul {
	margin-top: 16px;

	padding-left: 16px;
}

.masters .item .desc_masters ol li,
.masters .item .desc_masters ul li {
	list-style: unset;
}

/* .masters .item .desc_masters .master-name span {

    font-size: 18px;

    font-family: 'Monotype Corsiva';

} */

.masters .item .desc_masters .button {
	position: relative;

	width: 280px;

	height: 60px;

	background-color: #384c70;

	display: flex;

	justify-content: center;

	align-items: center;
}

.masters .item .desc_masters .button button {
	background: transparent;

	width: 95%;

	height: 80%;

	border: 3px solid #fff;

	cursor: pointer;

	color: #fff;

	font-size: 18px;

	letter-spacing: 2px;

	transition: 0.3s ease-in-out;
}

.masters .item .desc_masters .button:hover button,
.masters .item .desc_masters .button button:active {
	width: 101%;

	height: 101%;
}

.foto {
	position: relative;
}

.arrows {
	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 20;
}

.arrows button {
	position: absolute;

	width: 50px;

	height: 60px;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer;

	outline: none;

	border: none;
}

/*



#foto .arrows div:hover{



    border: 1px solid;



    border-radius: 10px;



}



*/

.arrows .owl-prev {
	left: 20px;

	background: url(/images/masters/left.png) no-repeat center;
}

.arrows .owl-next {
	right: 20px;

	background: url(/images/masters/right.png) no-repeat center;
}

#foto iframe {
	width: 100%;

	height: 400px;

	max-height: 100%;

	max-width: 100%;

	background-color: #e8eef4;

	padding-left: 30px;
}

/*.foto .item{



    width: 100%;



    height: 100%;



    cursor: grab;



    cursor: -moz-grab;



    cursor: -webkit-grab;



}







.foto .item:active {



    cursor: grabbing;



    cursor: -moz-grabbing;



    cursor: -webkit-grabbing;



}











.foto .item .img{



    width: 100%;



    height: 100vh;



    -webkit-background-size: cover;



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



}







.foto .item .img_1{



    background-image: url('/images/foto/professionalnyy_manikyur.jpg');



}







.foto .item .img_2{



    background-image: url('/images/foto/makiyazh_v_gomele.jpg');



}







.foto .item .img_3{



    background-image: url('/images/foto/manikyur.jpg');



}







.foto .item .img_4{



    background-image: url('/images/foto/pedikyur.jpg');



}







.foto .item .img_5{



    background-image: url('/images/foto/manikyur_v_gomele.jpg');



}



.foto .item .img_6{



    background-image: url('/images/foto/belitsa_manikyur.jpg');



}







.foto .item .img_7{



    background-image: url('/images/foto/dolgovremennoye_pokrytiye.jpg');



}







.foto .item .img_8{



    background-image: url('/images/foto/muzhskoy_manikyur.jpg');



}







.foto .item .img_9{



    background-image: url('/images/foto/pedikyur_gomel.jpg');



}







.foto .item .img_10{



    background-image: url('/images/foto/remont_nogtya.jpg');



}







.foto .item .img_11{



    background-image: url('/images/foto/french.jpg');



}







.foto .item .img_12{



    background-image: url('/images/foto/geometriya_nogtey.jpg');



}







.foto .item .img_13{



    background-image: url('/images/foto/korrektsiya_nogtey.jpg');



}







.foto .item .img_14{



    background-image: url('/images/foto/podarochnyye_sertifikaty.jpg');



}







.foto .item .img_15{



    background-image: url('/images/foto/TnNPOJ-K3bo.jpg');



}*/

/*.foto .owl-dots{



    position: absolute;



    z-index: 99;



    height: 20px;



    left: 50%;



    transform: translate(-50%, 0%);



    bottom: 10px;



}







.foto button.owl-dot{



    width: 10px;



    height: 10px;



    border-radius: 50%;



    border: 1px solid #384C70;



    outline: none;



    margin-right: 10px;



}







.foto button.owl-dot:last-child{



    margin-right: 0;



}







.foto button.owl-dot.active{



    background-color: #384C70;



}*/

.wrap_smail_foto {
	position: absolute;

	bottom: 20px;

	left: 0px;

	z-index: 9;

	width: 100%;

	overflow: hidden;

	max-height: 130px;
}

.wrap_smail_foto .item {
	position: relative;
}

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

.wrap_smail_foto .item::after {
	content: "";

	position: absolute;

	top: 0px;

	left: 0px;

	width: 101%;

	height: 101%;

	background: rgba(0, 0, 0, 0.3);

	transition: background 0.3s linear;
}

.wrap_smail_foto .item:hover::after,
.wrap_smail_foto .item.slick-current::after {
	background: rgba(0, 0, 0, 0);
}

/*



.wrap_smail_foto .item.slick-current{



    border-color: #fff;



}



*/

.wrap_smail_foto .item {
	outline: none;

	width: 100%;

	/*    max-width: 150px;*/

	/*    height: 100%;*/

	margin: 0px 10px;

	/*    outline: none;*/

	border: 2px solid transparent;

	cursor: pointer;
}

.smail_foto {
	position: relative;

	max-width: 480px;

	margin: 0 auto;
}

.news {
	position: relative;

	max-width: 100%;

	overflow: auto;
}

.news::-webkit-scrollbar {
	width: 10px;
}

.news::-webkit-scrollbar-thumb {
	background: #384c70;

	border-radius: 10px;
}

.news::-webkit-scrollbar-track {
	background: #fff;

	border-radius: 10px;
}

.news .item {
	display: flex;

	/*    justify-content: center;*/

	flex-wrap: wrap;

	padding-bottom: 30px;

	padding-left: 30px;
}

.news .item .foto_news {
	padding-right: 40px;

	display: flex;

	flex-direction: column;
}

.news .item .foto_news img {
	max-width: 100%;

	width: 320px;

	margin-bottom: 40px;
}

.news .item .desc_news {
	display: flex;

	flex-direction: column;

	justify-content: flex-start;

	max-width: 500px;
}

.news .item .desc_news h3 {
	font-size: 20px;

	padding-bottom: 25px;
}

.news .item .desc_news h4 {
	font-size: 18px;

	padding-bottom: 10px;
}

.news .item .desc_news p,
.news .item .desc_news a {
	font-size: 14px;
}

.news .item .desc_news a {
	color: #384c70;
}

.news .item .desc_news strong {
	color: #384c70;
}

.contacts {
	width: 100%;

	height: 100%;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.contacts > div {
	width: 100%;

	height: 100vh;
}

.contacts .info {
	display: flex;

	justify-content: center;

	align-items: center;

	height: 100%;

	background-color: #384c70;

	color: #fff;

	font-size: 20px;

	padding: 24px;
}

.contacts iframe {
	border: none;

	width: 100%;

	height: 100%;
}

.contacts .maps iframe {
	border: none;
}