.ml{
    position:relative;
    display:inline-block;
    left: 50px;
    top: -3px;
}

.logoIndex{
    display:inline-block;
    width:100px;
    height: 50px;
    vertical-align: middle;
    background-image: url(../../templates/img/logoN.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
    transition:transform 1s;
}

    .textLogo{
        position: absolute;
        top: 8px;
        left: 37px;
        text-align: center;
        font-weight: bold;
        font-size: 30px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
/*        border-radius: 50%;
        padding: 15px;*/
        text-transform: uppercase;
        background-image: url("../../templates/img/logo.svg");
        background-position:center;
        background-size:contain;
        background-repeat:no-repeat;
        width: 115px;
        height: 93px;
    }
    
    .subLogo{
        position: absolute;
        top: 2px;
        left: 124px;
        color: #787879;
        font-size: 14px;
        width: 186px;
        width: 302px;
        text-transform: uppercase;
        width: 315px;
        font-weight:bold;
        color:rgb(88,143,39);
    }

.ml:hover .logoIndex{
    transform:rotate(360deg);
}
    
.menu{
    z-index:999;
    width:100%;
/*    position:relative;*/
    height:105px;
    box-sizing:border-box;
    background-color:rgba(255,255,255,1);
    transition:0.3s;
    position: fixed;
}

.mobmenu{
    float: right;
    margin-top: 10px;
}

.menu_button{
    height:30px;
    width:30px;
    background-image: url(../../templates/img/mobile_menu.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    position:absolute;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    top:60%;
    right:10px;
    margin-left:2%;
    display:none;
    transition:0.3s;
}

    .menu_content{
        box-sizing:border-box;
        position:relative;
        width:1100px;
        margin:0 auto;
        position:absolute;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top:45%;
        left:50%;
    }   
    
    a.menu_title{
        display:inline-block;
    }    
    
        a.menu_title:hover{
            font-weight:bold;
        }
        
    .menu_title{
        display:inline-block;
        font-size: 16px;
        cursor:pointer;
        transition:0.1s;
        -moz-user-select: none;
        -webkit-user-select: none;
        position:relative;
        margin-left: 25px;
    }   
        
        .menu_title:hover{
            color: #fab012;
        }
    
       
        
        .border_link{
            border-left:1px solid #e1e1e1;
            padding-left:25px;
        }
        
         .menu_title:first-child .border_link{
            border:none;
        }
        
        .menu_title:hover .mContent{
            display:block;
        }
        
        .menu_logo{
            font-size:33px;
            text-transform:uppercase;
            display:block;
            margin-bottom:70px;
            line-height: 56px;
            width: 234px;
            margin-right: 46%; 
            -moz-user-select: none;
            -webkit-user-select: none;
            background-image: url(../img/new_logo.png);
            background-repeat:no-repeat;
            background-size:contain;
        }
            .menu_logo:hover{
                background-position:bottom center;
            }
           
            
    .mContent{
        position:relative;
        overflow:hidden;
        box-sizing:border-box;
        position:absolute;
        top:22px;
        left:-10px;
        width:180px;
        padding: 10px;
        background-color:rgba(255,255,255,0.6);
        box-shadow: 0 15px 40px rgba(0,0,0,0.5);
        border-radius:10px;
        box-sizing: border-box;
    }        
            
    .menu_list{
        background-color:#FFF;
        border-radius:5px;
    }
    
        .menu_list a{
            display:block;
            -moz-user-select: none;
            -webkit-user-select: none;
            font-weight: bold;   
            font-size: 12px;
            padding:15px;
            box-sizing: border-box;
            border-bottom:1px solid #000;
            transition:0.3s;
        } 
            .menu_list a:hover{
                padding-left:20px;
                background-color:#F9B248;
            }
            
            .menu_list a:last-child{
                border:none;
            }
            
            .menu_list a:first-child{
                border-radius:5px 5px 0px 0px;
            }
            
            .menu_list a:last-child{
                border-radius:0px 0px 5px 5px;
            }

.lang_panel{
    margin-top:25px;
    position:absolute;
    bottom:25px;
    font-weight: bold;
}

    .lang_panel a{
        margin-right:10px;
        font-size: 12px;
        text-transform:uppercase;
    }
    
    .lang_panel a:after{
        content:"|";
        margin-left:10px;
        color: rgb(70,70,70) !important;
    }  
    
    .lang_panel a:last-child:after{
        content:"";
    }
    
.social_link{
    padding-top: 55px;
    position: relative;
    left: -6px;
}    
    
.social_link a{
    display:inline-block;
    width:22px;
    height:20px;
    cursor:pointer;
    background-image:url(../img/social_icon.png);
    background-repeat:no-repeat;
    transition:0.3s;
}

    .footer_content .social_link{
        display:none;
        padding-top: 10px;
    }

    .facebook{
        background-position-x:6px;
    }
    
        .facebook:hover{
            background-position-y:-19px;
        }
    
    .instagram{
        background-position-x:-18px;
    }
        .instagram:hover{
            background-position-y:-18px;
        }
    
.menuInfo{
    display:inline-block;
    text-align:right;
    position:absolute;
    left: 215px;
    font-size: 13px;
    top: -8px;
}        
    .infoPhone{
        font-weight:bold;
    }
    
.globalmenu{
    float:right;
    display:inline-block;
    margin-top:10px;
    
    margin-right: 50px;
}    

.link{
    display:inline-block;
    position:relative;
}

.items_menu{
    font-size: 16px;
    border-left: 1px solid #e1e1e1;
    padding-left: 25px;
    margin-left: 25px;
    box-sizing:border-box;
    transition:0.2s;
    position:relative;
    z-index: 99;
}  
    
.items_menu:hover{
    color: #fab012;
    color:rgb(85,175,50);
}

.link:hover .list_child_page{
/*    top:18px;*/
    top: -43px;
}

.link:hover .list_child_page a{
    opacity:1;
}


.link:hover .menu{
    background-color:#000;
}


.link:first-child  .items_menu{
    border:none;
}

.list_child_page{
    position:absolute;
    width: 164px;
    top: -400px;
    left: 11px;
    background-color:#FFF;
    z-index: 9;
    padding: 95px 0px 35px 0px;
    transition:0.3s;
    color:#222222;
}

.list_child_page a{
    display:block;
    text-align:center;
    margin-bottom:20px;
    font-size: 14px;
    transition:0.2s;
    transition: opacity 0.5s;
    opacity:0;
}

    .list_child_page a:hover{
        color: rgb(85,175,50) !important;
    }

.list_child_page a:last-child{
    margin-bottom:0px;
}
    
.black_theme{
    background-color: #222222;
}
    
.black_theme .textLogo{
    color:#FFF;
}

.black_theme .link a{
    color:#FFF;
}

.black_theme .list_child_page a{
    color:#222222;
}
    
.yellow_link{
    color:rgb(85,175,50) !important;
}    
    
#basket{
    position: absolute;
    top:4px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(../img/shopping-basket.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 73%;
    opacity: 0.7;
    transition: 0.3s;
}        

    #basket:hover{
        opacity: 1;
    }

#count_basket{
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: 0px;
    right: 0px;
    border-radius: 50%;
    background-color: rgb(88,143,39);
    color:#fff;
    font-size: 10px;
    box-sizing: border-box;
    padding-top: 1px;
    text-align: center;
    display: none;
}
        
@media only screen and (max-width: 1450px){ 
    .menu_logo{
        line-height: 49px;
        margin-right: 34%;
        width: 180px;
    }
    
    .menu_text_etnomura{
        width:180px;
        line-height: 20px;
    }  
    
    .menu_text_studio{
        width:180px;
        line-height: 14px;
    }
    
    .menu_title{
        font-size: 16px;
    }   
    
}

@media only screen and (max-width: 1200px){ 
    .menu_content{
        width:900px;
    }
}    

@media only screen and (max-width: 1040px){ 
    .menu_title{
        margin-right:30px;
        margin-left:0px;
    }
}

@media only screen and (max-width: 1100px){ 
    .menu_content{
        width:90%;
    }
    
    .menuInfo{
        font-size:13px;
    }   

    .menuInfo{
        display:inline-block;
        text-align:right;
        position:absolute;
        left: 18%;
        font-size: 11px;
        top: -1px;
    }         
}

@media only screen and (max-width: 900px){ 
    .menuInfo{
        font-size:11px;
        left:22%;
    }
    
    .menu_title{
        margin-right:15px;
        font-size: 15px;
    }
    
    .items_menu{
        font-size: 14px;
        padding-left: 20px;
        margin-left: 20px;
    }
    
    .list_child_page{
        width:137px;
    }
    
    .list_child_page a{
        font-size: 12px;
    }
    
    .subLogo{
        top: 5px;
        font-size: 12px;
    }
    
}   

@media only screen and (max-width: 800px){ 
    .subLogo{
        display:none;
    }
}    

@media only screen and (max-width: 768px){  
    .top_bar{
        display:none;
    }
    
    .border_link{
        padding-left: 16px;
    }
    
    .menu{
        height:65px;
        width:100%;
        padding-top:0px;
        background-color:rgba(255,255,255,0.9);
    }
    
    .menu_title:first-child .border_link{
        border-left: 1px solid #e1e1e1;
    }
    
    .menu_content{
        padding:0px;
        width: 95.6%;
        margin:0 auto;
    }
        
    .menu_logo{
        margin-bottom:0px;
        margin-right:0px;
        text-align:right;
        float:right;
        background-image: url(../img/new_logo_right.png);
        font-size: 17px;
        padding: 12px 2%;
        line-height: 30px;
        width: 134px;
        margin-right: 2.5%;
    }
    
    
    .mobmenu{
        background-color: rgba(255,255,255,0.99);
        position: fixed;
        top:-500px;
        width: 106%;
        padding: 40px 20px;
        z-index:999;
        transition:0.3s;
        box-sizing:border-box;
    }
        .openMobMenu{  
/*            left:-3%;*/
            top:35px !important;
/*            z-index:9999;
            padding-bottom: 90px;*/
        }
        
        .openMobButton{
            background-image: url(../../templates/img/right.png);
            -webkit-transform: rotate(270deg) translate(50%, 0%);
            transform: rotate(270deg) translate(50%, 0%);
        }
        
        .menu_title{
            font-size:16px;
            padding-bottom: 5px;
            margin-bottom: 10px;
            display: block !important;
            margin-right:0px;
        }
        
        .menu_list a{
            font-size: 12px;
        }   
    
    .menu_button{
        display:block;
    }
    
    .menu_list{
        background:none;
        border-radius:0px;
    }
    
    .social_link{
        display:none;
    }

    .footer_content .social_link{
        display:block;
        text-align: left;
        padding-left: 54%;
        
    }
    
    .footer_content .social_link a{
        transition:none;
    }
    
    .effect a:hover{
        background-position:top center;
    }
    
    .logoIndex{
        height:55px;
    }
    
    .textLogo{
        font-size: 24px;
        padding: 12px;
        top: -7px;
        left: 10px;
        width:50px;
        height: 40px;
    }
    
    .subLogo{
        top: -11px;
        left: 100px;
        font-size: 11px;
        display:none;
    }
    
    .ml{
        top:5px;
    }
    
    .mContent{
        position:static;
        display:block;
        padding: 0px;
        box-shadow:none;
        border-radius:0px;
        background-color:rgba(255,255,255,0);
    }
    
    .menu_list a{
        padding:10px;
        border:none;
    }
    
    .menuInfo{
        display:none;
    }
    
    
    .globalmenu{
        position: absolute;
        width: 100%;
        top: 35px;
        top: -500px;
        background-color: rgba(255,255,255,0.9);
        padding:20px;
        box-sizing:border-box;
        border-bottom: 15px solid #FFF;
    }
    
    .link{
        display:block;
        text-align: right;
        margin-bottom: 20px;
    }
    
    .link:last-child{
        margin-bottom:0px;
    }
    
    .items_menu{
        border:none;
    }
    
    .black_theme .textLogo{
        color:#000;
    }
    
    #basket{
        top: -3px;
        right: 60px;
    }
    
    
}