@charset "UTF-8";
/*-------------------------------------------------------------- 
Global Settings
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
  position: relative;
  scroll-snap-type: y mandatory;
}
html body {
  position: relative;
  font-family: "Roboto", sans-serif;
  background-color: #e8e8e4;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  letter-spacing: 1px;
  color: #43454b;
  border: transparent;
  font-family: "Poppins", sans-serif;
}
html body h1 span, html body h1 strong,
html body h2 span, html body h2 strong,
html body h3 span, html body h3 strong,
html body h4 span, html body h4 strong {
  font-family: "Poppins", sans-serif;
}
html body p, html body li {
  color: #43454b;
  font-family: "Roboto-Light", sans-serif;
}
html body a, html body span, html body strong {
  color: #43454b;
  font-family: "Roboto-Bold", sans-serif;
}
html body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
html button {
  background-color: transparent;
  outline: none !important;
  padding: 0;
  -moz-text-align-last: center !important;
       text-align-last: center !important;
}
html a {
  text-decoration: none !important;
  outline: none !important;
}
html input {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid #d1d1d1 !important;
}
html table {
  border-collapse: collapse;
}
html table, html thead, html tbody, html tr, html td, html th {
  background: transparent !important;
}

/*-------------------------------------------------------------- 
Header
--------------------------------------------------------------*/
.atl-mm {
  width: 100vw;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.atl-mm svg {
  fill: #a29a8b;
}
.atl-mm button {
  background-color: unset !important;
  color: unset !important;
}
.atl-mm button span {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  color: #af7945;
  font-size: 0.9em;
}
.atl-mm button span svg {
  width: auto;
  height: 35px;
  margin-top: -0.5em;
  fill: #af7945;
}
.atl-mm-menu ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-mm-menu ul li {
  margin: 0.5em 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
}
.atl-mm-menu ul li strong {
  color: #af7945 !important;
}
.atl-mm-content {
  width: 100%;
  margin: 0 auto;
  padding: 1em 1.6em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.atl-mm-logo {
  position: relative;
  z-index: 1 !important;
}
.atl-mm-logo img {
  width: 175px;
  height: auto;
}
.atl-mm-logo svg {
  width: auto;
  height: 50%;
}
.atl-mm-logo svg path {
  fill: #bf8e62 !important;
}
.atl-mm-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
}
.atl-mm-right-box span a {
  width: 175px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  box-shadow: 0px 3px 3px 0px rgba(67, 69, 75, 0.5);
  color: #e8e8e4;
  text-transform: uppercase;
  cursor: pointer;
}
.atl-mm-right-box span a svg {
  width: auto;
  height: 25px;
  fill: #e8e8e4;
  margin-right: 0.5em;
}
.atl-mm-right-box span a svg path {
  fill: #e8e8e4;
}
.atl-mm-right-box:nth-of-type(1) span a {
  background-color: #bf8e62;
  margin-right: 1em;
}
.atl-mm-right-box:nth-of-type(2) span a {
  background-color: #5e5b56;
}
.atl-mm-logo-hidden {
  visibility: visible;
  opacity: 1;
}
.atl-mm-logo-hidden img {
  display: block;
}

/*-------------------------------------------------------------- 
Header Side Menu Content
--------------------------------------------------------------*/
.atl-mm-side {
  width: 60%;
  max-width: 450px;
  min-width: 300px;
  height: 100%;
  position: fixed;
  overflow: auto;
  padding: 2em 0 5em 0;
  top: 0;
  left: 0;
  background-color: #e8e8e4;
  box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.44);
  border-right: 10px solid #bf8e62;
}
.atl-mm-side-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 2em;
  z-index: 10;
  background-color: unset !important;
  color: unset !important;
}
.atl-mm-side-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.atl-mm-side-content {
  width: 90%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.atl-mm-side-content:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3em;
}
.atl-mm-side-content:first-child img {
  width: 155px;
  height: auto;
  margin: 0 auto;
}
.atl-mm-side-content:first-child svg {
  width: auto;
  height: 125px;
  margin: 0 auto;
}
.atl-mm-side-content:first-child svg path {
  fill: #bf8e62 !important;
}
.atl-mm-side-content ul {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #e8e8e4;
}
.atl-mm-side-content ul li.menu-item {
  margin: 0.25em 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.8em;
  position: relative;
  padding: 1em 0;
  background-color: #e8e8e4;
}
.atl-mm-side-content ul li.menu-item::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-bottom: 1px solid #43454b;
  opacity: 0.1;
}
.atl-mm-side-content ul li.menu-item-has-children {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.atl-mm-side-content ul li.menu-item-has-children::after {
  content: "▼" !important;
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 5 !important;
}
.atl-mm-side-content ul li.menu-item-has-children ul.sub-menu {
  padding: 0;
  z-index: -5;
  visibility: hidden;
  transform: translateY(-20%);
  position: absolute;
  top: 100%; /* set the top offset equal to the height of the parent item */
  left: 0;
}
.atl-mm-side-content ul li.menu-item-has-children ul.sub-menu li.menu-item {
  font-size: 1em;
  padding-bottom: 0.25em;
}
.atl-mm-side-content ul li.menu-item-has-children ul.sub-menu li.menu-item::before {
  border-bottom: none;
}
.atl-mm-side-content ul li.menu-item-has-children ul.atl-menu-show {
  transform: translateY(0);
  z-index: 5;
  position: relative;
  visibility: visible;
  transition: all 0.3s ease-in;
}
.atl-mm-side-content ul li.menu-item-has-children.atl-menu-item-open::after {
  content: "×" !important;
}
.atl-mm-side-content:last-child {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-mm-side-content:last-child a {
  margin: 0 1em;
}
.atl-mm-side-content:last-child a svg {
  width: auto;
  height: 45px;
  fill: #a29a8b;
}

/*-------------------------------------------------------------- 
Header Side Menu 
--------------------------------------------------------------*/
.atl-mm-side {
  z-index: -10;
  transform: translateX(-200%);
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

.atl-mm-active {
  z-index: 999999;
  transform: translateX(0%);
  visibility: visible;
}

/*-------------------------------------------------------------- 
Swiper JS
--------------------------------------------------------------*/
.atl-main-corp {
  width: 100dvw;
  height: 100dvh;
}

/*-------------------------------------------------------------- 
Corporation Main
--------------------------------------------------------------*/
.atl-cmain {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.atl-cmain-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-cmain-content:nth-of-type(1) {
  width: 50%;
  margin: 0 auto;
}
.atl-cmain-logo {
  width: 45%;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}
.atl-cmain-logo svg {
  width: 100%;
  height: auto;
  fill: #bf8e62;
  filter: drop-shadow(2px 2px 4px rgba(67, 69, 75, 0.5));
}
.atl-cmain-title h1 {
  text-align: center;
}
.atl-cmain-title h1 .alt-cmain-dark {
  color: #bf8e62;
}
.atl-cmain-title h1 span {
  font-size: 1em;
  color: #5e5b56;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  text-shadow: 2px 2px 4px rgba(67, 69, 75, 0.5);
}
.atl-cmain-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.atl-cmain-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.55;
  z-index: -3;
}
.atl-cmain-overlay canvas {
  opacity: 1;
}
.atl-cmain-overlay svg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/*-------------------------------------------------------------- 
Corporation Timeline
--------------------------------------------------------------*/
.atl-ctl {
  width: 100dvw;
  height: 100dvh;
}
.atl-ctl-head {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-ctl-head svg {
  width: 80%;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(10px 10px 26px rgba(67, 69, 75, 0.5));
  fill: #5e5b56;
  opacity: 0.55;
}
.atl-ctl-container {
  width: 100%;
  height: 95%;
  position: relative;
  background-color: aliceblue;
}
.atl-ctl-content {
  width: 100%;
  height: 95dvh;
}

.atl-ctl-footer {
  width: 100%;
  height: 5%;
  position: absolute;
  bottom: 0;
}
.atl-ctl-footer-box {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: red;
}
.atl-ctl-footer-box p {
  text-align: center;
  font-weight: bold;
}

/*-------------------------------------------------------------- 
Corporation Main
--------------------------------------------------------------*/
.atl-caus {
  width: 100%;
  height: 100dvh;
  position: relative;
  padding: 10em 0;
}
.atl-caus-wrapper {
  width: 85%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.atl-caus-title {
  width: 25%;
}
.atl-caus-title h1 {
  font-weight: bold;
}
.atl-caus-title hr {
  width: 150px;
  height: 2px;
}
.atl-caus-container {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.atl-caus-content {
  width: 40%;
  margin: 0 auto 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.atl-caus-content h2 {
  font-weight: bold;
  font-size: 1.8rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-caus-content h2 svg {
  width: 35px;
  height: auto;
  margin-right: 0.5em;
}
.atl-caus-content h2 span {
  color: #bf8e62;
  margin-left: 0.5em;
}
.atl-caus-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.atl-caus-overlay svg {
  width: 40%;
  height: 80%;
}

/*-------------------------------------------------------------- 
Corporation Action
--------------------------------------------------------------*/
.atl-caction {
  width: 100%;
  position: relative;
}
.atl-caction-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 8em 0;
}
.atl-caction-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dbba9f;
  opacity: 0.35;
  z-index: -1;
}
.atl-caction-container {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.atl-caction-content {
  width: 50%;
}
.atl-caction-content img {
  box-shadow: 3px 3px 7px 0px rgba(67, 69, 75, 0.35);
}
.atl-caction-content h1 {
  font-size: 1.8rem;
  font-weight: bold;
}
.atl-caction-content:nth-of-type(2) {
  padding: 0 0 0 5em;
}
.atl-caction-content:nth-of-type(2) p:nth-of-type(2) {
  margin-bottom: 3em;
}
.atl-caction-content a {
  background-color: #bf8e62;
  color: #e8e8e4;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.7em 1em;
  border-radius: 0.3em;
  box-shadow: 3px 3px 7px 0px rgba(67, 69, 75, 0.35);
}
.atl-caction-bg {
  position: absolute;
  font-weight: bold !important;
  bottom: 25%;
  right: 10%;
  font-size: 5rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #c5bfb3;
  opacity: 0.35;
}

/*-------------------------------------------------------------- 
Corporation Benefits
--------------------------------------------------------------*/
.atl-cben {
  width: 100%;
  position: relative;
}
.atl-cben-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10em 0;
}
.atl-cben-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  z-index: -1;
  opacity: 0.45;
}
.atl-cben-container {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.atl-cben-content {
  width: 30%;
  height: 40dvh;
  padding: 2em 0 0.5em;
  margin: 0 1em 3em 1em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 1em;
  position: relative;
}
.atl-cben-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #c5bfb3;
  border-radius: 1em;
  opacity: 0.45;
  box-shadow: 0px 5px 10px 0px rgba(67, 69, 75, 0.5);
}
.atl-cben-content-icon {
  width: 85px;
  height: 85px;
  background-color: #bf8e62;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 2em;
  box-shadow: 0px 5px 10px 0px rgba(67, 69, 75, 0.5);
}
.atl-cben-content-icon svg {
  width: auto;
  height: 50%;
}
.atl-cben-content-txt {
  width: 90%;
  margin: 0 auto;
}
.atl-cben-content-txt h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold !important;
  color: #5e5b56;
  text-align: center;
  margin: 0 0 1em 0;
}
.atl-cben-content-txt h2 span {
  color: #af7945;
}
.atl-cben-content-txt p {
  text-align: center;
}
.atl-cben-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 0;
  right: 5%;
  font-weight: bold !important;
  font-size: 8rem;
  color: #c5bfb3;
  opacity: 0.25;
  margin: 0;
}
.atl-cben-header:nth-of-type(2) {
  top: unset;
  right: unset;
  bottom: 0;
  left: 5%;
}

/*-------------------------------------------------------------- 
Corporation Services
--------------------------------------------------------------*/
.atl-cserv {
  width: 100%;
  position: relative;
}
.atl-cserv-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.atl-cserv-container {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 15em 0;
}
.atl-cserv-content {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.atl-cserv-content h1 {
  font-weight: bold;
  color: #e8e8e4;
  font-size: 3.2rem;
  margin-bottom: 1em;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.atl-cserv-content h1 span {
  color: #bf8e62;
}
.atl-cserv-content h1, .atl-cserv-content p {
  text-align: center;
}
.atl-cserv-content p {
  color: #e8e8e4;
  font-size: 1.25rem;
}
.atl-cserv-content p span {
  color: #bf8e62;
}
.atl-cserv-list {
  width: 70%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -10%;
  padding: 1em 0;
  background-color: #e8e8e4;
  box-shadow: 0px 5px 10px 0px rgba(67, 69, 75, 0.5);
}
.atl-cserv-list-box {
  width: 100%;
  height: 20dvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #e8e8e4;
  border-right: 1px solid #c5bfb3;
}
.atl-cserv-list-box:last-child {
  border-right: unset !important;
}
.atl-cserv-list-box svg {
  width: auto;
  height: 55px;
  margin-bottom: 1em;
}
.atl-cserv-list-box h2 {
  font-size: 1rem;
  font-weight: bold !important;
  color: #af7945;
}
.atl-cserv-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
  background-position: center center !important;
  background-size: no-repeat !important;
  background-repeat: no-repeat !important;
}
.atl-cserv-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #5e5b56;
  opacity: 0.9;
  z-index: -2;
}

/*-------------------------------------------------------------- 
Corporation Clients
--------------------------------------------------------------*/
.atl-cclients {
  width: 100%;
  position: relative;
}
.atl-cclients-wrapper {
  width: 95%;
  margin: 0 auto;
  padding: 10% 0 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-cclients-container {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 3em;
}
.atl-cclients-content {
  width: 20%;
  padding: 0 2em;
}
.atl-cclients-content-txt h1 {
  font-size: 1.6rem;
  font-weight: bold !important;
}
.atl-cclients-content-icon svg {
  width: auto;
  height: 75px;
}
.atl-cclients-content-midias {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.atl-cclients-content-midias svg {
  width: auto;
  height: 35px;
  margin-right: 1em;
  fill: #dbba9f;
}
.atl-cclients-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: absolute;
  top: 10%;
  right: 5%;
  font-weight: bold !important;
  font-size: 4rem;
  color: #5e5b56;
  opacity: 0.25;
  margin: 0;
}
.atl-cclients-header:nth-of-type(2) {
  top: unset;
  right: unset;
  bottom: 0;
  left: 5%;
}

/*-------------------------------------------------------------- 
Corporation Flags
--------------------------------------------------------------*/
.atl-cflags {
  width: 100%;
  position: relative;
}
.atl-cflags-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5% 0;
}
.atl-cflags-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.45;
  z-index: -1;
}
.atl-cflags-header {
  width: 80%;
  margin: 0 auto;
  position: absolute;
  top: 25%;
}
.atl-cflags-header h1 {
  font-size: 3.6rem;
  text-align: center;
  font-weight: bold !important;
  color: #5e5b56;
  text-shadow: 2px 2px 4px rgba(67, 69, 75, 0.5);
}
.atl-cflags-header h1 span {
  color: #af7945;
}
.atl-cflags svg {
  width: 60%;
  height: auto;
  margin: 0 auto;
  fill: #c5bfb3;
  opacity: 0.85;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
  position: relative;
  z-index: -2;
}
.atl-cflags-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5% 0;
}
.atl-cflags-container-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #dbba9f;
  opacity: 0.55;
  z-index: -2;
}
.atl-cflags-content {
  width: 60%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.atl-cflags-content svg {
  width: 55px;
  height: auto;
  margin: 0 auto;
  opacity: 1;
}

/*-------------------------------------------------------------- 
Corporation Footer
--------------------------------------------------------------*/
.atl-cfooter {
  width: 100%;
  position: relative;
}
.atl-cfooter-wrapper {
  width: 100%;
  position: relative;
}
.atl-cfooter-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.55;
  z-index: -1;
}
.atl-cfooter-container {
  width: 80%;
  margin: 0 auto;
  padding: 8% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.atl-cfooter-title {
  width: 45%;
}
.atl-cfooter-title h1 {
  font-size: 2.4rem;
  color: #5e5b56;
  font-weight: bold !important;
}
.atl-cfooter-title h1 span {
  color: #bf8e62;
}
.atl-cfooter-txt {
  width: 45%;
}
.atl-cfooter-txt h2 {
  color: #bf8e62;
  font-weight: bold !important;
}
.atl-cfooter-txt-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.atl-cfooter-txt-box p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  font-weight: bold !important;
}
.atl-cfooter-txt-box p svg {
  width: auto;
  height: 25px;
  margin-right: 0.5em;
}
.atl-cfooter-txt-box p svg path {
  fill: #5e5b56;
}
.atl-cfooter-txt-box a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
  background-color: #bf8e62;
  color: #e8e8e4;
  font-weight: bold !important;
  padding: 0.5em 0.7em;
  border-radius: 0.5em;
}
.atl-cfooter-txt-box a svg path {
  fill: #e8e8e4;
}

/*-------------------------------------------------------------- 
Main
--------------------------------------------------------------*/
.site {
  overflow: hidden !important;
}

.content-area {
  width: 90% !important;
  margin: 0 auto !important;
  float: none !important;
}
.content-area .entry-header {
  padding: 1em 0 !important;
}

/*-------------------------------------------------------------- 
Archive Header Title
--------------------------------------------------------------*/
.woocommerce-products-header {
  width: 100%;
  height: 35vh;
  display: flex;
  margin-bottom: 2em;
  padding: 0 !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  position: relative;
  z-index: 1;
}
.woocommerce-products-header h1 {
  text-align: center;
  color: #bf8e62;
  font-weight: bold;
  text-transform: uppercase;
}
.woocommerce-products-header::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.5;
  z-index: -1;
}

/*-------------------------------------------------------------- 
My Account Page
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
  /*-------------------------------------------------------------- 
  My Account Page
  --------------------------------------------------------------*/
  .woocommerce .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1280px) {
  /*-------------------------------------------------------------- 
  My Account Page
  --------------------------------------------------------------*/
}
@media only screen and (max-width: 600px) {
  /*-------------------------------------------------------------- 
  Pages Header
  --------------------------------------------------------------*/
  header.woocommerce-products-header h1 {
    font-size: 1.6em;
  }
  /*-------------------------------------------------------------- 
  My Account Page
  --------------------------------------------------------------*/
}
/*-------------------------------------------------------------- 
FAQ
--------------------------------------------------------------*/
.atl-faq {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10%;
}
.atl-faq-head {
  width: 80%;
  margin: 0 auto;
}
.atl-faq-head h1 {
  font-size: 3rem;
  font-weight: bold;
  color: #43454b;
  text-transform: uppercase;
}
.atl-faq-head h1 span {
  color: #bf8e62;
}
.atl-faq-container {
  width: 100%;
  height: 70%;
  padding: 3em 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.atl-faq-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.85;
  background-color: #c5bfb3;
  z-index: -1;
}
.atl-faq-content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.atl-faq-content ul {
  width: 47%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.atl-faq-content ul li {
  width: 100%;
  margin: 0 auto 1.6em;
  padding: 0.3em 0;
  position: relative;
  background-color: #e8e8e4;
  border-radius: 0.5em;
  box-shadow: 5px 5px 5px 0px rgba(197, 191, 179, 0.35);
}
.atl-faq-content ul li h3 {
  height: 95px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
  padding: 0 1em;
  margin: 0;
  color: #5e5b56;
  font-weight: 400;
}
.atl-faq-content ul li h3 span {
  cursor: pointer;
}
.atl-faq-content ul li p {
  width: 95%;
  margin: 0 auto 1em;
  color: #5e5b56;
}
.atl-faq-content ul li p a {
  color: #bf8e62;
  font-weight: bold;
  border-bottom: 1px solid #bf8e62;
}
.atl-faq-content-wrapper {
  width: 100%;
  position: relative;
  padding: 1em 0;
  bottom: 0;
  z-index: 5;
  visibility: hidden;
  transform: translateY(55dvh);
  transition: transform 0.5s ease-in-out;
  display: none;
}
.atl-faq-content-box {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-faq-content-box-txt h2 strong, .atl-faq-content-box-txt p strong {
  color: #bf8e62 !important;
}
.atl-faq-content-box-txt h2 {
  font-size: 1.6rem;
  font-weight: bold;
}
.atl-faq-content-box-txt h2 span {
  color: #bf8e62;
}
.atl-faq-content-box-txt p {
  font-size: 1rem;
}
.atl-faq-content-box-txt ol, .atl-faq-content-box-txt ul {
  width: 100%;
  margin: 0 0 1.41575em 1em;
  padding: 0 !important;
}
.atl-faq-content-box-txt ol li, .atl-faq-content-box-txt ul li {
  box-shadow: unset !important;
}
.atl-faq .atl-faq-show {
  height: auto;
  visibility: visible;
  transform: translateY(0);
  transition: transform 0.8s ease-in-out;
  display: block;
}
.atl-faq-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.atl-faq-overlay svg {
  width: 60%;
  height: auto;
  position: absolute;
  top: 5%;
  right: 0;
  fill: #dbba9f;
  opacity: 0.75;
}

/*-------------------------------------------------------------- 
Plans
--------------------------------------------------------------*/
.atl-plans {
  width: 100%;
  margin: 0 auto;
  padding: 10% 0 5%;
  position: relative;
}
.atl-plans-container {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-plans-container h1 {
  font-size: 3rem;
  color: #5e5b56;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 5%;
}
.atl-plans-container h1 span {
  color: #af7945;
}
.atl-plans-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-plans-head-box {
  width: 25%;
  margin: 0 0 0 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-plans-head-box:first-child {
  width: 30%;
  margin: 0;
}
.atl-plans-head-box:first-child svg {
  width: 55%;
  height: auto;
  margin: 0 auto;
  fill: #bf8e62;
}
.atl-plans-head-box-title h1 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0.5em;
  font-size: 1.6rem;
  text-align: left;
}
.atl-plans-head-box-title h1 strong {
  color: #bf8e62;
}
.atl-plans-head-box-title p {
  width: 90%;
  margin: 0.5em 0 1em;
  font-size: 0.9rem;
}
.atl-plans-head-box-price h3 {
  font-weight: bold;
  color: #af7945;
  font-size: 1.4rem;
}
.atl-plans-head-box-price h3 span:first-child {
  color: #af7945;
  margin-right: 0.25em;
}
.atl-plans-head-box-price h3 span:last-child {
  color: #5e5b56;
  font-size: 1rem;
}
.atl-plans-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.atl-plans-content-box {
  width: 25%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-plans-content-box:first-child {
  width: 30%;
}
.atl-plans-content-box:first-child ul {
  border-right: 1px solid rgba(67, 69, 75, 0.25);
}
.atl-plans-content-box:first-child ul li {
  align-items: flex-start;
}
.atl-plans-content-box:first-child ul li h3, .atl-plans-content-box:first-child ul li p {
  text-align: left;
}
.atl-plans-content-box:first-child ul li h3 {
  font-size: 1rem;
  font-weight: bold;
  color: #af7945;
}
.atl-plans-content-box:first-child ul li p {
  width: 95%;
  margin: 0;
  font-size: 0.7rem;
  color: #43454b;
}
.atl-plans-content-box ul {
  width: 100%;
}
.atl-plans-content-box ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 15dvh;
  border-top: 1px solid rgba(67, 69, 75, 0.25);
  font-size: 1.6rem;
  font-weight: bold;
}
.atl-plans-content-box ul li svg {
  width: auto;
  height: 35px;
}
.atl-plans-overlay {
  width: 100%;
  height: 55dvh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.atl-plans-overlay svg {
  width: 100%;
  height: auto;
  fill: #dbba9f;
  filter: drop-shadow(10px 10px 10px rgba(67, 69, 75, 0.55));
  scale: 0.85;
  opacity: 0.45;
}

.atl-planx {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-planx h2 {
  font-size: 2.4rem;
  color: #5e5b56;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  margin-bottom: 2em;
}
.atl-planx h2 span {
  color: #af7945;
}
.atl-planx-container {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 10%;
  display: grid;
  grid-template-areas: "a b c" "d e f" "g g g";
  gap: 1em;
}
.atl-planx-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 3em 2em;
}
.atl-planx-content h3 {
  font-size: 1.2rem;
  color: #43454b;
  text-transform: uppercase;
  font-weight: bold;
}
.atl-planx-content h3 span {
  color: #af7945;
  font-weight: bold;
}
.atl-planx-content p {
  color: #af7945;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
}
.atl-planx-content p span {
  font-weight: bold;
}
.atl-planx-content p span:first-child {
  color: #af7945;
  font-size: 1.4rem;
}
.atl-planx-content p span:last-child {
  color: #5e5b56;
  margin-left: 0.25em;
  font-size: 1rem;
}
.atl-planx-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.35;
  z-index: -1;
  border: 1px solid rgba(67, 69, 75, 0.25);
  border-radius: 0.5em;
}
.atl-planx-content:nth-of-type(1) {
  grid-area: a;
}
.atl-planx-content:nth-of-type(2) {
  grid-area: b;
}
.atl-planx-content:nth-of-type(3) {
  grid-area: c;
}
.atl-planx-content:nth-of-type(4) {
  grid-area: d;
}
.atl-planx-content:nth-of-type(5) {
  grid-area: e;
}
.atl-planx-content:nth-of-type(6) {
  grid-area: f;
}
.atl-planx-content:nth-of-type(7) {
  grid-area: g;
}

/*-------------------------------------------------------------- 
Main
--------------------------------------------------------------*/
.atl-btn-wts {
  width: 75px;
  height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 2em;
  right: 2em;
  z-index: 5;
  background-color: #af7945;
  border-radius: 50%;
  box-shadow: 5px 5px 15px 0px rgba(67, 69, 75, 0.8);
}
.atl-btn-wts p {
  margin: 0;
  position: relative;
  top: 0.15em;
}
.atl-btn-wts p svg {
  width: 35px;
  height: auto;
  fill: #e8e8e4 !important;
}

.alt-btn {
  background-color: #a29a8b;
  color: #e8e8e4;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  padding: 9px 30px;
  margin: 5px;
  font-weight: bold;
}

.button {
  background-color: #a29a8b !important;
  color: #e8e8e4 !important;
}

.autoplay-progress {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #bf8e62 !important;
}
.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #af7945 !important;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.autoplay-progress span {
  color: #43454b;
}

.atl-bgGlobe {
  width: 350px;
  height: 350px;
  margin: 0;
  position: relative;
  transform-style: flat;
  backface-visibility: hidden;
  scale: 1.2;
}
.atl-bgGlobe-rail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #a29a8b;
  border-radius: 300px;
}
.atl-bgGlobe-rail:nth-of-type(2) {
  transform: rotateY(40deg);
  animation: globerail-1 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(3) {
  transform: rotateY(60deg);
  animation: globerail-2 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(4) {
  transform: rotateY(80deg);
  animation: globerail-3 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(5) {
  transform: rotateY(100deg);
  animation: globerail-4 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(6) {
  transform: rotateY(120deg);
  animation: globerail-5 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(7) {
  transform: rotateY(140deg);
  animation: globerail-6 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(8) {
  transform: rotateY(160deg);
  animation: globerail-7 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(9) {
  transform: rotateY(180deg);
  animation: globerail-8 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-rail:nth-of-type(10) {
  transform: rotateY(220deg);
  animation: globerail-9 5s infinite;
  animation-timing-function: linear;
}
.atl-bgGlobe-cross {
  position: absolute;
  height: 1px;
  width: 80%;
  background-color: #a29a8b;
}
.atl-bgGlobe-cross-01 {
  top: 20%;
  left: 10%;
}
.atl-bgGlobe-cross-02 {
  top: 40%;
  left: 2%;
  width: 98%;
}
.atl-bgGlobe-cross-03 {
  top: 60%;
  left: 2%;
  width: 98%;
}
.atl-bgGlobe-cross-04 {
  top: 80%;
  left: 10%;
}
@keyframes globerail-1 {
  from {
    transform: rotateY(40deg);
  }
  to {
    transform: rotateY(220deg);
  }
}
@keyframes globerail-2 {
  from {
    transform: rotateY(60deg);
  }
  to {
    transform: rotateY(240deg);
  }
}
@keyframes globerail-3 {
  from {
    transform: rotateY(80deg);
  }
  to {
    transform: rotateY(260deg);
  }
}
@keyframes globerail-4 {
  from {
    transform: rotateY(100deg);
  }
  to {
    transform: rotateY(280deg);
  }
}
@keyframes globerail-5 {
  from {
    transform: rotateY(120deg);
  }
  to {
    transform: rotateY(300deg);
  }
}
@keyframes globerail-6 {
  from {
    transform: rotateY(140deg);
  }
  to {
    transform: rotateY(320deg);
  }
}
@keyframes globerail-7 {
  from {
    transform: rotateY(160deg);
  }
  to {
    transform: rotateY(340deg);
  }
}
@keyframes globerail-8 {
  from {
    transform: rotateY(180deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
@keyframes globerail-9 {
  from {
    transform: rotateY(200deg);
  }
  to {
    transform: rotateY(380deg);
  }
}

/*-------------------------------------------------------------- 
Animation
--------------------------------------------------------------*/
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes RightToLeft {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes LeftToRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/*-------------------------------------------------------------- 
Main Banner
--------------------------------------------------------------*/
.atl-ms {
  width: 100%;
  height: 100dvh;
  position: relative;
  z-index: 5;
}
.atl-ms-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.atl-ms-content {
  width: 50%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 6em;
}
.atl-ms-content-title {
  transform: translateX(-150%);
}
.atl-ms-content-title h1 {
  font-size: 4rem;
  color: #43454b;
  font-weight: bold;
  text-transform: uppercase;
}
.atl-ms-content-title h1 span {
  color: #af7945;
}
.atl-ms-content-txt {
  width: 100%;
  position: relative;
  left: 5em;
  padding-right: 8em;
  transform: translateX(-150%);
}
.atl-ms-content-txt span {
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  background-color: #bf8e62;
  padding: 0.7rem 2rem;
  margin-top: 4rem;
  margin-top: 1rem;
  color: #e8e8e4;
  font-weight: bold;
  border-radius: 0.3em;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.atl-ms-content-txt span svg {
  width: auto;
  height: 15px;
  fill: #e8e8e4;
  margin: 2% 0 0 1em;
}
.atl-ms-logo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.atl-ms-logo svg {
  width: auto;
  height: 80%;
  fill: #bf8e62;
  filter: drop-shadow(1px 1px 1px rgba(67, 69, 75, 0.25));
}
.atl-ms-overlay {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.atl-ms-overlay-box {
  height: 100%;
}
.atl-ms-overlay-box:nth-of-type(1) {
  width: 100%;
  background-color: #e8e8e4;
  z-index: 2;
}
.atl-ms-overlay-box:nth-of-type(1) h3 {
  width: auto;
  font-size: 12rem;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: clip;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: -1;
  color: #5e5b56;
  opacity: 0.05;
  margin: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.atl-ms-overlay-box:nth-of-type(1) h3 svg {
  width: auto;
  height: 150px;
  margin: 0 0.25em;
}
.atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(1) {
  width: auto !important;
  top: -7%;
  left: -17em;
  animation-duration: 15s;
  animation-name: RightToLeft;
}
.atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(2) {
  bottom: -7%;
  left: 10%;
  animation-duration: 7s;
  animation-name: LeftToRight;
}
.atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(2) svg {
  height: 200px;
}
.atl-ms-overlay-box:nth-of-type(2) {
  width: 30%;
  background-color: #c5bfb3;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  box-shadow: -10px 5px 20px -5px rgba(67, 69, 75, 0.8);
  transform: translateX(100%);
}
.atl-ms-overlay-box:nth-of-type(2) svg {
  width: auto;
  height: 100%;
  fill: #a29a8b;
  top: 0;
  left: 0;
  opacity: 0.25;
}

/*-------------------------------------------------------------- 
About Us Company
--------------------------------------------------------------*/
.atl-aus {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5% 0;
}
.atl-aus-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-aus-content {
  width: 65%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.atl-aus-content-title {
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  position: relative;
  z-index: 5;
}
.atl-aus-content-title h1 {
  font-size: 2.4rem;
  font-weight: bold;
  text-transform: uppercase;
}
.atl-aus-content-title h1 span {
  color: #af7945;
}
.atl-aus-content-title hr {
  background-color: #a29a8b;
}
.atl-aus-content-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
}
.atl-aus-content-txt p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  margin: 2em 0;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}
.atl-aus-content-txt-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1em 0;
}
.atl-aus-content-txt-list ul {
  width: 100%;
  display: grid;
  grid-template-areas: "a b c" "d e f" "g h i";
}
.atl-aus-content-txt-list ul li {
  height: 255px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0.75em;
  padding: 2em 1em;
  opacity: 0;
  visibility: hidden;
  position: relative;
}
.atl-aus-content-txt-list ul li::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  border: 1px solid #43454b;
  border-radius: 1em;
  opacity: 0.15;
}
.atl-aus-content-txt-list ul li h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 1em 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #bf8e62;
  text-transform: uppercase;
}
.atl-aus-content-txt-list ul li h3 svg {
  width: auto;
  height: 45px;
  margin-right: 0.5em;
}
.atl-aus-content-txt-list ul li h4 {
  position: absolute;
  top: -0.25em;
  right: 0;
  font-size: 8em;
  margin: 0;
  font-weight: bold;
  opacity: 0.25;
  color: #a29a8b;
}
.atl-aus-content-txt-list ul li p {
  margin: 0;
}
.atl-aus-content-txt-list ul li:nth-of-type(1) {
  grid-area: a;
}
.atl-aus-content-txt-list ul li:nth-of-type(2) {
  grid-area: b;
}
.atl-aus-content-txt-list ul li:nth-of-type(3) {
  grid-area: c;
}
.atl-aus-content-txt-list ul li:nth-of-type(4) {
  grid-area: d;
}
.atl-aus-content-txt-list ul li:nth-of-type(5) {
  grid-area: e;
}
.atl-aus-content-txt-list ul li:nth-of-type(6) {
  grid-area: f;
}
.atl-aus-content-txt-list ul li:nth-of-type(7) {
  grid-area: g;
}
.atl-aus-content-txt-list ul li:nth-of-type(8) {
  grid-area: h;
}
.atl-aus-content-txt-list ul li:nth-of-type(9) {
  grid-area: i;
}
.atl-aus-content-txt-list ul li:nth-of-type(1), .atl-aus-content-txt-list ul li:nth-of-type(4), .atl-aus-content-txt-list ul li:nth-of-type(7) {
  transform: translateX(-100%);
}
.atl-aus-content-txt-list ul li:nth-of-type(3), .atl-aus-content-txt-list ul li:nth-of-type(6), .atl-aus-content-txt-list ul li:nth-of-type(9) {
  transform: translateX(100%);
}
.atl-aus-content-txt-list ul .atl-aus-fill svg {
  fill: #af7945;
}
.atl-aus-content-txt-list ul .atl-aus-path svg {
  stroke: #af7945;
}
.atl-aus-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.atl-aus-overlay svg {
  width: auto;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.15;
  z-index: -1;
  position: absolute;
  top: 25%;
  scale: 2;
}
.atl-aus-overlay svg:first-child {
  transform: translateX(-150dvw);
  left: 0;
}
.atl-aus-overlay svg:last-child {
  transform: translateX(150dvw);
  right: 0;
}

/*-------------------------------------------------------------- 
Metric
--------------------------------------------------------------*/
.atl-metric {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 0;
}
.atl-metric-container {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-metric-container h1 {
  font-size: 2rem;
}
.atl-metric-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-metric-content-txt {
  width: 25%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 2em auto;
}
.atl-metric-content-txt h2, .atl-metric-content-txt h3 {
  margin: 0;
}
.atl-metric-content-txt h2 {
  font-weight: bold;
  color: #bf8e62;
}
.atl-metric-content-txt h2 span {
  color: #bf8e62;
}
.atl-metric-content-txt h3 {
  font-size: 1rem;
  font-weight: 400;
}
.atl-metric-content-txt-icon {
  width: 20%;
}
.atl-metric-content-txt-icon svg {
  width: 70%;
  height: auto;
  stroke: #bf8e62;
}
.atl-metric-content-txt-icon svg path {
  stroke: #bf8e62;
}
.atl-metric-content-txt-icon-both svg path {
  stroke: transparent !important;
}
.atl-metric-content-txt-icon-both svg g path {
  fill: #bf8e62;
}
.atl-metric-content-txt-title {
  width: 80%;
}

/*-------------------------------------------------------------- 
Services
--------------------------------------------------------------*/
.atl-services {
  height: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 5%;
}
.atl-services::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.55;
}
.atl-services .swiper {
  width: 100%;
  height: 100dvh;
}
.atl-services .swiper-wrapper {
  padding-top: 5em;
}

.atl-pserhd {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  margin: 0 5%;
}
.atl-pserhd-title {
  margin-top: 7em;
  transform: translateX(-100%);
}
.atl-pserhd-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.atl-pserhd-title h1 span {
  color: #bf8e62;
}
.atl-pserhd-title p {
  font-size: 1rem;
}
.atl-pserhd-icon {
  position: absolute;
  top: 70%;
  right: -80%;
  transform: translateX(100%);
}
.atl-pserhd-icon .atl-bgGlobe {
  width: 500px;
  height: 500px;
}

.atl-pser {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: -5%;
  transform: translateY(50%);
}
.atl-pser-container {
  width: 95%;
  height: 45%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em 3em;
  position: relative;
  z-index: 1;
}
.atl-pser-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1em;
  background-color: #e8e8e4;
  z-index: -1;
  opacity: 0.8;
}
.atl-pser-content {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.atl-pser-content-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2em;
}
.atl-pser-content-head h1 {
  margin: 0 0 0 1em;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: bold;
  color: #5e5b56;
}
.atl-pser-content-head-icon {
  padding: 0.75em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.atl-pser-content-head-icon::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #dbba9f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.35);
}
.atl-pser-content-head-icon svg {
  width: 55px;
  height: auto;
}
.atl-pser-content-head-icon .atl-pser-icon svg {
  fill: #43454b;
}
.atl-pser-content-head-icon .atl-pser-icon-stroke svg {
  fill: transparent !important;
  stroke: #43454b !important;
}
.atl-pser-content-txt p {
  margin-bottom: 2em;
}
.atl-pser-content-txt span {
  padding: 0.7em 1em;
  background-color: #dbba9f;
  border-radius: 0.25em;
  font-weight: bold;
  color: #5e5b56;
}
.atl-pser-close {
  position: absolute;
  top: 0;
  right: 1em;
  font-size: 2.6rem;
  font-weight: bold;
}

.atl-pser-box {
  width: 80%;
  height: auto;
  position: absolute;
  margin: 0 10%;
  padding: 5em 3em;
  bottom: 5%;
  display: none;
  background-color: #e8e8e4;
  border-radius: 1em;
  box-shadow: 5px 5px 15px 0px rgba(67, 69, 75, 0.55);
}
.atl-pser-box h2 {
  font-weight: bold;
  color: #af7945;
  text-transform: uppercase;
}
.atl-pser-box p {
  font-size: 1.4rem;
}
.atl-pser-box ul li {
  font-size: 1.2rem;
}

.atl-pser-box.atl-pser-show {
  display: block; /* Show when the class is added */
  z-index: 3;
}

/*-------------------------------------------------------------- 
About Us Form
--------------------------------------------------------------*/
.atl-au {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5% 0;
}
.atl-au-title {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
}
.atl-au-title h1 {
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
}
.atl-au-title h1 span {
  color: #af7945;
}
.atl-au-container {
  width: 70%;
  margin: 0 auto;
  display: grid;
  grid-template-areas: "a b" "c c";
  gap: 3em;
}
.atl-au-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2em;
  opacity: 0;
  visibility: hidden;
}
.atl-au-content h2 {
  color: #bf8e62;
  font-weight: bold;
  font-size: 2.3rem;
}
.atl-au-content:nth-of-type(1) {
  grid-area: a;
  transform: translateX(-20%);
}
.atl-au-content:nth-of-type(2) {
  grid-area: b;
  transform: translateX(20%);
}
.atl-au-content:nth-of-type(3) {
  grid-area: c;
  transform: translateY(50%);
}
.atl-au-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  border: 1px solid #a29a8b;
  opacity: 0.55;
  z-index: -1;
  border-radius: 1em;
}
.atl-au-content p {
  text-align: center;
  color: #43454b;
}
.atl-au-breaker {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.atl-au-breaker span {
  font-size: 15rem;
  z-index: 9;
  color: #5e5b56;
  transform: translate(5%, 15%);
}
.atl-au-breaker:nth-of-type(2) {
  display: none;
}
.atl-au-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.atl-au-overlay svg {
  width: 100%;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.15;
  z-index: -4;
  scale: 2;
  position: relative;
  bottom: -50%;
  left: 0;
}

/*-------------------------------------------------------------- 
About Us Discount
--------------------------------------------------------------*/
.atl-aup {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 10% 0 5%;
}
.atl-aup-container {
  width: 85%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-aup-content {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.atl-aup-content:nth-of-type(1) {
  width: 55%;
  margin: 0;
}
.atl-aup-content:nth-of-type(2) {
  width: 40%;
}
.atl-aup-content-title h1 {
  font-size: 3rem;
  color: #43454b;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
}
.atl-aup-content-title h1 span {
  color: #af7945;
}
.atl-aup-content-txt {
  position: relative;
}
.atl-aup-content-txt p {
  margin-bottom: 1em;
  font-size: 1rem;
}
.atl-aup-content-txt-pay {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 2em auto;
}
.atl-aup-content-txt-pay h3 {
  margin-right: 1em;
  font-size: 1.4em;
  color: #43454b;
}
.atl-aup-content-txt-pay ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-aup-content-txt-pay ul li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 1em;
}
.atl-aup-content-txt-pay ul li svg {
  width: auto;
  height: 35px;
  fill: #bf8e62;
  margin-right: 0.5em;
}
.atl-aup-content-txt-pay ul li span {
  font-weight: bold;
  color: #5e5b56;
}
.atl-aup-content-txt a span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #bf8e62;
  padding: 0.7rem 2rem;
  margin-top: 1rem;
  color: #e8e8e4;
  font-weight: bold;
  border-radius: 0.3em;
}
.atl-aup-globe {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-aup-globe .atl-rotatingGlobe {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-left: 40%;
}
.atl-aup-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: -3;
  transition: transform 0.5s ease-in-out;
}
.atl-aup-overlay svg {
  width: 100%;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.15;
  z-index: -4;
  scale: 2.8;
  position: relative;
  bottom: 20%;
  right: 0;
}

/*-------------------------------------------------------------- 
Products
--------------------------------------------------------------*/
.atl-fpplans {
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  position: relative;
  padding: 5% 0 5%;
}
.atl-fpplans-head {
  width: 80%;
  margin: 5em auto;
  position: relative;
  z-index: 2;
}
.atl-fpplans-head h1 {
  font-weight: bold;
  color: #5e5b56;
  text-transform: uppercase;
  font-size: 2.4rem;
  text-align: center;
}
.atl-fpplans-head h1 span {
  color: #bf8e62;
}
.atl-fpplans-head p {
  text-align: center;
  font-size: 0.9rem;
}
.atl-fpplans-container {
  width: 100%;
  height: 50%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-fpplans-content {
  width: 100%;
  height: 45vh;
  position: relative;
  margin: 0 auto 1em;
}
.atl-fpplans-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(67, 69, 75, 0.35);
  border-radius: 0.5em;
}
.atl-fpplans-content-head {
  padding: 2em 10em 1em 1.6em;
  position: relative;
}
.atl-fpplans-content-head-title h1 {
  font-weight: bold;
  text-transform: uppercase;
  color: #af7945;
  margin: 0 auto 0.5em;
  font-size: 1.4rem;
}
.atl-fpplans-content-head-title p {
  color: #5e5b56;
  margin: 0;
}
.atl-fpplans-content-txt {
  width: 90%;
  margin: 0 auto;
}
.atl-fpplans-content-txt ul {
  width: 100%;
}
.atl-fpplans-content-txt ul li {
  margin-bottom: 1em;
}
.atl-fpplans-content-txt ul li strong {
  color: #af7945;
}
.atl-fpplans-content-overlay {
  position: absolute;
  top: 0;
  right: 0;
}
.atl-fpplans-content-overlay h2 {
  font-size: 8rem;
  padding: 0.05em;
  font-weight: bold;
  opacity: 0.1;
  color: #af7945;
}
.atl-fpplans-content-price {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-fpplans-content-price h4 {
  margin: 0.5em 0 0;
  font-size: 1.2rem;
}
.atl-fpplans-content-price h4 span {
  text-decoration-line: line-through;
}
.atl-fpplans-content-price h4 strong {
  padding: 0.25em 0.5em;
  background-color: #bf8e62;
  margin-left: 1em;
  border-radius: 0.3em;
  font-size: 1rem;
  color: #e8e8e4;
}
.atl-fpplans-content-price h3 {
  font-weight: bold;
  color: #bf8e62;
  font-size: 1.4rem;
  margin: 0;
}
.atl-fpplans-content-price h3 span {
  font-size: 1rem;
  color: #a29a8b;
  margin-right: 0.5em;
}
.atl-fpplans-content-price h3 span:nth-child(2) {
  font-size: 1rem;
  margin-left: 0.5em;
}
.atl-fpplans-content-price .atl-none-price {
  opacity: 0;
}
.atl-fpplans-content-btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-fpplans-content-btn a {
  width: 100%;
  border: 2px solid #bf8e62;
  padding: 0.7rem 2rem;
  margin: 3em 0 1em;
  color: #bf8e62;
  font-weight: bold;
  text-align: center;
  border-radius: 0.3em;
  text-transform: uppercase;
  font-size: 0.9rem;
}

/*-------------------------------------------------------------- 
Destination
--------------------------------------------------------------*/
#atl-slider-dest .atl-swiper-dest-action.swiper-slide-active .atl-swiper-dest-overlay h2 {
  visibility: visible;
  opacity: 0.75;
}
#atl-slider-dest .atl-swiper-dest-action.swiper-slide-active .atl-route #atl-plane {
  animation: plane 3s forwards;
  position: relative;
  z-index: 3;
  opacity: 0;
}

.atl-swiper-dest {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.atl-swiper-dest .swiper-slide {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.atl-swiper-dest .swiper-button-next::after, .atl-swiper-dest .swiper-button-prev::after {
  content: "➜";
  font-size: 3rem;
  color: #e8e8e4;
}
.atl-swiper-dest .swiper-button-prev::after {
  transform: rotate(180deg);
}
.atl-swiper-dest .swiper-button-prev {
  left: 2em;
}
.atl-swiper-dest .swiper-button-next {
  right: 3em;
}
.atl-swiper-dest .swiper-pagination-progressbar-fill {
  background-color: #af7945 !important;
}
.atl-swiper-dest-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-swiper-dest-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.3;
}
.atl-swiper-dest-container:last-child::before {
  opacity: 0;
}
.atl-swiper-dest-content {
  height: 100dvh;
}
.atl-swiper-dest-content:nth-of-type(1) {
  width: 40%;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-swiper-dest-content:nth-of-type(1)::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #5e5b56;
  opacity: 0.55;
  z-index: -1;
}
.atl-swiper-dest-content:nth-of-type(1) h1 {
  position: relative;
  color: #bf8e62;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 2.6em;
}
.atl-swiper-dest-content:nth-of-type(1) h1 strong {
  color: #e8e8e4;
}
.atl-swiper-dest-content:nth-of-type(2) {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  z-index: 3;
  padding-right: 10em;
}
.atl-swiper-dest-content:nth-of-type(2) h1, .atl-swiper-dest-content:nth-of-type(2) h2, .atl-swiper-dest-content:nth-of-type(2) h3 {
  color: #e8e8e4;
}
.atl-swiper-dest-content:nth-of-type(2) svg {
  width: auto;
  height: 35px;
  fill: #e8e8e4;
}
.atl-swiper-dest-content:nth-of-type(2) h3 {
  font-size: 1.8em;
  line-height: 2;
  font-weight: bold;
}
.atl-swiper-dest-content:nth-of-type(2) h1 {
  font-size: 5em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  position: relative;
  z-index: 1;
}
.atl-swiper-dest-content-btn {
  width: 100%;
  position: absolute;
  bottom: 8em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-swiper-dest-content-btn a {
  margin-top: 4rem;
}
.atl-swiper-dest-content-btn a span {
  background-color: #bf8e62;
  padding: 0.7em 2em;
  margin-top: 1em;
  color: #e8e8e4;
  font-weight: bold;
  border-radius: 0.3em;
}
.atl-swiper-dest-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.atl-swiper-dest-overlay h2 {
  width: 100%;
  animation-name: RightToLeft;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  opacity: 0;
  font-size: 15rem;
  font-weight: bold;
  color: #e8e8e4;
  text-transform: uppercase;
  position: absolute;
  top: 10%;
  white-space: nowrap;
  text-overflow: clip;
  z-index: 1 !important;
  visibility: hidden;
}

.atl-route {
  width: 80%;
  height: auto;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-route-start, .atl-route-end {
  position: absolute;
  color: #43454b;
  font-weight: bold;
  color: #e8e8e4;
}
.atl-route-start {
  left: -0.5em;
  bottom: 0;
}
.atl-route-end {
  right: -1em;
  bottom: -2em;
}
.atl-route-distance {
  width: 70%;
  position: absolute;
  top: -5em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.atl-route-distance p {
  font-weight: bold;
  color: #e8e8e4;
  font-size: 1.4rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-route-distance p span {
  color: #bf8e62;
  margin-left: 0.3em;
}
.atl-route-distance p svg {
  width: 20%;
  height: auto;
  margin-right: 0.5em;
  fill: #e8e8e4;
}
.atl-route-distance p svg path {
  fill: #c5bfb3;
}
.atl-route-path {
  width: 100%;
}
.atl-route-path svg {
  width: 100% !important;
  height: auto !important;
}
.atl-route-path svg #atl-plane-path {
  fill: none;
  opacity: 0.8;
  position: relative;
  stroke: #c5bfb3;
  stroke-width: 3;
  stroke-dasharray: 4;
  z-index: 1;
}
.atl-route-path-shadow {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.atl-route #atl-plane svg {
  fill: #dbba9f !important;
}
.atl-route #atl-plane-shadow {
  fill: none;
  opacity: 0.5;
  stroke: #dbba9f;
  stroke-width: 3;
  stroke-dasharray: 4;
}
@keyframes plane {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.atl-explorer {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.atl-explorer-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-explorer-content {
  width: 50%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-explorer-content:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-explorer-content:last-child h1, .atl-explorer-content:last-child p {
  text-align: left;
}
.atl-explorer-content:last-child h1 {
  font-size: 4rem;
  color: #43454b;
  font-weight: bold;
  text-transform: uppercase;
}
.atl-explorer-content:last-child h1 span {
  color: #af7945;
}
.atl-explorer-content:last-child hr {
  width: 50%;
  height: 1px;
  background-color: #bf8e62;
}
.atl-explorer-content:last-child a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  box-shadow: 0px 3px 3px 0px rgba(67, 69, 75, 0.5);
  color: #e8e8e4;
  background-color: #bf8e62;
}
.atl-explorer-globe {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-explorer-globe .atl-rotatingGlobe {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: -10% 0 0 5%;
}
.atl-explorer-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.atl-explorer-overlay svg {
  width: 100%;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.35;
  z-index: -4;
}

/*-------------------------------------------------------------- 
Digital
--------------------------------------------------------------*/
#atl-slider-digital.swiper-slide-active .atl-digital-head {
  opacity: 1;
  visibility: visible;
  transform: translate(0%);
}
#atl-slider-digital.swiper-slide-active .atl-digital-content-box {
  opacity: 1;
  visibility: visible;
  transform: translate(0%);
}
#atl-slider-digital.swiper-slide-active .atl-digital-content-box:nth-of-type(2) {
  transition-delay: 0.2s;
}
#atl-slider-digital.swiper-slide-active .atl-digital-content-box:nth-of-type(3) {
  transition-delay: 0.4s;
}
#atl-slider-digital.swiper-slide-active .atl-digital-content-box:nth-of-type(4) {
  transition-delay: 0.6s;
}

.atl-digital {
  height: 100dvh;
  position: relative;
}
.atl-digital-container {
  width: 100%;
  height: 100dvh;
}
.atl-digital-head {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8em 0 0 5em;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 1s ease-in-out;
}
.atl-digital-head-icon {
  width: auto;
  position: relative;
}
.atl-digital-head-txt {
  width: 40%;
  margin-left: 5em;
}
.atl-digital-head-txt h1 {
  font-weight: bold;
  color: #5e5b56;
  text-transform: uppercase;
}
.atl-digital-head-txt h1 span {
  color: #bf8e62;
}
.atl-digital-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
}
.atl-digital-content-box {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 1em;
  position: relative;
  bottom: 0;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  box-shadow: 2px 1px 10px 5px rgba(67, 69, 75, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100dvh);
  transition: transform 1s ease-in-out;
}
.atl-digital-content-box:nth-of-type(1) {
  height: 35dvh;
  background-color: #dbba9f;
}
.atl-digital-content-box:nth-of-type(2) {
  height: 45dvh;
}
.atl-digital-content-box:nth-of-type(2)::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bf8e62;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  opacity: 0.7;
  z-index: -1;
}
.atl-digital-content-box:nth-of-type(3) {
  height: 60dvh;
  animation-delay: 0.2s;
}
.atl-digital-content-box:nth-of-type(3)::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #a29a8b;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  opacity: 0.7;
  z-index: -1;
}
.atl-digital-content-box:nth-of-type(4) {
  height: 80dvh;
  background-color: #c5bfb3;
  animation-delay: 0.3s;
}
.atl-digital-content-box-title {
  width: 80%;
  margin: 0 auto 1em;
}
.atl-digital-content-box-title h2 {
  display: flex;
  flex-direction: row;
  justify-items: flex-start;
  align-items: center;
  margin: 0 0 1em 0;
}
.atl-digital-content-box-title h2 svg {
  width: auto;
  height: 45px;
  stroke: #43454b;
  margin-right: 0.5em;
}
.atl-digital-content-box-title h2 span {
  font-weight: bold;
  color: #43454b;
  font-size: 1.4rem;
}
.atl-digital-content-box-title p {
  font-size: 0.9rem;
}
.atl-digital-content-box-btn {
  margin-top: 2em !important;
}
.atl-digital-content-box-btn a span {
  border: 2px solid #af7945;
  padding: 0.7rem 2rem;
  margin-top: 1rem;
  color: #af7945;
  font-weight: bold;
  border-radius: 0.3em;
}
.atl-digital-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.55;
  background-color: #c5bfb3;
  z-index: -4;
}

/*-------------------------------------------------------------- 
Testimonials
--------------------------------------------------------------*/
.atl-clients {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5% 0 0;
}
.atl-clients .swiper {
  width: 100%;
  height: 55dvh;
  margin-left: auto;
  margin-right: auto;
}
.atl-clients .swiper-slide {
  text-align: center;
  height: 25dvh !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.atl-clients .swiper-button-next::after, .atl-clients .swiper-button-prev::after {
  content: "➜";
  font-size: 3rem;
  color: #bf8e62;
}
.atl-clients .swiper-button-prev::after {
  transform: rotate(180deg);
}
.atl-clients .swiper-button-prev {
  left: 2em;
}
.atl-clients .swiper-button-next {
  right: 3em;
}
.atl-clients .swiper-pagination-bullet-active {
  background-color: #af7945 !important;
}
.atl-clients-head {
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3em;
}
.atl-clients-head h1 {
  font-size: 3rem;
  color: #43454b;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
}
.atl-clients-head h1 span {
  color: #af7945;
}
.atl-clients-head p {
  text-align: center;
}
.atl-clients-container {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  position: relative;
}
.atl-clients-content {
  position: relative;
}
.atl-clients-content:first-child {
  width: 85%;
  margin: 2.5% 0 5%;
}
.atl-clients-content-txt {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  top: 2em;
  left: 0;
}
.atl-clients-content-txt h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #bf8e62;
  margin-bottom: 0.5em;
  text-align: right;
}
.atl-clients-content-txt p {
  font-size: 0.9rem;
  margin: 0;
  text-align: right;
}
.atl-clients-content-head {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
  cursor: pointer;
}
.atl-clients-content-head-img {
  width: 25%;
}
.atl-clients-content-head-img img {
  width: 80%;
  height: auto;
  border-radius: 50%;
}
.atl-clients-content-head-title {
  width: 75%;
  padding-right: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-clients-content-head-title h3 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #bf8e62;
  margin-bottom: 0.5em;
}
.atl-clients-content-head-title p {
  font-size: 0.9rem;
  margin: 0;
  text-align: left;
}
.atl-clients-content-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5 !important;
  visibility: hidden;
  transform: scale(0.15);
}
.atl-clients-content-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.85;
  z-index: -1;
}
.atl-clients-content-overlay .atl-clients-close {
  top: 5%;
  right: 5%;
  position: absolute;
  z-index: 5;
  font-size: 2.5rem;
  font-weight: bold;
  color: #e8e8e4;
  cursor: pointer;
}
.atl-clients-content-overlay-wrapper {
  width: 80%;
  height: 90%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-clients-content-overlay-box:nth-of-type(1) {
  width: 40%;
}
.atl-clients-content-overlay-box:nth-of-type(1) img {
  border-radius: 1em;
  filter: grayscale(35%);
}
.atl-clients-content-overlay-box:nth-of-type(2) {
  width: 60%;
}
.atl-clients-content-overlay-box:nth-of-type(2) h1 {
  font-size: 2.6rem;
  color: #e8e8e4;
  font-weight: bold;
}
.atl-clients-content-overlay-box:nth-of-type(2) h1 span {
  color: #bf8e62;
}
.atl-clients-content-overlay-box:nth-of-type(2) p {
  font-size: 1.4rem;
  line-height: 2;
  color: #e8e8e4;
}
.atl-clients-content-overlay-box:nth-of-type(2) p strong {
  color: #e8e8e4;
}
.atl-clients-content-overlay-box video {
  cursor: pointer;
}
.atl-clients-content-overlay.atl-clients-show {
  visibility: visible;
  z-index: 999 !important;
  visibility: visible;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.atl-rating {
  width: 100%;
  height: auto;
  position: relative;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: all 2.6s ease-in-out;
}
.atl-rating-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.atl-rating-container h2 {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}
.atl-rating-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 0 5em;
  position: relative;
  z-index: 99;
}
.atl-rating-content-box {
  width: 15%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
}
.atl-rating-content-box-icon {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.atl-rating-content-box-icon svg {
  width: 35%;
  height: auto;
}
.atl-rating-content-box-value {
  width: 50%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-rating-content-box-value svg {
  fill: #5e5b56;
}
.atl-rating-content-box-value span {
  font-size: 1.6rem;
  color: #5e5b56;
  margin-left: 0.5em;
  font-weight: bold;
  text-transform: uppercase;
}

/*-------------------------------------------------------------- 
Video
--------------------------------------------------------------*/
.atl-video {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.atl-video-container {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.atl-video-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  opacity: 0.35;
  z-index: -2;
}
.atl-video-container video {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.atl-video-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-video-content span {
  width: auto;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
.atl-video-content span svg {
  width: auto;
  height: 125px;
  fill: #bf8e62;
}

.atl-video-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.atl-video-modal::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.6;
}
.atl-video-modal-container {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 11;
}
.atl-video-modal #atl-close-video {
  font-size: 3em;
  font-weight: bold;
  color: #e8e8e4;
  position: relative;
  z-index: 20;
  top: 20%;
  right: 20%;
  cursor: pointer;
}

.atl-video-show {
  transform: translate(0);
  visibility: visible !important;
  z-index: 9999 !important;
  transition: all 0.5s ease-in-out;
}

/*-------------------------------------------------------------- 
Partner
--------------------------------------------------------------*/
.atl-partner {
  width: 100%;
  height: 100%;
  position: relative;
}
.atl-partner-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-partner-container h1 {
  font-size: 3rem;
  color: #43454b;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto 2em;
}
.atl-partner-container h1 span {
  color: #af7945;
}
.atl-partner h3 {
  font-size: 1.4rem;
}
.atl-partner-content {
  width: 80%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-partner-content-box {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 5em;
}
.atl-partner-content-box h2 {
  font-size: 1.5em;
}
.atl-partner-content-box svg {
  width: 20%;
  height: auto;
}
.atl-partner-content:nth-of-type(2) {
  margin-top: 3em;
  flex-direction: row !important;
}
.atl-partner-content:nth-of-type(2) svg {
  width: 50%;
}
.atl-partner-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.atl-partner-overlay svg {
  width: auto;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.35;
  z-index: -4;
}

/*-------------------------------------------------------------- 
Contact
--------------------------------------------------------------*/
.atl-ct {
  width: 100%;
  height: 100%;
  position: relative;
}
.atl-ct-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-ct-content {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-ct-content:nth-of-type(1) {
  justify-content: flex-end;
}
.atl-ct-content:nth-of-type(1) img {
  width: 60%;
  height: auto;
}
.atl-ct-content:nth-of-type(2) {
  padding: 0 10em 0 0;
}
.atl-ct-content-head {
  width: 100%;
  margin: 0 auto;
}
.atl-ct-content-head h1 {
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}
.atl-ct-content-head h1 span {
  color: #af7945;
}
.atl-ct-content-head h4 {
  font-size: 1.2rem;
  margin: 0 0 2em;
}
.atl-ct-content-head h4 span {
  color: #af7945;
}
.atl-ct-content-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.atl-ct-content-box h2 {
  width: 100%;
  margin: 0 0.5em;
  font-size: 1.2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.7em 0;
  border-radius: 0.5em;
  background-color: #bf8e62;
  font-weight: bold;
  color: #e8e8e4;
}
.atl-ct-content-box h2 svg {
  width: auto;
  height: 35px;
  margin-right: 1em;
}
.atl-ct-content-box h2 svg path {
  fill: #e8e8e4;
}
.atl-ct-content-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.atl-ct-content-overlay svg {
  width: 80%;
  height: auto;
  fill: #a29a8b;
  opacity: 0.35;
  z-index: -4;
}
.atl-ct-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-40%);
  z-index: -3;
}
.atl-ct-overlay svg {
  width: 100%;
  height: 100%;
  fill: #a29a8b;
  opacity: 0.35;
  z-index: -4;
}

/*-------------------------------------------------------------- 
Page About Us
--------------------------------------------------------------*/
.atl-page-au {
  width: 70%;
  margin: 10% auto;
}
.atl-page-au p {
  font-size: 1.4rem;
}
.atl-page-au div {
  margin: 2.5em 0;
}
.atl-page-au-title h1 {
  font-size: 2.6rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #af7945;
  text-align: center;
}
.atl-page-au-container {
  width: 100%;
  position: relative;
}
.atl-page-au-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.atl-page-au-content-box:nth-of-type(1) {
  width: 40%;
}
.atl-page-au-content-box:nth-of-type(2) {
  width: 55%;
}
.atl-page-au-content-overlay {
  width: 40%;
  height: 80%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.atl-page-au-content-overlay svg {
  opacity: 0.55;
}
.atl-page-au-content:nth-of-type(1) .atl-page-au-content-overlay {
  right: 0;
}
.atl-page-au-content:nth-of-type(2) {
  flex-direction: row-reverse;
}
.atl-page-au-content:nth-of-type(2) .atl-page-au-content-box:nth-of-type(2) {
  text-align: right;
}
.atl-page-au-content:nth-of-type(2) .atl-page-au-content-overlay {
  left: 0;
}
.atl-page-au-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -9;
}
.atl-page-au-overlay svg {
  width: 100%;
  height: 100%;
  fill: #dbba9f;
  opacity: 0.35;
  z-index: -4;
}
.atl-page-au-overlay-01 {
  top: -125%;
  right: -25%;
}
.atl-page-au-overlay-02 {
  top: 30%;
  left: -25%;
}

/*-------------------------------------------------------------- 
Passporte Index
--------------------------------------------------------------*/
.atl-pindex {
  width: 100%;
  height: 100%;
  position: relative;
}
.atl-pindex-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-pindex-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-pindex-content:nth-child(1) {
  width: 40vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.atl-pindex-content:nth-child(2) {
  width: 60vw;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto;
}
.atl-pindex-content-box {
  width: 100%;
  height: auto;
  position: relative;
}
.atl-pindex-content-box h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.atl-pindex-search {
  width: 70%;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.atl-pindex-search input[type=text],
.atl-pindex-search input[type=date] {
  width: 100%;
  text-align: center;
  color: #43454b;
  font-weight: bold;
  border-bottom: 2px solid #a29a8b !important;
}
.atl-pindex-search button {
  position: absolute;
  top: 1em;
  left: 0;
  background: transparent !important;
  cursor: none;
}
.atl-pindex-search button svg {
  width: auto;
  height: 25px;
  fill: #a29a8b;
}
.atl-pindex-logo {
  width: 100%;
  margin: 6em auto 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-pindex-logo svg {
  width: auto;
  height: 135px;
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
.atl-pindex-logo svg path {
  fill: #bf8e62 !important;
}
.atl-pindex-main h2 {
  text-transform: uppercase;
  color: #43454b;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 1em;
}
.atl-pindex-main p {
  margin-top: 2em;
  text-align: center;
  color: #43454b;
}
.atl-pindex-main-box {
  width: 80%;
  margin: 0 auto;
}
.atl-pindex-main-box h2 {
  text-align: center;
}
.atl-pindex-main-box img {
  width: 35%;
  height: auto;
  margin: 0 auto;
}
.atl-pindex-main-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-pindex-main-box ul li {
  width: 47%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0.5em;
  padding: 0.3em;
  color: #43454b;
}
.atl-pindex-main-box ul li::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bf8e62;
  opacity: 0.5;
}
.atl-pindex-main-box ul li svg {
  width: auto;
  height: 25px;
  margin-right: 0.5em;
  fill: #bf8e62;
}
.atl-pindex-main-box ul li svg path {
  fill: #bf8e62;
}
.atl-pindex-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6em;
}
.atl-pindex-info span#atl-load-more-countries {
  margin: 3em auto 0;
  text-align: center;
  margin-bottom: 2em;
  background-color: #a29a8b;
  padding: 0.5em 3em;
  font-weight: bold;
  color: #e8e8e4;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}
.atl-pindex-info-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: center;
  position: relative;
  padding: 3em 2em 0;
}
.atl-pindex-info-list h4 {
  width: 25%;
  font-size: 1.2em;
  font-weight: bold;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1em auto;
  cursor: pointer;
  text-align: center;
  color: #43454b;
}
.atl-pindex-info-list h4::after {
  content: "";
  border-right: 3px solid #5b4e46;
  margin: 0 0.5em;
}
.atl-pindex-info-list h4:last-child {
  border: none !important;
}
.atl-pindex-info-list h4 svg {
  width: auto !important;
  height: 55px !important;
  margin-right: 0.5em !important;
}
.atl-pindex-info-content {
  width: 95vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transform: translateX(-200%);
  transition: all 0.5s ease-in-out;
  z-index: 5 !important;
}
.atl-pindex-info-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.atl-pindex-info-img-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.3;
}
.atl-pindex-info-location {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-right: 2em;
}
.atl-pindex-info-location h3 {
  color: #e8e8e4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-pindex-info-location h3 svg {
  width: 35px;
  height: auto;
  fill: #e8e8e4;
  margin-right: 0.5em;
}
.atl-pindex-info-location h1 {
  font-size: 5.6em;
  color: #e8e8e4;
  font-weight: bold;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 5px;
}
.atl-pindex-info-main-title {
  width: 100%;
  letter-spacing: 5px;
  opacity: 0.7;
  overflow: hidden;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
  position: absolute;
  top: 25%;
  z-index: 1;
}
.atl-pindex-info-main-title h1 {
  font-size: 9em;
  font-weight: bold;
  color: #e8e8e4;
  text-transform: uppercase;
  animation-direction: alternate;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-name: RightToLeft;
  animation-timing-function: linear;
}
.atl-pindex-info-txt {
  width: 35vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 2em;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
}
.atl-pindex-info-txt::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #5e5b56;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.75;
  z-index: -1;
}
.atl-pindex-info-txt ul {
  width: 90%;
  margin: 0 auto 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-pindex-info-txt ul li {
  font-size: 1.2rem;
  color: #e8e8e4;
}
.atl-pindex-info-txt ul li strong {
  color: #e8e8e4;
}
.atl-pindex-info-txt p {
  color: #e8e8e4;
  font-size: 1.2em;
  text-align: center;
  margin: 0 auto 2em;
}
.atl-pindex-info-txt h3 {
  color: #e8e8e4;
}
.atl-pindex-info-txt h3 strong {
  color: #e8e8e4;
}
.atl-pindex-info-txt svg {
  width: auto;
  height: 25%;
  margin: 0 auto;
}
.atl-pindex-info-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-pindex-info-wrapper-box p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  margin-right: 1em;
}
.atl-pindex-info-wrapper-box p strong {
  color: #e8e8e4;
  margin-left: 0.5em;
}
.atl-pindex-info-wrapper-box p svg {
  width: auto;
  height: 25px;
  margin-right: 0.5em;
}
.atl-pindex-info-wrapper-box p svg path {
  fill: #e8e8e4;
}
.atl-pindex-info-travel {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: center;
}
.atl-pindex-info-travel-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 1em 2em;
  margin-bottom: 0.5em;
  border: 1px solid #a29a8b;
}
.atl-pindex-info-travel-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
  opacity: 0.5;
  z-index: -1;
}
.atl-pindex-info-travel-box h2 {
  font-weight: bold;
  font-size: 1.6em;
  color: #bf8e62;
  margin: 0;
}
.atl-pindex-info-travel-box p {
  margin: 0;
}
.atl-pindex-info-close {
  position: fixed;
  bottom: 0;
  right: -5vw;
  width: 5vw;
  height: 100vh;
  z-index: 5;
  background-color: #bf8e62;
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  color: #e8e8e4;
  font-size: 2em;
  letter-spacing: 5px;
}
.atl-pindex-info-free, .atl-pindex-info-evisa, .atl-pindex-info-required {
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.atl-pindex-info-free {
  color: #00FF7F;
}
.atl-pindex-info-evisa {
  color: #0096FF;
}
.atl-pindex-info-required {
  color: #FF5733;
}
.atl-pindex-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-pindex-overlay svg {
  width: 80%;
  height: auto;
  margin: 0 auto;
  opacity: 0.25;
  fill: #a29a8b;
}
.atl-pindex-overlay-content:nth-child(1) {
  width: 40vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.atl-pindex-overlay-content:nth-child(1)::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c5bfb3;
  z-index: -1;
}
.atl-pindex-overlay-content:nth-of-type(2) {
  width: 60vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #e8e8e4;
  z-index: -1;
}

.atl-pindex-show {
  transform: translateX(0) !important;
}

/*-------------------------------------------------------------- 
Form Begin
--------------------------------------------------------------*/
.atl-form-intro h3 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 2.6em;
  text-transform: uppercase;
  font-weight: bold;
}
.atl-form-intro h3 svg {
  width: auto;
  height: 45px;
  margin-right: 0.5em;
}
.atl-form-intro h4 {
  font-size: 1.6em;
  text-transform: uppercase;
  text-align: center;
  color: #a29a8b;
}
.atl-form-intro-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 3em 2em;
  border: 1px solid #dbba9f;
  margin-bottom: 1em;
  border-radius: 0.5em;
}
.atl-form-intro-box p {
  text-align: left;
  margin: 0;
}

.atl-form-read {
  margin: 2em 0;
}
.atl-form-read input {
  margin-right: 1em;
}

/*-------------------------------------------------------------- 
Form
--------------------------------------------------------------*/
.atl-form input {
  border-radius: 0.5em !important;
  background: transparent !important;
  outline: #a29a8b !important;
  box-shadow: none !important;
  border: 1px solid #bf8e62 !important;
}
.atl-form input:focus {
  background: #dbba9f !important;
  outline: #e8e8e4 !important;
}
.atl-form-progress {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.atl-form-progress-circle {
  width: 22%;
  color: #e8e8e4;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #bf8e62;
  transition: 0.4s ease-in-out;
  color: #a29a8b;
  padding: 0.7em 1em;
  margin: 0 auto 2em;
  cursor: pointer;
}
.atl-form-circle-active {
  background-color: #a29a8b;
  color: #e8e8e4;
  font-weight: bold;
}
.atl-form-container {
  width: 100%;
  height: auto;
  position: relative;
}
.atl-form-content {
  transform: translateX(-200%);
  height: 0;
  visibility: hidden;
  position: absolute;
  top: -5000%;
  left: 0;
  z-index: -5;
  transition: transform 0.7s ease-in-out;
  padding: 1em 5em;
}
.atl-form-content legend {
  font-size: 2em;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-form-content section {
  margin-bottom: 3em;
  position: relative;
}
.atl-form-content section h2 {
  font-size: 1.4em;
  font-weight: bold;
  color: #a29a8b;
}
.atl-form-content section h3 {
  border: none !important;
  color: #bf8e62;
  font-weight: bold;
}
.atl-form-content div.form-row {
  margin-bottom: 2em;
  position: relative;
}
.atl-form-content div.form-row label {
  margin: 0.5em auto;
}
.atl-form-content div.form-row input {
  margin-bottom: 1em;
  padding: 0.5em;
}
.atl-form-content div.form-row span {
  margin: 0.5em;
}
.atl-form input[type=submit] {
  background-color: #a29a8b !important;
  color: #e8e8e4;
  font-weight: bold;
  text-transform: uppercase;
}
.atl-form input[type=submit]:hover {
  color: #e8e8e4 !important;
}
.atl-form-countries {
  text-align: center;
  margin: 0 !important;
}
.atl-form-countries-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  padding: 0.5em;
}
.atl-form-countries-container input[type=checkbox] {
  margin: 0 !important;
}
.atl-form-countries-container svg {
  width: auto;
  height: 55px;
  margin-right: 0.5em;
}
.atl-form-ul {
  width: 100%;
  margin: 0 0 2em 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.atl-form .atl-dest-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.atl-form .atl-dest-container div.form-row {
  width: 20%;
}
.atl-form-content.atl-form-active {
  height: 100%;
  transform: translateX(0);
  top: 0;
  visibility: visible;
  position: relative;
  z-index: 2;
  border: 1px solid #d1d1d1 !important;
  border-radius: 1em;
}
.atl-form-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 5em;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 5;
}
.atl-form-buttons .atl-btn,
.atl-form-buttons input[type=submit] {
  background-color: #a29a8b;
  color: #e8e8e4;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  padding: 9px 30px;
  margin: 5px;
  font-weight: bold;
  position: relative;
  z-index: 5;
}
.atl-form-buttons input[type=submit] {
  display: none;
}

.atl-checkbox-countries,
.atl-checkbox-visas {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.atl-checkbox-countries p,
.atl-checkbox-visas p {
  width: auto;
  margin: 0 1em 1em 0;
}

.atl-from-sm-link {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.atl-from-sm-link input[type=text] {
  width: 50%;
}

.atl-form-dynamic {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3em;
}
.atl-form-dynamic-content {
  width: 100%;
}
.atl-form-dynamic-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-form-dynamic-btn span {
  background-color: #a29a8b;
  color: #e8e8e4;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  padding: 9px 30px;
  margin: 5px;
  font-weight: bold;
}

.atl-form-lineb {
  width: 100%;
  height: 1px;
  background-color: #6d6d6d;
  opacity: 0.5;
  margin: 3em auto 4em;
}

.atl-form-buttons-active {
  left: 50%;
  right: 50%;
  position: fixed;
}

.atl-form-none,
.atl-dynamic-none,
.atl-work-target {
  display: none;
}

.atl-form-breaker {
  width: 100%;
  margin: 0;
  display: none;
}

.atl-form-required,
.atl-form-fill {
  position: relative;
}

.atl-form-status {
  position: absolute;
  top: -1.6em;
  right: 0;
}

.atl-form-required::after {
  content: "✖";
  justify-content: center;
  align-items: center;
  color: #FF5733;
  font-size: 1.4em;
}

.atl-form-fill::after {
  content: "✔";
  font-size: 1.4em;
  justify-content: center;
  align-items: center;
  color: #77b255;
}

.atl-archives-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-archives-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em;
}
.atl-archives-content-box {
  width: 25%;
}
.atl-archives-content-box h3 {
  font-size: 1em;
}
.atl-archives-content-box p {
  font-size: 0.9em;
  margin: 0;
}
.atl-archives-content-box:nth-child(2) {
  width: 45%;
  margin: 0 auto;
}
.atl-archives-content-box .atl-fileInput {
  padding: 1em !important;
}
.atl-archives-content-box .atl-fileInput p {
  font-size: 0.9em;
}

/*-------------------------------------------------------------- 
Status Form
--------------------------------------------------------------*/
.atl-main-status {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.atl-main-status-container {
  width: 100%;
  height: auto;
  padding: 4em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d1d1;
  border-radius: 1em;
  margin-bottom: 2em;
}
.atl-main-status-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2em;
}
.atl-main-status-content:first-child {
  width: 40%;
}
.atl-main-status-content-header {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-main-status-content-header h2 {
  margin: 0 auto;
  text-transform: uppercase;
}
.atl-main-status-content-header svg {
  width: calc(100% - 125px);
  height: auto;
  margin: 0 auto;
}
.atl-main-status-content:last-child {
  width: 60%;
  flex-wrap: wrap !important;
  flex-direction: unset !important;
  justify-content: center;
  align-items: flex-start;
}
.atl-main-status-content-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 1em auto 2em;
}
.atl-main-status-content-footer p {
  margin: 0;
}
.atl-main-status-content-footer-box {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
}
.atl-main-status-content-footer-box svg {
  width: auto;
  height: 30px;
  margin: 0 0.5em 0 0;
}
.atl-main-status-content-footer-txt {
  margin-top: 1em;
}
.atl-main-status-content-footer-clock {
  width: 100%;
}
.atl-main-status-content-footer-clock-note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
}
.atl-main-status-content-footer-clock-note strong {
  margin-top: 1em;
}
.atl-main-status-content-footer-clock-note strong span {
  font-size: 2em;
}

/*-------------------------------------------------------------- 
My Account Login
--------------------------------------------------------------*/
.atl-myaccpage {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: hidden;
}
.atl-myaccpage-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-myaccpage-content {
  width: 30%;
  margin: 0 auto;
  padding: 7% 0;
  position: relative;
  z-index: 1;
}
.atl-myaccpage-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  border-top-right-radius: 2em;
  border-bottom-left-radius: 2em;
  box-shadow: 5px 5px 10px -3px rgba(67, 69, 75, 0.5);
  opacity: 0.5;
  z-index: -1;
}
.atl-myaccpage-content form {
  width: 80%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.atl-myaccpage-content form p {
  color: #e8e8e4;
  opacity: 0.8;
}
.atl-myaccpage-content form span.required {
  font-weight: bold;
}
.atl-myaccpage-content form span.show-password-input {
  opacity: 0.5;
}
.atl-myaccpage-content form span.show-password-input.display-password {
  opacity: 1;
}
.atl-myaccpage-content form button {
  margin-top: 2em;
  width: 100% !important;
  background-color: #bf8e62 !important;
  color: #a29a8b !important;
  font-weight: bold;
}
.atl-myaccpage-content form input {
  color: #e8e8e4;
  opacity: 0.8;
}
.atl-myaccpage-overlay {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.atl-myaccpage-overlay::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bf8e62;
  z-index: 1;
  opacity: 0.8;
}
.atl-myaccpage-overlay svg {
  width: auto;
  height: 100%;
  fill: #43454b;
  opacity: 0.8;
}

/*-------------------------------------------------------------- 
My Account Content
--------------------------------------------------------------*/
.atl-myacc-config {
  position: absolute;
  top: 15%;
  right: 5%;
}
.atl-myacc-config a {
  margin: 0 0.5em;
}
.atl-myacc-config a svg {
  width: auto;
  height: 35px;
  fill: #a29a8b !important;
}

.atl-myacc {
  width: 100%;
  height: auto;
  position: relative;
  margin: 15em auto 2em;
}
.atl-myacc-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.atl-myacc-content:nth-of-type(1) {
  width: 20%;
}
.atl-myacc-content:nth-of-type(2) {
  width: 80%;
}
.atl-myacc-content nav.woocommerce-MyAccount-navigation {
  width: 100%;
  float: none !important;
  margin: 0 !important;
}
.atl-myacc-content nav.woocommerce-MyAccount-navigation ul {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.atl-myacc-content nav.woocommerce-MyAccount-navigation ul li {
  width: 100%;
}

/*-------------------------------------------------------------- 
Download
--------------------------------------------------------------*/
.atl-downloads {
  width: 100%;
}
.atl-downloads-container {
  width: 100%;
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-downloads-container h2 {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #a29a8b;
  font-weight: bold;
}
.atl-downloads-container h2 svg {
  width: auto;
  height: 45px;
  margin-right: 0.5em;
}
.atl-downloads-container h2 svg:nth-of-type(1) {
  fill: #a29a8b;
}
.atl-downloads-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5em;
}
.atl-downloads-content-box {
  width: 32%;
  height: 30%;
  margin: 0 0.5em 1em;
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d1d1d1 !important;
  border-radius: 1em;
}
.atl-downloads-content-box-txt {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1em;
}
.atl-downloads-content-box-txt svg {
  width: 15%;
  height: auto;
  margin-right: 1em;
  fill: #a29a8b;
}
.atl-downloads-content-box-txt h3 {
  width: 80%;
  font-size: 0.9em;
  margin: 0;
  color: #a29a8b;
  text-align: left;
}
.atl-downloads-content-box span {
  width: 100%;
  margin: 0;
  padding: 0.7em;
  text-align: center;
  background-color: #bf8e62;
  color: #a29a8b;
  border-radius: 1em;
  font-weight: bold;
}

/*-------------------------------------------------------------- 
My Account Page Order
--------------------------------------------------------------*/
.atl-user-order {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-user-order-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.atl-user-order-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-user-order-content {
  width: 49%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #d1d1d1;
  padding: 2em;
  position: relative;
  border-radius: 1em;
}
.atl-user-order-content svg {
  width: auto;
  height: 125px;
  fill: #a29a8b;
  margin-right: 2em;
}
.atl-user-order-content-box {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.atl-user-order-content-box p {
  margin: 0;
  text-align: left;
}
.atl-user-order-discount {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em 2em;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #a29a8b;
  font-size: 0.8em;
  color: #e8e8e4;
  border-radius: 1em;
  letter-spacing: 1px;
}
.atl-user-order-footer {
  margin-top: 2em;
}

/*-------------------------------------------------------------- 
Post Page Countries
--------------------------------------------------------------*/
.atl-page-countries {
  width: 100%;
  height: 100vh;
  position: relative;
}
.atl-page-countries-header {
  width: 35vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-page-countries-header::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.5;
  z-index: -1;
}
.atl-page-countries-header svg {
  width: auto;
  height: 25%;
}
.atl-page-countries-header p {
  color: #e8e8e4;
}
.atl-page-countries-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.atl-page-countries-content h1 {
  animation-direction: alternate;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-name: RightToLeft;
  animation-timing-function: linear;
  color: #efefef;
  font-size: 9em;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
.atl-page-countries-content-title {
  margin-right: 4em;
}
.atl-page-countries-content-title h2 {
  color: #efefef;
  font-size: 5.6em;
  font-weight: 700;
  letter-spacing: 5px;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
}
.atl-page-countries-body {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.atl-page-countries-body-box p {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1.1em;
  margin-right: 1em;
}
.atl-page-countries-body-box p svg {
  width: auto;
  height: 25px;
  margin-right: 0.5em;
}
.atl-page-countries-body-box p svg path {
  fill: #e8e8e4;
}
.atl-page-countries-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

/*-------------------------------------------------------------- 
Credit
--------------------------------------------------------------*/
.atl-credit {
  width: 100%;
  background-color: #a29a8b;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.atl-credit-container {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.atl-credit-container p {
  margin: 1em 0;
  color: #e8e8e4;
  font-weight: bold;
}
.atl-credit-container p a {
  color: #5e5b56;
}

/*-------------------------------------------------------------- 
Cookies
--------------------------------------------------------------*/
.atl-cookies {
  width: 100%;
  height: auto;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  padding: 1.6em;
  box-shadow: 0px 5px 10px 0px rgba(67, 69, 75, 0.5);
}
.atl-cookies::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e8e8e4;
  z-index: -1;
}
.atl-cookies-container {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.atl-cookies-content {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.atl-cookies-content:first-child p {
  text-align: left;
  font-size: 1rem;
  padding-bottom: 0;
  margin: 0.5em 0;
  color: #43454b;
}
.atl-cookies-content:first-child p strong {
  color: #a29a8b;
}
.atl-cookies-content:first-child p a {
  color: #af7945;
  font-weight: bold;
}
.atl-cookies-content:last-child {
  width: 30%;
  height: 100%;
  margin-left: 5%;
}
.atl-cookies-btn {
  width: 100%;
  padding: 0.7em 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: #a29a8b;
  border-radius: 0.5em;
  color: #e8e8e4;
  font-size: 1rem;
  text-transform: uppercase;
}
.atl-cookies-btn:last-child {
  background-color: #bf8e62;
  color: #e8e8e4;
}

/*-------------------------------------------------------------- 
Status
--------------------------------------------------------------*/
ul.atl-status-ul {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ul.atl-status-ul li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 2em;
}
ul.atl-status-ul li svg {
  width: auto;
  height: 25px;
  margin-right: 1em;
}

/*-------------------------------------------------------------- 
Loader/Spiner
--------------------------------------------------------------*/
.atl-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.atl-loader::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #43454b;
  opacity: 0.5;
  z-index: -1;
}
.atl-loader-container {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-loader-content {
  animation: rotate 1s infinite;
  height: 50px;
  width: 50px;
}
.atl-loader-content::before, .atl-loader-content::after {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: block;
}
.atl-loader-content::before {
  animation: ball1 1s infinite;
  background-color: #e8e8e4;
  box-shadow: 30px 0 0 #bf8e62;
  margin-bottom: 10px;
}
.atl-loader-content::after {
  animation: ball2 1s infinite;
  background-color: #bf8e62;
  box-shadow: 30px 0 0 #e8e8e4;
}
.atl-loader p {
  color: #e8e8e4;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.8);
  }
  50% {
    transform: rotate(360deg) scale(1.2);
  }
  100% {
    transform: rotate(720deg) scale(0.8);
  }
}
@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #bf8e62;
  }
  50% {
    box-shadow: 0 0 0 #bf8e62;
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #bf8e62;
    margin-bottom: 10px;
  }
}
@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #e8e8e4;
  }
  50% {
    box-shadow: 0 0 0 #e8e8e4;
    margin-top: -20px;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #e8e8e4;
    margin-top: 0;
  }
}
/*-------------------------------------------------------------- 
Drag and Drop
--------------------------------------------------------------*/
.atl-fileInput {
  border: 2px dashed #ccc !important;
  padding: 5em !important;
  transition: border-color 0.3s ease-in-out !important;
}

.atl-fileInput.atl-dragover {
  background-color: #bf8e62 !important; /* Cor de fundo desejada */
  border: 2px dashed #a29a8b; /* Adicione uma borda tracejada para dar mais destaque */
}

/*-------------------------------------------------------------- 
PDF
--------------------------------------------------------------*/
.atl-pdf {
  background: #bf8e62;
}

/*-------------------------------------------------------------- 
Front Page Footer
--------------------------------------------------------------*/
.atl-foo {
  width: 100%;
  height: 100dvh;
  position: relative;
}
.atl-foo-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.atl-foo-content {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
}
.atl-foo-content-box {
  width: 47%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 3em;
}
.atl-foo-content-box h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #bf8e62;
}
.atl-foo-content-box h2 svg {
  width: 30px;
  margin-right: 0.5em;
  fill: #af7945 !important;
}
.atl-foo-content-box .atl-foo-svg-path svg {
  fill: transparent !important;
}
.atl-foo-content-box .atl-foo-svg-path svg path {
  fill: #af7945;
}
.atl-foo-content-box ul {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.atl-foo-content-box ul li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #5e5b56;
  font-weight: bold !important;
  margin-bottom: 1em;
}
.atl-foo-content-box ul li span {
  color: #bf8e62;
  margin-left: 0.5em;
}
.atl-foo-content-box ul li svg {
  width: 30px;
  margin-right: 0.5em;
  fill: #af7945 !important;
}
.atl-foo-content-box ul li .atl-foo-svg-path svg {
  fill: transparent !important;
}
.atl-foo-content-box ul li .atl-foo-svg-path svg path {
  fill: #af7945;
}
.atl-foo-content-box .atl-foo-social {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.atl-foo-content-box .atl-foo-social svg {
  width: 45px;
  height: auto;
  margin-right: 1em;
}
.atl-foo-content-end {
  width: 100%;
}
.atl-foo-content-end ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.atl-foo-content-end ul li {
  width: auto;
  margin: 0.5em 1em;
  font-weight: bold;
  color: #af7945;
}
.atl-foo-content-end p {
  width: 70%;
  margin: 1em auto 0;
  font-size: 0.8rem;
  text-align: center;
}
.atl-foo-logo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transform: translate(-25%, 5%);
}
.atl-foo-logo svg {
  width: auto;
  height: 80%;
  fill: #bf8e62;
  filter: drop-shadow(1px 1px 1px rgba(67, 69, 75, 0.25));
}
.atl-foo-overlay {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.atl-foo-overlay-box {
  height: 100%;
}
.atl-foo-overlay-box:nth-of-type(1) {
  width: 30%;
  background-color: #c5bfb3;
  position: relative;
  z-index: 3;
}
.atl-foo-overlay-box:nth-of-type(1) svg {
  width: auto;
  height: 100%;
  fill: #a29a8b;
  top: 0;
  left: 0;
  opacity: 0.25;
}
.atl-foo-overlay-box:nth-of-type(2) {
  width: 70%;
  background-color: #e8e8e4;
  z-index: 2;
}
.atl-foo-overlay-box:nth-of-type(3) {
  width: 40%;
  height: auto;
  position: absolute;
  top: 8%;
  left: 5%;
  z-index: 2;
}
.atl-foo-overlay-box:nth-of-type(3) svg {
  fill: none !important;
  stroke: #af7945 !important;
  z-index: 2;
  opacity: 0.35;
}

@media only screen and (max-width: 1680px) and (max-height: 841px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-logo svg {
    width: 600px;
  }
}
@media only screen and (max-width: 1440px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 3.2rem;
  }
  .atl-ms-content-txt {
    left: 3em;
    padding-right: 0;
  }
  .atl-ms-logo {
    top: 22.5%;
  }
  .atl-ms-logo svg {
    width: 500px;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 17%;
    right: 8%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content {
    width: 90%;
  }
  .atl-aus-content-title h1 {
    font-size: 2rem;
  }
  .atl-aus-content-txt p {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 1em;
  }
  .atl-aus-content-txt ul {
    margin-bottom: 1em;
  }
  .atl-aus-content-txt ul li {
    width: 48%;
    font-size: 1rem;
    justify-content: flex-start;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pser-content-head h1 {
    font-size: 1.2rem;
  }
  .atl-pser-content-head-icon svg {
    width: 35px;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-container {
    width: 90%;
    gap: 2em;
  }
  .atl-au-content span {
    bottom: -55%;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-content:nth-of-type(1) {
    top: -5em;
    left: -7em;
  }
  .atl-aun-content:nth-of-type(1) .atl-rotatingGlobe {
    transform: scale(0.55);
  }
  .atl-aun-content:nth-of-type(2) {
    left: -2.5%;
    padding: 0 5em 5em 0;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-swiper-dest-content:nth-of-type(1) h1 {
    font-size: 2.4rem;
  }
  .atl-swiper-dest-overlay h2 {
    font-size: 10em;
  }
  .atl-route-distance {
    width: 100%;
    top: -5em;
  }
  .atl-route-distance p svg {
    width: 35px;
  }
  /*-------------------------------------------------------------- 
  About Us Discount
  --------------------------------------------------------------*/
  .atl-aup-content:nth-of-type(2) img {
    scale: 1.4;
    transform: translateY(-10%);
  }
  .atl-aup-overlay svg {
    scale: 1.4;
  }
  /*-------------------------------------------------------------- 
  Passporte Index
  --------------------------------------------------------------*/
  .atl-pindex-main-box ul li {
    width: 45%;
  }
  /*-------------------------------------------------------------- 
  My Account Login
  --------------------------------------------------------------*/
  .atl-myaccpage-content {
    width: 50%;
  }
  /*-------------------------------------------------------------- 
  Download
  --------------------------------------------------------------*/
  .atl-downloads-content-box h3 {
    font-size: 0.75em;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-content {
    width: 55%;
  }
  .atl-foo-content-box h2 {
    font-size: 1.4rem;
  }
  .atl-foo-content-box ul li {
    font-size: 0.9rem;
  }
  .atl-foo-globe {
    left: -10%;
  }
  .atl-foo-globe .atl-rotatingGlobe {
    scale: 0.85;
  }
  .atl-foo-overlay-box:nth-of-type(3) {
    top: 18%;
  }
  .atl-foo-overlay-box:nth-of-type(3) svg {
    scale: 1.1;
  }
}
@media only screen and (max-width: 1440px) and (max-height: 691px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-logo {
    top: 16%;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 9.5%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content {
    width: 90%;
  }
  .atl-aus-content-title h1 {
    font-size: 1.4rem;
  }
  .atl-aus-content-txt p {
    font-size: 0.9rem;
  }
  .atl-aus-content-txt ul {
    width: 80%;
    margin: 0 auto;
  }
  .atl-aus-content-txt ul li {
    font-size: 0.9rem;
    justify-content: flex-start;
  }
  .atl-aus-content-box-txt h2 {
    font-size: 1.4rem;
  }
  .atl-aus-content-box-txt h3 {
    font-size: 0.9rem;
  }
  .atl-aus-content-obs p {
    font-size: 0.7rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pser {
    bottom: -10%;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    margin-bottom: 0.5em;
  }
  .atl-au-content h2 {
    font-size: 1.8rem;
  }
  .atl-au-content p {
    font-size: 0.8rem;
  }
  .atl-au-content span {
    bottom: -50%;
    right: -10%;
    font-size: 9rem;
  }
}
@media only screen and (max-width: 1366px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 2.8rem;
  }
  .atl-ms-content-txt {
    width: 90%;
    left: 1em;
  }
  .atl-ms-logo {
    top: 22.5%;
    right: 12.5%;
  }
  .atl-ms-logo svg {
    width: 450px;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 15%;
    right: 10%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content {
    width: 90%;
  }
  .atl-aus-content-title h1 {
    font-size: 1.8rem;
  }
  .atl-aus-content-txt p {
    font-size: 0.9rem;
  }
  .atl-aus-content-txt ul li {
    font-size: 0.9rem;
  }
  .atl-aus-content-box-txt h2 {
    font-size: 1.4rem;
  }
  .atl-aus-content-box-txt h3 {
    font-size: 0.8rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd {
    width: 75%;
  }
  .atl-pserhd-icon {
    right: -15%;
  }
  .atl-pserhd-icon .atl-bgGlobe {
    width: 450px;
    height: 450px;
  }
  .atl-pser {
    bottom: -12%;
  }
  .atl-pser-content-head h1 {
    font-size: 1rem;
  }
  .atl-pser-content-txt {
    font-size: 0.9rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    margin-bottom: 0.5em;
  }
  .atl-au-container {
    gap: 1em;
  }
  .atl-au-content p {
    font-size: 0.9rem;
  }
  .atl-au-content span {
    font-size: 12rem;
    bottom: -45%;
    right: -10%;
  }
  .atl-au-overlay svg {
    scale: 1.6;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-content:nth-of-type(1) {
    top: -10em;
    left: -10em;
  }
  .atl-aun-content:nth-of-type(2) {
    top: -6em;
    padding: 0 1em 5em 0;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-explorer-content {
    width: 80%;
  }
  .atl-explorer-content h1 {
    font-size: 3.2rem;
  }
  .atl-explorer-content a {
    font-size: 1rem;
  }
  /*-------------------------------------------------------------- 
  About Us Discount
  --------------------------------------------------------------*/
  .atl-aup-content:nth-of-type(2) img {
    scale: 1.2;
    transform: translateY(0);
  }
  .atl-aup-overlay svg {
    scale: 1.2;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-content-head {
    margin-bottom: 1em;
  }
  /*-------------------------------------------------------------- 
  Download
  --------------------------------------------------------------*/
  .atl-downloads-container h2 {
    font-size: 1.4em !important;
  }
  .atl-downloads-content-box {
    width: 31.5%;
  }
  .atl-downloads-content-box h3 {
    font-size: 0.7em;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-globe {
    top: 8%;
  }
}
@media only screen and (max-width: 1366px) and (max-height: 559px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 1.8rem;
  }
  .atl-ms-content-txt p {
    font-size: 0.9rem;
  }
  .atl-ms-content-txt span {
    font-size: 0.7rem;
  }
  .atl-ms-logo {
    top: 17%;
    right: 12.5%;
  }
  .atl-ms-logo svg {
    width: 400px;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 2.5%;
    right: 5%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content {
    width: 95%;
  }
  .atl-aus-content-title h1 {
    font-size: 1.2rem;
  }
  .atl-aus-content-txt p {
    font-size: 0.7rem;
  }
  .atl-aus-content-txt ul li {
    font-size: 0.7rem;
  }
  .atl-aus-content-box-txt h2 {
    font-size: 1rem;
  }
  .atl-aus-content-box-txt h3 {
    font-size: 0.7rem;
  }
  .atl-aus-content-obs p {
    font-size: 0.7rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd {
    width: 95%;
  }
  .atl-pserhd-title {
    margin-top: 5em;
  }
  .atl-pser {
    bottom: -15%;
  }
  .atl-pser-container {
    height: 50%;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    margin-bottom: 0.5em;
  }
  .atl-au-title h1 {
    font-size: 1.8rem;
  }
  .atl-au-content h2 {
    font-size: 1.4rem;
  }
  .atl-au-content p {
    font-size: 0.7rem;
  }
  .atl-au-content span {
    bottom: -45%;
    right: -8%;
    font-size: 8rem;
  }
}
@media only screen and (max-width: 1280px) {
  /*-------------------------------------------------------------- 
  Header
  --------------------------------------------------------------*/
  .atl-mm-contact p {
    font-size: 0.9em;
  }
  .atl-mm-contact p svg {
    height: 15px;
  }
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 2.4rem;
  }
  .atl-ms-content-txt p {
    font-size: 0.9rem;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 18%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content {
    padding-top: 1em;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-content h2 {
    font-size: 2rem;
  }
  .atl-au-content p {
    font-size: 0.8rem;
  }
  .atl-au-content span {
    font-size: 10rem;
    bottom: -40%;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-explorer-content h1 {
    font-size: 2.6rem;
  }
  .atl-explorer-content a {
    font-size: 0.9rem;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-container {
    width: 95%;
  }
  .atl-clients-content {
    padding: 0;
  }
  /*-------------------------------------------------------------- 
  FAQ
  --------------------------------------------------------------*/
  .atl-faq-content {
    width: 90%;
  }
  .atl-faq-content ul li h3 {
    font-size: 1rem;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-content {
    width: 60%;
  }
  .atl-foo-content-box {
    width: 40%;
  }
  .atl-foo-content-box h2 {
    font-size: 1.2rem;
  }
  .atl-foo-content-box ul li {
    font-size: 0.9rem;
  }
  .atl-foo-content-box ul li svg {
    width: 25px;
  }
  .atl-foo-globe {
    top: 4%;
    left: -15%;
  }
  .atl-foo-globe .atl-rotatingGlobe {
    scale: 0.75;
  }
  .atl-foo-overlay-box:nth-of-type(3) {
    top: 18%;
    left: 2%;
  }
  .atl-foo-overlay-box:nth-of-type(3) svg {
    scale: 1.1;
  }
  /*-------------------------------------------------------------- 
  Cookies
  --------------------------------------------------------------*/
  .atl-cookies {
    width: 95%;
    bottom: 2.5%;
    left: 2.5%;
  }
}
@media only screen and (max-width: 1280px) and (max-height: 591px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-logo {
    top: 17%;
    right: 5.5%;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 9.5%;
    right: 5%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-txt ul {
    width: 95%;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd {
    width: 80%;
  }
  .atl-pserhd-title {
    margin-top: 5em;
  }
  .atl-pserhd-title h1 {
    font-size: 2rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title h1 {
    font-size: 1.4rem;
  }
  .atl-au-content {
    padding: 1em;
  }
  .atl-au-content h2 {
    font-size: 1.4rem;
  }
  .atl-au-content span {
    font-size: 6rem;
    bottom: -35%;
    right: -6%;
  }
}
@media only screen and (max-width: 1280px) and (max-height: 511px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 1.4rem;
  }
  .atl-ms-content-txt p {
    font-size: 0.8rem;
  }
  .atl-ms-content-txt span {
    font-size: 0.6rem;
  }
  .atl-ms-logo {
    top: 17%;
    right: 12.5%;
  }
  .atl-ms-logo svg {
    width: 350px;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    top: 2.5%;
    right: 5%;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd {
    width: 95%;
  }
  .atl-pserhd-title {
    width: 80%;
    margin-top: 3em;
  }
  .atl-pserhd-title h1 {
    font-size: 2rem;
  }
  .atl-pser {
    bottom: -15%;
  }
  .atl-pser-container {
    height: 45%;
  }
  .atl-pser-content-head h1 {
    font-size: 0.8rem;
  }
  .atl-pser-content-head-icon svg {
    width: 25px;
  }
  .atl-pser-content-txt {
    font-size: 0.7rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    margin-bottom: 0.5em;
  }
  .atl-au-content h2 {
    font-size: 1rem;
  }
  .atl-au-content p {
    font-size: 0.6rem;
  }
  .atl-au-content span {
    bottom: -48%;
    right: -7%;
    font-size: 6rem;
  }
}
@media only screen and (max-width: 1152px) and (max-height: 864px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-logo {
    right: 5.5%;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    width: 50%;
    top: 13.5%;
    right: 0%;
  }
}
@media only screen and (max-width: 1152px) and (max-height: 655px) {
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-txt ul {
    width: 95%;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title h1 {
    font-size: 1.6rem;
  }
  .atl-au-content h2 {
    font-size: 1.2rem;
  }
  .atl-au-content p {
    font-size: 0.8rem;
  }
  .atl-au-content span {
    bottom: -50%;
    right: -10%;
  }
}
@media only screen and (max-width: 1024px) {
  /*-------------------------------------------------------------- 
  Header
  --------------------------------------------------------------*/
  .atl-mm-content {
    width: 100%;
  }
  .atl-mm-content > div:nth-child(2) img {
    width: 125px;
    margin: 0 auto !important;
  }
  .atl-mm-logo {
    display: none;
  }
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-container {
    align-items: flex-start;
  }
  .atl-ms-content {
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 25% 0 0 0;
    transform: translateY(-100%);
  }
  .atl-ms-content-title h1 {
    font-size: 3rem;
  }
  .atl-ms-content-txt {
    left: 0;
  }
  .atl-ms-content-txt p {
    font-size: 1rem;
  }
  .atl-ms-logo {
    top: unset;
    bottom: 10%;
    right: 20%;
  }
  .atl-ms-logo svg {
    width: 500px;
  }
  .atl-ms-overlay {
    flex-direction: column;
  }
  .atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(1) {
    top: -3%;
  }
  .atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(2) {
    bottom: 33%;
  }
  .atl-ms-overlay-box:nth-of-type(2) {
    height: 35%;
    width: 100%;
    position: relative;
    top: unset;
    bottom: 0;
    transform: translateY(100%);
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    width: 70%;
    top: unset;
    bottom: 0;
    right: 10%;
    transform: translateY(100%);
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-title h1 {
    font-size: 2.4rem;
    text-align: center;
  }
  .atl-aus-content-txt p {
    font-size: 1.2rem;
  }
  .atl-aus-content-txt ul {
    flex-direction: column;
  }
  .atl-aus-content-txt ul li {
    width: 90%;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 1em;
  }
  .atl-aus-content-box {
    margin-bottom: 2em;
  }
  .atl-aus-content-box-txt {
    width: 35%;
  }
  .atl-aus-content-box-txt-title h2 {
    font-size: 1.4rem;
  }
  .atl-aus-content-box-txt-title h3 {
    font-size: 0.8rem;
  }
  .atl-aus-content-obs p {
    text-align: center;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd-title {
    margin-top: 30%;
  }
  .atl-pserhd-title h1 {
    font-size: 3rem;
  }
  .atl-pserhd-title p {
    font-size: 1.4rem;
  }
  .atl-pserhd-icon {
    top: 125%;
    right: -10%;
  }
  .atl-pserhd-icon .atl-bgGlobe {
    width: 550px;
    height: 550px;
  }
  .atl-pser-content-head h1 {
    font-size: 2.4rem;
  }
  .atl-pser-content-head-icon svg {
    width: 55px;
  }
  .atl-pser-content-txt p {
    font-size: 1.6rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    text-align: center;
    margin-bottom: 2em;
  }
  .atl-au-container {
    grid-template-areas: "a" "b" "c";
  }
  .atl-au-content {
    margin-bottom: 3em;
  }
  .atl-au-content h2 {
    font-size: 2.4rem;
  }
  .atl-au-content p {
    font-size: 1rem;
  }
  .atl-au-content span {
    bottom: -60%;
    right: 45%;
  }
  .atl-au-content:nth-of-type(2) span {
    display: block;
  }
  .atl-au-overlay svg {
    scale: 3;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-container {
    flex-direction: column;
  }
  .atl-aun-content {
    width: 100%;
  }
  .atl-aun-content:nth-of-type(1) {
    top: -5em;
    left: 4em;
  }
  .atl-aun-content:nth-of-type(1) .atl-rotatingGlobe {
    transform: scale(0.75);
  }
  .atl-aun-content:nth-of-type(2) {
    width: 70%;
    margin: 0 auto;
    padding: 0;
  }
  .atl-aun-content-title h1 {
    text-align: center;
  }
  .atl-aun-content-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .atl-aun-content-txt p {
    text-align: center;
  }
  /*-------------------------------------------------------------- 
  About Us Discount
  --------------------------------------------------------------*/
  .atl-aup-container {
    flex-direction: column;
    justify-content: space-between;
  }
  .atl-aup-content {
    height: auto !important;
  }
  .atl-aup-content:nth-of-type(1) {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20%;
  }
  .atl-aup-content:nth-of-type(1) p {
    text-align: center;
  }
  .atl-aup-content:nth-of-type(2) img {
    scale: 1.6;
    transform: translateY(-15%);
  }
  .atl-aup-content-txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .atl-aup-content-txt-pay {
    justify-content: center;
    align-items: center;
    margin: 1.6em auto 2em;
  }
  .atl-aup-content-txt a span {
    padding: 1rem 5rem;
    font-size: 1.6rem;
  }
  .atl-aup-overlay svg {
    scale: 2.6;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-container {
    width: 100%;
    padding: 10% 0;
  }
  .atl-clients-content {
    width: 45%;
  }
  .atl-clients-content:last-child {
    display: none;
  }
  .atl-clients-content-head {
    flex-direction: column;
  }
  .atl-clients-content-head-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .atl-clients-content-head-title h3 {
    font-size: 1.2rem;
  }
  .atl-clients-content-head-title p {
    font-size: 1rem;
    text-align: center;
  }
  .atl-rating-content {
    padding: 10% 0;
  }
  .atl-rating-content-box {
    width: 30%;
  }
  .atl-rating-overlay svg {
    width: auto;
    height: 100%;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  #atl-slider-dest .atl-swiper-dest-action.swiper-slide-active .atl-swiper-dest-overlay h2 {
    animation-duration: 8s;
  }
  .atl-swiper-dest-container {
    flex-direction: column;
  }
  .atl-swiper-dest-content {
    width: 100% !important;
  }
  .atl-swiper-dest-content:nth-of-type(1) h1 {
    font-size: 3rem;
  }
  .atl-swiper-dest-content:nth-of-type(2) {
    padding: 0 1em;
  }
  .atl-swiper-dest-content-btn a span {
    font-size: 1.6rem;
  }
  .atl-swiper-dest-overlay h2 {
    top: unset;
    bottom: 15%;
  }
  .atl-route-distance {
    width: 100%;
    top: -5em;
    justify-content: center;
  }
  .atl-route-distance p {
    font-size: 2rem;
    margin: 0 1em;
  }
  .atl-route-distance p svg {
    width: 55px;
  }
  .atl-route-start, .atl-route-end {
    font-size: 1.6rem;
  }
  .atl-explorer-content h1 {
    font-size: 3.8rem;
  }
  .atl-explorer-content p {
    font-size: 1.2rem;
  }
  .atl-explorer-content a {
    font-size: 1.4rem;
  }
  .atl-explorer-overlay {
    transform: translateX(25%);
    scale: 3;
  }
  /*-------------------------------------------------------------- 
  FAQ
  --------------------------------------------------------------*/
  .atl-faq-container {
    height: 85%;
  }
  .atl-faq-content {
    height: 50%;
  }
  .atl-faq-content ul {
    width: 100%;
  }
  .atl-faq-content ul li h3 {
    font-size: 1.4rem;
  }
  .atl-faq-overlay svg {
    top: 15%;
    scale: 1.8;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-container {
    justify-content: flex-end;
  }
  .atl-foo-content {
    width: 100%;
    bottom: 15%;
  }
  .atl-foo-content-box {
    width: 100%;
    align-items: center;
  }
  .atl-foo-content-box h2 {
    font-size: 1.6rem;
  }
  .atl-foo-content-box ul {
    flex-direction: row;
  }
  .atl-foo-content-box ul li {
    margin: 0 1em;
  }
  .atl-foo-content-box .atl-foo-social {
    justify-content: center;
  }
  .atl-foo-globe {
    top: -5%;
    left: 7%;
  }
  .atl-foo-overlay {
    flex-direction: column;
  }
  .atl-foo-overlay-box {
    width: 100% !important;
  }
  .atl-foo-overlay-box:nth-of-type(1) {
    height: 25%;
  }
  .atl-foo-overlay-box:nth-of-type(1) svg {
    position: absolute;
    top: 150%;
    scale: 4;
    transform: translateX(20%);
  }
  .atl-foo-overlay-box:nth-of-type(2) {
    height: 75%;
  }
  .atl-foo-overlay-box:nth-of-type(3) {
    top: -20%;
  }
  .atl-foo-overlay-box:nth-of-type(3) svg {
    scale: 0.65;
  }
  /*-------------------------------------------------------------- 
  Passporte Index
  --------------------------------------------------------------*/
  .atl-pindex-container {
    flex-direction: column;
  }
  .atl-pindex-content {
    position: relative !important;
  }
  .atl-pindex-content:nth-child(1) {
    width: 100%;
    height: auto;
    flex-direction: row;
    padding: 6em 0;
  }
  .atl-pindex-content:nth-child(1)::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #a29a8b;
    opacity: 0.8;
    z-index: -1;
  }
  .atl-pindex-content:nth-child(1) img {
    width: 35%;
    height: auto;
  }
  .atl-pindex-content:nth-child(2) {
    width: 100%;
    height: auto;
  }
  .atl-pindex-main-box:nth-of-type(1) {
    width: 40%;
  }
  .atl-pindex-main-box:nth-of-type(1) h2 {
    font-size: 1.6em;
  }
  .atl-pindex-main-box:nth-of-type(2) {
    width: 55%;
    margin: 0 3em 0 0;
  }
  .atl-pindex-overlay-content:nth-of-type(1) {
    width: 100%;
    height: 35vh;
    background-color: transparent !important;
    z-index: 2;
  }
  .atl-pindex-overlay-content:nth-of-type(2) {
    width: 100%;
    height: 100%;
  }
  .atl-pindex-info-txt {
    width: 100%;
    height: 100vh;
  }
  .atl-pindex-info-close {
    width: 100vw;
    height: 10vh;
    top: 0;
    right: 0;
    writing-mode: unset;
    z-index: 99;
  }
  .atl-pindex-show {
    width: 100vw !important;
  }
  /*-------------------------------------------------------------- 
  Download
  --------------------------------------------------------------*/
  .atl-downloads-content-box {
    width: 47%;
  }
  /*-------------------------------------------------------------- 
  Credit
  --------------------------------------------------------------*/
  .atl-credit-container {
    width: 90%;
    padding: 1em;
  }
  .atl-credit-container p {
    font-size: 0.9em;
    margin: 0 0 0.5em;
  }
  /*-------------------------------------------------------------- 
  Cookies
  --------------------------------------------------------------*/
  .atl-cookies-container {
    flex-direction: column;
  }
  .atl-cookies-content:nth-of-type(1) {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 820px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content {
    padding: 15% 0 0 0;
  }
  .atl-ms-content-title {
    text-align: center;
  }
  .atl-ms-content-txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .atl-ms-content-txt p {
    text-align: center;
  }
  .atl-ms-logo {
    bottom: 10%;
    right: 25%;
  }
  .atl-ms-logo svg {
    width: 400px;
  }
  .atl-ms-overlay {
    flex-direction: column;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    right: 15%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-txt p {
    font-size: 0.9rem;
  }
  .atl-aus-content-txt ul li {
    font-size: 0.9rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd {
    width: 90%;
  }
  .atl-pserhd-title {
    margin-top: 25%;
  }
  .atl-pserhd-title h1 {
    font-size: 2.6rem;
  }
  .atl-pserhd-title p {
    font-size: 1.4rem;
  }
  .atl-pserhd-icon {
    top: 120%;
    right: -5%;
  }
  .atl-pser-content-head h1 {
    font-size: 1.6rem;
  }
  .atl-pser-content-txt p {
    font-size: 1.4rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    text-align: center;
    margin-bottom: 1em;
  }
  .atl-au-content {
    margin-bottom: 1em;
  }
  .atl-au-content h2 {
    font-size: 2rem;
  }
  .atl-au-content p {
    font-size: 0.9rem;
  }
  .atl-au-content span {
    bottom: -40%;
    font-size: 8rem;
  }
}
@media only screen and (max-width: 768px) {
  /*-------------------------------------------------------------- 
  Main
  --------------------------------------------------------------*/
  .atl-btn-wts {
    width: 45px;
    height: 45px;
  }
  .atl-btn-wts p svg {
    width: 25px;
  }
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-logo {
    bottom: 5%;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    bottom: -4%;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-title h1 {
    font-size: 1.8rem;
  }
  .atl-aus-content-box-txt {
    width: 40%;
  }
  .atl-aus-content-box-txt-title h2 {
    font-size: 1.2rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd-title {
    margin-top: 20%;
  }
  .atl-pserhd-title h1 {
    font-size: 2.4rem;
  }
  .atl-pserhd-title p {
    font-size: 1.2rem;
  }
  .atl-pserhd-icon {
    top: 125%;
    right: 10%;
  }
  .atl-pserhd-icon .atl-bgGlobe {
    width: 400px;
    height: 400px;
  }
  .atl-pser-content-head h1 {
    font-size: 1.6rem;
  }
  .atl-pser-content-txt p {
    font-size: 1.4rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    text-align: center;
    margin-bottom: 1em;
  }
  .atl-au-title h1 {
    font-size: 1.6rem;
  }
  .atl-au-content {
    margin-bottom: 1em;
  }
  .atl-au-content h2 {
    font-size: 1.8rem;
  }
  .atl-au-content p {
    font-size: 0.8rem;
  }
  .atl-au-content span {
    bottom: -45%;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-content:nth-of-type(1) {
    top: -15em;
    left: -5em;
  }
  .atl-aun-content:nth-of-type(1) .atl-rotatingGlobe {
    transform: scale(0.5);
  }
  .atl-aun-content:nth-of-type(2) {
    width: 90%;
    left: 0;
    top: 0;
    margin: -55% auto 0;
  }
  /*-------------------------------------------------------------- 
  About Us Discount
  --------------------------------------------------------------*/
  .atl-aup-content:nth-of-type(1) {
    width: 90%;
  }
  .atl-aup-content-txt-pay {
    margin: 0.5em auto;
  }
  .atl-aup-content-txt a span {
    padding: 0.7rem 5rem;
    font-size: 1.2rem;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-container {
    padding: 10% 0 0 0;
  }
  .atl-clients-content {
    width: 45%;
    margin: 2em 1em;
  }
  .atl-clients-content:nth-of-type(7), .atl-clients-content:nth-of-type(8), .atl-clients-content:nth-of-type(9) {
    display: none;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-swiper-dest-content:nth-of-type(1) h1 {
    font-size: 2.4rem;
  }
  .atl-swiper-dest-content-btn a span {
    font-size: 1rem;
  }
  .atl-route-distance p {
    font-size: 2rem;
  }
  .atl-route-start, .atl-route-end {
    font-size: 1.2rem;
  }
  /*-------------------------------------------------------------- 
  FAQ
  --------------------------------------------------------------*/
  .atl-faq-head h1 {
    font-size: 2rem;
  }
  .atl-faq-container {
    height: 80%;
  }
  .atl-faq-content ul li h3 {
    font-size: 1.1rem;
  }
  /*-------------------------------------------------------------- 
  Passporte Index
  --------------------------------------------------------------*/
  .atl-pindex-container {
    flex-direction: column;
  }
  .atl-pindex-content:nth-child(1) {
    flex-direction: column;
  }
  .atl-pindex-content:nth-child(1) img {
    width: 25%;
    height: auto;
  }
  .atl-pindex-content:nth-child(2) {
    width: 100%;
    height: auto;
  }
  .atl-pindex-main-box:nth-of-type(1) {
    width: 100%;
  }
  .atl-pindex-main-box:nth-of-type(1) h2 {
    font-size: 1.6em;
  }
  .atl-pindex-main-box:nth-of-type(2) {
    width: 100%;
    margin: 0 auto;
  }
  .atl-pindex-info-list h4 {
    width: 33.33%;
  }
  /*-------------------------------------------------------------- 
  My Account Login
  --------------------------------------------------------------*/
  .atl-myaccpage-content {
    width: 85%;
    padding: 20% 0;
  }
  .atl-myaccpage-overlay svg {
    transform: scale(1.2);
  }
  /*-------------------------------------------------------------- 
  Download
  --------------------------------------------------------------*/
  .atl-downloads-content-box {
    width: 47%;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-content {
    bottom: 10%;
  }
  .atl-foo-content-box {
    margin-bottom: 1.4em;
  }
}
@media only screen and (max-width: 600px) {
  /*-------------------------------------------------------------- 
  Header
  --------------------------------------------------------------*/
  .atl-mm-content {
    padding: 1em 0.5em;
  }
  .atl-mm-content img {
    width: 150px;
  }
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content {
    width: 95%;
    padding: 30% 0 0 0;
  }
  .atl-ms-content-title h1 {
    font-size: 1.6rem;
    text-align: center;
  }
  .atl-ms-content-txt {
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .atl-ms-content-txt p {
    font-size: 0.8rem;
  }
  .atl-ms-content-txt span {
    font-size: 0.8rem;
    text-transform: uppercase;
  }
  .atl-ms-logo {
    bottom: 8%;
    right: 13%;
  }
  .atl-ms-logo svg {
    width: 300px;
  }
  .atl-ms-overlay {
    flex-direction: column;
  }
  .atl-ms-overlay-box:nth-of-type(1) h3 {
    font-size: 8rem;
  }
  .atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(1) {
    top: 0;
  }
  .atl-ms-overlay-box:nth-of-type(2) {
    height: 35%;
    width: 100%;
    position: relative;
    top: unset;
    bottom: 0;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    width: 100%;
    bottom: 0;
    right: 0;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content-title h1 {
    font-size: 1.2rem;
  }
  .atl-aus-content-txt p {
    font-size: 0.7rem;
  }
  .atl-aus-content-txt ul li {
    font-size: 0.7rem;
    margin-bottom: 0.5em;
  }
  .atl-aus-content-box {
    margin: 1em 0;
  }
  .atl-aus-content-box-txt {
    width: 48%;
    margin: 1em 0;
  }
  .atl-aus-content-box-txt p {
    display: none;
  }
  .atl-aus-content-box-txt-title h2 {
    font-size: 0.8rem;
  }
  .atl-aus-content-box-txt-title h3 {
    font-size: 0.5rem;
  }
  .atl-aus-content-obs p {
    text-align: center;
    font-size: 0.6rem;
  }
  /*-------------------------------------------------------------- 
  Services
  --------------------------------------------------------------*/
  .atl-pserhd-title {
    margin-top: 35%;
  }
  .atl-pserhd-title h1 {
    font-size: 1.4rem;
  }
  .atl-pserhd-title p {
    font-size: 0.9rem;
  }
  .atl-pserhd-icon {
    top: 125%;
    right: 0;
  }
  .atl-pserhd-icon .atl-bgGlobe {
    width: 250px;
    height: 250px;
  }
  .atl-pser {
    bottom: -8%;
  }
  .atl-pser-content-head h1 {
    font-size: 1rem;
  }
  .atl-pser-content-head-icon svg {
    width: 25px;
  }
  .atl-pser-content-txt p {
    font-size: 0.9rem;
  }
  /*-------------------------------------------------------------- 
  About Us Form
  --------------------------------------------------------------*/
  .atl-au-title {
    text-align: center;
    margin-bottom: 0.5em;
  }
  .atl-au-title h1 {
    font-size: 1.4rem;
  }
  .atl-au-content {
    margin-bottom: 0.5em;
  }
  .atl-au-content h2 {
    font-size: 0.9rem;
  }
  .atl-au-content p {
    font-size: 0.6rem;
  }
  .atl-au-content span {
    bottom: -30%;
    right: 42%;
    font-size: 5rem;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-content:nth-of-type(1) {
    top: -20em;
    left: -18.5em;
  }
  .atl-aun-content:nth-of-type(1) .atl-rotatingGlobe {
    transform: scale(0.35);
  }
  .atl-aun-content:nth-of-type(2) {
    width: 90%;
    margin: -135% auto 0;
  }
  .atl-aun-content-title h1 {
    font-size: 1.4rem;
  }
  .atl-aun-content-txt p {
    font-size: 0.9rem;
  }
  /*-------------------------------------------------------------- 
  About Us Discount
  --------------------------------------------------------------*/
  .atl-aup-content:nth-of-type(1) {
    width: 90%;
    padding-top: 25%;
  }
  .atl-aup-content:nth-of-type(2) {
    scale: 1.8;
  }
  .atl-aup-content-title h1 {
    font-size: 1.6rem;
  }
  .atl-aup-content-txt {
    width: 95%;
    margin: 0 auto;
  }
  .atl-aup-content-txt p {
    font-size: 0.9rem;
  }
  .atl-aup-content-txt p:nth-of-type(1) {
    display: none;
  }
  .atl-aup-content-txt-pay {
    margin: 0.5em auto;
    flex-direction: column;
  }
  .atl-aup-content-txt-pay ul {
    flex-wrap: wrap;
  }
  .atl-aup-content-txt-pay ul li {
    width: 45%;
    margin-bottom: 1em;
  }
  .atl-aup-content-txt a span {
    padding: 0.7rem 5rem;
    font-size: 0.9rem;
    margin-top: 0;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-container {
    width: 90%;
    padding: 25% 0 10%;
  }
  .atl-clients-content {
    width: 90%;
    margin: 0.5em auto;
  }
  .atl-clients-content-head {
    margin-bottom: 1em;
    flex-direction: row;
  }
  .atl-clients-content-head-title {
    align-items: flex-start;
  }
  .atl-clients-content-head-title h3 {
    font-size: 0.9rem;
  }
  .atl-clients-content-head-title p {
    font-size: 0.7rem;
    text-align: left;
  }
  .atl-clients-content:nth-of-type(6), .atl-clients-content:nth-of-type(7), .atl-clients-content:nth-of-type(8), .atl-clients-content:nth-of-type(9) {
    display: none;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-swiper-dest .swiper-button-next::after, .atl-swiper-dest .swiper-button-prev::after {
    font-size: 1.4em;
  }
  .atl-swiper-dest-content:nth-of-type(1) h1 {
    font-size: 1.4rem;
  }
  .atl-swiper-dest-content:nth-of-type(2) h1 {
    font-size: 2rem;
  }
  .atl-swiper-dest-content:nth-of-type(2) svg {
    height: 25px;
  }
  .atl-swiper-dest-content:nth-of-type(2) h3 {
    font-size: 1.4rem;
  }
  .atl-swiper-dest-content-btn {
    bottom: 4em;
  }
  .atl-swiper-dest-content-btn a span {
    font-size: 0.8rem;
  }
  .atl-route-distance {
    top: -3em;
  }
  .atl-route-distance p {
    font-size: 1rem;
    margin: 0 0.5em;
  }
  .atl-route-distance p svg {
    width: 35px;
  }
  .atl-route-start, .atl-route-end {
    font-size: 0.9rem;
  }
  .atl-explorer-content h1 {
    font-size: 2rem;
  }
  .atl-explorer-content p {
    font-size: 0.8rem;
  }
  .atl-explorer-content a {
    font-size: 0.8rem;
  }
  .atl-explorer-overlay {
    transform: translateX(25%);
    scale: 5;
  }
  /*-------------------------------------------------------------- 
  FAQ
  --------------------------------------------------------------*/
  .atl-faq-head h1 {
    font-size: 1.2rem;
  }
  .atl-faq-container {
    height: 85%;
  }
  .atl-faq-content ul li h3 {
    font-size: 0.8rem;
  }
  .atl-faq-overlay svg {
    top: 10%;
    scale: 1.8;
  }
  /*-------------------------------------------------------------- 
  Passporte Index
  --------------------------------------------------------------*/
  .atl-pindex-content:nth-child(1) img {
    width: 45%;
    height: auto;
  }
  .atl-pindex-main-box:nth-of-type(1) {
    width: 100%;
  }
  .atl-pindex-main-box:nth-of-type(1) h2 {
    font-size: 1.4em;
  }
  .atl-pindex-main-box:nth-of-type(2) {
    width: 90%;
    margin: 0 auto;
  }
  .atl-pindex-main-box:nth-of-type(2) ul {
    flex-direction: column;
  }
  .atl-pindex-main-box:nth-of-type(2) ul li {
    width: 100%;
    margin: 0.5em auto;
  }
  .atl-pindex-info-main-title {
    display: none;
  }
  .atl-pindex-info-location {
    display: none;
  }
  .atl-pindex-info-wrapper {
    flex-direction: column;
  }
  .atl-pindex-info-wrapper-box p {
    margin: 0.5em 0;
  }
  .atl-pindex-info-list h4 {
    width: 50%;
    font-size: 0.8em;
  }
  .atl-pindex-info-txt svg {
    height: 15%;
  }
  .atl-pindex-info-txt p {
    font-size: 0.9em;
  }
  .atl-pindex-info-travel-box h2 {
    font-size: 1em;
  }
  /*-------------------------------------------------------------- 
  Download
  --------------------------------------------------------------*/
  .atl-downloads-content-box {
    width: 100%;
  }
  /*-------------------------------------------------------------- 
  Credit
  --------------------------------------------------------------*/
  .atl-credit-container {
    flex-direction: column;
  }
  .atl-credit-container p {
    font-size: 0.8em;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-content {
    width: 100%;
    bottom: 15%;
  }
  .atl-foo-content-box {
    margin-bottom: 1em;
  }
  .atl-foo-content-box h2 {
    font-size: 0.9rem;
  }
  .atl-foo-content-box h2 svg {
    width: 25px;
  }
  .atl-foo-content-box ul li {
    margin: 0 1em;
    font-size: 0.8rem;
  }
  .atl-foo-content-box .atl-foo-social {
    margin-top: 1em;
    justify-content: center;
  }
  .atl-foo-content-box .atl-foo-social svg {
    width: 30px;
  }
  .atl-foo-content-box:nth-of-type(2) ul, .atl-foo-content-box:nth-of-type(3) ul {
    flex-direction: column;
  }
  .atl-foo-content-box:nth-of-type(2) ul li, .atl-foo-content-box:nth-of-type(3) ul li {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .atl-foo-content-end {
    margin-top: 2em;
  }
  .atl-foo-content-end ul {
    flex-direction: column;
  }
  .atl-foo-content-end ul li {
    margin-bottom: 0.5em;
  }
  .atl-foo-content-end p {
    display: none;
  }
  .atl-foo-globe {
    top: -3%;
  }
  .atl-foo-overlay-box:nth-of-type(1) {
    height: 15%;
  }
  .atl-foo-overlay-box:nth-of-type(1) svg {
    top: 250%;
    scale: 5;
    transform: translateX(20%);
  }
  .atl-foo-overlay-box:nth-of-type(2) {
    height: 85%;
  }
  .atl-foo-overlay-box:nth-of-type(3) {
    display: none;
  }
}
@media only screen and (max-width: 300px) {
  /*-------------------------------------------------------------- 
  Main Banner
  --------------------------------------------------------------*/
  .atl-ms-content-title h1 {
    font-size: 1.2rem;
  }
  .atl-ms-content-txt p {
    font-size: 0.8rem;
  }
  .atl-ms-globe {
    bottom: 10%;
  }
  .atl-ms-globe .atl-rotatingGlobe {
    scale: 1.2;
  }
  .atl-ms-overlay {
    flex-direction: column;
  }
  .atl-ms-overlay-box:nth-of-type(1) h3:nth-of-type(2) {
    bottom: 20%;
  }
  .atl-ms-overlay-box:nth-of-type(2) {
    height: 25%;
  }
  .atl-ms-overlay-box:nth-of-type(3) {
    bottom: -10%;
    right: 0;
  }
  /*-------------------------------------------------------------- 
  About Us Company
  --------------------------------------------------------------*/
  .atl-aus-content:nth-of-type(2) {
    padding: 3em 0 0 0;
  }
  .atl-aus-content-title h1 {
    font-size: 0.9rem;
  }
  .atl-aus-content-txt p {
    font-size: 0.6rem;
  }
  .atl-aus-content-box {
    width: 90%;
  }
  .atl-aus-content-box-txt {
    width: 100%;
  }
  .atl-aus-content-box-txt h2 {
    font-size: 0.9rem;
  }
  .atl-aus-content-box-txt h3 {
    font-size: 0.6rem;
  }
  /*-------------------------------------------------------------- 
  About Us Nacional
  --------------------------------------------------------------*/
  .atl-aun-content:nth-of-type(1) {
    top: -22.5em;
    left: -21.5em;
  }
  .atl-aun-content:nth-of-type(1) .atl-rotatingGlobe {
    transform: scale(0.25);
  }
  .atl-aun-content:nth-of-type(2) {
    margin: -250% auto 0;
  }
  .atl-aun-content-title h1 {
    font-size: 0.9rem;
  }
  .atl-aun-content-txt p {
    font-size: 0.6rem;
  }
  .atl-aun-content-txt a {
    padding: 0.3rem 0.7rem;
    font-size: 0.6rem;
  }
  /*-------------------------------------------------------------- 
  Testimonials
  --------------------------------------------------------------*/
  .atl-clients-content {
    width: 98%;
  }
  .atl-clients-content-head-title h3 {
    font-size: 0.7rem;
  }
  .atl-clients-content-head-title p {
    font-size: 0.6rem;
  }
  .atl-clients-content:nth-of-type(5), .atl-clients-content:nth-of-type(6), .atl-clients-content:nth-of-type(7), .atl-clients-content:nth-of-type(8), .atl-clients-content:nth-of-type(9) {
    display: none;
  }
  /*-------------------------------------------------------------- 
  FAQ
  --------------------------------------------------------------*/
  .atl-faq-head h1 {
    font-size: 0.9rem;
  }
  .atl-faq-container {
    height: 80%;
    padding: 1em 0;
    align-items: flex-start;
    justify-content: center;
  }
  .atl-faq-content ul li {
    margin: 0 auto 0.5em;
  }
  .atl-faq-content ul li h3 {
    font-size: 0.6rem;
  }
  .atl-faq-overlay svg {
    top: 10%;
    scale: 1.8;
  }
  /*-------------------------------------------------------------- 
  Destination
  --------------------------------------------------------------*/
  .atl-swiper-dest-content:nth-of-type(1) h1 {
    font-size: 0.9rem;
  }
  .atl-swiper-dest-content:nth-of-type(2) h1 {
    font-size: 1rem;
  }
  .atl-swiper-dest-content:nth-of-type(2) svg {
    height: 20px;
  }
  .atl-swiper-dest-content:nth-of-type(2) h3 {
    font-size: 1rem;
  }
  .atl-swiper-dest-content-btn {
    bottom: 3em;
  }
  .atl-swiper-dest-content-btn a span {
    font-size: 0.6rem;
  }
  .atl-route-distance {
    top: -1.6em;
  }
  .atl-route-distance p {
    font-size: 0.8rem;
  }
  .atl-route-distance p svg {
    width: 15px;
  }
  .atl-route-start, .atl-route-end {
    font-size: 0.6rem;
  }
  /*-------------------------------------------------------------- 
  Footer
  --------------------------------------------------------------*/
  .atl-foo-content-box h2 {
    font-size: 0.9rem;
  }
  .atl-foo-content-box ul li {
    font-size: 0.6rem;
  }
  .atl-foo-content-box ul li svg {
    width: 15px;
  }
  .atl-foo-content-box .atl-foo-social svg {
    width: 25px;
  }
  .atl-foo-content-end {
    margin-top: 0.5em;
  }
  .atl-foo-content-end ul li {
    font-size: 0.6rem;
  }
  .atl-foo-globe {
    top: 0;
  }
}