/************************\
       /**                      **\
      /***     GENERAL CSS      ***/
       /**                      **/
        /************************/




      @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;
      }

      body,
      html{
            height: 100%;
      }

      .default-page-style ul{
            list-style: none;
      }

      .image-dots-container > i{
           margin: 0 10px;
           font-size: 24px;
      }

      .default-page-style{
            font-family: 'Lato', sans-serif;
            text-align: center;
            color: #000B1F;
      }

      .default-page-style p{
            padding-bottom: 24px;
            font-size: 20px;
      }

      .default-page-style h1{
            font-size: 104px;
            font-weight: 400;
            color: #7D909D;
      }

      .default-page-style h2{
            font-size: 50px;
            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: 20px;
           padding: 10px 30px;
           border-radius: 0;
           border: #7B919E 3px solid;
           cursor: pointer;
      }

      .default-page-style i{
            cursor: pointer;
      }


      /*****************************/
      /*     Container: Header     */
      /*****************************/


      /*     Header-Module     */
      /*************************/

      .general-header-nav .header-module-content{
            background-color: #213B4F;
            height: 20vh;
            margin-top: 8vh;
            min-height: 140px;
      }

      .general-header-nav ul a{
            color: #FFF;
            text-decoration: none;
            font-size: 30px;
            font-weight: 900;
            padding: 0 50px;
      }

      .general-header-nav .nav-link-1{
            display: flex;
            align-items: center;
      }

      .general-header-nav .nav-link-1::before,
      .general-header-nav .nav-link-1::after{
            content: "";
            width: 50px;
            display: inline-block;
            border-bottom: 3px solid #fff;
      }

      .general-header-nav .header-module-content{
            display: flex;
            justify-content: space-between;
      }

      .general-header-nav .nav-wrapper{
            order: 1;
            align-self: flex-end;
            margin-bottom: 50px;
            margin-right: 100px;
      }

      .general-header-nav .nav-wrapper ul{
            display: flex;
      }

      .general-header-nav .header-image-wrapper a{
            height: 0;
            display: block;
      }

      .general-header-nav .header-image-wrapper{
            position: relative;
            left: 160px;
            top: -8vh;
      }

      .general-header-nav .header-image-wrapper img{
            background-color: #001D30;
      }




      /*     Slider-Module     */
      /*************************/

      .home-header-slider{
            color: #fff;
            text-align: center;
      }

      .home-header-slider .slider-module{
            height: 72vh;
            min-height: 700px;
            background: no-repeat center center scroll;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;

            justify-content: center;
            display: flex;
            flex-direction: column;
      }

      .home-header-slider .slider-module > a {
            font-size: 64px;
            margin-top: 70px;
            text-decoration: none;
            height: 0;
            color: #fff;
      }

      .home-header-slider .slider-module-container{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
      }

      .home-header-slider .slider-module-container h1{
            color: #fff;
            font-weight: 300;
            border-bottom: 1px #fff solid;
            padding: 40px 0;
            margin: 0 40px;
      }

      .home-header-slider .slider-module-container h2{
            color: #fff;
            max-width: 1210px;
            padding-top: 30px;
            padding-bottom: 60px;
            margin: 0 100px;
      }

      .home-header-slider .slider-module-container i{
            font-size: 128px;
      }

      .home-header-slider .slider-module-content{
            background-color: #000f2566;
            border: 1px solid #000F25;
            margin: 0 70px;
      }

      /*     Default-Header-Module     */
      /*********************************/

      .general-header-panel{
            color: #fff;
            text-align: center;
      }

      .general-header-panel .title-card-wrapper{
            height: 72vh;
            min-height: 700px;
            background: no-repeat center center scroll;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;

            display: flex;
            flex-direction: column;
            justify-content: center;
      }

      .general-header-panel .title-card{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            width: 80%;

            background-color: #000f2566;
            border: 1px solid #000F25;
            margin: auto;
      }

      .general-header-panel .title-card h1{
            color: #fff;
            font-weight: 100;
            border-bottom: 1px #fff solid;
            padding: 40px 0;
            margin: 0 40px;
      }

      .general-header-panel .title-card h2{
            color: #fff;
            max-width: 1210px;
            padding-top: 30px;
            padding-bottom: 60px;
            margin: 0 100px;
      }


      /*****************************/
      /*     Container: footer     */
      /*****************************/

      .default-footer-tm,
      .default-footer-nav{
            background-color: #00162B;
            color: #fff;
            font-weight: 900;
      }

      .default-footer-nav a{
            color: #fff;
      }

      /*     Header-Module     */
      /*************************/

      .default-footer-nav{
            padding-top: 40px;
      }

      .default-footer-nav .nav{
            display: flex;
            justify-content: center;
            padding: 30px 0;
      }

      .default-footer-nav li{
            padding: 0 16px;
            border-right: 3px solid #fff;
      }

      .default-footer-nav .nav-link-3{
            border: 0
      }

      /*     Footer-Module     */
      /*************************/

      .default-footer-tm{
            padding-bottom: 40px;
      }

      .default-footer-tm p{
            font-size: 17px;
      }










      .left-align .basic-it-content{
            display: flex;
            align-items: center;
            min-height: 100vh;
            padding: 160px 80px;
      }

      .right-align .basic-it-content{
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: center;
            min-height: 100vh;
            padding: 160px 80px;
      }

      .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 HOME     ***/
       /**                   **/
        /*********************/

      /***************************/
      /*     Container: news     */
      /***************************/

      /*     Select-Slider-Module     */
      /********************************/

      .home-news-slider{
            min-height: 980px;
      }

      .home-news-slider .select-slider-module-container{
            display: flex;
            height: 100%;
            padding: 90px 0;
      }

      .home-news-slider .select-slider-module-container > div{
            width: 50%;
      }

      .home-news-slider .select-slider-text-container{
            margin-right: 120px;
            margin-left: 60px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
      }

      .home-news-slider .select-slider-text-container h1{
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
      }

      .home-news-slider .select-slider-text-container h1::before,
      .home-news-slider .select-slider-text-container h1::after{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }

      .home-news-slider .select-slider-text-container h2{
            font-size: 75px;
            font-weight: 100;
      }

      .home-news-slider .select-slider-text-container h3{
            font-size: 30px;
            color: #7D909D;
            margin-bottom: 70px; 
      }

      .home-news-slider .select-slider-image-container{
            margin-right: 60px;
            margin-left: 120px;
      }

      .home-news-slider .select-slider-text{
            margin-bottom: 66px;
      }

      .home-news-slider .select-slider-image{
            height: 100%;

            background: no-repeat center center scroll;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
      }


      /****************************/
      /*     Container: about     */
      /****************************/


      .home-about-html{
            background-color: #F5F8FA;
            padding-top: 80px;
      }

      .home-about-html h1{
            display: flex;
            align-items: center;
            justify-content: space-evenly;
      }

      .home-about-html h1::after,
      .home-about-html h1::before{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }


      /*     Basic-IT-Module     */
      /***************************/

      .home-about-it{
            background-color: #F5F8FA;
            padding: 0 160px;
            padding-bottom: 80px;
      }

      .home-about-it h2{
            font-size: 75px;
            font-weight: 100;
            letter-spacing: 6.75px;
            margin-bottom: 90px;
      }

      .home-about-it p{
            padding-bottom: 60px;
      }

      .home-about-it button{
            background-color: #F5F8FA;
      }

      /***************************/
      /*     Container: team     */
      /***************************/

      .home-team-tti{
            margin-bottom: 90px;
      }

      .home-team-html{
            margin-top: 60px;
      }

      .home-team-html h1{
            color: #000B1F;
            margin: 65px 0;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
      }

      .home-team-html h1::after,
      .home-team-html h1::before{
            content: "";
            border: #000B1F 1px solid;
            width: 120px;
      }

      .lux-home-team-container .line-container{
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 70px;
      }

      .lux-home-team-container .line-container .right-line,
      .lux-home-team-container .line-container .left-line{
            border: 1px solid #000B1F;
            width: 100px;
      }

      /*     TTI-Module     */
      /**********************/

      .home-team-tti button{
            background-color: #fff;
            margin-top: 34px;
      }


      .home-team-tti .tti-module-content{
            display: flex;
            padding: 0 80px;
      }

      .home-team-tti .tti-submod-content{
            padding: 0 80px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 25%;
      }

      .home-team-tti .tti-text-content h2{
            font-size: 28px;
            font-weight: 900;
            letter-spacing: 2.5px;
            margin-bottom: 30px;
      }

      .home-team-tti .lux-home-team-container img{
            border-radius: 100%;
            width: 100%;
      }

      .home-team-tti .tti-image-content{
            width: 100%;
            padding-top: 100%;
            border-radius: 100%;
            background: center center no-repeat;
            background-size: 180%;
            margin-bottom: 50px;
      }

      /*****************************/
      /*     Container: slider     */
      /*****************************/


      /*     Expand-Slider-Module     */
      /********************************/

      .home-stories-slider {
            color: #fff;
      }

      .home-stories-slider h1{
            color: #fff;
      }

      .home-stories-slider button{
            background: rgba(0,0,0,0);
            color: #fff;
            border: #fff 3px solid;
            margin-bottom: 90px;
      }

      .home-stories-slider .expand-slider-module-container{
            height: 100vh;
            min-height: 980px;
            background: no-repeat center center scroll;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;

            display: flex;
            align-items: center;
      }

      .home-stories-slider .expand-slider-container-inner{
               width: 100%;
      }

      .home-stories-slider .expand-slider-content{
            width: 60%;
      }

      .home-stories-slider .expand-slider-container{
            display: flex;
            justify-content: center;
            align-items: center;
      }

      .home-stories-slider .expand-slider-container h1{
            display: flex;
            align-items: center;
            justify-content: space-between;
      }
      

      .home-stories-slider .expand-slider-container h1::after,
      .home-stories-slider .expand-slider-container h1::before{
            content: "";
            border: #fff 1px solid;
            width: 120px;
      }

      .home-stories-slider .expand-slider-container h2{
            font-size: 75px;
            letter-spacing: 6.75px;
            font-weight: 100;
      }

      .home-stories-slider .expand-slider-container > i{
            font-size: 128px;
            margin: 200px
      }

      .home-stories-slider .expand-slider-content-panel{
            border: solid 1px #fff;
            padding: 35px;
            margin-bottom: 90px;
            margin-top: 60px;
      }

      .home-stories-slider .expand-slider-content-panel h3{
            font-size: 75px;
            font-weight: 400;
            letter-spacing: 6.75px;
            margin-bottom: 30px;
      }



      /******************************/
      /*     Container: contact     */
      /******************************/

      .home-contact-html{
            margin-top: 60px;
      }

      .home-contact-html h1{
            display: flex;
            align-items: center;
            justify-content: center;
      }
      

      .home-contact-html h1::after,
      .home-contact-html h1::before{
            content: "";
            border: #7D909D 1px solid;
            width: 380px;
      }

      
      .home-contact-html h1::before{
            margin-right: 150px;
      }

      .home-contact-html h1::after{
            margin-left: 150px;
      }

      /*     Contact-Module     */
      /**************************/

      .home-contact-info{
            margin-bottom: 90px;
      }

      .home-contact-info .contact-information{
            position: relative;
            left: 15%;
            top: 100px;
            z-index: 3;

            margin-top: 30px;
            height: 0;
            width: 470px;

            color: #fff;
            font-weight: 900;
            
      }

      .home-contact-info .contact-information-content{
            background-color: #000f2566;
            padding: 50px;
      }

      .home-contact-info .contact-information i{
            font-size: 48px;
            margin-right: 30px;
      }

      .home-contact-info .contact-information li{
            display: flex;
            align-items: center;
            justify-content: center;
            padding-bottom: 60px;
      }

      .home-contact-info .contact-information .contact-entry-3{
            padding:0;
      }

      .home-contact-info .map-module{
            width: 80%;
            height: 720px;
            margin: 0 auto;
      }

      .home-contact-info .vue-map{
            width: 100%;
            height: 720px;
      }

      




        /************************\
       /**                      **\
      /***     PAGE ABOUT     ***/
       /**                      **/
        /************************/


      /***************************/
      /*     Container: about     */
      /***************************/

      .about-intro-html{
            margin-top: 60px;
      }

      .about-intro-html h1{
            display: flex;
            align-items: center;
            justify-content: space-around;
      }
      

      .about-intro-html h1::after,
      .about-intro-html h1::before{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }

      .about-intro-info h2{
            font-size: 75px;
            font-weight: 100;
            margin-bottom: 80px;
      }

      .about-intro-info p{
            padding-bottom: 16px;
      }

      .push-bottom{
            margin-bottom: 74px;
     }

      /*     Basic-IT-Module     */
      /***************************/

      .about-intro-info {
            padding: 0 160px;
      }

      .about-info-2{
            margin-top: 114px;
      }


      .about-info-3{
            margin-bottom: 60px;
      }

      /*     Gallery-Slider-Module     */
      /*********************************/

      .about-intro-slider .gallery-slider-module-container{
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 320px;

            font-size: 96px;
      }

      .about-intro-slider .gallery-slider-module-content{
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: max-content;
            margin: 120px 0;
            width: 80%;
      }

      .about-intro-slider .slider-gallery-image{
            height: 100px;
            width: auto;
            max-width: 500px;
            display: flex;
      }

      /***************************/
      /*     Container: team     */
      /***************************/

      /*     Basic-IT-Module     */
      /***************************/

      .about-team-html{
            background-color: #F5F8FA;
            padding-top: 60px;
      }

      .about-team-html h1{
            display: flex;
            align-items: center;
            justify-content: space-around;
      }
      

      .about-team-html h1::after,
      .about-team-html h1::before{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }

      .about-team .it-text-content h2{
            margin-bottom: 60px;
            font-size: 75px;
            font-weight: 400;
            letter-spacing: 6.75px;
            color: #364E60;
      }

      .about-team{
            background-color: #F5F8FA;
      }

      .about-team .basic-it-content > div{
            width: 50%;
            padding: 0 80px;
      }

      .about-team .it-image-content{
            border-radius: 100%;
            background: no-repeat center;
            background-size: 200%;
            width: 80%;
            padding-top: 80%;
      }

      .it-image-container{
            display: flex;
            justify-content: center;
      }

      /*****************************/
      /*     Container: gallery     */
      /*****************************/


      .about-partner-html{
            margin-top: 70px;
      }

      .about-partner-html h1{
            display: flex;
            align-items: center;
            justify-content: space-around;
      }

      .about-partner-html h1::after,
      .about-partner-html h1::before{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }

      .lux-about-slider-container{
            margin: 70px 0 100px 0;
      }

      .about-partner-slider{
            margin-bottom: 100px;
      }

      .about-partner-slider .gallery-slider-module-container{
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 320px;

            font-size: 96px;
      }

      .about-partner-slider .gallery-slider-module-content{
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            height: max-content;
            margin: 120px 0;
            width: 75%;
      }

      .about-partner-slider .slider-gallery-image{
            height: 100px;
            width: auto;
            max-width: 300px;
            background: no-repeat center center ;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
      }






        /************************\
       /**                      **\
      /***     PAGE STORIES     ***/
       /**                      **/
        /************************/
      
      /*     HTML-Module     */
      /***********************/

      .general-stories-html h1{
            padding-top: 60px;
            margin-bottom: 30px;
            display: flex;
            align-items: center;
            justify-content: space-around;
      }

      .general-stories-html h1::before,
      .general-stories-html h1::after{
            content: "";
            border: #7D909D 1px solid;
            width: 120px;
      }

      .general-stories-html h2{
            font-size: 75px;
            font-weight: 100;
            letter-spacing: 6.75px;
            color: #7D909D;
      }

      /*     Basic-IT-Module     */
      /***************************/

      .stories-content h2{
            margin-bottom: 120px;
            font-size: 75px;
            font-weight: 100;
            letter-spacing: 6.75px;
            color: #7D909D;
      }

      .stories-content .it-text-content p{
            padding-bottom: 16px;
      }

      .stories-content .it-text-content h2{
            margin-bottom: 60px;
            font-size: 75px;
            font-weight: 400;
            letter-spacing: 6.75px;
            color: #003249;
      }

      .stories-content .basic-it-content > div{
            width: 50%;
            padding: 0 80px;
      }

      .lux-stories-content .it-image-content{
            width: 100%;
            height: 100%;
      }

      .stories-content .it-image-content{
            border-radius: 100%;
            background: no-repeat center;
            background-size: 200%;
            width: 80%;
            padding-top: 80%;
      }

      .it-image-container{
            display: flex;
            justify-content: center;
      }









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


      /**************************/
      /*     Container: top     */
      /**************************/

            .contact-body-map{
                  height: 0;
            }

            .contact-body-map .map-module > *{
                  position: relative;
                  width: 100%;
                  height: 1700px;
                  z-index: -1;
            }

            
      /******************************/
      /*     Container: contact     */
      /******************************/

      .contact-body-form,
      .contact-body-info{
            color: #fff;
      }

      .contact-body-info{
            margin: 0 auto;
            margin-top:300px;
            background-color: #000f2566;
            border: 1px solid #000F25;
            border-bottom: 0;
            width: 80%;
            padding-top: 90px;
            padding-bottom: 60px;
      }

      .contact-body-info h1{
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
      }

      .contact-body-info h1::before,
      .contact-body-info h1::after{
            content: "";
            border: #fff 1px solid;
            width: 120px;
      }

      .contact-body-form ul{
            display: flex;
            flex-wrap: wrap;
            padding: 0 60px;
      }

      .contact-body-form li{
            width: 33%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 60px;
            font-weight: 900;
      }

      .contact-body-form .contact-entry-3{
            justify-content: center;
      }

      .contact-body-form ul li i{
            font-size: 58px;
            margin-right: 30px
      }

      .contact-body-form input{
            border-radius: 0;
            padding: 10px;
      }

      .contact-body-form{
            width: 80%;
            margin: 0 auto;
      }

      .contact-body-form .contact-information{
            background-color: #000f2566;
            border: 1px solid #000F25;
            border-top: 0;
      }

      .contact-body-form .contact-module-submod{
            width: 40%;
      }

      .contact-body-form form{
            display: flex;
            background-color: #000f2566;
            border: 1px solid #000F25;
            flex-direction: column;
            margin-top: 45px;
            margin-bottom: 60px;
            padding:45px;
      }

      .contact-body-form .contact-form input{
            margin-bottom: 45px;
      }