                        /* ****************Loading**********************/

                    
                        .lds-facebook {
                            display: inline-block;
                            position: relative;
                            width: 80px;
                            height: 80px;
                          }
                          .lds-facebook div {
                            display: inline-block;
                            position: absolute;
                            left: 8px;
                            width: 16px;
                            background: #1A4990;
                            animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
                          }
                          .lds-facebook div:nth-child(1) {
                            left: 8px;
                            animation-delay: -0.24s;
                          }
                          .lds-facebook div:nth-child(2) {
                            left: 32px;
                            animation-delay: -0.12s;
                          }
                          .lds-facebook div:nth-child(3) {
                            left: 56px;
                            animation-delay: 0;
                          }
                          @keyframes lds-facebook {
                            0% {
                              top: 8px;
                              height: 64px;
                            }
                            50%, 100% {
                              top: 24px;
                              height: 32px;
                            }
                          }
                         /* ****************Loading**********************/
               
               
               body{
                    border: 0;
                    margin: 0;
                    /* overflow-x: hidden; */
                }

                    a{text-decoration: none;}
                    
                    a:focus, a:hover {
                        text-decoration: none;
                    }
                    
                    
                    body{margin: 0;}
                    ul{list-style: none;}
                    

                        /* **************** background **********************/
                        .background-section{ 
                            width: 100%;
                            height: 15vh;}
                        
                            .background-div-img {
                                background-color: #1A4990;
                                background-position-y: center;
                                height: 100%;
                                width: 100%;
                                display: flex;
                                position: relative;
                                flex-direction: row;
                                justify-content: center;
                                align-items: center;
                                align-content: center;
                                background-repeat: no-repeat;
                                background-size: cover;
                            }
                            .background-div-text-M img {
                                margin-top: 10px;
                                margin-bottom: 10px;
                            }
                        
                            .background-div-text-R {
                                height: 100%;
                                position: relative;
                                width: 33%;
                                display: flex;
                                align-items: center;
                                justify-content: flex-end;
                            }

                            .background-div-text-M{
                                height: 100%;
                                position: relative;
                                width: 33%;
                                display: flex;
                                justify-content: center;


                            }
                            .background-div-text-L{
                                height: 100%;
                                position: relative;
                                width: 33%;
                                display: flex;
                                justify-content: center; 
                            }

                            .background-div-line1 a{
                                    
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    justify-content: center;
                                }
                            


                        
                            .background-text {
                                margin: 0;
                                color: white;
                                font-family: 'Bebas Neue', cursive;
                                font-size: 40px;
                            }

                            .background-div-line{
                                width: 100%;
                                height: 5vh;
                                background-color: #1A4990;
                                display: flex;
                                justify-content: space-evenly;
                                flex-wrap: wrap;
                            }
                            .background-div-line1 {
                                width: 100%;
                                height: 10vh;
                                background-color: #1A4990;
                                display: flex;
                                justify-content: center;
                                align-items: stretch;
                            }
                            .background-div-line1 img {
                                margin-top: 20px;

                                
                            }

                            
                            /* **************** img **********************/                            
                            .background-div-section{
                                width: 100%;
                                position: relative;

                            }
                            .background-div-lineX {
                                width: 100%;
                                background-color: #1A4990;
                                height: 60px;
                                position: absolute;
                                z-index: -1;
                            }
                            .background-div {
                                width: 100%;
                                display: flex;
                                justify-content: space-evenly;
                                flex-wrap: wrap;
                            }
                            .CATALOG-div{
                                height: 490px;
                                width: 350px;
                                margin-bottom: 40px;
                            }
                            .CATALOG-div-lang {
                                width: 350px;
                                height: 100%;
                                display: flex;
                                justify-content: space-evenly;
                            }
                            .small-line{
                                height: 100%;
                                width: 1px;
                                background-color: white;
                            }
                            .CATALOG-div-lang p{
                                color: white;
                                font-family: 'Bebas Neue', cursive;
                                font-size: 30px;
                                cursor: pointer;
                            }
                            .CATALOG-text {
                                width: 100%;
                                height: 60px;
                                background-color: white;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                            .CATALOG-img {
                                width: 350px;
                                height: 350px;
                                display: flex;
                            }
                            .CATALOG-img a {
                                width: 100%;
                                height: 100%;
                                display: flex;
                                overflow: hidden;

                            }
                            .img-CATALOG{
                                transition: all 0.2s;
                            }





                            .CATALOG-B {
                                width: 100%;
                                height: 80px;
                                display: flex;
                                flex-direction: row;
                                align-content: stretch;
                                justify-content: space-between;
                                align-items: flex-end;
                            }
                            .CATALOG-text p{

                                margin: 0;
                                font-size: 25px;
                                font-family: 'Bebas Neue', cursive;
                                color: #333;


                            }
                            .CATALOG-B-text-div{
                                width: 100%;
                                height: 50px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                background-color: #1A4990;
                                transition: all 0.3s;
                            }
                            .CATALOG-B-text-div p{
                                margin: 0;
                                font-size: 25px;
                                font-family: 'Bebas Neue', cursive;
                                color: rgb(255, 255, 255);
                                transition: all 0.3s;
                            }
                            .CATALOG-div-text-img{
                                box-shadow: 0px 0px 20px #000000;
                            }
                            .CATALOG-B a {
                                width: 50%;
                                height: 100%;
                                display: flex;
                                align-items: flex-end;
                            }

                            .lang-set {
                                width: 100%;
                                display: flex;
                            }


                            .img-CATALOG:hover {transform: scale(1.1);}
                            
                            .CATALOG-B-text-div:hover {background-color: #1d5dbd;}
                            
                            .CATALOG-B-text-div:hover .text-CATALOG {color: #333;}

                            .CATALOG-div-text:hover {text-shadow: 0px 0px 20px #000000; }
                            

                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            /* **************** background phone **********************/

                            @media only screen and (max-width: 1000px) {

                                .CATALOG-div {
                                    height: 420px;
                                    width: 30%;
                                    margin-bottom: 40px;
                                }

                                .CATALOG-text {
                                    width: 100%;
                                    height: 60px;
                                    background-color: white;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                }
                                .CATALOG-img a {
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    overflow: hidden;
                                    flex-direction: column;
                                }
                                .CATALOG-img {
                                    width: 100%;
                                    height: auto;
                                    display: flex;
                                }
                                .CATALOG-B {
                                    width: 100%;
                                    height: 80px;
                                    display: flex;
                                    flex-direction: column;
                                    align-content: stretch;
                                    justify-content: space-between;
                                    align-items: center;
                                }
                                .CATALOG-B a {
                                    width: 100%;
                                    height: 100%;
                                    display: flex;
                                    align-items: flex-end;
                                    margin-bottom: 5px;
                                }

                                .background-div-text-R {
                                    height: 100%;
                                    position: absolute;
                                    width: 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                }
                                .CATALOG-text p{
                                    font-size: 20px;
                                }
                                .CATALOG-B-text-div p{
                                    font-size: 20px;
                                }

                            }







