@charset "utf-8";
/* CSS Document */

.mainMenu{ list-style:none; font-size:0; position:relative; z-index: 9999; margin: 0 auto; width: 100%; max-width: 102.4rem; }
.mainMenu li{ display:inline-block; width: calc(100% / 6 - 0.1rem); border-right: 0.1rem dotted #4a4a4a; }
.mainMenu li:nth-child(6){ border-right: none; }
.mainMenu a{ -webkit-transition:all ease-out 250ms; -moz-transition:all ease-out 250ms; -ms-transition:all ease-out 250ms; -o-transition:all ease-out 250ms; }
.mainMenu a{ display:block; font:400 1.6rem/10rem 'Oxygen', sans-serif; text-align: center; border-radius: 0.3rem; color:white; text-transform:capitalize; }
.mainMenu a:hover{ color:white;
                                box-shadow: 0 5px 10px -3px black;    
                                background: #01649e; 
                                background: -webkit-linear-gradient(#01649e 0%, #003d7b 100%);
                                background: -o-linear-gradient(#01649e 0%, #003d7b 100%);
                                background: linear-gradient(#01649e 0%, #003d7b 100%);   
                                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01649e', endColorstr='#003d7b',GradientType=0 );
}

.mainMenu2 select{ display:none; width:100%; background:#333; margin:0 auto; padding:2rem; border-radius: 0.3rem; font:400 2rem 'Cuprum', sans-serif; text-transform: capitalize; color:white; outline:none; }

@media screen and (max-width:768px) {
    .mainMenu{ display:none !important; }
    .mainMenu2 select{ z-index:999; display:block; outline:none; position:relative;  }
}