165 lines
3.2 KiB
CSS
165 lines
3.2 KiB
CSS
.menu_list{
|
|
position:absolute;
|
|
left:220px;
|
|
top:28px;
|
|
display:inline-block;
|
|
}
|
|
.menu_list .menu_openbtn{
|
|
display:inline-block;
|
|
background:url('/images/menu_icon.svg') no-repeat;
|
|
background-position: 0 1px;
|
|
border:0 !important;
|
|
padding:0 0 0 30px;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #424242;
|
|
}
|
|
.menu__change-page{
|
|
left:350px;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.menu__change-page{
|
|
left:0;
|
|
}
|
|
.menu_list{
|
|
left:auto;
|
|
top:77px;
|
|
right:18px;
|
|
}
|
|
}
|
|
|
|
|
|
#menu_modal{
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: none;
|
|
opacity: 0;
|
|
z-index: 1001;
|
|
text-align: left;
|
|
}
|
|
#menu_modal #menu_modal__close{
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
background:url('/images/close_icon.svg') no-repeat #292929;
|
|
background-position:center center;
|
|
padding:25px;
|
|
border: 1px solid #292929;
|
|
box-sizing: border-box;
|
|
border-radius:40px;
|
|
margin:40px 0 20px;
|
|
}
|
|
#menu_modal #menu_modal__close:hover{
|
|
border: 1px solid #4CAF50;
|
|
}
|
|
#menu_modal_overlay{
|
|
z-index: 1000;
|
|
position: fixed;
|
|
background-color: rgba(0,0,0,.9);
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
cursor :pointer;
|
|
display :none;
|
|
}
|
|
#menu_modal .menu_items a{
|
|
display:block;
|
|
position:relative;
|
|
font-weight: normal;
|
|
font-size: 36px;
|
|
line-height: 43px;
|
|
color: #FFFFFF;
|
|
border:0;
|
|
text-decoration:none;
|
|
margin:30px 0;
|
|
padding-left:30px;
|
|
}
|
|
#menu_modal .menu_items a span{
|
|
display:inline-block;
|
|
position:absolute;
|
|
top:-6px;
|
|
left:0;
|
|
font-weight: 900;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
color: #808080;
|
|
}
|
|
#menu_modal .menu_items a:hover{
|
|
color:#4CAF50 !important;
|
|
/*padding-left:50px;*/
|
|
}
|
|
#menu_modal .menu_items a:hover span{
|
|
display:none;
|
|
}
|
|
|
|
#menu_modal .menu_footer{
|
|
margin-top:80px;
|
|
max-width:900px;
|
|
}
|
|
|
|
#menu_modal .menu_footer h3{
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 140%;
|
|
color: #808080;
|
|
margin-top:0;
|
|
}
|
|
#menu_modal .menu_footer a.phone{
|
|
display:inline-block;
|
|
padding-bottom:30px;
|
|
text-decoration:none;
|
|
border:0;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 29px;
|
|
color: #FFFFFF;
|
|
}
|
|
#menu_modal .menu_footer a.email{
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #4CAF50;
|
|
border-bottom:1px solid #4CAF50;
|
|
}
|
|
#menu_modal .menu_footer p{
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 19px;
|
|
color: #FFFFFF;
|
|
}
|
|
#menu_modal .menu_footer p.comment{
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
line-height: 14px;
|
|
color: #FFFFFF;
|
|
padding-top:5px;
|
|
margin-bottom:0;
|
|
}
|
|
#menu_modal .menu_footer .social{font-size:0;}
|
|
#menu_modal .menu_footer .social a{
|
|
display:inline-block;
|
|
border:0;
|
|
margin-right:8px;
|
|
}
|
|
@media (max-width: 991px) {
|
|
#menu_modal .menu_footer .address,
|
|
#menu_modal .menu_footer .social{
|
|
padding-top:30px;
|
|
}
|
|
#menu_modal .menu_items a{
|
|
font-size: 20px;
|
|
line-height: 26px;
|
|
margin:20px 0;
|
|
}
|
|
#menu_modal .menu_footer{
|
|
margin-top:40px;
|
|
}
|
|
|
|
} |