*,

html,

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

label,

fieldset,

input,

p,

blockquote,

th,

td {

  margin: 0;

  padding: 0;

}

 th, td {

    margin: 0;

    padding: 15px 0 0 28px;

}



article,

aside,

figure,

footer,

header,

hgroup,

nav,

section { display: block; }



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



html { -webkit-font-smoothing: antialiased; }



a {

  color: #2e2e2e;

  text-decoration: none;

}



a:hover { color: #BA0707; }







nav {

  display: block;

  background: #f7f7f7;

  padding: 0px 0;

}



.menu { display: block; }



.menu li {

  display: inline-block;

  position: relative;

  z-index: 100;

}



.menu li:first-child { margin-left: 0; }



.menu li a {

  font-weight: 600;

  text-decoration: none;

  padding: 15px 30px;

  display: block;



  transition: all 0.2s ease-in-out 0s;

}



.menu li a:hover,

.menu li:hover>a {

  color: #fff;

  background: #3E4095 ;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  margin: 0;

  padding: 0;

  width: 240px;

  position: absolute;

  left: 0px;

  background: #fff;

  z-index: 99;

  transform: translate(0, 20px);

  transition: all 0.2s ease-out;

}



.menu ul:after {

  bottom: 100%;

  left: 20%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #fff;

  border-width: 6px;

  margin-left: -6px;

}



.menu ul li {

  display: block;

  float: none;

  background: none;

  margin: 0;

  padding: 0;

}



.menu ul li a {

  font-size: 12px;

  font-weight: bold;

  display: block;

  color: #797979;

  background: #fff;

}



.menu ul li a:hover,

.menu ul li:hover>a {

  background: #3E4095 ;

  color: #fff;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.menu ul ul {

  left: 241px;

  top: 0px;

  visibility: hidden;

  opacity: 0;

  transform: translate(20px, 20px);

  transition: all 0.2s ease-out;

}



.menu ul ul:after {

  left: -6px;

  top: 10%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-right-color: #fff;

  border-width: 6px;

  margin-top: -6px;

}



.menu li>ul ul:hover {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.responsive-menu {

  display: none;

  width: 100%;

  padding: 20px 15px;

  background: #E95546;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

}



.responsive-menu:hover {

  background: #E95546;

  color: #fff;

  text-decoration: none;

}



a.homer { background: #3E4095 ;

         color: #fff; }

 @media (min-width: 768px) and (max-width: 979px) {



.mainWrap { width: 768px; }



.menu ul { top: 37px; }



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



a.homer { background: #E95546; }

}

 @media (max-width: 767px) {



.mainWrap {

  width: auto;

  padding: 50px 20px;

}



.menu { display: none; }



.responsive-menu { display: block; }



nav {

  margin: 0;

  background: none;

}



.menu li {

  display: block;

  margin: 0;

}



.menu li a {

  background: #fff;

  color: #797979;

}



.menu li a:hover,

.menu li:hover>a {

  background: #FC6D58;

  color: #fff;

}



.menu ul {

  visibility: hidden;

  opacity: 0;

  top: 0;

  left: 0;

  width: 100%;

  transform: initial;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  position: relative;

  transform: initial;

}



.menu ul ul {

  left: 0;

  transform: initial;

}



.menu li>ul ul:hover { transform: initial; }

}