.menu-detail{
	color: #FFFFFF;
}
.menu-detail__item{
z-index: 1;
position: relative; 
}
.menu-detail__item-main-menu{
z-index: 5;
}
.menu-detail__item__block-info{
padding: 2rem 3rem;
color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 200px;
}
.menu-detail__item-1 .menu-detail__item__block-info{
background-color: #1473B2;
}
.menu-detail__item-2 .menu-detail__item__block-info{
background-color: #0FBCF9;
}
.menu-detail__item-3 .menu-detail__item__block-info{
background-color: #059FA5;
}
.menu-detail__item__block-menu{
color: #FFFFFF;
}
.menu-detail__item__block-menu__level-first{
margin: 0;
list-style: none;
font-size: 1.2rem;
color: #FFFFFF;
padding: 50px 75px;
padding-right: 15px;
}
.menu-detail__item__block-menu__level-first>li{
margin-bottom: 1rem;
color: #FFFFFF;
}
.menu-detail__item__block-menu__level-first>li:last-child{
margin-bottom: 0;
}
.menu-detail__item__block-menu__level-first>li a{
color: #FFFFFF;
position: relative;
display: inline-block;
margin: 0;
padding-right: 30px;
}
.menu-detail__item__block-menu__level-second li a{
	color: #485460;
}
.menu-detail__item__block-menu__level-first>li a:before{
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14.6666C11.6819 14.6666 14.6667 11.6819 14.6667 7.99998C14.6667 4.31808 11.6819 1.33331 8 1.33331C4.3181 1.33331 1.33333 4.31808 1.33333 7.99998C1.33333 11.6819 4.3181 14.6666 8 14.6666Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 10.6666L10.6667 7.99998L8 5.33331' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33333 8H10.6667' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 1.2rem;
height: 1.2rem;
display: inline-block;
position: absolute;
left: calc(-1rem - 16px);
top: 3px;
}
.menu-detail__item__block-menu__level-first .menu-detail__item__block-menu__level-second li a:before{
filter: brightness(1) invert(1);
}
.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu>a:after{
content: "∟";
position: absolute;
top: 50%;
line-height: 0;
right: 10px;
font-size: 15px;
color: #FFFFFF;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
}
.menu-detail__item__block-menu__level-first>li a:hover,
.menu-detail__item__block-menu__level-first>li a:active{
opacity: .75;
}
.menu-detail__item__block-menu__level-second__wrapper{
border: 1px solid #dddddd;
list-style-type: none;
z-index: 10;
background: #cbcbcb;
position: absolute;
padding: 0;
margin: 0;
top: 0;
left: 100%;
width: 501px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.menu-detail__item__block-menu__level-second__wrapper{
background-color: #3FC9FA;
overflow-y: auto;
}
.menu-detail__item__block-menu__level-second__wrapper.active{
visibility: initial;
opacity: 1;
}
.menu-detail__item__block-menu__level-second{
background-color: #fff;
margin: 0;
list-style: none;
font-size: 1.2rem;
color: #FFFFFF;
padding: 50px 75px;
padding-right: 15px;
}
.menu-detail__item__block-menu__level-second li{
margin-bottom: 1rem;
color: #FFFFFF;
padding-right: 15px;
}
.menu-detail__item__block-menu__level-second__close{
	position: relative;
}
.menu-detail__item__block-menu__level-second__close:before{
content: "☒";
position: absolute;
width: 42px;
height: 38px;
right: 15px;
top: 15px;
color: #485460bf;
font-size: 50px;
line-height: 44px;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.menu-detail__item__block-menu__level-second__close:hover:before{
color: #485460;
}
.menu-detail__item__block-info__title{
/*font-size: 2.67rem;*/
/*font-weight: bold;*/
/*margin-bottom: 2rem;*/
line-height: 1.2;
color: #FFFFFF;
font-size: 2rem;
margin-bottom: 1rem;
}
/*.menu-detail__item__block-info__title a{*/
/*	color: #ffffff;*/
/*}*/
/*.menu-detail__item__block-info__title a:hover,*/
/*.menu-detail__item__block-info__title a:active{*/
/*	color: #ffffff;*/
/*	text-decoration: underline;*/
/*}*/
.menu-detail__item__block-info__text{
font-size: 1.2rem;
}
.menu-detail__item{
height: 100%;
position: relative;
}
.menu-detail__item:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
opacity: 0.2;
}
.menu-detail__item-1{
position: relative;
background-color: #1473B2;
}
.menu-detail__item-1:before{
background-image: url("/local/templates/medscan_new/assets/img/onkologiya-img.jpg");
background-color: #FFFFFF;
background-size: contain;
}
.menu-detail__item-2{
background-color: #0FBCF9;
}
.menu-detail__item-2:before{
background-image: url("/local/templates/medscan_new/assets/img/reabilitaciya-img.jpg");
background-color: #FFFFFF;
background-size: contain;
}
.menu-detail__item-3{
background-color: #059FA5;
}
.menu-detail__item-3:before{
background-image: url("/local/templates/medscan_new/assets/img/diagnostika-img.jpg");
background-color: #FFFFFF;
background-size: contain;
}
.menu-detail__item__block-menu__level-second__title{
padding: 2rem 3rem;
color: #485460;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 200px;
font-size: 2rem;
background-color: #fff;
}
.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu:hover .menu-detail__item__block-menu__level-second__wrapper{
visibility: initial;
opacity: 1;
}
.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu .menu-detail__item__block-menu__level-second__wrapper.no-hover{
opacity: 0;
visibility: hidden;
}
@media (max-width: 768px){
	.menu-detail__item__block-menu__level-second__wrapper{
	border: none;
	}
	.menu-detail__item__block-menu__level-second li a{
		color: #FFFFFF;
	}
	.menu-detail__item__block-menu__level-first .menu-detail__item__block-menu__level-second li a:before{
		filter: initial;
	}
	.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu.active>a:after{
    margin-top: -2px;
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
	}
	.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu .menu-detail__item__block-menu__level-second__wrapper{
    width: 100%;
    height: 0px;
    position: initial;
    background: none;
    visibility: initial;
    opacity: 1;
    overflow: hidden;
	}
	.menu-detail__item__block-menu__level-first>li.menu-detail__item__with-submenu.active .menu-detail__item__block-menu__level-second__wrapper{
    height: initial;
	}
	.menu-detail__item__block-menu__level-second__title{
	display: none;
	}
	.menu-detail__item__block-menu__level-second{
    background: none;
    padding: 0;
    padding-top: 25px;
    padding-left: 30px;
	}
	.menu-detail__item__block-menu__level-second__close{
	top: -45px;
	}
	.menu-detail__item__block-menu__level-second__close:before{
	content: none;
	}
}
.menu-detail__item__block-info__title a,
.menu-detail__item__block-info__title a:hover,
.menu-detail__item__block-info__title a:active{
	color: #FFFFFF;
}