@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,400,400i,700,700i&display=swap');

@font-face {
  font-display: swap;
  font-family: 'phoenix-icons';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/phoenix-icons.ttf') format('truetype'), url('fonts/phoenix-icons.woff') format('woff')
}

@import 'variables';

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: normal;
  font-weight: 100;
  src: url('fonts/RazerF5Thin.eot');
  src: local('☺'), url('fonts/RazerF5Thin.woff') format('woff'), url('fonts/RazerF5Thin.ttf') format('truetype'), url('fonts/RazerF5Thin.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: italic;
  font-weight: 100;
  src: url('fonts/RazerF5ThinItalic.eot');
  src: local('☺'), url('fonts/RazerF5ThinItalic.woff') format('woff'), url('fonts/RazerF5ThinItalic.ttf') format('truetype'), url('fonts/RazerF5ThinItalic.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/RazerF5Light.eot');
  src: local('☺'), url('fonts/RazerF5Light.woff') format('woff'), url('fonts/RazerF5Light.ttf') format('truetype'), url('fonts/RazerF5Light.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: italic;
  font-weight: 300;
  src: url('fonts/RazerF5LightItalic.eot');
  src: local('☺'), url('fonts/RazerF5LightItalic.woff') format('woff'), url('fonts/RazerF5LightItalic.ttf') format('truetype'), url('fonts/RazerF5LightItalic.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: normal;
  font-weight: 400;
  src: url('fonts/RazerF5.eot');
  src: local('☺'), url('fonts/RazerF5.woff') format('woff'), url('fonts/RazerF5.ttf') format('truetype'), url('fonts/RazerF5.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: italic;
  font-weight: 400;
  src: url('fonts/RazerF5Italic.eot');
  src: local('☺'), url('fonts/RazerF5Italic.woff') format('woff'), url('fonts/RazerF5Italic.ttf') format('truetype'), url('fonts/RazerF5Italic.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: normal;
  font-weight: 500;
  src: url('fonts/RazerF5SemiBold.eot');
  src: local('☺'), url('fonts/RazerF5SemiBold.woff') format('woff'), url('fonts/RazerF5SemiBold.ttf') format('truetype'), url('fonts/RazerF5SemiBold.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: italic;
  font-weight: 500;
  src: url('fonts/RazerF5SemiboldItalic.eot');
  src: local('☺'), url('fonts/RazerF5SemiboldItalic.woff') format('woff'), url('fonts/RazerF5SemiboldItalic.ttf') format('truetype'), url('fonts/RazerF5SemiboldItalic.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: normal;
  font-weight: 700;
  src: url('fonts/RazerF5Bold.eot');
  src: local('☺'), url('fonts/RazerF5Bold.woff') format('woff'), url('fonts/RazerF5Bold.ttf') format('truetype'), url('fonts/RazerF5Bold.svg') format('svg');
}

@font-face {
  font-display: swap;
  font-family: RazerF5;
  font-style: italic;
  font-weight: 700;
  src: url('fonts/RazerF5BoldItalic.eot');
  src: local('☺'), url('fonts/RazerF5BoldItalic.woff') format('woff'), url('fonts/RazerF5BoldItalic.ttf') format('truetype'), url('fonts/RazerF5BoldItalic.svg') format('svg');
}

.razer-mega-menu {
  margin-top: 0px;
  background: #000;
}

.razer-mega-menu>ul>li>.razer-mega-menu-bg {
  z-index: 1;
}

.razer-mega-menu>ul {
  padding: 0px;
}

.razer-mega-menu ul {
  list-style-type: none;
}

#razer-mega-menu-container {
  box-sizing: border-box;
  position: relative;
}

#razer-mega-menu-container * {
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .razer-mega-menu>ul>li>.razer-mega-menu-bg {
    top: 50px !important;
  }

  #razer-mega-menu-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}