/**
 * Меню сайта
 * =========================================== */

.block-menu{
    float:left;
    height:54px;
}

.block-menu .menu{
    padding-left:15px;
}

.block-menu a{
    color:#fff;
    text-decoration:none;
    
}

.block-menu .sub-menu{
    display:none;
    position:absolute;
    min-width:180px;
    background: #4e83c6;
    padding: 10px 0 3px 0;
    
}

.block-menu .sub-menu li:first-child{
    border-top:none;
}

.block-menu .sub-menu li{
    width:100%;
    padding: 5px 0 5px 10px!important;
    border-top:1px solid #a3c9f7;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

.block-menu .sub-menu li a{
    font-size:12px;
}

/**
 * Мобильное меню кнопка
 * =========================================== */

.openMobileMenu{
    display:none;
    -webkit-appearance: none;
    float:left;
    border: 0;
    background: url("../../../img/img-baseBlock.png");
    background-color: #7fa8dc;
    background-position: 0 0;
    cursor: pointer;
    width: 53px;
    height: 46px;

}

/**
 * MEDIA MIN
 * =========================================== */

@media(min-width:1200px){
    
    .block-menu{
        display:block!important;
    }
    
    .block-menu ul li{
        float:left;
        font-size:16px;
        list-style-type:none;
        padding-left:10px;
        position:relative;
    }
    
    .block-menu ul li:hover .sub-menu{
        display:block!important;
    }
    
    
}

/**
 * MEDIA MAX
===================================== */

@media(max-width:1199px){
    
    .block-menu{
        display:none;
    }
    
    .openMobileMenu{
        display:block;
    }
    
    .block-menu .menu {
        padding-left: 0;
    }
    
    .block-menu ul{
       position:absolute;
       left:0;
       top:46px;
       padding:0;
       margin:0;
       width:100%;
       
    }
    
    .block-menu ul li:first-child{
           padding:7px 0 3px 0;
        }
    
     .block-menu ul li{
        position: relative;
        background: #659bdd;
        width: 100%;
        /*height:44px;*/
        padding:0;
        margin:0;
        text-align: center;
        border-bottom: 1px solid #8ab5eb;
        box-sizing: border-box;
    }
        
    .block-menu ul li a{
        display: block;
        line-height:40px;
        box-sizing: border-box;
    }
    
    
    .block-menu .menu-item-has-children>a:after, .block-menu .has-submenu>a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 30px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #fff;
        border-bottom: 5px solid transparent;
    }
    
    .block-menu .sub-menu{
       position:static;
       background:none;
       padding:0;
       display:none;
      }    
      
    .block-menu .sub-menu li{
       padding:0!important;    
       background:#81b0eb;
     }
     
     .block-menu .sub-menu ul li:first-child {
         padding:0;
     }
     
     .block-menu .sub-menu li a {
         font-size:16px;
     }
    
}