/*
#primary-menu {
    overflow: hidden;
    overflow-y:scroll;
    opacity: 0;
    position: absolute;
    left: 0; right:0 ; top: 55px;
    z-index: 9999;
    max-height: 0;
    background-color: #fff;
    transform: scaleY(0); 
    transform-origin: top;
    -webkit-transition:  all .2s ease-in-out;
    -moz-transition:  all .2s ease-in-out;
    -o-transition:  all .2s ease-in-out;
    transition:  all .2s ease-in-out;
    padding-bottom: 10px; padding-top: 10px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}

#primary-menu.opened {transform: scaleY(1); opacity: 1; max-height: 90vh;}
#primary-menu li {padding: 5px 5px; font-size: 22px; font-weight: 700; }
.main-navigation a, .main-navigation a:hover { border: 0 !important; background-color: transparent !important; padding: 0;}
color: #0061ad !important;
#primary-menu ul {
    width:100%;
    list-style:none;
}
#primary-menu li {
    width:100%;
    border-right:none;
}
.main-navigation ul ul{
    display: none
}
.main-navigation ul ul.opened{
    display: block;
}
@media screen and (min-width: 1024px) {
    #menu {
        display: none;
    }
    #primary-menu {
        overflow: visible;
        position: static;
        transform: none;
        opacity: 1;
        max-height: none;
        box-shadow: none;
    }
    #primary-menu ul{
        width: auto;
    }
    #primary-menu li{
        width: auto;
    }
*/
/*    .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{
        position: absolute;
        background: #000;

    }
     header.site-header .main-navigation .menu-item-has-children:after{
        top: 18px;
        left: 0;
        right: 0;
    }*/
/*
        header.site-header .main-navigation a {
        color: #a0a0a0;
    }
 
}
@media screen and (min-width: 1440px) {
    #menu {
        display: none;
    }
    #primary-menu {
        position: static;
        transform: none;
        opacity: 1;
        max-height: none;
        box-shadow: none;
    }
    #primary-menu ul{
        width: auto;
    }
    #primary-menu li{
        padding: 5px 20px;
        width: auto;
    }
 
}*/
/*#primary-menu{
    height: 60vh;
}*/
.menu-btn {
    width: 42px;
    height: 42px;
    line-height: 40px;
    display: block;
    background: transparent;
    border-radius: 3px;
    border: 2px solid #ccc;
    font-size: 1.35em;
    text-align: center;
    position: absolute;
    top: 0px;
    color: #fff;
    right: 20px;
    z-index: 10009;
    color: #0061ad;
}
#primary-menu li{
    position: relative;
}
/*.menu-btn {
    float: right;
}*/
#primary-menu ul{
    padding: 0px;
}

.responsive-menu{
    background: #fff none repeat scroll 0 0;
    display: none;
    left: 0;
    overflow-x: auto;
    position: absolute;
    top: 55px;
    width: 100%;
    max-height: 80vh;
    padding: 10px 0px;
}

.expand {
    display: block !important; 
}

.open-menu-link{
    display: none;
    position: absolute;
    right: 15px;
    top:-15px;
    line-height: 55px;
    font-size: 18px;
    cursor: pointer;
}

li .sub-menu{
    display: none;
    padding-left: 10px;
}
li .sub-menu li{
    padding-left: 10px;
}
.visible {
    display: block !important;
}
@media screen and (min-width: 1200px) {                                           
    .menu-btn{
        display: none;
    }         
    .responsive-menu{
        display: block;
        float: right;
        width: auto;
        position: static;
        overflow: visible;
         margin-top: -10px !important;
    }
    #primary-menu li{
        width: auto;
        float: left;
        padding: 0 10px;
    }
    .open-menu-link{
        display: none!important;

    }
    header.site-header .main-navigation ul li > a:after {
        content: ""; 
        display: block; 
        width: 100%; 
        height: 2px; 
        background-color: #d80b20; 
        display: block; 
        transform: translateY(10px); 
        opacity: 0;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out; 
    }
    #primary-menu .menu-item-has-children .sub-menu{
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        opacity: 0;
        background: #fff none repeat scroll 0 0;
/*        display: none;*/
        left: 0px;
        position: absolute;
        width: 210px;
        border-radius: 3px;
        display: block;
        transform: translateY(-20px);
        pointer-events: none;
        
        -webkit-box-shadow: 3px 3px 10px 0px rgba(179,187,195,0.3);
    -moz-box-shadow: 3px 3px 10px 0px rgba(179,187,195,0.3);
    box-shadow: 3px 3px 10px 0px rgba(179,187,195,0.3);
        
    -ms-transform-origin: top center; /* IE 9 */
    -webkit-transform-origin: top center; /* Chrome, Safari, Opera */
    transform-origin: top center;
        
    }
    #primary-menu .menu-item-has-children:hover .sub-menu{
/*     display: block;*/
        opacity:1;
        transform:  translateY(0px);pointer-events: auto;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;

        
    }
    #primary-menu  .menu-item-has-children:hover .sub-menu li{
        float: left;
        clear: both;
/*        padding: 0px;*/
    }
}