.black {
  background-color: #000000 !important;
  transition: 0.7s; }

#navRow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #313131;
  z-index: 9999;
  opacity: 0.95;
  transition: 0.7s; }
  #navRow #mainNav {
    margin: auto;
    max-width: 1008px; }
    #navRow #mainNav ul.nav {
      display: flex;
      justify-content: space-between;
      margin: 0;
      padding: 10px;
      list-style: none; }
    #navRow #mainNav ul.nav li {
      font-size: 0.9rem;
      display: inline-block;
      transition: 0.4s; }
    #navRow #mainNav ul.nav li:hover {
      opacity: 0.6; }
    #navRow #mainNav ul.nav li a {
      color: #ffffff;
      text-decoration: none; }

#firstshowcase p.offer {
  color: #bbb;
  font-size: 1.04rem;
  width: 130px;
  margin: auto;
  border: 1px #bbb solid; }
#firstshowcase a {
  font-size: 1.2rem; }

#secondshowcase,
#thirdshowcase,
#fourthshowcase {
  cursor: pointer; }
  #secondshowcase a,
  #thirdshowcase a,
  #fourthshowcase a {
    font-size: 1.29rem; }

#fourthshowcase a {
  color: #0070c9; }

#fifthshowcase,
#sixshowcase,
#sevenshowcase {
  padding: 0px 10px; }
  #fifthshowcase div.row,
  #sixshowcase div.row,
  #sevenshowcase div.row {
    max-width: 1600px;
    display: flex;
    justify-content: space-between;
    margin: auto; }

#fifthshowcase div.first,
#fifthshowcase div.second {
  width: 49.6%;
  height: 540px;
  cursor: pointer; }
#fifthshowcase div.first {
  background: url(../img/fifthshowcase.jpg);
  background-position: bottom;
  background-repeat: no-repeat; }
#fifthshowcase div.second {
  background: url(../img/sixshowcase.jpg);
  background-position: center 210px;
  background-repeat: no-repeat; }
#fifthshowcase a {
  font-size: 1.1rem;
  color: #0070c9; }

#sixshowcase div.first,
#sixshowcase div.second {
  width: 49.6%;
  height: 540px;
  cursor: pointer; }
#sixshowcase div.first {
  background: url(../img/seventhshowcase.jpg);
  background-repeat: no-repeat;
  background-position: center; }
  #sixshowcase div.first a {
    font-size: 1.1rem;
    color: #000000; }
#sixshowcase div.second {
  background: url(../img/eightshowcase.jpg);
  background-position: center 210px;
  background-repeat: no-repeat; }
  #sixshowcase div.second a {
    font-size: 1.1rem;
    color: #0070c9; }

#sevenshowcase div.first,
#sevenshowcase div.second {
  width: 49.6%;
  height: 540px;
  cursor: pointer; }
#sevenshowcase div.first {
  background: url(../img/nineshowcase.jpg);
  background-repeat: no-repeat;
  background-position: center; }
  #sevenshowcase div.first a {
    font-size: 1.1rem;
    color: #ffffff; }
#sevenshowcase div.second {
  background: url(../img/tenshowcase.jpg);
  background-position: center 190px;
  background-repeat: no-repeat; }
  #sevenshowcase div.second a {
    font-size: 1.1rem;
    color: #0070c9; }

footer {
  background-color: #f2f2f2; }
  footer div.fcontainer {
    max-width: 980px;
    margin: auto;
    padding: 0 22px; }
  footer p {
    font-size: 0.66rem;
    color: #888;
    margin: 6px 0px; }
  footer div.fcontainer div.secondsection {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 30px; }
    footer div.fcontainer div.secondsection p {
      font-size: 0.66rem;
      color: #333;
      line-height: 1rem; }
    footer div.fcontainer div.secondsection a {
      color: #888; }
    footer div.fcontainer div.secondsection .line {
      display: none; }
  footer div.thirdsection {
    display: flex;
    justify-content: space-between; }
    footer div.thirdsection ul {
      list-style: none; }
    footer div.thirdsection ul li {
      display: inline;
      font-size: 0.66rem;
      border-right: 1px solid grey;
      padding: 0px 8px; }
    footer div.thirdsection ul li:last-child {
      border-right: none; }
    footer div.thirdsection ul li a {
      color: #333; }
    footer div.thirdsection p.uk {
      margin-left: auto; }
    footer div.thirdsection p.uk a {
      color: #333; }
    footer div.thirdsection p.uk a img.flag {
      position: relative;
      right: 5px;
      top: -1px; }

div.preloadimages {
  position: fixed;
  top: -9999px;
  left: -9999px; }

@media screen and (max-width: 860px) {
  #fifthshowcase h2,
  #sixshowcase h2,
  #sevenshowcase h2 {
    font-size: 2rem; }
  #fifthshowcase p,
  #sixshowcase p,
  #sevenshowcase p {
    font-size: 1.1rem; }
  #fifthshowcase a,
  #sixshowcase a,
  #sevenshowcase a {
    font-size: 1.1rem; }

  #sixshowcase div.second {
    background: url(../img/eightshowcase2.jpg);
    background-position: center 230px;
    background-repeat: no-repeat; }

  #sevenshowcase div.second {
    background-size: 350px; }

  footer div.thirdsection {
    flex-direction: column; }
    footer div.thirdsection ul {
      margin: 0;
      padding: 0; }
    footer div.thirdsection ul li {
      padding-left: 0px;
      padding-right: 10px;
      margin-right: 5px; }
    footer div.thirdsection ul li:last-child {
      border-right: none; }
    footer div.thirdsection p.uk {
      margin-left: 0;
      margin-top: 10px; }
    footer div.thirdsection p.uk a {
      padding-left: 5px; }
    footer div.thirdsection p.uk a img.flag {
      top: -3px; } }
@media screen and (max-width: 736px) {
  #navRow {
    opacity: 1; }
    #navRow #mainNav ul.nav {
      display: none;
      flex-direction: column;
      height: 100vh;
      margin: 0px 30px;
      padding: 10px; }
    #navRow #mainNav ul.nav li {
      text-align: left;
      font-size: 1.1rem;
      display: block;
      transition: 0.4s;
      margin: 0px;
      padding: 0px;
      border-bottom: 1px solid #686868; }
    #navRow #mainNav ul.nav li:last-child {
      border-bottom: none; }
    #navRow #mainNav ul.nav li a {
      padding: 10px;
      display: block; }
    #navRow #mainNav span.navbtn {
      display: inline-block;
      color: #ffffff;
      text-align: left;
      font-size: 2.4rem;
      margin-left: 20px;
      cursor: pointer;
      transition: 0.4s; }
    #navRow #mainNav span.navbtn:hover {
      opacity: 0.8; }
    #navRow #mainNav span.navbtn:before {
      content: "="; }

  #fifthshowcase,
  #sixshowcase,
  #sevenshowcase {
    padding: 0px 0px; }
    #fifthshowcase div.row,
    #sixshowcase div.row,
    #sevenshowcase div.row {
      flex-direction: column; }

  #fifthshowcase div.first,
  #fifthshowcase div.second {
    width: 100%;
    height: 540px; }
  #fifthshowcase div.first {
    background-position: bottom;
    background-size: 600px;
    margin-bottom: 12px; }
  #fifthshowcase div.second {
    background-position: center 240px;
    background-size: 460px; }

  #sixshowcase div.first,
  #sixshowcase div.second {
    width: 100%;
    height: 540px; }
  #sixshowcase div.first {
    background-position: center;
    margin-bottom: 12px; }
  #sixshowcase div.second {
    background-position: center 210px; }

  #sevenshowcase div.first,
  #sevenshowcase div.second {
    width: 100%;
    height: 540px; }
  #sevenshowcase div.first {
    background-position: center;
    margin-bottom: 12px; }
  #sevenshowcase div.second {
    background-position: center 190px; }

  footer div.fcontainer div.secondsection {
    grid-template-columns: repeat(1, 1fr); }
    footer div.fcontainer div.secondsection .widget p.font-weight-bold {
      cursor: pointer; }
    footer div.fcontainer div.secondsection .widget_content {
      display: none; }
    footer div.fcontainer div.secondsection .active .widget_content {
      display: block;
      padding: 0px 10px;
      margin: 10px 0px; }
    footer div.fcontainer div.secondsection .widget p.font-weight-bold:after {
      content: "+";
      color: #ffffff;
      font-size: 1rem;
      display: block;
      height: 20px;
      width: 20px;
      background-color: #333;
      text-align: center;
      float: right;
      position: relative;
      bottom: 4px;
      right: 10px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }
    footer div.fcontainer div.secondsection .active.widget p.font-weight-bold:after {
      content: "-"; }
    footer div.fcontainer div.secondsection .education {
      margin-top: 12px; }
    footer div.fcontainer div.secondsection .line {
      display: block; } }
@media screen and (max-width: 560px) {
  #firstshowcase h2 {
    font-size: 1.65rem; }
  #firstshowcase p {
    font-size: 1rem; }
  #firstshowcase p.offer {
    font-size: 1rem;
    width: 120px; }
  #firstshowcase a {
    font-size: 1rem; }

  #secondshowcase h2 {
    font-size: 2.2rem;
    font-weight: 400; }
  #secondshowcase p {
    font-size: 1rem; }
  #secondshowcase a {
    font-size: 1.2rem; }

  #thirdshowcase h2 {
    font-size: 2.2rem;
    font-weight: 400; }
  #thirdshowcase p {
    font-size: 1rem; }
  #thirdshowcase a {
    font-size: 1.2rem; }

  #fourthshowcase h2 {
    font-size: 2rem; }
  #fourthshowcase p {
    font-size: 1.1rem; }
  #fourthshowcase a {
    font-size: 1.2rem; }

  #fifthshowcase div.first {
    background-position: -200px bottom;
    background-size: 600px; }
  #fifthshowcase div.second {
    background-position: center 220px;
    background-size: 460px; }

  #sevenshowcase div.second {
    background-position: center 190px;
    background-size: 300px; } }