@font-face {
    font-family: "MarckScriptRegular";
    src: url("fonts/MarckScriptRegular.eot");
    src: url("fonts/MarckScriptRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/MarckScriptRegular.woff") format("woff"),
    url("fonts/MarckScriptRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'HelveticaNeueCyrLight';
    src: url('fonts/HelveticaNeueCyrLight.eot');
    src: url('fonts/HelveticaNeueCyrLight.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueCyrLight.woff2') format('woff2'),
         url('fonts/HelveticaNeueCyrLight.woff') format('woff'),
         url('fonts/HelveticaNeueCyrLight.ttf') format('truetype'),
         url('fonts/HelveticaNeueCyrLight.svg#HelveticaNeueCyrLight') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCyrRoman';
    src: url('fonts/HelveticaNeueCyrRoman.eot');
    src: url('fonts/HelveticaNeueCyrRoman.eot') format('embedded-opentype'),
         url('fonts/HelveticaNeueCyrRoman.woff2') format('woff2'),
         url('fonts/HelveticaNeueCyrRoman.woff') format('woff'),
         url('fonts/HelveticaNeueCyrRoman.ttf') format('truetype'),
         url('fonts/HelveticaNeueCyrRoman.svg#HelveticaNeueCyrRoman') format('svg');
}
@font-face {
    font-family: 'lobster';
    src: url('fonts/lobster.eot');
    src: url('fonts/lobster.eot') format('embedded-opentype'),
         url('fonts/lobster.woff2') format('woff2'),
         url('fonts/lobster.woff') format('woff'),
         url('fonts/lobster.ttf') format('truetype'),
         url('fonts/lobster.svg#lobster') format('svg');
}


body, html {
    max-width: 1100px;
    min-width: 320px;

	margin: 0 auto;
	padding: 0;
}
body {
	background-image: url(img/background.jpg);
}
.wrapper{
	margin: 0 auto;
}
#logo {
	margin: 130px auto 20px auto;
	padding: 0;
	width: 489px;
	height: 132px;

}
#logo a {
    padding: 10px;
	background-image: url(img/logo.png);
    background-size: 100%;
    background-origin: content-box;
    background-repeat: no-repeat;
	display: block;
    max-width: 400px;
    margin: 0 auto;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#header-wrap{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;

    width: 100%;
}
#header{
	display:table;
	max-width: 1100px;
	margin: 0 auto;
}
#header>div{
	display:table-cell;
	vertical-align:top;
	padding-top:7px;
}
.header-image{
	width:14%;
}
.header-menu{
	width:72%;
	text-align:center;
}
.header-image img{
	width:100%;
}

#mainmenu{
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	text-align:center;
	width:auto;
	display:inline-block;
	margin-bottom:5px;
}
#mainmenu>li{
	display:inline-block;
}
#mainmenu>li>a{
	display: inline-block;
	font: bold 14px verdana, geneva, sans-serif;
	color: #fff;
	padding: 0px 9px;
	line-height: 51px;
    width: auto;
	border-left: 1px solid rgb(66, 197, 190);
    background: url(img/bg-menu.jpg) center center repeat-x rgb(66, 197, 190);
    transition: background-color 0.4s ease 0s;
}
#mainmenu>li.current>a,
#mainmenu>li:hover>a{
	 background: url(img/bg-menu-hover.jpg) center center repeat-x rgb(0, 0, 0);
}
#mainmenu>li:first-child>a{
	border-radius:10px 0 0 10px;
	border-left: none;
}
#mainmenu>li:last-child>a{
	border-radius:0 10px 10px 0;
}
#menubottomline{
	border-bottom:2px solid #fff;
	width:400px;
	margin:0 auto;
}

#main-container{
	display:table;
	width:100%;
}
#main-container>div{
	display:table-cell;
    padding: 15px;
	vertical-align:top;
}
.usor{}
.usor img{
	width:93%;
}
#slider-block{
	height:300px;
}

.etiket-page{
	max-width: 1100px;
	margin:0 auto;
    padding: 0 10px;
}
.content{
	font: 24px helvetica, sans-serif;
	color:#000;
}
#content p a{
	color:#000;
}
#content{
	width:100%;
	font: 24px helvetica, sans-serif;
	color:#000;
	margin:0 auto;
}
#content.contacts-page{
	max-width:1200px;
    padding: 10px;
}
.page-title{
	font-family: "MarckScriptRegular";
	font-size:48px;
	text-align:center;
	margin-top:100px;
	margin-bottom:80px;
}

#contacts-bottom .custom{
	display:table;
	width:100%;
}
#contacts-bottom .custom>div{
	display:table-cell;
	vertical-align:top;
}
.contacts-bottom-map{
	width:65%;
}
.contacts-bottom-text{
	font: 20px HelveticaNeueCyrLight, sans-serif;
	color:#000;
	width:35%;
	padding-left:30px;
}
#contacts-bottom h3{
	font: 36px "MarckScriptRegular", cursive;
	color:#000;
	text-align:center;
	margin-bottom:40px;
}

.mod-services{}
.mod-services .title{
	font-family: "MarckScriptRegular";
	font-size:48px;
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}

.services{
	text-align:center;
}
a.services-item{
	display:inline-block;
	text-decoration:none;
	color:#000;
	margin:20px;
	width: 276px;
    vertical-align: top;
}
.services-item-image,
.masters-list .item{
	border: 5px solid rgb(66, 197, 190);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
}
.masters-list{
	display:flex;
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding-bottom:60px;
	justify-content:center;
}
.masters-list .ttl{
    text-align: center;
    font-family: 'HelveticaNeueCyrRoman';
	-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
	padding:15px;
	color:#333;
	text-decoration:none;
}
.masters-list .ttl:hover .item{
	box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 10px 0px;
}
.masters-list .ttl h3{
	font-size:22px;
}
.masters-list .item{
	background:#fff;
}
.services-item-image img{
	border:1px solid #efefef;
}
.services-item-title{
	width:100%;
	font-family: "MarckScriptRegular";
	font-size:30px;
	text-align:center;
}
.service{
	display:table;
	width:100%;
	margin:0 auto;
}
.service>div{
	display:table-cell;
	vertical-align:top;
}
.service-description{
	padding-left:100px;
	padding-right:100px;
}
.leftmenu{
	width:300px;
	position:relative;
	z-index:9999;
}
.leftmenu ul{
	padding:0px;
	margin:0px;
}
.leftmenu ul li{
	display:block;
	margin:0px;
	padding:0px;
}
.leftmenu ul li a,
.etiket{
	display: table-cell;
	font: normal 14px verdana, geneva, sans-serif;
	color: #fff;
	padding: 0px 22px;
	/* line-height: 60px; */
	vertical-align:middle;
	height:60px;
    width: 280px;
    background: url(img/bg-goods-title.jpg) center center repeat-x rgb(66, 197, 190);
    transition: background-color 0.4s ease 0s;
	border-radius:5px;
}
.etiket{
	display:inline-block;
	line-height:60px;
}
.etiket:hover{
	background: url(img/bg-goods-title-hover.jpg) center center repeat-x rgb(0, 0, 0);
	color:#fff;
	text-decoration:none;
}
.leftmenu ul li.current a,
.leftmenu ul li:hover a{
	 background: url(img/bg-goods-title-hover.jpg) center center repeat-x rgb(0, 0, 0);
}
.leftmenu .stickyeah{
	/* z-index:9999; */
}
/* .leftmenu ul.fixed{
	position:fixed;
	top:130px;
	left:0px;
	z-index:9999;
} */


.big-title{
	font-family: 'lobster';
	font-size:48px;
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}
.big-title2{
	font: 36px "MarckScriptRegular", cursive;
    color: #000;
	margin:0 auto;
	padding-left: 300px;
}
.arrow{
	display:inline-block;
	padding-right:30px;
}
.arrow ul{
	background:none;
	padding:0px;
	margin:0px;
	display:inline-block;
}
.arrow ul li{
	display:none;
	padding:0px;
	margin:0px;
}
.arrow ul li:last-child{
	display:inline-block;
}
.arrow ul li:last-child a{
	display:inline-block;
	width:150px;
	height:50px;
	background:url(img/arrow.png) center center no-repeat;
	text-indent:-9999px;
}
.arrow li + li:before {
    padding: 0px;
    color: #ccc;
    content: "";
}

.goods,
.masters-list{
	text-align:center;
}
a.goods-item{
	display:inline-block;
	text-decoration:none;
	color:#fff;
	margin:20px 40px;
}
.goods-item-title{
	width:100%;
	font-size:30px;
	text-align:center;
	height:60px;
	line-height: 60px;
	background: url(img/bg-goods-title.jpg) center center repeat-x rgb(66, 197, 190);
	transition: color 0.4s ease 0s;
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	border-radius: 5px;
	font: 15px helvetica, sans-serif;
	padding-top:20px;
	margin-bottom:15px;
}
a.goods-item:hover .goods-item-title{
	background: url(img/bg-goods-title-hover.jpg) center center repeat-x rgb(0, 0, 0);
}
.goods-item-image{
	display:inline-block;
	border: 5px solid rgb(66, 197, 190);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
}
.goods-item-image img{
	border:1px solid #efefef;
}

.goodslist{
	display:table;
	width:100%;
	margin:0 auto;
}
.goodslist>div{
	display:table-cell;
	vertical-align:top;
	padding-top:50px;
}
.goodslist-items{
	padding-left:100px;
	padding-right:100px;
}
.goodslist-item{
	display:table;
	width:100%;
	margin-bottom:40px;
}
.goodslist-item>div{
	display:table-cell;
	vertical-align:top;
}
.goodslist-item-image{
	width:300px;
	text-align:center;
	padding-right:30px;
}
.goodslist-item-image img{
	max-width:252px;
}
.goodslist-item-text{
	font-size:15px;
	font-family: 'HelveticaNeueCyrRoman';
}
.goodslist-item-text p{
	margin:0px;
}
.goodslist-item-title{
	margin-top:0px;
	margin-bottom:10px;
}
.images-catid15{
	display:inline-block;
	border: 3px solid rgb(66, 197, 190);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px 0px;
}
.images-catid15 img{
	border:1px solid #efefef;
	/* width:252px; */
}
.goodslist-description{
	padding-bottom:10px;
}



/* галлерея */
.slick-slider-wrapper{
	width:100%;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:100px;
}

.slick-slider-item{
	position:relative;
}
.gallery-item-slider .slick-slider-item{
	margin:0px 3px;
}
.curtain{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.4);
}
.slick-slider-item.slick-current .curtain{
	display:none;
}
.gallery-thumb-slider-wrapper{
	width:520px;
	margin:0 auto;
}
/* .gallery-thumb-slider-wrapper .slick-track{
	opacity: 1 !important;
    width: auto !important;
    transform: translate3d(0px, 0px, 0px) !important;
} */
.gallery-thumb-slider .slick-slider-item{
	margin:10px;
}
#content>div.sigplus-gallery>ul>li{
	padding-bottom:16px !important;
	background:url(img/shadow.png) center bottom no-repeat !important;
}



#footer{
    padding: 10px;

	background-color: rgb(34, 34, 34);
    color: #fff;
}
#footer > div:first-child{

}
#footer > div:nth-child(2){
    text-align: center;
}
#footer > div:last-child{
    text-align: right;
}

#pricetable_wrapper {
	width: 960px;
	align: center;
	margin: 0 auto;
}

#pricetable_wrapper th {
	background-color: white;
}

#svitok {
    width: 250px;
    height: 320px;
    float: right;
    background: url(img/svitok.png) no-repeat top center;
    padding: 50px 35px 20px 40px;
    overflow: hidden;
    font: italic 11px/130% arial/*Georgia, "Times New Roman", Times, serif*/;
    position: relative;
    z-index: 10;
}
#svitok h3{
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

.pic-wrapper.right {
    float: right;
    margin-left: 25px;
    clear: right;
}
.pic-wrapper {
    display: block;
    position: relative;
    width: 270px;
    height: 190px;
    margin-bottom: 20px;
}
.pic-wrapper img {
    display: block;
    height: 170px;
    width: 270px;
    background: url(/images/content/border.jpg) no-repeat;
    padding: 10px;
}
.pic-wrapper .uzor {
    position: absolute;
    background: url(/images/content/uzor.png) no-repeat top center;
    width: 120px;
    height: 40px;
    bottom: 0;
    left: 75px;
}
#promo img{
	width:100%;
}
.pic-wrapper.v4 {
    width: 220px;
    height: 280px;
}
.pic-wrapper.left {
    float: left;
    margin-right: 25px;
}
.pic-wrapper.v4 img {
    width: 220px;
    height: 260px;
    background: url(/images/content/border-4.jpg) no-repeat;
}
.pic-wrapper.v4 .uzor {
    left: 55px;
}
.pic-wrapper.nice-wrapper {
    line-height: 50px;
    text-align: center;
    height: 330px;
}
.pic-wrapper.r15 {
    margin-right: 65px;
}
.pic-wrapper.r0 {
    margin-right: 25px;
}
.pic-wrapper.v2 {
    width: 170px;
    height: 260px;
}
.pic-wrapper.v2 img {
    width: 170px;
    height: 240px;
    background: url(/images/content/border-2.jpg) no-repeat;
}
.pic-wrapper.v2 .uzor {
    left: 25px;
}
.pic-wrapper.nice-wrapper .title {
    margin: 0;
}
.nice-wrapper .title {
    position: relative;
    background: url(/images/content/butik-menu-bg.jpg) no-repeat top center;
    border-radius: 7px;
    text-align: center;
    color: #333;
    margin: 0 auto;
    display: inline;
    margin-top: 0;
    padding: 7px 15px;
    font-size: 18px;
    margin-right: 25px;
}

table.masks h3 {
    color: #000;
    font-size: 36px;
    text-align: center;
}
table.masks p {
    font-size: 13px;
    line-height: 17px;
}
.clear{
	clear:both;
}

#totop{
	position:fixed;
	bottom:60px;
	right:20px;
	display:none;
	width:50px;
	height:65px;
	background:url(img/totop.png) top center no-repeat;
	text-indent:-9999px;
	background-size:100%;
}


#virtech {
    background: url("img/virtech-logo.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    display: inline-block;
    height: 35px;
    text-decoration: none;
    text-indent: -9999px;
    width: 70px;
    margin-left: 10px;
    overflow: hidden;
    color: transparent;
    position: absolute;
    top: 0px;
    right: 15px;
}


/* уход за лицом */
.face-menu{

}
.face-menu > li{

}
/*.face-menu > li:hover ul.small{
    opacity: 1;
    transition: .2s ease all;
}
.face-menu > li:hover > ul.small > li{
    height: 30px;
    opacity: 1;
    transition: .2s ease all;
}*/
.face-menu > li.parent{

}
.face-menu > li.current > ul{
    display:block !important;
}
.face-menu > li > ul.small{
    /*height: 0px;
    opacity: 0;*/
    display: none;
    transition: .2s ease all;
    margin-bottom: 10px;
    margin-left: 10px;
}
.face-menu > li > ul.small > li{
    /*height: 0px;
    opacity: 0;*/
    transition: .2s ease all;
}
.face-menu > li > ul.small > li > a{
    font-size: 12px;
    height: 30px;
    background: url(img/bg-goods-title.jpg) center center repeat-x rgb(0, 0, 0);
}
.face-menu > li  ul.small li.current > a{
    font-weight: bold;
    color: #000;
}

.face-menu > li > ul.small > li > ul.small{
	display: none;
    transition: .2s ease all;
    margin-bottom: 10px;
    margin-left: 10px;
}
.face-menu > li > ul.small > li.current > ul.small{
	display:block;
}
.face-menu > li > ul.small > li > ul.small > li > a{
	font-size: 12px;
    height: 30px;
    background: url(img/bg-goods-title.jpg) center center repeat-x rgb(0, 0, 0);
}
.face-menu li.item-219 a{
    background: url(img/new-icon.png) no-repeat right 10px center, url(img/bg-goods-title.jpg) center center repeat-x !important;
}
.face-menu li.item-219:hover a{
    background: url(img/new-icon.png) no-repeat right 10px center, url(img/bg-goods-title-hover.jpg) center center repeat-x !important;
}
.visible-ul{
    display: block !important;
}

.service-description img{
    max-width: 60%;
    border: 10px solid rgba(0,0,0,0);
}
/* КНОПКА ЛИЦЕНЗИЯ */
.license{
	padding: 10px 15px;
    border-left: 1px solid rgb(66, 197, 190);
    background: url(img/bg-menu.jpg) center center repeat-x rgb(66, 197, 190);
    transition: background-color 0.4s ease 0s;
    font-size: 18px;
    color: white;
    border-radius: 7px;
}

.uslcont img{
	float: left;
	margin: 10px;
}

.counter {
	position: absolute;
	right: 100px;
}


.social{

}
.social > a{
    display: inline-block;
    width: 21px;
    height: 21px;
}

.social.white span.desc{
    position: relative;
    top: -5px;
}
.social.white > a.vk{
    background: url(img/social/vk-white.png) no-repeat center center;
}
.social.white > a.in{
    background: url(img/social/in-white.png) no-repeat center center;
}
.social.white > a.fb{
    background: url(img/social/fb-white.png) no-repeat center center;
}

.social.black > a.vk{
    background: url(img/social/vk-black.png) no-repeat center center;
}
.social.black > a.in{
    background: url(img/social/in-black.png) no-repeat center center;
}
.social.black > a.fb{
    background: url(img/social/fb-black.png) no-repeat center center;
}

.social > a.vk:hover{
    background: url(img/social/vk-hover.png) no-repeat center center;
}
.social > a.in:hover{
    background: url(img/social/in-hover.png) no-repeat center center;
}
.social > a.fb:hover{
    background: url(img/social/fb-hover.png) no-repeat center center;
}




/* fix style */
.decor1,
.decor2{
    position: absolute;
    top: 50px;

    width: 90px;
}

.decor1{
    left: -60px;
}

.decor2{
    right: -60px;
}

.main-container{
    position: relative;
}

.mobileMenuContainer{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;

    width: 100%;

    padding: 10px;

    background-color: rgb(106, 209, 205);
    color: #fff;
}

.mobileMenu{
    width: 40px;

    border: none;
    background-color: transparent;

    transition-property: transform;
    transition-duration: 0.3s;
}

.mobileMenu:hover,
.mobileMenu:focus{
    outline: none;
}

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

.clearfix{
    clear: both;
}

@media screen and (max-width: 1150px){
    img{
        max-width: 100%;
    }
    .decor1,
    .decor2,
    .slider,
    .decor3,
    .decor4{
        display: none!important;
    }
    #logo{
        margin-top: 80px;
        margin-bottom: 0;
    }
    .etiket{
        margin-bottom: 30px;
    }
    .big-title2,
    .goodslist-items{
        padding: 0;
    }
    .goodslist-items{
        display: block!important;
    }
    #content{
        padding: 0 5px;
    }
    .leftmenu{
        display: block!important;
        margin: 0 auto;
    }
    .service>div{
        display: block;
        margin: 20px auto;
        padding: 0 10px;
    }
    .leftmenu .stickyeah{
        position: static!important;
        width: 100%!important;
    }
    .leftmenu .stickyeah_clone{
        display: none!important;
    }
}

@media screen and (max-width: 678px){
    div.sigplus-gallery ul>li>a>img{
        max-width: 90%;
        height: auto;
    }
    .goodslist-item>div{
        display: block;
        margin: 0 auto;
        padding: 0 10px;
    }
    .big-title2{
        text-align: center;
    }
    .stickyeah_clone{
        display: none;
    }
    #content.contacts-page,
    #pricetable{
        font-size: 16px;
    }
    a.goods-item{
        margin: 10px 0;
    }
    #sigplus_b93ba8a545fa33862fb664bd0be5bc08 ul > li img{
        max-width: 90%;
        height: auto;
    }
    .slick-slider-wrapper{
        overflow: hidden;
    }
    #menubottomline{
        display: none;
    }
    .content{
        font-size: 20px;
    }

    #logo{
        width: 100%;
    }
    .mobileSocial{
        float: right;
    }
    #mainmenu>li,
    #mainmenu>li>a,
    .mobileMenuContainer,
    #header,
    #header>div,
    .arrow{
        display: block;
    }
    #header>div{
        width: 100%;
    }
    #mainmenu{
        width: 100%;
    }
    #header-wrap{
        top: 40px;

        height: 0;

        overflow: hidden;

        transition-property: height;
        transition-duration: 0.3s;
    }
}

.menuShow{
    height: calc(100% - 30px)!important;

    overflow: auto!important;
}

.scrollHidde{
    overflow: hidden;
}

.activeMenu{
    transform: rotate(90deg);
}