.menu {
  
 
  background:rgba(28,63,117,0.95);
  box-shadow:3px 3px 5px rgba(22, 44, 56, 0.10);
  width:100%;
  text-transform:uppercase; /*Большие буквы*/
  text-align:center;
  z-index: 99;
  top:-80px;
  transition: top 1s;
  text-align:center;


  
}



.menu .callback {

  display: none;
}

.menu .phone {
  display: none;
}


.menu.fixed {
    width:100%;
    position: fixed;
    top: 0;
    background:rgba(28,63,117,0.95);
    box-shadow:2px 2px 3px rgba(22, 44, 56, 0.15);


}


.menu.fixed .main li{
  font-size: 13px;
  padding:16px 3% 16px 0%;
  margin: 0 auto;


}

.menu.fixed .submenu li {

  padding:12px 0 0 0;

}







/*PHONE*/

.menu.fixed .phone {
  display: block;
  margin-top: 15px;
  margin-bottom: 0px;
  float: right;



}

.menu.fixed .phone a {
  
  display: block;
  font-size: 19px;
  font-weight: 600;
  color:#fff5a2;
  
}


/*CALLBACK*/
/*
.menu.fixed .callback {
  float: right;
  margin-left: 25px;
  margin-top: 8px;
  display: inline-block;
  
  font-weight: 500;
  text-decoration: none;
  user-select: none;
  padding: .4em 2em;
  outline: none;
  
  transition: .4s;
  font-size: 12px;
  border-radius: 30px;

  background: rgba(255,255,255,.01);
  border: 2px solid rgba(255, 255, 255, 0.82);
  color: #ffffff;
}
*/

.menu .callback:hover { 
  border: 2px solid #fff5a2;
  color:#fff5a2;
}

.menu .callback:active { 
  

}

.menu .wrapper {

  overflow: visible;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 0px;
}


.menu ul {

   display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    

}

.menu ul:after {
    display: block;
    content: ' ';
    clear: both;
    float: none;

}

.menu ul > li {
    
    position: relative;
    display:inline-block;
    list-style: none;
    padding:6px 2.8% 6px 2.8%;
    transition: 0.2s;
    color:white;
    text-decoration:none;
    line-height:22px;
    cursor: pointer;

}


.menu ul > li > a {

    display: block;

}

.menu ul > li > a:hover {
    
}


.main li a {

  color:white;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight:400;
  transition: 0.2s;
}

.main li:hover a{
  

  color:white;
  transition: 0.2s;


  
}


ul.submenu {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    padding-top: 10px;
    padding-bottom: 27px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -160px;
    width: 280px;
    background:rgba(28,63,117,0.95);
    box-shadow:2px 2px 3px rgba(22, 44, 56, 0.15);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;

  
}



ul.submenu > li {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 11px 0 0 0;


}




.menu.fixed ul.submenu {
  padding-top: 0px;
  top:50px;

}







ul.submenu > li > a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: 0.25s;
    font-size: 13px;
    
}

.menu.fixed .main li a{
  font-size: 14px;
  letter-spacing: 1px;

}

.menu.fixed ul.submenu > li > a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 3px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    text-decoration: none;
    transition: 0.25s;
    font-size: 13px;
    color:#fff5a2;

    
}

.menu.fixed ul.submenu > li:hover  a {

    color:white;

}

ul.submenu > li > a:hover {
    
    background-color: rgba(255, 254, 0, 0.25);
    color:white;
    transition: 0.25s;
}

ul.main > li:hover > ul.submenu {
    display: block;
}





@media screen and (max-width:1220px) {

.menu {
  display: none;
}

.menu.fixed {

  display: none;
}
}