/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

a {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

h2 {
  margin: 0;
}

@media screen and (max-device-width: 1200px) {
  .main-nav {
    display: block;
  }
  .mobile-view {
    display: block;
  }
}
@media screen and (min-device-width: 1201px) {
  .main-nav {
    display: block;
  }
  .mobile-view {
    display: none;
  }
}
.header-background {
  background-color: #f5f5f5;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.header-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  padding: 13px;
}
.header-container > * {
  text-align: center;
  flex: 1 1 100%;
}
.header-container > * ul {
  padding: 0;
}
.header-container > * ul li {
  list-style: none;
  width: 100%;
  padding: 0;
}
.header-container > * ul li a {
  font-size: 1.5rem;
  font-weight: normal;
  color: #666;
  font-weight: 700;
  transition: all 0.25s;
}
.header-container > * img {
  width: 100%;
}

.nav {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  display: flex;
  font-weight: bold;
  font-size: 1rem;
  height: 100%;
}
.nav .dropbtn {
  width: 100%;
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
  color: #222;
  text-align: center;
  text-transform: uppercase;
  transition: 0.2s;
  height: 100%;
  padding: 6px;
}
.nav .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.nav .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media only screen and (max-width: 1300px) {
  .nav .dropdown {
    display: none;
  }
  .nav .dropdown .dropbtn {
    display: none;
  }
  .nav .mobile-hidden {
    display: none;
    /* .sub-list {
      a {
        width:60%;
        margin-left:auto;
        margin-right:auto;
        margin-top:10px;
        margin-bottom:10px;
        border-radius:15px;
        padding:0;
        font-size:0.9rem;
      &:hover {
        background-color:#666;
        color:#fff;
      }
      }
    } */
  }
  .nav .mobile-hidden span {
    display: block;
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
    color: #222;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: 0.2s;
    line-height: 60px;
    padding-left: 10px;
  }
  .nav .mobile-hidden span a {
    display: contents;
  }
  .nav .mobile-hidden span::after {
    float: right;
    right: 10%;
    content: "+";
  }
  .nav .mobile-hidden .slide {
    clear: both;
    width: 100%;
    height: 0px;
    overflow: hidden;
    text-align: center;
    transition: height 0.4s ease;
    background-color: #f5f5f5;
    border-radius: 15px;
  }
  .nav .mobile-hidden .slide li {
    margin: 1rem;
    width: 100%;
    text-align: left;
  }
  .nav .mobile-hidden .slide li a::before {
    float: left;
    left: 10%;
    content: "  -  ";
    padding-right: 10px;
  }
  .nav .mobile-hidden .slide li a:last-child {
    padding: 0;
    width: 100%;
    text-align: left;
  }
  .nav .mobile-hidden #touch {
    position: absolute;
    opacity: 0;
    height: 0px;
    cursor: pointer;
  }
  .nav .mobile-hidden #touch:checked + .slide {
    height: 400px;
    padding: 0;
  }
}
@media only screen and (min-width: 1300px) {
  .nav .mobile-hidden {
    display: none;
  }
  .nav .mobile-hidden .dropdown {
    display: inline-block;
  }
}
.nav .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.nav .dropdown-content a:hover {
  background-color: #494949;
}
.nav .dropdown:hover .dropdown-content {
  display: block;
}
.nav .dropdown:hover .dropbtn {
  background-color: #3658aa;
}
.nav__toggle {
  position: absolute;
  cursor: pointer;
  margin: 0rem 1rem;
  right: 0;
  padding-top: 20px;
}
.nav svg {
  width: 1.5rem;
  fill: #101010;
}
.nav .close {
  display: none;
}
.nav .menu {
  margin-top: 0;
}
.nav__checkbox {
  display: none;
}
.nav__menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  justify-content: space-evenly;
  padding: 10px 0 10px 0;
  margin: 0;
}
.nav__menu .phone {
  display: block;
  margin-right: 0;
}
.nav__menu li {
  list-style: none;
  display: none;
  margin: 0;
  width: 85%;
}
.nav__menu li:first-child {
  display: block;
}
.nav__menu li:first-child img {
  width: 90%;
  fill: gray;
}
.nav__menu a {
  display: block;
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
  color: #222;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  transition: 0.2s;
  line-height: 60px;
}
.nav__menu a:last-child {
  padding: 7px;
}
.nav__menu a:hover {
  background-color: #3658aa;
  color: #fff;
}

#nav__checkbox:checked ~ ul.nav__menu li {
  display: block;
  width: 90%;
}
#nav__checkbox:checked ~ ul.nav__menu li:first-child {
  margin: 1rem;
}

#nav__checkbox:checked ~ label.nav__toggle .close {
  display: block;
}

#nav__checkbox:checked ~ label.nav__toggle .menu {
  display: none;
}

@media only screen and (min-width: 1300px) {
  .header-container {
    width: 90%;
  }
  .header-container > *:nth-child(1) {
    flex: 1 1 25%;
  }
  .header-container > *:nth-child(2) {
    flex: 1 1 50%;
  }
  .header-container > *:nth-child(2) img {
    width: auto;
    max-width: 400px;
  }
  .header-container > *:nth-child(3) {
    flex: 1 1 25%;
  }
  .header-container > * ul li {
    padding: 10px 0;
  }
  .nav__toggle {
    display: none;
  }
  .nav__menu {
    flex-direction: row;
    width: 100%;
  }
  .nav__menu li {
    display: block;
  }
}
.main-nav .header-container li a {
  display: initial;
}

.main-nav ul {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  justify-content: space-around;
  display: flex;
}

.main-nav li {
  position: relative;
  display: inline-block;
  list-style: none;
  gap: 5px;
}

.main-nav li a {
  display: block;
  padding: 2em 2.6em;
  color: #222;
  text-decoration: none;
  transition: background 0.2s;
}

.main-nav li a:not(:only-child):after {
  display: inline-block;
  padding-left: 0.3rem;
}

.main-nav li a:hover {
  color: white;
  background: #3658aa;
}

.main-nav .header-background {
  background-color: #ffffff;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.3);
}

.main-nav .header {
  margin: 0 auto;
  width: 98%;
}

.main-nav .top-level {
  margin: 0;
  z-index: 1;
}

.main-nav .second-level,
.third-level {
  min-width: 20rem;
  background-color: #f1f1f1;
  border-radius: 0.3rem;
  display: block;
  z-index: 1;
}

.main-nav .second-level li a {
  padding: 1.3em;
}

.main-nav .top-level li:hover .second-level {
  left: 0;
}

.main-nav .second-level:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 2rem;
  border-bottom: 0.8rem solid #57a;
  border-left: 0.8rem solid transparent;
  border-right: 0.8rem solid transparent;
}

.main-nav .second-level {
  position: absolute;
  top: 100%;
  left: -999rem;
  display: block;
}

.main-nav .second-level li {
  position: relative;
  display: block;
  border: 1px solid #dddddd;
}

.main-nav .second-level li a {
  margin: 0;
}

.main-nav .second-level li:hover .third-level {
  left: 100%;
}

.main-nav .third-level:before {
  content: "";
  position: absolute;
  top: 1rem;
  left: -0.8rem;
  border-bottom: 0.8rem solid transparent;
  border-top: 0.8rem solid transparent;
  border-right: 0.8rem solid #57a;
}

.main-nav .third-level {
  position: absolute;
  left: -999rem;
  top: 0;
  display: block;
  background-color: #dddddd;
}

.main-nav .third-level li {
  border: 1px solid #f1f1f1;
} /* 
@media only screen and (max-device-width:1400px) {
  .main-nav {
    display:none;
  }
  .second-nav {
    display:block;
  }
}
@media only screen and (min-device-width:1400px) {
  .second-nav {display:none;}
  .main-nav {display:block;}
} */
@media only screen and (max-device-width: 1200px) {
  .main-nav ul {
    flex-wrap: wrap;
    width: 100%;
  }
  .main-nav ul li {
    width: 100%;
  }
}
body {
  line-height: 1.428571429;
  color: #222;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  background-color: #f5f5f5;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  width: 100%;
}

.default-button {
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 15px 40px;
  margin: 0 auto;
  border-radius: 0;
  text-transform: uppercase;
  color: #ffffff;
  background: #3658aa;
  border: none;
  box-sizing: border-box;
  transition: all 0.25s;
  font-size: 1rem;
  text-align: center;
  opacity: 1;
  font-weight: bold;
}

.default-button:hover {
  background: #f5f5f5;
  color: #000;
  box-shadow: 0 0 15px #000;
  transition: 0.6s;
}

.default-button3 {
  letter-spacing: 0.1em;
  cursor: pointer;
  line-height: 45px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}
.default-button3:hover {
  text-decoration: none;
}

.effect01 {
  color: #FFF;
  background-color: #3658aa;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
  padding: 15px 40px;
  font-size: 1rem;
  border: 0px solid #000;
}
.effect01:hover, .effect01 .active {
  background-color: #000;
  color: #fff;
  text-decoration: underline;
}
.effect01::after {
  background: #000;
  border: 0px solid #000;
  content: "";
  height: 150px;
  left: -75px;
  opacity: 0.8;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  width: 50px;
  transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); /*easeOutCirc*/
  z-index: 1;
}
.effect01:hover::after {
  background-color: #000;
  border: 20px solid #000;
  opacity: 0;
  left: 120%;
  transform: rotate(40deg);
}

.content {
  padding: 0;
  background: #f5f5f5;
}
.content .picture-title-home {
  font-size: 35px;
  text-transform: uppercase;
  color: #fff;
  background: rgb(0, 3, 151);
  background: linear-gradient(90deg, rgb(0, 2, 109) 0%, rgb(0, 62, 133) 38%, rgb(0, 62, 133) 60%, rgb(0, 2, 109) 100%);
  padding: 70px 0 70px 0;
  margin: 0;
  text-align: center;
  width: 100%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -o-object-fit: contain;
     object-fit: contain;
  /*TOP PICTURE SECTION*/
  /*BOTTOM PICTURE SECTION*/
  /*BOTTOM PICTURE SECTION*/
}
.content .picture-title-home h1.pageHead {
  font-size: 40px;
  line-height: 1em;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  width: 100%;
  text-align: center;
  margin: 0 auto 0.5em auto;
  max-width: 1200px;
  word-wrap: break-word;
}
.content .picture-title-home p {
  line-height: 35px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-transform: none;
  font-size: 23px;
}
.content .picture-title-home h2.orange {
  font: bold 30px/1em;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
  text-align: center;
  width: 100%;
}
.content .picture-title-home .content-slider {
  width: 100%;
  padding-bottom: 15px;
}
.content .picture-title-home .slider {
  height: 100px;
  width: 100%;
  overflow: visible;
  position: relative;
  text-align: center;
}
.content .picture-title-home .mask {
  overflow: hidden;
  height: 100px;
}
@media screen and (max-width: 1080px) {
  .content .picture-title-home .mask {
    height: 250px;
  }
  .content .picture-title-home .slider {
    height: 230px;
  }
}
.content .picture-title-home .slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.content .picture-title-home .slider li {
  width: 100%;
  height: auto;
  position: absolute;
  top: -325px;
  list-style: none;
}
.content .picture-title-home .slider .quote {
  font-size: 35px;
  font-style: italic;
  width: 100%;
}
.content .picture-title-home .slider .source {
  font-size: 20px;
  text-align: right;
}
.content .picture-title-home .slider li.top-anim1 {
  animation: top-cycle 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim2 {
  animation: top-cycle2 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim3 {
  animation: top-cycle3 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim4 {
  animation: top-cycle4 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim5 {
  animation: top-cycle5 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim6 {
  animation: top-cycle6 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim7 {
  animation: top-cycle7 20s linear infinite;
}
.content .picture-title-home .slider li.top-anim8 {
  animation: top-cycle8 20s linear infinite;
}
.content .picture-title-home .slider li.bottom-anim1 {
  animation: bottom-cycle 20s linear infinite;
}
.content .picture-title-home .slider li.bottom-anim2 {
  animation: bottom-cycle2 20s linear infinite;
}
.content .picture-title-home .slider li.bottom-anim3 {
  animation: bottom-cycle3 20s linear infinite;
}
.content .picture-title-home .slider li.bottom-anim4 {
  animation: bottom-cycle4 20s linear infinite;
}
@keyframes top-cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  95% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@keyframes top-cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  14% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: 0px;
    opacity: 1;
  }
  22% {
    top: 0px;
    opacity: 1;
  }
  26% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  30% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  26% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  18% {
    top: -325px;
    opacity: 0;
  }
  22% {
    top: 0px;
    opacity: 1;
  }
  26% {
    top: 0px;
    opacity: 1;
  }
  30% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  34% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  38% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  30% {
    top: -325px;
    opacity: 0;
  }
  34% {
    top: 0px;
    opacity: 1;
  }
  38% {
    top: 0px;
    opacity: 1;
  }
  42% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  46% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  42% {
    top: -325px;
    opacity: 0;
  }
  46% {
    top: 0px;
    opacity: 1;
  }
  50% {
    top: 0px;
    opacity: 1;
  }
  54% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  58% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  62% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle6 {
  0% {
    top: -325px;
    opacity: 0;
  }
  54% {
    top: -325px;
    opacity: 0;
  }
  58% {
    top: 0px;
    opacity: 1;
  }
  62% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  68% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  72% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle7 {
  0% {
    top: -325px;
    opacity: 0;
  }
  64% {
    top: -325px;
    opacity: 0;
  }
  68% {
    top: 0px;
    opacity: 1;
  }
  72% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  84% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes top-cycle8 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
@keyframes bottom-cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@keyframes bottom-cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes bottom-cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  46% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes bottom-cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}
.content hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid #eeeeee;
}
.content span {
  text-align: left;
  width: 100%;
  display: block;
}
.content h2 {
  font: 30px/1em;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
  text-align: center;
}
.content h3 {
  font: 300 24px/1em;
  color: #2b3087;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}
.content h2.orange {
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
  text-align: center;
}
.content h3.orange {
  font: bold 24px/1em;
  color: #484848;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
}
.content h3.orange a {
  font: bold 24px/1em;
  color: #484848;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
}
.content h4.orange {
  font: bold 16px/16px;
  color: #484848;
  text-transform: uppercase;
  margin: 0 0 22px 0;
  text-align: left;
}
.content .big-city-title {
  text-align: center;
  background-image: url(/pic/city-skyline2.png);
  font-size: 18px;
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 150%;
}
.content .big-city-title h1 {
  text-align: center;
  font-size: 40px;
  line-height: 120%;
}
.content .big-city-picture {
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  margin-top: 0;
  margin: 0;
  text-align: center;
  line-height: 200%;
  background-color: #c8c8c8;
}
.content .big-city-picture img {
  width: 100%;
}
.content .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 0 20px 0;
  position: relative;
  background: #ffffff;
  /* -------------------------- START SALES MANAGERS -------------------------- */
  /* --------------------------- END SALES MANAGERS --------------------------- */
}
.content .wrapper .pageHead {
  font-size: 30px;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  color: #222;
  text-align: center;
}
.content .wrapper .main-section {
  width: 100%;
  max-width: 1170px;
  text-align: center;
  flex-wrap: wrap;
  display: flex;
  padding: 10px;
}
.content .wrapper .main-section .locations {
  display: block;
  width: 100%;
  padding-top: 20px;
}
.content .wrapper .main-section .locations a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.content .wrapper .main-section .locations a:hover {
  color: #484848;
  text-decoration: underline;
}
.content .wrapper .main-section .iconSprite {
  background-image: url("https://www.rentacomputer.com/images/icons/all-icon-sprites.webp");
}
.content .wrapper .main-section .facebookIcon2 {
  background-position: -96px -204px;
  width: 32px;
  height: 32px;
}
.content .wrapper .main-section .twitterIcon2 {
  background-position: -32px -204px;
  width: 32px;
  height: 32px;
}
.content .wrapper .main-section .linkedInIcon2 {
  background-position: -160px -204px;
  width: 32px;
  height: 32px;
}
.content .wrapper .main-section .visaIcon {
  background-position: -62px -16px;
  width: 88px;
  height: 30px;
}
.content .wrapper .main-section .masterCardIcon {
  background-position: -150px -16px;
  width: 50px;
  height: 30px;
}
.content .wrapper .main-section .discoverIcon {
  background-position: -200px -16px;
  width: 47px;
  height: 30px;
}
.content .wrapper .main-section .amxIcon {
  background-position: -247px -16px;
  width: 30px;
  height: 30px;
}
.content .wrapper .main-section .hover-animation {
  display: inline-block;
  position: relative;
  color: #484848;
}
.content .wrapper .main-section .hover-animation:after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #484848;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.content .wrapper .main-section .hover-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.content .wrapper .main-section h2 {
  width: 100%;
  padding: 10px;
}
.content .wrapper .main-section span {
  padding: 10px;
}
.content .wrapper .main-section h1 {
  font-size: 2rem;
  text-align: center;
  padding: 5px;
  width: 100%;
}
.content .wrapper .accordion {
  width: 100%;
}
.content .wrapper .accordion > input[type=checkbox] {
  display: none;
}
.content .wrapper .accordion .content {
  overflow-y: hidden;
  height: 0;
  transition: height 0.3s ease;
  display: flex;
}
.content .wrapper .accordion .content p {
  text-align: left;
}
.content .wrapper .accordion .content > * {
  flex: 1 1 50%;
}
@media only screen and (max-device-width: 816px) {
  .content .wrapper .accordion .content > * {
    flex: 1 1 100%;
  }
  .content .wrapper .accordion .content > * p {
    width: 100%;
  }
}
.content .wrapper .accordion > input[type=checkbox]:checked ~ .content {
  height: auto;
  overflow: visible;
}
.content .wrapper .accordion label {
  display: block;
}
.content .wrapper .accordion {
  margin-bottom: 0.5em;
}
.content .wrapper .accordion > input[type=checkbox]:checked ~ .content {
  padding: 20px;
  border: 1px solid #e8e8e8;
  border-top: 0;
}
.content .wrapper .accordion .handle {
  margin: 0;
  font-size: 1.125em;
  line-height: 1.2em;
}
.content .wrapper .accordion label {
  color: #333;
  cursor: pointer;
  font-weight: bold;
  padding: 20px;
  border-radius: 15px;
  background: #e8e8e8;
}
.content .wrapper .accordion label:hover,
.content .wrapper .accordion label:focus {
  background: #3658aa;
  transition: 0.7s;
  color: #ffffff;
  box-shadow: 3px -3px 5px #494949;
}
.content .wrapper #member-container {
  width: 100%;
  text-align: center;
}
.content .wrapper .member {
  display: inline-grid;
  width: 20%;
  height: 80%;
  margin: 10px;
  border-top: 1px solid #484848;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #f9f9f9;
  position: relative;
  transition: ease all 0.5s;
  min-height: 530px;
}
.content .wrapper .member:hover {
  border-top: 1px solid #484848;
}
.content .wrapper .member img {
  width: 50%;
  height: auto;
  margin: 15px auto;
  display: block;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.content .wrapper .member h2 {
  color: #424242;
  text-align: center;
  width: 100%;
  display: block;
  margin: 10px auto;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
}
.content .wrapper .who {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #484848;
  text-align: center;
  display: block;
  max-width: 60%;
  margin: -2px auto;
  padding: 6px;
  font-weight: 300;
}
.content .wrapper .member-text {
  width: 80%;
  text-align: center;
  margin: 12px auto;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #424242;
  min-height: 140px;
}
@media only screen and (max-device-width: 1300px) {
  .content .wrapper .member {
    width: 40%;
  }
}
@media only screen and (max-device-width: 768px) {
  .content .wrapper .member {
    width: 80%;
  }
}
.content .wrapper .flex-col-3 {
  display: flex;
  flex-wrap: wrap;
  min-width: 25ch;
  margin: 0 auto;
  width: 80%;
  gap: 10px;
  width: 100%;
}
.content .wrapper .flex-col-3 > * {
  flex: 1 1 30%;
}
.content .wrapper .flex-col-3 > * a img {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  display: inline-block;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.content .wrapper .flex-col-3 span {
  min-height: 230px;
}
.content .wrapper .flex-col-3 img {
  max-width: 200px;
  max-height: 200px;
  min-height: 200px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.content .wrapper .flex-col-3 ul li {
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.content .wrapper .flex-col-3 ul li a:link {
  color: #007bff;
}
.content .wrapper .flex-col-3 ul li a:visited {
  color: #007bff;
}
.content .wrapper .flex-col-3 .circle-border picture {
  width: 100%;
  height: auto;
  max-width: 230px;
  border-radius: 100%;
  border: 3px solid #ddd;
  background: none;
  font-size: 40px;
  color: #484848;
  display: inline-block;
  padding: 30px;
}
.content .wrapper .flex-col-3 .circle-border img {
  min-width: 80px;
  width: 100%;
}
@media only screen and (max-device-width: 968px) {
  .content .wrapper .flex-col-3 > * {
    flex: 1 1 50%;
  }
  .content .wrapper .flex-col-3 span {
    min-height: 140px;
  }
}
.content .wrapper .flex-bigger-left-col {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  text-align: center;
}
.content .wrapper .flex-bigger-left-col > *:nth-child(1) {
  flex: 1 1 55%;
}
.content .wrapper .flex-bigger-left-col > *:nth-child(2) {
  flex: 1 1 35%;
}
.content .wrapper .flex-bigger-left-col img {
  width: 100%;
  border-radius: 15px;
}
.content .wrapper .flex-col-2 {
  display: flex;
  flex-wrap: nowrap;
  min-width: 25ch;
  gap: 20px;
  text-align: center;
}
.content .wrapper .flex-col-2 .color-change {
  font-weight: bold;
  color: #484848;
}
.content .wrapper .flex-col-2 #more {
  display: none;
}
.content .wrapper .flex-col-2 #dots {
  padding: none;
  margin: 0;
}
.content .wrapper .flex-col-2 .read-more {
  font-size: 1em;
  color: blue;
  border: none;
  background-color: transparent;
}
.content .wrapper .flex-col-2 .read-more:hover {
  color: #484848;
  -webkit-text-decoration: underline #484848;
          text-decoration: underline #484848;
  transition: 0.7s ease;
}
.content .wrapper .flex-col-2 ul li a:visited {
  color: #1924f0;
}
.content .wrapper .flex-col-2 ul li a:hover {
  color: #484848;
}
.content .wrapper .flex-col-2 .col ul li {
  text-align: left;
}
.content .wrapper .flex-col-2 span {
  min-height: 220px;
}
.content .wrapper .flex-col-2 span a:visited {
  color: #1924f0;
}
.content .wrapper .flex-col-2 span a:hover {
  color: #484848;
}
.content .wrapper .flex-col-2 h2.orange {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
  text-align: center;
}
.content .wrapper .flex-col-2 h3.orange {
  font: bold 24px/1em;
  color: #484848;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
}
.content .wrapper .flex-col-2 h3.orange a {
  text-align: center;
  font: bold 24px/1em;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
  text-decoration: none;
}
.content .wrapper .flex-col-2 h3.orange a:hover {
  color: #484848;
  -webkit-text-decoration: underline #484848;
          text-decoration: underline #484848;
}
.content .wrapper .flex-col-2 h4.orange {
  font: bold 16px/16px;
  color: #484848;
  text-transform: uppercase;
  margin: 0 0 22px 0;
  text-align: left;
}
.content .wrapper .flex-col-2 h2 {
  font: 30px/1em;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
}
.content .wrapper .flex-col-2 a:hover {
  color: #484848;
  -webkit-text-decoration: #484848 underline;
          text-decoration: #484848 underline;
}
.content .wrapper .flex-col-2 > *:nth-child(1) {
  flex: 1 1 50%;
}
.content .wrapper .flex-col-2 > *:nth-child(1) img {
  max-width: 500px;
  max-height: 350px;
  min-height: 350px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  width: 100%;
}
.content .wrapper .flex-col-2 > *:nth-child(1) figure img {
  max-width: 30%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.content .wrapper .flex-col-2 > *:nth-child(1) .flex-col-2 > * img {
  width: 100%;
}
.content .wrapper .flex-col-2 > *:nth-child(2) {
  flex: 1 1 50%;
}
.content .wrapper .flex-col-2 > *:nth-child(2) img {
  max-width: 500px;
  max-height: 350px;
  min-height: 350px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  width: 100%;
}
.content .wrapper .flex-col-2 > *:nth-child(2) figure img {
  max-width: 30%;
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.content .wrapper .flex-col-2 > *:nth-child(2) .flex-col-2 > * img {
  width: 100%;
}
.content .wrapper .flex-col-2 > * span,
.content .wrapper .flex-col-2 > * a {
  text-align: left;
  font-weight: 100;
}
.content .wrapper .flex-col-2 a:hover {
  color: #484848;
  -webkit-text-decoration: #484848 underline;
          text-decoration: #484848 underline;
}
.content .wrapper .flex-col-2 a img {
  width: 450px;
  height: 300px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
@media only screen and (max-device-width: 1300px) {
  .content .wrapper .flex-col-2 a img {
    width: 100%;
    height: auto;
    -o-object-fit: fill;
       object-fit: fill;
  }
  .content .wrapper .flex-col-2 img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-device-width: 625px) {
  .content .wrapper .flex-col-2 {
    flex-wrap: wrap;
  }
}
.content .wrapper .list-column {
  display: flex;
  gap: 5px;
  margin: 0 auto;
  width: 80%;
  flex-wrap: wrap;
  text-align: left;
}
.content .wrapper .list-column > * {
  flex: 1 1 24.5%;
}
@media only screen and (max-device-width: 365px) {
  .content .wrapper .list-column > * {
    flex: 1 1 100%;
  }
}
.content .wrapper .home-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  padding: 25px;
  min-width: 25ch;
  width: 100%;
}
.content .wrapper .home-nav span {
  min-height: 300px;
}
.content .wrapper .home-nav span a:visited {
  color: #1924f0;
}
.content .wrapper .home-nav span a:hover {
  color: #484848;
}
.content .wrapper .home-nav > * {
  flex: 1 1 20%;
}
.content .wrapper .home-nav .home-nav-col {
  width: 100%;
  height: auto;
}
.content .wrapper .home-nav .home-nav-col ul {
  min-height: 220px;
  padding-left: 0;
  text-align: left;
}
.content .wrapper .home-nav .home-nav-col ul li {
  font-size: 0.9rem;
}
.content .wrapper .home-nav .home-nav-col ul li a {
  font-size: 1.3em;
  font-weight: 700;
  background: transparent;
}
.content .wrapper .home-nav .home-nav-col h3 a {
  font-size: 22px;
  font-weight: 300 bold;
  color: #2b3087;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
}
.content .wrapper .home-nav .home-nav-col h3 a:hover {
  -webkit-text-decoration: underline #484848;
          text-decoration: underline #484848;
}
.content .wrapper .home-nav .home-nav-col a img {
  width: 240px;
  height: 155px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.content .wrapper .home-nav .home-nav-col img {
  width: 100%;
  max-height: 250px;
  min-height: 250px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
@media only screen and (max-device-width: 1300px) {
  .content .wrapper .home-nav .home-nav-col a img {
    width: 100%;
    height: auto;
    -o-object-fit: fill;
       object-fit: fill;
  }
}
@media only screen and (max-device-width: 670px) {
  .content .wrapper .home-nav > * {
    flex: 1 1 100%;
  }
  .content .wrapper .home-nav span {
    min-height: 150px;
  }
}
.content .wrapper .sponsor {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.content .wrapper .sponsor h3 {
  font: 300 24px/1em;
  color: #2b3087;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
  width: 100%;
}
.content .wrapper .sponsor .col {
  flex: 1 1 20%;
  text-align: center;
}
.content .wrapper .sponsor .col li {
  list-style-type: none;
}
.content .wrapper .flex-col-6 {
  display: flex;
}
.content .wrapper .flex-col-6 > * {
  flex: 1 1 16.67%;
  flex-direction: column;
  padding: 10px;
  flex-wrap: wrap;
  border-radius: 15px;
  background-color: #fff;
  margin: 5px;
  min-width: 186px;
}
.content .wrapper .flex-col-6 > * img {
  width: 50%;
  min-height: 90px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.content .wrapper .flex-col-6 > * span {
  text-align: center;
}
@media only screen and (max-device-width: 1200px) {
  .content .wrapper .flex-col-6 {
    flex-wrap: wrap;
  }
}
.content .gray-gradient {
  min-height: 260px;
  background: rgb(57, 57, 57);
  background: linear-gradient(90deg, rgb(57, 57, 57) 0%, rgb(161, 161, 161) 38%, rgb(172, 172, 172) 60%, rgb(57, 57, 57) 100%);
}
.content .gray-gradient2 {
  background: rgb(47, 47, 47);
  background: linear-gradient(45deg, rgb(34, 34, 34) 0%, rgb(136, 136, 136) 25%, rgb(78, 78, 78) 40%, rgb(172, 172, 172) 50%, rgb(78, 78, 78) 60%, rgb(136, 136, 136) 75%, rgb(34, 34, 34) 100%);
}
.content .blue-gradient {
  min-height: 260px;
  background: rgb(0, 3, 151);
  background: linear-gradient(90deg, rgb(0, 2, 109) 0%, rgb(0, 62, 133) 38%, rgb(0, 62, 133) 60%, rgb(0, 2, 109) 100%);
}
.content .blue-background {
  background-image: url(/pic/blue-background2.jpg);
  min-height: 260px;
  width: 100%;
  padding: 10px;
  background-repeat: no-repeat;
  background-size: cover;
}
.content .parallax {
  /* The image used */
  background-image: url("/pic/adamdog.jpg");
  z-index: 1;
  /* Set a specific height */
  min-height: 260px;
  width: 100%;
  padding: 10px;
  text-align: center;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: 50% 80%;
  background-size: cover;
  -webkit-background-size: cover;
}
.content .parallax .parallax-container {
  margin: 0 auto;
  width: 60%;
  text-align: left;
}
.content .parallax .parallax-container p {
  font-size: 1.3em;
}
.content .parallax .parallax-container .pageHead {
  font-size: 40px;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  width: 100%;
  text-align: center;
  margin: 0 auto 0.5em auto;
  max-width: 1200px;
  padding-top: 30px;
}
.content .parallax h2 {
  color: white;
  font-weight: bold;
  padding-top: 75px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font: 30px/1em;
  text-align: center;
}
.content .parallax h3 {
  color: white;
  font-weight: bold;
  padding-top: 75px;
  padding-bottom: 50px;
  font: 300 24px/1em;
  margin: 10px 0 20px 0;
  text-transform: uppercase;
}
.content .parallax h2.left {
  text-align: left;
  padding-top: 20px;
}
.content .parallax h1 {
  color: white;
  text-align: left;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font: 32px/1em;
  text-transform: uppercase;
}
.content .parallax p {
  color: white;
  font: 300 20px/1em;
  text-align: left;
}

.wrapper {
  display: flex;
  align-items: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  padding: 20px 0 20px 0;
  position: relative;
  background: #f5f5f5;
}
.wrapper .tabcontent {
  padding: 20px;
}
.wrapper .container {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.wrapper .container i {
  float: left;
  width: 100%;
}
@media screen and (max-device-width: 468px) {
  .wrapper .container .container {
    width: 100%;
  }
}
.wrapper .container h2 {
  font: 30px/1em;
  text-transform: uppercase;
  margin: 20px 0 24px 0;
  color: #484848;
  text-align: left;
}
.wrapper .container .row::after {
  content: " ";
  display: table;
}
.wrapper .container .row .col-lg-6 {
  width: 50%;
  float: left;
}
.wrapper .container .row .col-lg-6 .table1 {
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  overflow: visible;
  border-collapse: collapse;
  overflow-x: auto;
}
.wrapper .container .row .col-lg-6 .table1 tr {
  height: 36px;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.wrapper .container .row .col-lg-6 .table1 td {
  font: 300 14px;
  color: #000;
  padding: 0 5px;
}
.wrapper .container .row .col-lg-6 .table1 td:first-child {
  width: 290px;
}
.wrapper .container .row .col-lg-6 .table1 td a {
  color: #1924f0;
  text-transform: uppercase;
  transition: all 0.25s;
  font-weight: bold;
}
.wrapper .container .row .col-lg-6 .table1 td a:hover {
  color: #494949;
  -webkit-text-decoration: underline #494949;
          text-decoration: underline #494949;
}
@media only screen and (max-device-width: 968px) {
  .wrapper .container .row .col-lg-6 {
    width: 100%;
    align-content: center;
    display: flex;
  }
}
.wrapper .w3-modal {
  z-index: 100;
  display: none;
  padding-top: 20px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.wrapper .w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: absolute;
  padding: 0;
  outline: 0;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrapper .w3-card-4, .wrapper .w3-hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
.wrapper .w3-animate-top {
  position: relative;
  animation: animatetop 0.4s;
}
.wrapper .w3-container, .wrapper .w3-panel {
  padding: 0.01em 16px;
}
.wrapper .w3-bar .w3-button {
  white-space: normal;
}
.wrapper .w3-dropdown-hover.w3-mobile, .wrapper .w3-dropdown-hover.w3-mobile .w3-btn, .wrapper .w3-dropdown-hover.w3-mobile .w3-button, .wrapper .w3-dropdown-click.w3-mobile, .wrapper .w3-dropdown-click.w3-mobile .w3-btn, .wrapper .w3-dropdown-click.w3-mobile .w3-button {
  width: 100%;
}
.wrapper .w3-button:hover {
  color: #000 !important;
  background-color: #ccc !important;
}
.wrapper .w3-btn, .wrapper .w3-button {
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0.4;
}
.wrapper .w3-btn, .wrapper .w3-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wrapper .w3-disabled, .wrapper .w3-btn:disabled, .wrapper .w3-button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.wrapper .w3-dropdown-hover:hover > .w3-button:first-child, .wrapper .w3-dropdown-click:hover > .w3-button:first-child {
  background-color: #ccc;
  color: #000;
}
.wrapper .w3-bar-block .w3-dropdown-hover .w3-button, .wrapper .w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px;
}
.wrapper .w3-display-topright {
  position: absolute;
  right: 0;
  top: 0;
}
.wrapper .w3-padding {
  padding: 8px 16px !important;
}
.wrapper .button1 {
  text-align: center;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.wrapper .button1 #g-recaptcha-response {
  display: block !important;
  position: absolute;
  margin: -78px 0 0 0 !important;
  width: 302px !important;
  height: 76px !important;
  z-index: -999999;
  opacity: 0;
}/*# sourceMappingURL=main.css.map */