/*----------------------------------------------------------------------------------------------------------*/

.vip .middle {padding-top:260px;}


.vip .top_menu > li.wow > a {color: #ff004a;}
.vip .top_menu > li.bad > a {background: black;color: white;}
.vip .top_menu  li:first-child {display: none !important;}
.vip .topmenu_container {position: absolute;top: 0px;right: 0px;width: 0px;z-index: 99999;border: 0px;margin: 0px;transition: 0.5s;max-width:330px;}
.vip .btn_topmenu{position:absolute;right: 15px;top: 20px;width: 45px;height: 45px;transition:0.5s;z-index:2;background: black;border-radius: 100px;text-transform: uppercase;}
.vip .btn_topmenu span {top: 20px;left: 11px;background: white;width: 23px;height: 4px;position: absolute;transition: 0.5s;}
.vip .btn_topmenu:before{content:'';position:absolute;transition:0.5s;top: 11px;left: 11px;background: white;width: 23px;height: 4px;}
.vip .btn_topmenu:after{content:'';position:absolute;transition:0.5s;top: 29px;left: 11px;background: white;width: 23px;height: 4px;}
.vip .btn_topmenu.open {}
.vip .btn_topmenu.open:before{border-color:#00adef;top: 21px;left: 6px;height: 2px;width: 33px;border-color: #7e8083;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.vip .btn_topmenu.open:after{border-color: #7e8083;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 21px;left: 6px;height: 2px;width: 33px;}
.vip .btn_topmenu.open span {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 23px;right: 27px;opacity: 0;}
	
	
.vip .topmenu_container .bg_top_menu {overflow:hidden;}
.vip .topmenu_container {position:absolute;top: 0px;right: 0px;width: 0px;z-index:99999;border:0px;margin:0px;transition:0.5s;background: black;}
.vip .topmenu_container.open {width: 100%;}
.vip .topmenu_container:before {content:'';background-color: white;-webkit-mask-image: url(/project/templates/site/img/logo.svg);mask-image: url(/project/templates/site/img/logo.svg);width: 0px;transition:0.3s;height: 58px;position: absolute;z-index: 1;top: 16px;left: 15px;}
.vip .topmenu_container.open:before {width: 100px;transition:0.3s;}
.vip .top_menu {margin:0px;padding:0px;list-style:none;overflow:hidden;position:relative;transition:0.5s;top: 0px;display: block;/* padding-top: 90px; */margin-top: 90px;}
.vip .top_menu li {display: block !important;padding:0px;margin:0px;transition:0.5s;background: black;text-align: left;}
.vip .top_menu > li a {color:white;white-space: nowrap;padding: 15px 20px;text-transform: uppercase;display: block;display: block;position: relative;transition: 0.2s;text-align:left;}
.vip .top_menu > li > a, .top_menu > li > span {color:white;font-size: 20px;text-align: left;}
.vip .top_menu .sub > span {position: absolute;right: 0px;top: 14px;cursor: pointer;padding: 0px 20px;font-weight: 700;z-index: 10;width: 15px;text-align: center;}
.vip .top_menu .sub > span:before {content: '+';}
.vip .top_menu .sub.open > span:before {content: '-';}
.vip .top_menu .sub.open + .submenu {display: block;}
.vip .top_menu .submenu {display:none;position:relative;background: none;}
.vip .top_menu > li .submenu ul {padding-left:40px;}

.vip .submenu ul a:hover {color: red;}
	
.vip .speciallinks {text-align: left;padding-left: 20px;overflow: hidden;}
.vip .speciallinks li:first-child {color:white;}
.vip .speciallinks li {display:block;font-family: 'Noto Serif',serif;font-style: italic;}
.vip .speciallinks li a {text-decoration:underline;color: #9f9f9f;}

















@media (min-width:1200px){

	.top_menu {display: flex;justify-content: space-between;margin: 0px;padding: 0px;list-style: none;padding-top: 46px;}
	.top_menu > li:first-child {display: none;}
	.top_menu li {width: 100%;position: relative;}
	.top_menu > li  a {color: black;text-decoration: none;text-align: center;width: 100%;display: block;position: relative;padding-bottom: 11px;text-transform: uppercase;padding: 15px 20px;box-sizing: border-box;}
	.top_menu > li a:after {content: '';position: absolute;bottom: 0px;left: 50%;width: 0%;height: 1px;background: black;transition: 0.3s;}
	.top_menu > li.current > a:after {left: 0px;width: 100%;transition: 0.3s;}
	.top_menu > li a:hover:after {left: 0px;width: 100%;transition: 0.3s;}
	.top_menu li.current a {}
	.top_menu > li a:hover {color: #ff004b;transition: 0.3s;}
	.top_menu > li .submenu {display: none;min-width: 100%;margin: 0;padding: 0;position: absolute;top: 100%;left: 0;z-index: 1000;list-style: none;font-size: 14px;background-color: #fff;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);background-clip: padding-box;}
	.top_menu > li:hover .submenu {display:block;}
	
	.vip .top_menu > li:hover .submenu {display:none;}

	
	.top_menu > li .submenu ul {margin: 0px;padding: 0px;list-style: none;}
	.top_menu ul > li:first-child {display: none !important;}
	.top_menu > li.wow > a {color: #ff004a;}
	.top_menu > li.bad > a {background: black;color: white;}
	
	
	.speciallinks {list-style: none;padding: 0px;margin: 0px;text-align: center;padding-top: 21px;letter-spacing: .1em;padding-bottom: 41px;}
	.speciallinks li {font-family: 'Noto Serif',serif;font-style: italic;display: inline-block;}
	.speciallinks li a {color: #9f9f9f;}
	.speciallinks li a:hover {color:#ff004b;}


	
	.m_banner.type0 .b_images img.img_desktop.first {position:relative;}
	.m_banner.type0 .b_images img.img_mobile {opacity:0;display:none;}
	
}


@media (max-width:1199px){

	.grid-item {width:100%;}

	header .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

	.top_menu > li.wow > a {color: #ff004a;}
	.top_menu > li.bad > a {background: black;color: white;}
	.top_menu  li:first-child {display: none !important;}
	.topmenu_container {position: absolute;top: 0px;right: 0px;width: 0px;z-index: 99999;border: 0px;margin: 0px;transition: 0.5s;max-width:none !important;}
	.btn_topmenu{position:absolute;right: 15px;top: 20px;width: 45px;height: 45px;transition:0.5s;z-index:2;background: black;border-radius: 100px;text-transform: uppercase;}
	.btn_topmenu span {top: 20px;left: 11px;background: white;width: 23px;height: 4px;position: absolute;transition: 0.5s;}
	.btn_topmenu:before{content:'';position:absolute;transition:0.5s;top: 11px;left: 11px;background: white;width: 23px;height: 4px;}
	.btn_topmenu:after{content:'';position:absolute;transition:0.5s;top: 29px;left: 11px;background: white;width: 23px;height: 4px;}
	.btn_topmenu.open {}
	.btn_topmenu.open:before{border-color:#00adef;top: 21px;left: 6px;height: 2px;width: 33px;border-color: #7e8083;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
	.btn_topmenu.open:after{border-color: #7e8083;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 21px;left: 6px;height: 2px;width: 33px;}
	.btn_topmenu.open span {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 23px;right: 27px;opacity: 0;}
	
	
	.topmenu_container .bg_top_menu {overflow:hidden;overflow-y: scroll;height: calc(100vh - 90px);margin-top: 90px;}
	.topmenu_container {position:absolute;top: 0px;right: 0px;width: 0px;z-index:99999;border:0px;margin:0px;transition:0.5s;background: black;height: 100vh;}
	.topmenu_container.open {width: 100%;}
	.topmenu_container:before {content:'';background-color: white;-webkit-mask-image: url(/project/templates/site/img/logo.svg);mask-image: url(/project/templates/site/img/logo.svg);width: 0px;transition:0.3s;height: 58px;position: absolute;z-index: 1;top: 16px;left: 15px;}
	.topmenu_container.open:before {width: 100px;transition:0.3s;}
	.top_menu {margin:0px;padding:0px;list-style:none;overflow:hidden;position:relative;transition:0.5s;top: 0px;display: block;/* padding-top: 90px; *//* max-height: 293px !important; *//* overflow-y: scroll !important; *//* margin-top: 90px; */}
	.top_menu li {display: block !important;padding:0px;margin:0px;transition:0.5s;background: black;text-align: left;}
	.top_menu > li a {color:white;white-space: nowrap;padding: 15px 20px;text-transform: uppercase;display: block;display: block;position: relative;transition: 0.2s;}
	.top_menu > li > a, .top_menu > li > span {color:white;font-size: 20px;text-align: left;}
	.top_menu .sub > span {position: absolute;right: 0px;top: 14px;cursor: pointer;padding: 0px 20px;font-weight: 700;z-index: 10;width: 15px;text-align: center;}
	.top_menu .sub > span:before {content: '+';}
	.top_menu .sub.open > span:before {content: '-';}
	.top_menu .sub.open + .submenu {display: block;}
	.top_menu .submenu {display:none;}
	.top_menu > li .submenu ul {padding-left:40px;}
	.submenu ul a:hover {color: red;}
	
	.speciallinks {text-align: left;padding-left: 20px;overflow: hidden;}
	.speciallinks li:first-child {color:white;}
	.speciallinks li {display:block;font-family: 'Noto Serif',serif;font-style: italic;}
	.speciallinks li a {text-decoration:underline;color: #9f9f9f;}
	
	
	#top_banner .top_banner_btn {
    left: 0px;
    margin: 0px !important;
}

	
	
	.m_banner.type0 .b_images img.img_mobile.first {position:relative;}
	.m_banner.type0 .b_images img.img_desktop {opacity:0;display:none;}
	.m_banner.type0 .b_images img.img_mobile {width:100%;}

}

/*IPAD PRO BEGIN*/
@media (min-width: 768px) and (max-width: 1199px){

}
/*IPAD PRO BEGIN*/

/*IPAD BEGIN*/
@media (min-width: 768px) and (max-width: 991px) {

}
/*IPAD END*/

/*MOBILE BEGIN*/
@media (max-width: 767px) {
	
	header {/* height: 90px; *//* padding: 15px; */box-sizing: border-box;position: fixed;z-index: 1;width: 100%;background: white;top: 0px;left: 0px;z-index: 10;}
	
	.middle {display:block;padding-top: 85px;}
	.content {width:100%;}
	.index_right {width:100%;min-width: auto;margin-left: 0px;border: none !important;padding-bottom: 15px;}
	
	.grid-item, .grid-sizer {width:100%;padding: 0px;}
	
	.top_social {display:none;}
	.toplogo {
    position: relative;
    top: -7px;
    left: 15px;
    width: 100px;
    background-size: 100%;
    margin: 0px;
    height: 60px;
    margin-bottom: -17px;
}
	.speciallinks {/* display:none; */}
	
	.vip .topmenu_container.open {}

	
	#top_banner_container {position:fixed;z-index: 2;}
	
	.vip .topmenu_container .bg_top_menu {    overflow-y: scroll;}
	
	footer .panel2 .container {display:block;}
	footer .panel2 .container .column {width:49%;}
	
	.salons_link {display:none;}
	
	.bottomlogo_container {
    width: 100%;
	}
	.bottomlogo_container .image {
    width: 150px;
    margin: 0px auto;
    display: block;
	}
	.bottom_social {width:100%;}
	.bottom_social li {width: 18.5%;}
	.bottom_social li a {width: 100%;padding:0px;text-align: center;}
	
	
	.top_search_container {display:none;}
	
	#map1 {height:350px;margin-left: -15px;width: calc( 100% + 30px);}
	
	
	.module-salon-full .menu {
    display: block;
}
	.module-salon-full .menu li {}
	.module-salon-full .menu li a {}
	.module-salon-full .menu li a:hover,.module-salon-full .menu li.current a {}
	.module-salon-full .menu li a:after {}
	.module-salon-full .menu li a:hover:after,.module-salon-full .menu li.current a:after {}
	.module-salon-full .menu li a span {}

	.comment_add .nastroienie label {display:block !important;width:100%;}
	.comment_add .textblock-wrapper {padding-top:10px;}
	.user-logo img {margin-top: 10px !important;}
	
	
	
	
	
	.bread_crumbs_container {display:none;}
	
	
	
	
	.article_full {}


	.article_short {
    font-size: 16px;
}

	.article_date {}

	.article_image {
    padding-bottom:  10px;
}
	.article_image img {}

	.post-hashtag {}
	.post-hashtag a {}

	
	.block_statictext {
    padding-bottom:  10px;
}
	.block_statictext p {
    padding: 10px 0px;
}

	.block_statictext ol {}
	.block_statictext ol li {}
	.block_statictext ol li:before {}


	.block_text_black {
    padding: 20px;
    margin-bottom:  10px;
}

	.block_text_red {
    padding: 20px;
    margin-bottom:  10px;
}

	.block_pluses {
    padding-bottom: 10px;
}
	.block_pluses ._title {}
	.block_pluses ul {
    padding-left: 10px;
}
	.block_pluses ul li {}
	.block_pluses ul li:before {}


	.block_minuses {
    padding-bottom: 10px;
}
	.block_minuses ._title {}
	.block_minuses ul {
    padding-left:  10px;
}
	.block_minuses ul li {}
	.block_minuses ul li:before {}

	.block_image_100 {
    padding-bottom:  10px;
}
	.block_image_100 img {}

	.block_image_50_text_right {
    padding-bottom:  10px;
}
	.block_image_50_text_right img {
    float: none;
    width: 100%;
    margin-right:  0px;
}
	.block_image_50_text_right:after {}

	.block_image_50_text_left {
    padding-bottom:  10px;
}
	.block_image_50_text_left img {
    float: none;
    width: 100%;
    margin-left: 0px;
}
	.block_image_50_text_left:after {}


	.video_container{}
	.video_container iframe{}

	.block_video {
    padding-bottom: 10px;
}

	
	h1 {
    font-size: 24px;
    padding: 15px 0px;
}
	
	.vip .btn_topmenu {
    right: 15px;
    top: 15px;
}
	.back {display:none;}
	
	.toplogo:hover {    background: url(/project/templates/site/img/logo.svg) no-repeat;}
	
	header {
}
	body  {
    background-size: 100% auto;
    background-position: 50% 130px;
}

	footer .panel2 .container .bottommenu_container {display:none;}
	.bottomlogo_container .bottomlogo_text {
    text-align: center;
}
	.module-salons-list .add {
    position: relative;
    top: 0px;
    right: auto;
    display: block;
    margin-bottom: 10px;
}

	.module-salons-list .filter {}
	.module-salons-list .filter  .search_container {
    display: block;
}

	.module-salons-list .filter .filter_params {}
	.module-salons-list .filter .filter_params div {}
	.module-salons-list .filter .filter_params div i {}
	.module-salons-list .filter .filter_params div > span {}
	.module-salons-list .filter .filter_params div > span .close {}


	.module-salons-list .filter .column {
    width: 100%;
    padding-bottom: 10px;
}
	.module-salons-list .filter .column label {}
	.module-salons-list .filter .column label input {}

	.module-salons-list .filter .column .to_map {}
	.module-salons-list .filter .column .to_map:hover {}
	.module-salons-list .filter .column .ext_search {}
	.module-salons-list .filter .column .ext_search:hover {}

	
	.module-salons-list .result {}
	.module-salons-list .result li {
    display: block;
}
	.module-salons-list .result li .image {
    display: block;
    text-align: center;
}
	.module-salons-list .result li .image img {
    /* width: 100%; */
}
	.module-salons-list .result li .text {
    padding-top: 10px;
    overflow: hidden;
}
	.module-salons-list .result li .text .title {}
	.module-salons-list .result li .text .rating {}
	.module-salons-list .result li .text .reviews_count {}
	.module-salons-list .result li .text .addr {}
	.module-salons-list .result li .text .metro {}

	.ext_search_container {}
	.ext_search_container .close {}
	.ext_search_container .close:before {}
	.ext_search_container .block {}
	.ext_search_container .title {}
	.ext_search_container .m_combo_container {}
	.ext_search_container .ext_service_items {
    display: block;
}
	.ext_search_container .ext_service_items li {
    width: 100%;
}
	.ext_search_container .ext_service_items li .category_name {}
	.ext_search_container .ext_service_items li label {}
	.ext_search_container .ext_service_items li input {}

	
	.columns2 {display:block;}
	
	.module-salon-full {}
	.vip .module-salon-full {padding-top: 130px;}
	
	
	.vip .toplogo {
    margin: 0px;
    width: 100px;
    height: 60px;
    margin-bottom: -17px;
}
	.vip h1 {
    top: 108px;
    position: relative;
}


	#form_contest .fields {
    display: block;
}
	#form_contest ._control {
    width: 100%;
    margin-bottom: 15px;
}
	#form_contest ._control  input[type=text] {height: 50px;}
	#form_contest ._control  textarea {}
	#form_contest ._control  button {}
	#form_contest .block_agree {}
	#form_contest .block_agree .label-checkbox {}
	#form_contest .block_agree a {}

	
	.uslugy_table {width:100% !important;}
	
	.yandex_map .address_metro {
    width: 100% !important;
}
	.yandex_map .address_metro select {
    width: calc(100% - 25px) !important;
    box-sizing: border-box;
}
	.yandex_map .metro_add_buttona {
    left: auto !important;
    right: 3px;
}
	
	
}
/*MOBILE END*/

/* Portrait phones and smaller */
@media (max-width: 576px)
{
}