﻿.menu ul{ list-style:none; margin:0; padding:0; display:inline-block;   z-index:9; position:relative; float:right }
.menu ul li a {  color:#fff;  font-size: 14px;  text-transform: uppercase; font-family: 'Poppins', sans-serif; padding:0px 8px; letter-spacing: -0.55px; font-weight: 500;}
.menu ul li:hover > a { color:#fff;    }
.menu > ul > li {display:inline-block;position:relative;float:left;margin: 0 6px;}
.menu > ul > li:first-child { border-top:0; background:none;}
.menu > ul > li:hover > a {-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s; }
.menu > ul > li > a { display:block;  width:100%; }
.menu > ul > li > ul li { white-space:nowrap; }
.menu > ul > li > ul li:first-child { border-top:0;}
.menu > ul > li > ul > li a { display:block; padding: 0 10px 0 10px;  line-height: 30px; color: #fff;}
    .menu > ul > li > ul > li a:hover
    { background: #257157;
    } 


.menu ul li > ul{position:absolute;left:0%;width: auto;top:auto;opacity:0;visibility:hidden;  z-index: 1;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
                  background:#d14c4c;
 text-align:left;margin-top:30px;   padding:12px;     }
    .menu ul li > ul.submenu img
    { max-height:100%; float:right; max-width:50%; width:100%;position: relative;
    z-index: 1;
    }
     .menu ul li > ul.lastMenu img
    { max-height:100%; float:left; max-width:50%; width:100%;
    }
.menu ul li > ul:before {
    content: "";
    background: url(/images2/tip.svg) top right no-repeat;
    width: 34px;
    height: 13px;
    float: right;
    position: absolute;
    top: -12px;
    left: 0%;
    margin-left: 33px;
}
.menu ul li > ul.lastMenu:before {
    content: "";
    background: url(/images2/tip.svg) top right no-repeat;
    width: 34px;
    height: 13px;
    float: right;
    position: absolute;
    top: -12px;
    right: 0%;
    margin-right: 33px;left: auto;
    margin-left: 0;
}
.menu ul li:hover > ul{ left:0; opacity:1; visibility:visible; margin-top:9px;}
.menu ul li > ul.lastMenu { left:auto; right:0; text-align: right;}
.menu ul li:hover > ul.lastMenu{ left:auto; right:0; opacity:1; visibility:visible; text-align:right;}
.menu ul li a { webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}
/*.menu ul li a:before{display: block;position: absolute;left: 0;bottom: 0;width: 0; height: 100%;  content: "";-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;z-index:-1;}
.menu ul li a:hover:before {width: 100%;} 
.menu ul li a:before {background:#2d3740;}
.menu > ul > li > a:before { background:#0d87ff;} 
.menu > ul > li:hover > a {background: #0d87ff;}*/
.menu > ul > .logoMstr { float:left}
.menu > ul > .nobg { background:none;}
.menu ul .logoMstr > ul.submenu { min-height: 0;top: 50px;padding: 10px;background: #179cff;}
.menu ul .logoMstr > ul.showDiv { visibility:visible; opacity:1; margin-top:0;}
.menu > ul > li a img
{ display:inline-block; margin-top:-7px;
}
#menu-mobile { display:none;   width:42px; height:30px; margin:0px auto;  cursor:pointer; text-align:center;  position:relative }
#menu-mobile span { width:42px; height:4px; background:#fff; margin:3px 0px; float:left;  }
#menu-mobile.active3 .spanx{ display:none;}
#menu-mobile.active3 .spany{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  transform: rotate(45deg);top: 9px;position: relative;}
#menu-mobile.active3 .spanz{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}
.menu ul .active3 > .activeAA {display:block;}

.menu > ul > li.ecarelogin a
{ background:#008001; width:100%; max-width: 211px;display: inline-block;
    text-align: center;text-transform: inherit; font-weight:bold; font-size:22px; 
}

 