/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v29-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('fonts/open-sans-v29-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v29-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans-v29-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* orbitron-regular - latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/orbitron-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/orbitron-v29-latin-regular.woff') format('woff'); /* Modern Browsers */
}

/* orbitron-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('fonts/orbitron-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/orbitron-v29-latin-500.woff') format('woff'); /* Modern Browsers */
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #D3E5EB;
  color: #303030;
  font-family: "Open Sans", sans-serif; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Roboto Condensed", sans-serif;
  letter-spacing: 1px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase; }

a {
  outline: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  a * {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
  a:active, a:hover, a:focus {
    outline: none;
    text-decoration: none; }

.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item {
  height: 100%;
  position: relative; }

.owl-carousel .owl-controls,
.owl-carousel .carousel-controls {
  height: auto;
  left: 0;
  margin: -54px 0 0 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2; }

.owl-carousel .owl-controls .owl-prev,
.owl-carousel .carousel-controls .owl-prev,
.owl-carousel .owl-controls .owl-next,
.owl-carousel .carousel-controls .owl-next,
.owl-carousel .owl-controls .prev,
.owl-carousel .carousel-controls .prev,
.owl-carousel .owl-controls .next,
.owl-carousel .carousel-controls .next {
  font-size: 75px;
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  position: absolute;
  width: auto; }

.owl-carousel .owl-controls .owl-prev:hover,
.owl-carousel .carousel-controls .owl-prev:hover,
.owl-carousel .owl-controls .owl-next:hover,
.owl-carousel .carousel-controls .owl-next:hover,
.owl-carousel .owl-controls .prev:hover,
.owl-carousel .carousel-controls .prev:hover,
.owl-carousel .owl-controls .next:hover,
.owl-carousel .carousel-controls .next:hover {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1; }

.owl-carousel .owl-controls .owl-prev,
.owl-carousel .carousel-controls .owl-prev,
.owl-carousel .owl-controls .prev,
.owl-carousel .carousel-controls .prev {
  left: 5px; }

.owl-carousel .owl-controls .owl-next,
.owl-carousel .carousel-controls .owl-next,
.owl-carousel .owl-controls .next,
.owl-carousel .carousel-controls .next {
  left: auto;
  right: 5px; }

.owl-carousel .owl-controls .container,
.owl-carousel .carousel-controls .container {
  position: relative; }

.img-thumbnail {
  overflow: hidden; }
  .img-thumbnail:hover, .img-thumbnail:focus, .img-thumbnail:active {
    border-color: #247B99;
    background: rgba(36, 123, 153, 0.2); }
    .img-thumbnail:hover img, .img-thumbnail:focus img, .img-thumbnail:active img {
      transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2); }

.lead {
  font-size: 18px; }

.bg-warning {
  background-color: #fcf8e3 !important; }

.bg-danger {
  background-color: #f2dede !important; }

.btn {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  transition: background-color 0.3s ease;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom-width: 4px;
  border-top: none;
  border-left: none;
  border-right: none; }
  .btn:hover {
    border-bottom-width: 3px;
    margin-top: 1px; }
  .btn.active, .btn:focus, .btn:active {
    border-bottom-width: 2px;
    margin-top: 2px; }
  .btn.btn-readmore {
    width: 100%; }

.media {
  margin: 0 -10px;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  padding: 20px 10px; }
  .media .media-body-box {
    display: block;
    width: auto; }
  .media .media-banner {
    max-width: 100%;
    margin: 0 0 5px 0; }
  .media:nth-of-type(even) {
    background: #F7F7F7; }
  .media:last-of-type {
    border-bottom: none; }
  .media p {
    margin: 0; }

.media-row {
  margin: 0 -10px; }
  .media-row > div {
    border-bottom: 1px dotted #ccc; }
    .media-row > div .media {
      margin: 0 -10px;
      padding: 10px;
      padding: 20px 10px; }
      .media-row > div .media:nth-of-type(even) {
        background: none; }
    .media-row > div:nth-of-type(even) {
      background: #F7F7F7; }

.pagination {
  margin: 10px auto;
  text-align: center;
  display: table;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  background: #247B99;
  border: 0;
  width: 100%;
  position: relative; }
  .pagination li {
    border-top: 0;
    border-bottom: 0;
    text-align: center; }
    .pagination li:first-child, .pagination li:last-child {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0; }
      .pagination li:first-child a, .pagination li:last-child a {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0; }
    .pagination li a {
      border-top: 0;
      background: transparent;
      color: #fff;
      font-weight: 700;
      border-bottom: 0; }
      .pagination li a:hover, .pagination li a:focus, .pagination li a:active {
        background: #303030;
        color: #fff; }
    .pagination li.active a {
      background: #303030;
      color: #fff;
      border-color: #fff; }
      .pagination li.active a:hover, .pagination li.active a:focus, .pagination li.active a:active {
        background: #303030;
        color: #fff; }

.nav-tabs {
  background: #247B99;
  border: 0; }
  .nav-tabs > li {
    border: 0;
    margin: 0; }
    .nav-tabs > li > a {
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      border: 0;
      color: #fff;
      letter-spacing: 1px;
      line-height: 1.3;
      text-transform: uppercase; }
      .nav-tabs > li > a:active, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        color: #fff;
        background: #3B3B3B;
        outline: none;
        border: 0; }
    .nav-tabs > li.active {
      border: 0; }
      .nav-tabs > li.active > a {
        color: #fff;
        background: #3B3B3B;
        outline: none;
        border: 0; }
        .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
          color: #fff;
          background: #3B3B3B;
          outline: none;
          border: 0; }

.lead.lead-lg {
  font-size: 64px;
  line-height: 64px; }

header {
  background: #fff; }
  header #header-topbar .navbar {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0; }
    header #header-topbar .navbar.navbar-default {
      min-height: 32px; }
      header #header-topbar .navbar.navbar-default button.navbar-toggle {
        padding: 4px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border: 0;
        margin-right: 21px; }
        header #header-topbar .navbar.navbar-default button.navbar-toggle.collapsed {
          background: none; }
        header #header-topbar .navbar.navbar-default button.navbar-toggle .icon-bar {
          background: #777777; }
      header #header-topbar .navbar.navbar-default ul.nav > li > a {
        padding-top: 6px;
        padding-bottom: 6px;
        font-family: "Roboto Condensed", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase; }
        header #header-topbar .navbar.navbar-default ul.nav > li > a:active, header #header-topbar .navbar.navbar-default ul.nav > li > a:hover, header #header-topbar .navbar.navbar-default ul.nav > li > a:focus {
          background: #E7E7E7; }
        header #header-topbar .navbar.navbar-default ul.nav > li > a#fastnav {
          display: none;
          background: #ec971f;
          color: #fff;
          border-bottom: 1px solid #ec971f;
          margin: 0 0 -1px 0; }
      header #header-topbar .navbar.navbar-default ul.nav > li > span {
        padding: 6px 15px;
        display: block; }
      header #header-topbar .navbar.navbar-default .megamenu-content {
        background: #E7E7E7;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        border-top: 1px solid #ec971f;
        -webkit-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75); }
        header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li > a {
          color: #777777;
          display: block;
          padding: 3px 5px;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          letter-spacing: 1px;
          text-transform: uppercase; }
          header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li > a:active, header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li > a:hover, header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li > a:focus {
            background: #F8F8F8;
            text-decoration: none; }
        header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li.open > a, header #header-topbar .navbar.navbar-default .megamenu-content ul.links > li.active > a {
          background: #F8F8F8; }
  header .header-body {
    padding: 15px 0; }
    header .header-body #logo {
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      font-size: 28px;
      height: 50px;
      line-height: 50px;
      letter-spacing: 1px;
      text-transform: uppercase;
      position: relative; }
      header .header-body #logo:focus, header .header-body #logo:active, header .header-body #logo:hover {
        text-decoration: none; }
      header .header-body #logo img {
        height: 50px;
        width: 50px;
        float: left; }
      header .header-body #logo > span {
        margin: 0 0 0 15px;
        float: left; }
        header .header-body #logo > span > span {
          font-size: 36px; }
    header .header-body .search-form {
      margin: 10px 0 0 0; }
  header #header-navigation .navbar {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border: none; }
    header #header-navigation .navbar.navbar-primary {
      background: #247b99;
      color: #fff; }
      header #header-navigation .navbar.navbar-primary button.navbar-toggle {
        background: #303030;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0; }
        header #header-navigation .navbar.navbar-primary button.navbar-toggle.collapsed {
          background: none; }
        header #header-navigation .navbar.navbar-primary button.navbar-toggle .icon-bar {
          background: #fff; }
      header #header-navigation .navbar.navbar-primary ul.nav > li > a {
        font-family: "Roboto Condensed", sans-serif;
        font-weight: 700;
        color: #fff;
        font-family: "Roboto Condensed", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 16px; }
        header #header-navigation .navbar.navbar-primary ul.nav > li > a:active, header #header-navigation .navbar.navbar-primary ul.nav > li > a:hover, header #header-navigation .navbar.navbar-primary ul.nav > li > a:focus {
          background: #303030; }
      header #header-navigation .navbar.navbar-primary ul.nav > li.open > a, header #header-navigation .navbar.navbar-primary ul.nav > li.active > a {
        background: #303030; }
      header #header-navigation .navbar.navbar-primary .megamenu-content {
        background: #303030;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border: none;
        -webkit-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75); }
        header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li > a {
          color: #fff;
          display: block;
          padding: 6px 10px;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: 700;
          letter-spacing: 1px;
          text-transform: uppercase;
          font-size: 16px; }
          header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li > a:active, header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li > a:hover, header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li > a:focus {
            background: #247B99;
            text-decoration: none; }
        header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li.open > a, header #header-navigation .navbar.navbar-primary .megamenu-content ul.links > li.active > a {
          background: #247B99; }
        header #header-navigation .navbar.navbar-primary .megamenu-content .area {
          color: #303030;
          margin: 0 0 0 -15px;
          border: 0; }
        header #header-navigation .navbar.navbar-primary .megamenu-content .media {
          padding: 6px 4px; }
        header #header-navigation .navbar.navbar-primary .megamenu-content ul.list li {
          margin: 0;
          border: 0;
          background: none;
          padding: 4px; }
          header #header-navigation .navbar.navbar-primary .megamenu-content ul.list li a {
            font-weight: 400; }
      header #header-navigation .navbar.navbar-primary .dropdown-menu, header #header-navigation .navbar.navbar-primary .megamenu-content {
        background: #303030;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border: none;
        -webkit-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
        padding: 10px; }
        header #header-navigation .navbar.navbar-primary .dropdown-menu > li > a, header #header-navigation .navbar.navbar-primary .megamenu-content > li > a {
          color: #fff;
          display: block;
          padding: 3px 5px;
          border-radius: 4px;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          -ms-border-radius: 4px;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: 700;
          letter-spacing: 1px;
          text-transform: uppercase; }
          header #header-navigation .navbar.navbar-primary .dropdown-menu > li > a:active, header #header-navigation .navbar.navbar-primary .dropdown-menu > li > a:hover, header #header-navigation .navbar.navbar-primary .dropdown-menu > li > a:focus, header #header-navigation .navbar.navbar-primary .megamenu-content > li > a:active, header #header-navigation .navbar.navbar-primary .megamenu-content > li > a:hover, header #header-navigation .navbar.navbar-primary .megamenu-content > li > a:focus {
            background: #247B99;
            text-decoration: none; }
        header #header-navigation .navbar.navbar-primary .dropdown-menu > li.open > a, header #header-navigation .navbar.navbar-primary .dropdown-menu > li.active > a, header #header-navigation .navbar.navbar-primary .megamenu-content > li.open > a, header #header-navigation .navbar.navbar-primary .megamenu-content > li.active > a {
          background: #247B99; }
  header #header-navigation.affix {
    position: relative; }

#main {
  margin: 0 0 25px 0; }
  #main > .container {
    background: #fff;
    min-height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative; }
  #main #content .header h1, #main #content .header h2 {
    margin: 0; }
  #main #content .content-row {
    margin: -15px -15px 0; }
    #main #content .content-row > div {
      padding: 0; }
      #main #content .content-row > div .arrow {
        position: position;
        background: #C5C5C5;
        right: 0; }
      #main #content .content-row > div .arrow:after {
        right: 0;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #C5C5C5;
        border-width: 16px;
        margin-top: -16px; }
      #main #content .content-row > div .banner-image {
        height: 100%;
        width: 100%;
        display: block; }
      #main #content .content-row > div .vote {
        box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.4);
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4b4b4+50,e0e0e0+100&0+50,0.65+100 */
        background: -moz-linear-gradient(top, rgba(180, 180, 180, 0) 50%, rgba(224, 224, 224, 0.65) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(180, 180, 180, 0)), color-stop(100%, rgba(224, 224, 224, 0.65)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(180, 180, 180, 0) 50%, rgba(224, 224, 224, 0.65) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(180, 180, 180, 0) 50%, rgba(224, 224, 224, 0.65) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(180, 180, 180, 0) 50%, rgba(224, 224, 224, 0.65) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(180, 180, 180, 0) 50%, rgba(224, 224, 224, 0.65) 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4b4b4', endColorstr='#a6e0e0e0',GradientType=0 );
        /* IE6-9 */ }
  #main #content .content-header-form {
    margin: -15px -15px 0;
    padding: 15px;
    background: url(../img/bg_header.jpg);
    /*background-size: cover;*/
    /*            background: #EEEEEE;
                border-bottom: 1px solid #ccc;*/ }
    #main #content .content-header-form form {
      background: rgba(255, 255, 255, 0.1);
      padding: 15px; }
      #main #content .content-header-form form label {
        color: #fff; }
      #main #content .content-header-form form .btn {
        width: 100%; }
  #main #content .content-header {
    margin: -15px -15px 0;
    background: #eee;
    padding: 15px;
    border-bottom: 1px solid #ccc; }
    #main #content .content-header:nth-of-type(1n+2) {
      border-top: 1px solid #ccc; }
    #main #content .content-header h1, #main #content .content-header h2 {
      font-size: 48px;
      height: 48px;
      line-height: 48px;
      margin: 0; }
      #main #content .content-header h1 small, #main #content .content-header h2 small {
        float: right;
        line-height: 40px; }

footer {
  margin-bottom: -15px;
  padding: 15px 0 0 0;
  background: #303030;
  color: #fff;
  position: relative; }
  footer a {
    color: #bfd7e6;
    font-weight: 400; }
    footer a:focus, footer a:active, footer a:hover {
      color: #fff;
      text-decoration: none; }
  footer #footer-body > .container {
    padding-bottom: 15px; }
  footer #footer-body .games {
    padding: 0 15px; }
    footer #footer-body .games .carousel-games {
      height: 180px; }
    footer #footer-body .games ul.grid li {
      width: 31%; }
  footer #footer-body .contact {
    height: 180px; }
    footer #footer-body .contact > ul {
      background: #3B3B3B;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      padding: 10px; }
      footer #footer-body .contact > ul ul {
        padding-left: 10px; }
  footer #footer-links > .container {
    background: #5c5c5c;
    padding-top: 15px;
    padding-bottom: 15px; }
  footer #footer-links ul {
    margin: 0;
     }
    footer #footer-links ul li {
      border-right: 1px solid #303030; }
      footer #footer-links ul li a {
        font-size: 14px;
        padding: 0 6px; }
      footer #footer-links ul li:last-of-type {
        border: none; }

/* MEGAMENU STYLE http://codepen.io/subodhghulaxe/pen/zxwKBo
-------------------------------------------------- */
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static; }

.megamenu .container {
  position: relative; }

.megamenu .dropdown-menu {
  left: auto; }

.megamenu .megamenu-content {
  padding: 15px; }

.megamenu .megamenu-content .h3 {
  margin-top: 0;
  color: #247B99; }

.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0; }

.area {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
  background: #fff; }
  .area .area-header {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    background: #eee;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ccc; }
    .area .area-header:nth-of-type(1n+2) {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-top: 1px solid #ccc;
      padding: 0 10px; }
    .area .area-header h2 {
      height: 40px;
      line-height: 40px;
      margin: 0; }
      .area .area-header h2 small {
        float: right;
        line-height: 40px; }
  .area .area-body {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 10px; }
    .area .area-body:last-of-type {
      border-bottom: 10px solid #eee; }

.grid {
  font-size: 0;
  text-align: center;
  margin: 0;
  vertical-align: top; }
  .grid .item {
    width: 50%;
    margin: 0;
    vertical-align: top; }
    .grid .item a {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      border: 1px solid transparent;
      display: block;
      margin: 10px;
      color: #fff;
      text-align: center; }
      .grid .item a:hover, .grid .item a:focus, .grid .item a:active {
        text-decoration: none; }
        .grid .item a:hover span, .grid .item a:focus span, .grid .item a:active span {
          background: #247B99;
          color: #fff; }
          .grid .item a:hover span small, .grid .item a:focus span small, .grid .item a:active span small {
            color: #ddd; }
      .grid .item a span small {
        color: #ddd; }
    .grid .item img {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      margin: 0 auto;
      background: transparent;
      border: 0; }
    .grid .item span {
      border-radius: 0 0 4px 4px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -ms-border-radius: 0 0 4px 4px;
      display: inline-block;
      width: 90%;
      margin: 0;
      padding: 4px; }

ul.list {
  margin: 0; }
  ul.list > li {
    margin: 0 -10px;
    padding: 10px;
    border-bottom: 1px dotted #ccc; }
    ul.list > li:nth-of-type(even) {
      background: #F7F7F7; }
    ul.list > li:last-of-type {
      border-bottom: none; }
    ul.list > li p {
      margin: 0; }
    ul.list > li h1, ul.list > li h2, ul.list > li h3, ul.list > li h4, ul.list > li h5, ul.list > li h6 {
      margin: 0 0 2px; }
  ul.list.list-inline li {
    margin: 0;
    border-bottom: 0;
    border-right: 1px dotted #ccc; }
    ul.list.list-inline li:nth-of-type(even) {
      background: none; }
    ul.list.list-inline li:last-of-type {
      border-right: none; }
    ul.list.list-inline li.button {
      vertical-align: middle;
      font-size: 0;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      left: 0;
      display: inline-block;
      margin-top: -83px; }
      ul.list.list-inline li.button a {
        border: 0;
        border-radius: 4px;
        color: #fff;
        line-height: 88px;
        padding: 0;
        height: 88px;
        width: 88px;
        font-size: 36px;
        overflow: hidden;
        display: block; }
        ul.list.list-inline li.button a:hover, ul.list.list-inline li.button a:focus, ul.list.list-inline li.button a:active {
          margin: 0; }

.charts tbody > tr > td {
  vertical-align: middle;
  white-space: nowrap; }

#navigation .charts:first-of-type.highlight tbody > tr:first-child > td, #content .charts:first-of-type.highlight tbody > tr:first-child > td {
  border: 1px solid #247B99; }
  #navigation .charts:first-of-type.highlight tbody > tr:first-child > td:first-of-type, #content .charts:first-of-type.highlight tbody > tr:first-child > td:first-of-type {
    background: #247B99;
    color: #fff; }
#navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(2) > td, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(2) > td {
  border: 1px solid rgba(36, 123, 153, 0.75); }
  #navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(2) > td:first-of-type, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(2) > td:first-of-type {
    background: rgba(36, 123, 153, 0.75);
    color: #fff; }
#navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(3) > td, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(3) > td {
  border: 1px solid rgba(36, 123, 153, 0.5); }
  #navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(3) > td:first-of-type, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(3) > td:first-of-type {
    background: rgba(36, 123, 153, 0.5);
    color: #fff; }
#navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(4) > td, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(4) > td {
  border: 1px solid rgba(36, 123, 153, 0.25); }
  #navigation .charts:first-of-type.highlight tbody > tr:nth-of-type(4) > td:first-of-type, #content .charts:first-of-type.highlight tbody > tr:nth-of-type(4) > td:first-of-type {
    background: rgba(36, 123, 153, 0.25);
    color: #fff; }

#content .charts tbody > tr > td:nth-of-type(2) {
  min-width: 220px; }
#content .charts tbody > tr > td:nth-of-type(6) {
  max-width: 160px; }
#content .charts tbody > tr > td:nth-of-type(1), #content .charts tbody > tr > td:nth-child(7) {
  min-width: 34px; }

.featured-game .media {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0; }
  .featured-game .media .media-left, .featured-game .media .media-body {
    padding: 5px; }
  .featured-game .media .media-body {
    min-height: 68px; }
    .featured-game .media .media-body a {
      font-weight: 700; }

.ads {
  display: block;
  height: 100%;
  text-align: center;
  margin: 10px 0; }
  .ads h6 {
    margin: 0; }
  .ads.minus-5 {
    margin: 10px -5px; }
  .ads.minus-10 {
    margin: 10px -10px; }
  .ads.minus-15 {
    margin: 10px -15px; }

.details h1 small {
  float: right; }
.details .banner-image {
  min-width: 100%; }
.details ul.facts {
  padding: 10px;
  margin: 0; }
  .details ul.facts > li {
    margin: 0 0 10px 0; }
.details .nav-tabs {
  margin-top: 20px; }
.details .tab-content {
  border-bottom: 1px solid #EEEEEE;
  border-right: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  margin: 0 0 20px 0;
  padding: 10px; }
span.text-justify a{
  color: #303030;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #247b99;
}
span.text-justify a:hover{
  color: #247b99;
  border-bottom-style: dotted;
  animation-name: ease-out;
  animation-duration: 1s;
}
@keyframes ease-out{
  from {color: #303030;}
  to {color: #247b99;}
}
.details .article img {
  margin: 0 0 20px 20px;
  float: right; }
  .details .gamecard img {
    margin: 0 0 20px 20px;
    float: right; }
.details .aside .screenshots ul.list li {
  width: 48%; }
.details .image-viewer {
  padding: 20px;
  position: relative; }
  .details .image-viewer .image-viewer-right, .details .image-viewer .image-viewer-left {
    font-size: 64px;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    /*            text-shadow: 0 0 10px #fff;
                width: 84px;
                height: 84px;
                line-height: 64px;
                padding: 10px;
                display: block;
                text-align: center;*/ }
    .details .image-viewer .image-viewer-right a, .details .image-viewer .image-viewer-left a {
      color: rgba(255, 255, 255, 0.5);
      text-shadow: 0 0 10px #000; }
      .details .image-viewer .image-viewer-right a:hover, .details .image-viewer .image-viewer-right a:active, .details .image-viewer .image-viewer-right a:focus, .details .image-viewer .image-viewer-left a:hover, .details .image-viewer .image-viewer-left a:active, .details .image-viewer .image-viewer-left a:focus {
        color: #fff;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  .details .image-viewer .image-viewer-right {
    right: 0; }
  .details .image-viewer .image-viewer-left {
    left: 0; }
.details ul.buttons {
  margin: 10px 0; }
  .details ul.buttons li {
    margin: 0 0 10px 0; }
    .details ul.buttons li .btn {
      width: 100%; }
.details .alert {
  text-transform: uppercase;
  color: #939393;
  padding: 0; }
  .details .alert a {
    color: #666;
    font-weight: 700;
    text-decoration: underline; }
    .details .alert a:hover, .details .alert a:active, .details .alert a:focus {
      color: #666; }

.vote {
  padding: 10px; }
  .vote p {
    margin: 0; }
  .vote hr {
    margin: 10px 0; }

.game-arrows > a {
  font-size: 0;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.2);
  color: #fff; }
  .game-arrows > a:hover, .game-arrows > a:focus, .game-arrows > a:active {
    background: #303030; }
  .game-arrows > a > i {
    top: 0;
    font-size: 32px;
    width: 36px;
    height: 202px;
    line-height: 202px; }
  .game-arrows > a.game-arrow-right {
    right: 0;
    margin-right: -36px;
    text-align: center;
    border-radius: 0 4px 4px 0; }
  .game-arrows > a.game-arrow-left {
    text-align: center;
    left: 0;
    margin-left: -36px;
    border-radius: 4px 0 0 4px; }

.mikey .speech-bubble {
  background: #fff;
  border-radius: 66px 44px;
  margin: 20px 0;
  padding: 25px 50px;
  text-align: center;
  position: relative; }
  .mikey .speech-bubble p, .mikey .speech-bubble .h2 {
    margin-top: 0;
    font-family: "Comic Sans MS", serif; }
  .mikey .speech-bubble.right {
    margin-right: 50px; }
    .mikey .speech-bubble.right::after {
      border-color: transparent #fff;
      border-width: 15px 0 15px 80px;
      bottom: auto;
      left: auto;
      right: -80px;
      top: 55px; }
  .mikey .speech-bubble::after {
    border-color: #fff;
    border-style: solid;
    border-width: 25px 25px 0;
    bottom: -25px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0; }

.topgames .area .area-body {
  padding: 0;
  margin: -1px; }
  .topgames .area .area-body .description {
    padding: 10px;
    margin: 0; }
  .topgames .area .area-body .charts {
    margin: 0; }
    .topgames .area .area-body .charts h4 {
      margin: 0;
      line-height: 18px; }

.games .area {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }
  .games .area .area-body h4 {
    margin-bottom: 5px; }
  .games .area .area-body .banner {
    overflow: hidden;
    display: block; }
  .games .area .area-body .btn {
    width: 100%; }
  .games .area:hover {
    border-color: #247B99; }
    .games .area:hover .banner img {
      transform: scale(1.3) rotate(3deg);
      -webkit-transform: scale(1.3) rotate(3deg);
      -moz-transform: scale(1.3) rotate(3deg);
      -ms-transform: scale(1.3) rotate(3deg);
      -o-transform: scale(1.3) rotate(3deg); }
.games > .row > div:nth-of-type(2n) .area:hover .banner img {
  transform: scale(1.3) rotate(-3deg);
  -webkit-transform: scale(1.3) rotate(-3deg);
  -moz-transform: scale(1.3) rotate(-3deg);
  -ms-transform: scale(1.3) rotate(-3deg);
  -o-transform: scale(1.3) rotate(-3deg); }
.games > .row > div:nth-of-type(3n) .area:hover .banner img {
  transform: scale(1.3) rotate(0);
  -webkit-transform: scale(1.3) rotate(0);
  -moz-transform: scale(1.3) rotate(0);
  -ms-transform: scale(1.3) rotate(0);
  -o-transform: scale(1.3) rotate(0); }
.games > .row > div:nth-of-type(5n) .area:hover .banner img {
  transform: scale(1.3) rotate(-2deg);
  -webkit-transform: scale(1.3) rotate(-2deg);
  -moz-transform: scale(1.3) rotate(-2deg);
  -ms-transform: scale(1.3) rotate(-2deg);
  -o-transform: scale(1.3) rotate(-2deg); }
.games > .row > div:nth-of-type(7n) .area:hover .banner img {
  transform: scale(1.3) rotate(2deg);
  -webkit-transform: scale(1.3) rotate(2deg);
  -moz-transform: scale(1.3) rotate(2deg);
  -ms-transform: scale(1.3) rotate(2deg);
  -o-transform: scale(1.3) rotate(2deg); }
.games > .row > div:nth-of-type(9n) .area:hover .banner img {
  transform: scale(1.3) rotate(3deg);
  -webkit-transform: scale(1.3) rotate(3deg);
  -moz-transform: scale(1.3) rotate(3deg);
  -ms-transform: scale(1.3) rotate(3deg);
  -o-transform: scale(1.3) rotate(3deg); }

.gamesgrid {
  margin: 0 -15px;
  color: #fff; }
  .gamesgrid .area {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border: 0;
    background: #303030; }
    .gamesgrid .area .area-body {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      padding-left: 15px;
      padding-right: 15px; }
  .gamesgrid .nav-tabs {
    background: #247B99;
    border: 0; }
    .gamesgrid .nav-tabs li {
      border: 0; }
    .gamesgrid .nav-tabs a {
      transition: all;
      -webkit-transition: all;
      -moz-transition: all;
      -ms-transition: all;
      -o-transition: all;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      border: 0;
      color: #fff;
      letter-spacing: 1px;
      line-height: 1.3;
      text-transform: uppercase; }
  .gamesgrid ul.nav-tabs li.active {
    border: 0; }
    .gamesgrid ul.nav-tabs li.active > a {
      color: #fff;
      background: #3B3B3B;
      outline: none;
      border: 0; }
  .gamesgrid ul.nav-tabs li > a:hover, .gamesgrid ul.nav-tabs li > a:active, .gamesgrid ul.nav-tabs li > a:focus {
    color: #fff;
    background: #3B3B3B;
    outline: none;
    border: 0; }
  .gamesgrid .tab-pane {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    padding: 10px 0;
    background: #3B3B3B; }
    .gamesgrid .tab-pane .btn {
      height: 67px;
      line-height: 45px; }

.videos ul.list {
  font-size: 0; }
  .videos ul.list li {
    width: 23%;
    background: none;
    border: 0;
    margin: 4px 1%; }

.carousel-games {
  margin: 0 50px; }
  .carousel-games .owl-item .item {
    width: auto;
    margin: 0; }
    .carousel-games .owl-item .item img {
      width: auto;
      height: auto;
      margin-bottom: 4px; }
    .carousel-games .owl-item .item span {
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      max-width: 95%; }
  .carousel-games .owl-prev {
    margin-left: -50px; }
  .carousel-games .owl-next {
    margin-right: -50px; }
  .carousel-games .owl-stage-outer {
    background: #3B3B3B;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px; }

.carousel-slides {
  color: #fff;
  margin: -15px -15px 0;
  position: relative;
  text-align: center; }
  .carousel-slides .owl-dots {
    display: none; }
  .carousel-slides .owl-carousel, .carousel-slides .owl-stage-outer, .carousel-slides .owl-stage, .carousel-slides .owl-item {
    height: 100%;
    position: relative; }
  .carousel-slides .owl-carousel .owl-controls, .carousel-slides .owl-carousel .carousel-controls {
    height: auto;
    left: 0;
    margin: -54px 0 0 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2; }
  .carousel-slides .item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: medium none;
    display: block;
    height: 100%;
    position: relative; }
    .carousel-slides .item .item-info {
      bottom: 10px;
      position: absolute;
      top: auto;
      width: 100%; }
      .carousel-slides .item .item-info .item-text {
        text-align: center;
        width: 80%;
        margin: auto; }
        .carousel-slides .item .item-info .item-text .h1 {
          display: inline;
          margin: 0 0 15px 0;
          line-height: 1.5em;
          color: #fff;
          text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
          padding: 0 10px;
          box-decoration-break: clone;
          background: rgba(36, 123, 153, 0.85); }
    .carousel-slides .item .item-info-right .item-text {
      float: right;
      text-align: right;
      margin: 0 10% 0 0; }
    .carousel-slides .item .item-info-left .item-text {
      float: left;
      text-align: left;
      margin: 0 0 0 10%; }

.status ul.list li {
  border-bottom: 1px dotted #ccc !important; }
  .status ul.list li:last-of-type {
    border-bottom: none !important; }

.screenshots ul.list {
  font-size: 0; }
  .screenshots ul.list li {
    width: 23%;
    background: none;
    border: 0;
    margin: 4px 1%; }

.games ul.list ul {
  margin: 0 0 0 38px; }
.games ul.list img {
  margin: 0 5px 0 0;
  float: left;
  height: 33px;
  width: 33px; }


/* Timeline */

.timeline .wrapper{
  max-width: 1080px;
  margin: 20px auto;
  padding: 0 20px;
  position: relative;
}
.timeline .wrapper .center-line{
  position: absolute;
  height: 100%;
  width: 4px;
  background: #247b99;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}
.timeline .wrapper .row{
  display: flex;
}
.timeline .wrapper .row-1{
  justify-content: flex-start;
}
.timeline .wrapper .row-2{
  justify-content: flex-end;
}
.timeline .wrapper .row section{
  background: #f7f7f7;
  border-radius: 5px;
  width: calc(50% - 40px);
  padding: 20px;
  position: relative;
}
.timeline .wrapper .row section::before{
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  background: #f7f7f7;
  top: 28px;
  z-index: -1;
  transform: rotate(45deg);
}
.timeline .row-1 section::before{
  right: -7px;
}
.timeline .row-2 section::before{
  left: -7px;
}
.timeline .row section .icon,
.center-line .scroll-icon{
  position: absolute;
  background: #f2f2f2;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #3ea0e2;
  font-size: 17px;
  box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}
.timeline .center-line .scroll-icon{
  bottom: 0px;
  left: 50%;
  font-size: 25px;
  transform: translateX(-50%);
}
.timeline .row-1 section .icon{
  top: 15px;
  right: -60px;
}
.timeline .row-2 section .icon{
  top: 15px;
  left: -60px;
}
.timeline .row section .details,
.timeline .row section .bottom{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.timeline .row section .details .title{
  font-size: 22px;
  font-weight: 600;
}
.timeline .row section p{
  margin: 10px 0 17px 0;
}
.timeline .row section .bottom a{
  text-decoration: none;
  background: #3ea0e2;
  color: #fff;
  padding: 7px 15px;
  border-radius: 5px;
  /* font-size: 17px; */
  font-weight: 400;
  transition: all 0.3s ease;
}
.timeline .row section .bottom a:hover{
  transform: scale(0.97);
}



/* Small width (tablets, 768px and up) */
@media (min-width: 768px) {
  #siteskin {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 167px;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease; }
    #siteskin.affix {
      position: fixed;
      top: 50px; }
    #siteskin:hover, #siteskin:active {
      opacity: 0.9; }

  #gamecover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 167px;
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
    #gamecover.affix {
      position: fixed;
      top: 50px; }


  footer {
    margin-left: -15px;
    margin-right: -15px; }

  #main {
    margin-top: 50px;
    margin-bottom: 50px; }
    #main > .container {
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1); }

  header {
    min-height: 167px; }
    header #header-topbar .navbar {
      margin: 0; }
      header #header-topbar .navbar > .container, header #header-topbar .navbar #topbar {
        padding: 0; }
      header #header-topbar .navbar .navbar-right {
        margin-right: 0; }
    header #header-navigation {
      -webkit-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75);
      box-shadow: 0 25px 25px -20px rgba(0, 0, 0, 0.75); }
      header #header-navigation.affix {
        width: 100%;
        top: 0;
        margin: 0;
        z-index: 1000;
        position: fixed; }
      header #header-navigation .navbar {
        margin: 0; }
        header #header-navigation .navbar > .container, header #header-navigation .navbar #navigation {
          padding: 0; }
        header #header-navigation .navbar .navbar-right {
          margin-right: 0; }

  .carousel-slides {
    height: 320px; }
    .carousel-slides .item .item-info {
      bottom: 25px; }
      .carousel-slides .item .item-info .item-text {
        width: 75%; }
        .carousel-slides .item .item-info .item-text .h1 {
          font-size: 32px; }

  .grid .item {
    width: 33%; }

  .row-area {
    margin: 0 -15px; }
    .row-area .col-area {
      padding-top: 15px;
      padding-bottom: 15px; }

  .media-row > div.col-sm-6:nth-of-type(even) {
    background: none; }
  .media-row > div.col-sm-6:nth-of-type(4n+3), .media-row > div.col-sm-6:nth-of-type(4n+4) {
    background: #F7F7F7; } }
/* Medium width (desktops, 992px and up) */
@media (min-width: 992px) {
  header #header-topbar .navbar.navbar-default ul.nav > li > a#fastnav {
    display: block; }

  .carousel-slides {
    height: 380px; }
    .carousel-slides .item .item-info .item-text {
      width: 50%; }
      .carousel-slides .item .item-info .item-text .h1 {
        font-size: 36px; }
    .carousel-slides .item .item-info-right .item-text, .carousel-slides .item .item-info-left .item-text {
      margin: 0 5%; }

  .grid .item {
    width: 25%; }

  .row-area .col-area {
    box-shadow: inset -7px 0 9px -7px rgba(0, 0, 0, 0.4); }

  .media-row > div.col-sm-6.col-md-4:nth-of-type(even), .media-row > div.col-sm-6.col-md-4:nth-of-type(4n+3), .media-row > div.col-sm-6.col-md-4:nth-of-type(4n+4) {
    background: none; }
  .media-row > div.col-sm-6.col-md-4:nth-of-type(6n+4), .media-row > div.col-sm-6.col-md-4:nth-of-type(6n+5), .media-row > div.col-sm-6.col-md-4:nth-of-type(6n+6) {
    background: #F7F7F7; } }
/* Large width (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .carousel-slides {
    height: 450px; }

  .mikey {
    height: 380px;
    margin-bottom: 50px;
    /*margin-bottom: -200px;*/ } }

/*# sourceMappingURL=style.css.map */