@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;900&display=swap');

        *{
              margin: 0;
              padding: 0;
              list-style: none;
              box-sizing: border-box;
        }
  
  a {
    color: white;
  }
  
        body,
        html{
              height: 100%;
        }
  
        .default-page-style ul{
              list-style: none;
        }
  
        .image-dots-container > i{
             margin: 0 0.625rem;
             font-size: 1.5rem;
        }
  
        .default-page-style{
              font-family: 'Lato', sans-serif;
              text-align: center;
              color: #000B1F;
        }
  
        .default-page-style p{
              padding-bottom: 1.5rem;
              font-size: 1.25rem;
        }
  
        .default-page-style h1{
              font-size: 6.5rem;
              font-weight: 400;
              color: #7D909D;
        }
  
        .default-page-style h2{
              font-size: 3.125rem;
              font-weight: 400;
        }
  
        .default-page-style h3{
              font-weight: 400;
        }
  
        .default-page-style a{
              text-decoration: none;
        }
  
  
        .default-page-style button{
              color: #7B919E;
             font-size: 1.25rem;
            font-weight: 900;
             padding: 0.625rem 1.875rem;
             border-radius: 0;
             border: #7B919E 3px solid;
             cursor: pointer;
        }
  
        .default-page-style i{
              cursor: pointer;
        }

.container-head > section,
.container-content > section,
.container-footer > section{
    padding: 0 10rem;
}
  
        @media (max-width: 1410px){
              .default-page-style h1{
                    font-size: 2.75rem;
              }
  
              .default-page-style h2{
                    font-size: 1.5625rem;
                    text-align: center;
              }
  
              .image-dots-container > i{
                    margin: 0 0.625rem;
                    font-size: 0.625rem;
              }
  
              .default-page-style p{
                    padding-bottom: 1.5rem;
                    font-size: 1.0625rem;
              }
              
              .container-head > section,
              .container-content > section,
              .container-footer > section{
                  padding: 0 2.1875rem;
              }
        }
  
        @media (max-width: 760px){
  
              .default-page-style p{
                    padding-bottom: 1.5rem;
                    font-size: 1.25rem;
                    text-align: center !important;
              }
  
              .default-page-style h1{
                    font-size: 1.875rem;
              }
  
              .default-page-style h2{
                    font-size: 1.5625rem;
                    text-align: center;
              }
              
        }
  
        #pop-up{
              position: fixed;
              left: 0;
              top: 0;
              width: 100vw;
              height: 100vh;
              display: flex;
              flex-direction: column;
              justify-content: center;
              background-color: #001D3050;
        }
  
        #pop-up a{
              font-size: 1.25rem;
              font-weight: 900;
              margin: 1.25rem 0;
              color: #fff;
        }
  
        #pop-up .close-nav-pop{
              font-size: 3.125rem;
              color: #fff;
              position: fixed;
              right: 3.125rem;
              top: 3.125rem;
        }

        /*****************************/
        /*     Container: footer     */
        /*****************************/
  
        .default-footer-back-top,
        .default-footer-tm,
        .default-footer-nav{
              background-color: #00162B;
              color: #fff;
              font-weight: 900;
        }
  
        .default-footer-nav a{
              color: #fff;
        }
  
        .default-footer-back-top a{
             font-size: 3rem;
             margin-top: 3rem;
        }
  
        .default-footer-back-top a:visited{
             color: #fff;
        }
  
        @media (max-width: 760px){
              .default-footer-tm p{
                    width: 200px;
                    margin: 0 auto;
                    padding-bottom: 3.75rem;
              }
        }


          /*************************************/
         /**                                   **/
        /***     PAGE HOME/STORIES GENERAL     ***/
         /**                                   **/
          /*************************************/
  
        .left-align .basic-it-content{
              display: flex;
              align-items: center;
              min-height: 100vh;
              padding: 10rem 5rem;
        }
  
        .right-align .basic-it-content{
              display: flex;
              flex-direction: row-reverse;
              justify-content: space-between;
              align-items: center;
              min-height: 100vh;
              padding: 10rem 5rem;
        }
  
        .left-align::before,
        .right-align::before{
              content: "";
              width: 200px;
              display: inline-block;
              border-bottom: 3px solid #9AAAB4;
        }
  
        .no-line::before{
              content: "";
              width: 0;
              display: inline-block;
              border-bottom: 0;
        }
  
        @media (max-width: 1410px){
              .left-align .basic-it-content{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    min-height: 100vh;
                    padding: 5rem 0;
              }
  
              .right-align .basic-it-content{
                    flex-direction: column;
                    padding: 5rem 0;
              }
        }
  
  
        @media (max-width: 760px){
  
              .left-align .basic-it-content{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    min-height: 100vh;
                    padding: 5rem 0;
              }
  
              .right-align .basic-it-content{
                    flex-direction: column;
                    padding: 5rem 0;
              }
  
              .left-align::before,
              .right-align::before{
                    content: "";
                    width: 200px;
                    display: inline-block;
                    border-bottom: 3px solid #9AAAB4;
              }
  
              .no-line::before{
                    content: "";
                    width: 0;
                    display: inline-block;
                    border-bottom: 0;
              }
        }

/****************************\
/**                        **\
/***     PAGE CONTACT     ***/
/**                        **/
/****************************/

.mail-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    margin: auto;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mail-loading {
    display: flex;
    background-color: #000f2566;
    border: 1px solid #000F25;
    flex-direction: column;
    margin-top: 2.8125rem;
    margin-bottom: 4.75rem;
    padding: 2.8125rem 2.8125rem 6.75rem;
    text-align: left;
    font-weight: 900;
}

.mail-loading p {
    text-align: center;
    margin: 60px auto;
}

@media(max-width: 1410px) {


    .mail-loading {
        display: flex;
        background-color: #000f2566;
        border: 1px solid #000F25;
        flex-direction: column;
        margin-top: 21.875rem;
        margin-bottom: 3.75rem;
        padding: 1.25rem 1.25rem 6.75rem;
        text-align: left;
        font-weight: 900;
    }
}