/* ==========MARGENES============ */
* {
    margin: 0;
    padding: 0;
  }
  /* ============================ */
  
  a{
    text-decoration: none;
    cursor: pointer;
  }
  
  
  /* ========================VARIABLES DE COLORES===================================== */
  :root{
    --colorprincipal:#003277;
    --colorsecundario: #4782da;
    --colorRojo:#FF454A;
    --colorAmarillo:#FCC453;
    --colorBlanco: #ffffff;
    --colorNegro: #233044;
    --colorBoton:#4782da;
    --primarioMira: #233044;
    --secundarioMira: #0e2132;
    --grisMira: #9197a1;
    --azulBrillanteMira: #4782da;
    --azulOscuroMira: #2e4b76;
    --rojoMira: #FF1D0D;
    --mostazaMira: #E68A00;
    --azulLogos: #146F8E;
    --blueNoti: #1876f2;
    

  
  }
  /* =================================================================================== */
  
  
  
.colorazul{
  color: var(--colorsecundario);
}
  
  
  
  
  
  
  
  
  /*=========================================== BODY =============================================*/
  body {
    width: 100%;
    display: block;
    height: 100vh;
    overflow: hidden;
    font-family: "Raleway", sans-serif;
    position: relative;
    background-color: #0e2132;
  }
  /*================================================================================================*/
  
  
  
  
  
  
  
  /* ============================================DFLEX============================================== */
  .dFlex, nav .menu ul, .login_cart, .login_cart .login, .content_ .one_stop, .content_ .cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* =============================================================================================== */
  
  
  
  
  
  
  
  /* ============================================BG_1============================================== */
  .bg_1 {
    width: 100vw;
    height: 100vh;
    display: block;
    background-image: url(../images/admisiones2022/bg_.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* ================================================================================================= */
  
  
  
  
  
  
  
  
  /* =================================================CONTAINER======================================= */
  .container {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  /* =============================================BG_================================================= */
  .bg_ {
    width: 100vw;
    height: 100vh;
    background-image: url(../images/admisiones2022/bg_.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* ================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* =============================================ABS_IMG================================================= */
  .abs_img {
    position: absolute;
    right: 20vw;
    bottom: 10vw;
    width: 29vw;
    -webkit-filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
            filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ======================================================================================================= */
  
  
  
  
  
  
  
  
  /* ========================================ABS_IMG======================================================== */
  .abs_img img {
    display: block;
    width: 100%;
  }
  /* ======================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================TOP_LEFT_IMG====================================================== */
  .top_left_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 14vw;
  }
  /* ============================================================================================================ */
  
  
  
  
  
  
  
  
  /* ==============================================ABS_IMG======================================================== */
  .top_left_img img {
    width: 100%;
    display: block;
  }
  /* ============================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ==============================================CONTENT-WRAPPER================================================= */
  .content_wrapper {
    position: relative;
    padding: 20px 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100vh;
  }
  /* ================================================================================================================= */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================HEADER======================================================== */
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  
  /* ===================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV============================================================= */
  
  nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* ========================================================================================================================= */
  
  
  
  
  
  
  
  
  
  /* ========================================================NAV .LOGO======================================================== */
  nav .logo {
    width: 450px;
    text-align: left;
  }
  /* ========================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ==================================================NAV .LOGO H1============================================================== */
  nav .logo h1 {
    text-align: left;
    font-family: "Sansita Swashed";
    font-weight: 400;
    font-size: 1.5vw;
  }
  /* ============================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU================================================================== */
  nav .menu {
    margin-left: 5vw;
  }
  /* ================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL================================================================= */
  nav .menu ul {
    list-style-type: none;
    font-weight: bold;
  }
  /* ================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU UL LI================================================================ */
  nav .menu ul li {
    cursor: pointer;
  }
  /* ===================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV .MENU========================================================================== */
  nav .menu ul li + li {
    margin-left: 25px;
  }
  /* =========================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
  nav .menu ul li.active a {
    color: var(--colorBlanco);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===================================================MENU A  ================================================================= */
  nav .menu ul li.active a {
    color: var(--colorBlanco);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ====================================================  A  ====================================================================================== */
  nav .menu ul li a {
    color: var(--colorBlanco);
    text-decoration: none;
  }
  /* =============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================LOGIN_CART==================================================================== */
  .login_cart {
    width: 11vw;
    height: 3vw;
    background-color: var(--colorBlanco);
    border-radius: 2.5vw;
    margin-right: calc(30px + 9vw);
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===============================================================LOGIN_CART .CART_================================================================== */
  .login_cart .cart_ {
    font-weight: bold;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================================LOGIN_CART .LOGIN================================================================ */
  
  .login_cart .login {
    background-color: #47a70f;
    color: var(--colorBlanco);
    height: 2vw;
    border-radius: 2vw;
    width: 5vw;
    font-size: .95vw;
    margin-left: 10px;
    text-transform: uppercase;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================================TOP_RIGHT================================================================================= */
  
  .top_right {
    position: absolute;
    top: 0;
    right: 30px;
    width: 9vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================CONTENT============================================================================ */
  .content_ {
    position: absolute;
    top: 50%;
    left: 15vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40%;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
  
  .content_ .one_stop {
    background-color: #2a3234;
    color:var(--colorBlanco);
    text-transform: uppercase;
    width: 10vw;
    height: 2.5vw;
    font-size: 1.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* =====================================================CONTENT H1===================================================================================== */
  
  .content_ h1 {
    color: var(--colorBlanco);
    font-size: 5vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ======================================================CONTENT_ H2=================================================================================== */
  
  .content_ h2 {
    font-size: 3vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
    color:#ffffff
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ==================================================CONTENT_ P====================================================================================== */
  
  .content_ p {
    font-size: 1rem;
    padding-right: 6vw;
    line-height: 1.5;
    margin: 2vw 0;
    color:#ffffff
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  /* ===================================================CONTENT_ .CTA=================================================================================== */
  
  .content_ .cta {
    width: 12vw;
    height: 3vw;
    background-color:var(--colorBoton);
    color:var(--colorBlanco);
    text-transform: uppercase;
    font-size: 1.2vw;
    border-radius: 3vw;
    cursor: pointer;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ===============================================================SOCIAL============================================================================ */
  
  .social {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ============================================================SOCIAL A =================================================================================== */
  
  .social a {
    cursor: pointer;
    color: var(--colorsecundario);
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ========================================================SOCIAL A .FA======================================================================================== */
  
  .social a .fa {
    font-size: 18px;
  }
  /* ============================================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* =======================================================SOCIAL A.ACTIVE .FA======================================================================================== */
  
  .social a.active .fa {
    color: var(--colorBlanco);
  }
  /* ==================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ==============================================================SOCIAL A + A ======================================================================================== */
  
  .social a + a {
    margin-top: 20px;
  }
  /* ====================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SOCIAL A:HOVER .FA=============================================================================== */
  
  .social a:hover .fa {
    color: var(--colorBlanco);
  }
  /* ======================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SMALL_IMG================================================================================= */
  
  .small_img {
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================SM_IMG ========================================================================================== */
  
  .sm_img {
    position: absolute;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  /* ===================================================SM_1 ========================================================================================== */
  
  .sm_1 {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 8vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===============================================================SM_2==================================================================================== */
  
  .sm_2 {
    bottom: 2vw;
    left: 60%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* =====================================================SM_3  ========================================================================================== */
  .sm_3 {
    bottom: 0;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  /* =============================================================SM_4 ====================================================================================== */
  .sm_4 {
    bottom: 1vw;
    left: 80%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ================================================================SM_5 ============================================================================= */
  
  .sm_5 {
    bottom: 0;
    right: 0vw;
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_6 ================================================================================ */
  .sm_6 {
    bottom: 4vw;
    left: 64%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  /* ==========================================================SM_7=================================================================================== */
  .sm_7 {
    bottom: 6vw;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_ 8================================================================================= */
  .sm_8 {
    bottom: 5.5vw;
    right: 2vw;
    width: 10vw;
  }
  /* =================================================================================================================================================== */
  
  
  /*# sourceMappingURL=style.css.map */




  
  
  
  /* ==================================================RESPONSIVE DESIGN MOBILE DEVICE  ================================================================================= */
  
  

    /* =========================EXTRA SMALL CELULARES======================================== */
    /*--------------------- Extra small devices (phones, 600px and down) ------------------------------*/
    @media only screen and (max-width: 600px) {

    
            /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
            
            .content_ .one_stop {
                width: 4rem;
                height: 1.7rem;
                font-size: 0.7rem;
            }
            /* =================================================================================================================================================== */
            


            /* =====================================================CONTENT H1===================================================================================== */
            
            .content_ h1 {
                
                font-size: 2.3rem;
                font-weight: 400;
            }
            /* =================================================================================================================================================== */
              
            
            /* ======================================================CONTENT_ H2=================================================================================== */
            
            .content_ h2 {
                font-size: 2rem;
                font-weight: 400;
            }
            /* =================================================================================================================================================== */
            
         
            /* ==================================================CONTENT_ P====================================================================================== */
            
            .content_ p {
                font-size: 9px;
                padding-right: 1rem;
                line-height: 1.5;
                margin: 1rem 0.9;
            }
            /* =================================================================================================================================================== */
            
                                   
            /* ===================================================CONTENT_ .CTA=================================================================================== */
            
            .content_ .cta {
                width: 5rem;
                height: 1.7rem;
                font-size: 12px;
                border-radius: 2rem;
                cursor: pointer;
            }
            /* =================================================================================================================================================== */
                   
            
            /* ===============================================================SOCIAL============================================================================ */
            
            .social {
                position: absolute;
                left: 30px;
                top: 88%;
                
            }
            /* =================================================================================================================================================== */
            
            

            
            
            /* =============================================ABS_IMG================================================= */
            .abs_img {
                position: absolute;
                right: 2rem;
                bottom: 4rem;
                width: 10rem;
               
            }
            /* ======================================================================================================= */
            
            
            
            /* ===================================================SM_1 ========================================================================================== */
            
            .sm_1 {
                bottom: 4rem;
                left: 44%;
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
            

            
            /* ===============================================================SM_2==================================================================================== */
            
            .sm_2 {
                bottom: 2rem;
                left: 40%;
              
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
            

            
            /* =====================================================SM_3  ========================================================================================== */
            .sm_3 {
                bottom: 0;
                left: 50%;
                width: 2.9rem;
            }
            /* =================================================================================================================================================== */
            
            
    
            
            /* =============================================================SM_4 ====================================================================================== */
            .sm_4 {
                bottom: 1rem;
                left: 75%;
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
     
            
            /* ================================================================SM_5 ============================================================================= */
            
            .sm_5 {
                bottom: 0;
                right: 0.1rem;
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
            
            

            
            
            /* ============================================================SM_6 ================================================================================ */
            .sm_6 {
                bottom: 2.5rem;
                left: 54%;
                
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
            
            
            
            
            
            
            /* ==========================================================SM_7=================================================================================== */
            .sm_7 {
                bottom: 6vw;
                left: 65%;
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
            
    
            
            
            /* ============================================================SM_ 8================================================================================= */
            .sm_8 {
                bottom: 2rem;
                right: 1rem;
                width: 2.8rem;
            }
            /* =================================================================================================================================================== */
            
    }
    /* ======================================================================================= */



    /* =========================MEDIUM CELULARES========================================== */
    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {

                  
          /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
            
            .content_ .one_stop {
              width: 4rem;
              height: 1.7rem;
              font-size: 0.7rem;
          }
          /* =================================================================================================================================================== */
          


          /* =====================================================CONTENT H1===================================================================================== */
          
          .content_ h1 {
              
              font-size: 9px;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
            
          
          /* ======================================================CONTENT_ H2=================================================================================== */
          
          .content_ h2 {
              font-size: 2rem;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
          
       
          /* ==================================================CONTENT_ P====================================================================================== */
          
          .content_ p {
              font-size: 1rem;
              padding-right: 1rem;
              line-height: 1.5;
              margin: 1rem 0.9;
          }
          /* =================================================================================================================================================== */
          
                                 
          /* ===================================================CONTENT_ .CTA=================================================================================== */
          
          .content_ .cta {
              width: 6rem;
              height: 2rem;
              font-size: 15px;
              border-radius: 2rem;
              cursor: pointer;
          }
          /* =================================================================================================================================================== */
                 
          
          /* ===============================================================SOCIAL============================================================================ */
          
          .social {
              position: absolute;
              left: 30px;
              top: 88%;
              
          }
          /* =================================================================================================================================================== */
          
          

          
          
          /* =============================================ABS_IMG================================================= */
          .abs_img {
              position: absolute;
              right: 2rem;
              bottom: 4rem;
              width: 10rem;
             
          }
          /* ======================================================================================================= */
          
          
          
          /* ===================================================SM_1 ========================================================================================== */
          
          .sm_1 {
              bottom: 4rem;
              left: 37%;
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* ===============================================================SM_2==================================================================================== */
          
          .sm_2 {
              bottom: 2rem;
              left: 40%;
            
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* =====================================================SM_3  ========================================================================================== */
          .sm_3 {
              bottom: 0;
              left: 50%;
              width: 2.9rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          /* =============================================================SM_4 ====================================================================================== */
          .sm_4 {
              bottom: 1rem;
              left: 75%;
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
   
          
          /* ================================================================SM_5 ============================================================================= */
          
          .sm_5 {
              bottom: 0;
              right: 0.1rem;
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
          
          

          
          
          /* ============================================================SM_6 ================================================================================ */
          .sm_6 {
              bottom: 2.5rem;
              left: 54%;
              
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
          
          
          
          
          
          
          /* ==========================================================SM_7=================================================================================== */
          .sm_7 {
              bottom: 6vw;
              left: 65%;
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          
          /* ============================================================SM_ 8================================================================================= */
          .sm_8 {
              bottom: 2rem;
              right: 1rem;
              width: 2.8rem;
          }
          /* =================================================================================================================================================== */



    }
    /* ====================================================================== */


    /*==================== TABLETS ==========================================*/
    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
      
            /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
            
            .content_ .one_stop {
              width: 8rem;
              height: 3rem;
              font-size: 1.5rem;
          }
          /* =================================================================================================================================================== */
          


          /* =====================================================CONTENT H1===================================================================================== */
          
          .content_ h1 {
              
              font-size: 5rem;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
            
          
          /* ======================================================CONTENT_ H2=================================================================================== */
          
          .content_ h2 {
              font-size: 5rem;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
          
       
          /* ==================================================CONTENT_ P====================================================================================== */
          
          .content_ p {
              font-size: 1rem;
              padding-right: 1rem;
              line-height: 1.5;
              margin: 1rem 0.9;
          }
          /* =================================================================================================================================================== */
          
                                 
          /* ===================================================CONTENT_ .CTA=================================================================================== */
          
          .content_ .cta {
              width: 11rem;
              height: 4rem;
              font-size: 25px;
              border-radius: 2rem;
              cursor: pointer;
          }
          /* =================================================================================================================================================== */
                 
          
          /* ===============================================================SOCIAL============================================================================ */
          
          .social {
              position: absolute;
              left: 30px;
              top: 88%;
              
          }
          /* =================================================================================================================================================== */
          
          

          
          
          /* =============================================ABS_IMG================================================= */
          .abs_img {
              position: absolute;
              right: 2rem;
              bottom: 8rem;
              width: 25rem;
             
          }
          /* ======================================================================================================= */
          
          
          
          /* ===================================================SM_1 ========================================================================================== */
          
          .sm_1 {
              bottom: 8rem;
              left: 40%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* ===============================================================SM_2==================================================================================== */
          
          .sm_2 {
              bottom: 5rem;
              left: 45%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* =====================================================SM_3  ========================================================================================== */
          .sm_3 {
              bottom: 0;
              left: 50%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          /* =============================================================SM_4 ====================================================================================== */
          .sm_4 {
              bottom: 1rem;
              left: 75%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
   
          
          /* ================================================================SM_5 ============================================================================= */
          
          .sm_5 {
              bottom: 0;
              right: 0.1rem;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          
          

          
          
          /* ============================================================SM_6 ================================================================================ */
          .sm_6 {
              bottom: 5rem;
              left: 54%;
              width: 6rem;
          }
          /* =================================================================================================================================================== */
          
          
          
          
          
          
          
          /* ==========================================================SM_7=================================================================================== */
          .sm_7 {
              bottom: 4rem;
              left: 65%;
              width: 6rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          
          /* ============================================================SM_ 8================================================================================= */
          .sm_8 {
              bottom: 4rem;
              right: 5rem;
              width: 4rem;
          }
          /* =================================================================================================================================================== */
    
    

                
        
        /* ===============================================================SOCIAL============================================================================ */
        
        .social {
        
          left: 30px;
          top: 85%;
        }
        /* =================================================================================================================================================== */
        
        
        
        
        
        /* ========================================================SOCIAL A .FA======================================================================================== */
        
        .social a .fa {
          font-size: 35px;
        }
        /* ============================================================================================================================================================ */
        
        
        
        /* ==============================================================SOCIAL A + A ======================================================================================== */
        
        .social a + a {
          margin-top: 20px;
        }
        /* ====================================================================================================================================================================== */
        
        
          
      
      
      
      /* ==================================================NAV .LOGO H1============================================================== */
      nav .logo h1 {
        text-align: left;
        font-family: "Sansita Swashed";
        font-weight: 400;
        font-size: 1;
      }
      /* ============================================================================================================================== */
      
      
      
      
      
      
      /* ====================================================NAV .MENU================================================================== */
      nav .menu {
        margin-left: 5vw;
      }
      /* ================================================================================================================================ */
      
      
      
      
      /* ===================================================NAV .MENU UL================================================================= */
      nav .menu ul {
        list-style-type: none;
        font-weight: bold;
      }
      /* ================================================================================================================================== */
      
      
      
      /* ====================================================NAV .MENU UL LI================================================================ */
      nav .menu ul li {
        cursor: pointer;
      }
      /* ===================================================================================================================================== */
      
      
      
      /* ======================================================NAV .MENU========================================================================== */
      nav .menu ul li + li {
        margin-left: 25px;
      }
      /* =========================================================================================================================================== */
      
      
      
          /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
          nav .menu ul li.active a {
            color: var(--colorBlanco);
            text-decoration: none;
          }
          /* ============================================================================================================================================== */
          
    
          
          
          /* ===================================================MENU A  ================================================================= */
          nav .menu ul li.active a {
            color: var(--colorBlanco);
            text-decoration: none;
          }
          /* ============================================================================================================================================== */
      
          
          /* ====================================================  A  ====================================================================================== */
          nav .menu ul li a {
            color: var(--colorBlanco);
            text-decoration: none;
          }
          /* =============================================================================================================================================== */
          


    
    }
    /* ======================================================================= */
    
    
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
      
  /* ============================================DFLEX============================================== */
  .dFlex, nav .menu ul, .login_cart, .login_cart .login, .content_ .one_stop, .content_ .cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* =============================================================================================== */
  
  
  
  
  
  
  
  /* ============================================BG_1============================================== */
  .bg_1 {
    width: 100vw;
    height: 100vh;
    display: block;
    background-image: url(../images/admisiones2022/bg_.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* ================================================================================================= */
  
  
  
  
  
  
  
  
  /* =================================================CONTAINER======================================= */
  .container {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  /* =============================================BG_================================================= */
  .bg_ {
    width: 100vw;
    height: 100vh;
    background-image: url(../images/admisiones2022/bg_.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* ================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* =============================================ABS_IMG================================================= */
  .abs_img {
    position: absolute;
    right: 20vw;
    bottom: 10vw;
    width: 29vw;
    -webkit-filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
            filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ======================================================================================================= */
  
  
  
  
  
  
  
  
  /* ========================================ABS_IMG======================================================== */
  .abs_img img {
    display: block;
    width: 100%;
  }
  /* ======================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================TOP_LEFT_IMG====================================================== */
  .top_left_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 14vw;
  }
  /* ============================================================================================================ */
  
  
  
  
  
  
  
  
  /* ==============================================ABS_IMG======================================================== */
  .top_left_img img {
    width: 100%;
    display: block;
  }
  /* ============================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ==============================================CONTENT-WRAPPER================================================= */
  .content_wrapper {
    position: relative;
    padding: 20px 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100vh;
  }
  /* ================================================================================================================= */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================HEADER======================================================== */
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  
  /* ===================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV============================================================= */
  
  nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* ========================================================================================================================= */
  
  
  
  
  
  
  
  
  
  /* ========================================================NAV .LOGO======================================================== */
  nav .logo {
    width: 450px;
    text-align: left;
  }
  /* ========================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ==================================================NAV .LOGO H1============================================================== */
  nav .logo h1 {
    text-align: left;
    font-family: "Sansita Swashed";
    font-weight: 400;
    font-size: 1.5vw;
  }
  /* ============================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU================================================================== */
  nav .menu {
    margin-left: 5vw;
  }
  /* ================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL================================================================= */
  nav .menu ul {
    list-style-type: none;
    font-weight: bold;
  }
  /* ================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU UL LI================================================================ */
  nav .menu ul li {
    cursor: pointer;
  }
  /* ===================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV .MENU========================================================================== */
  nav .menu ul li + li {
    margin-left: 25px;
  }
  /* =========================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
  nav .menu ul li.active a {
    color: var(--colorsecundario);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===================================================MENU A  ================================================================= */
  nav .menu ul li.active a {
    color: var(--colorsecundario);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ====================================================  A  ====================================================================================== */
  nav .menu ul li a {
    color: var(--colorsecundario);
    text-decoration: none;
  }
  /* =============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================LOGIN_CART==================================================================== */
  .login_cart {
    width: 11vw;
    height: 3vw;
    background-color: var(--colorBlanco);
    border-radius: 2.5vw;
    margin-right: calc(30px + 9vw);
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===============================================================LOGIN_CART .CART_================================================================== */
  .login_cart .cart_ {
    font-weight: bold;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================================LOGIN_CART .LOGIN================================================================ */
  
  .login_cart .login {
    background-color: #47a70f;
    color: var(--colorBlanco);
    height: 2vw;
    border-radius: 2vw;
    width: 5vw;
    font-size: .95vw;
    margin-left: 10px;
    text-transform: uppercase;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================================TOP_RIGHT================================================================================= */
  
  .top_right {
    position: absolute;
    top: 0;
    right: 30px;
    width: 9vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================CONTENT============================================================================ */
  .content_ {
    position: absolute;
    top: 50%;
    left: 15vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40%;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
  
  .content_ .one_stop {
    background-color: #2a3234;
    color:var(--colorBlanco);
    text-transform: uppercase;
    width: 10vw;
    height: 2.5vw;
    font-size: 1.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* =====================================================CONTENT H1===================================================================================== */
  
  .content_ h1 {
    color: var(--colorsecundario);
    font-size: 5vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ======================================================CONTENT_ H2=================================================================================== */
  
  .content_ h2 {
    font-size: 3vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ==================================================CONTENT_ P====================================================================================== */
  
  .content_ p {
    font-size: 1.2vw;
    padding-right: 6vw;
    line-height: 1.5;
    margin: 2vw 0;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  /* ===================================================CONTENT_ .CTA=================================================================================== */
  
  .content_ .cta {
    width: 12vw;
    height: 3vw;
    background-color:var(--colorsecundario);
    color:var(--colorBlanco);
    text-transform: uppercase;
    font-size: 1.2vw;
    border-radius: 3vw;
    cursor: pointer;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ===============================================================SOCIAL============================================================================ */
  
  .social {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ============================================================SOCIAL A =================================================================================== */
  
  .social a {
    cursor: pointer;
    color: var(--colorBlanco);
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ========================================================SOCIAL A .FA======================================================================================== */
  
  .social a .fa {
    font-size: 18px;
  }
  /* ============================================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* =======================================================SOCIAL A.ACTIVE .FA======================================================================================== */
  
  .social a.active .fa {
    color: var(--colorBlanco);
  }
  /* ==================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ==============================================================SOCIAL A + A ======================================================================================== */
  
  .social a + a {
    margin-top: 20px;
  }
  /* ====================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SOCIAL A:HOVER .FA=============================================================================== */
  
  .social a:hover .fa {
    color: var(--colorsecundario);
  }
  /* ======================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SMALL_IMG================================================================================= */
  
  .small_img {
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================SM_IMG ========================================================================================== */
  
  .sm_img {
    position: absolute;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  /* ===================================================SM_1 ========================================================================================== */
  
  .sm_1 {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 8vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===============================================================SM_2==================================================================================== */
  
  .sm_2 {
    bottom: 2vw;
    left: 60%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* =====================================================SM_3  ========================================================================================== */
  .sm_3 {
    bottom: 0;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  /* =============================================================SM_4 ====================================================================================== */
  .sm_4 {
    bottom: 1vw;
    left: 80%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ================================================================SM_5 ============================================================================= */
  
  .sm_5 {
    bottom: 0;
    right: 0vw;
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_6 ================================================================================ */
  .sm_6 {
    bottom: 4vw;
    left: 64%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  /* ==========================================================SM_7=================================================================================== */
  .sm_7 {
    bottom: 6vw;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_ 8================================================================================= */
  .sm_8 {
    bottom: 5.5vw;
    right: 2vw;
    width: 10vw;
  }
  /* =================================================================================================================================================== */
  
  
  /*# sourceMappingURL=style.css.map */


    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
      
  
  /* ============================================DFLEX============================================== */
  .dFlex, nav .menu ul, .login_cart, .login_cart .login, .content_ .one_stop, .content_ .cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* =============================================================================================== */
  
  
  
  
  
  
  
  /* ============================================BG_1============================================== */
  .bg_1 {
    width: 100vw;
    height: 100vh;
    display: block;
    background-image: url(../images/admisiones2022/bg_.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
  }
  /* ================================================================================================= */
  
  
  
  
  
  
  
  
  /* =================================================CONTAINER======================================= */
  .container {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  /* =============================================BG_================================================= */
  .bg_ {
    width: 100vw;
    height: 100vh;
    background-image: url(../images/admisiones2022/bg_.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* ================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* =============================================ABS_IMG================================================= */
  .abs_img {
    position: absolute;
    right: 20vw;
    bottom: 10vw;
    width: 29vw;
    -webkit-filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
            filter: drop-shadow(0 10px 8px rgba(42, 50, 52, 0.6));
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* ======================================================================================================= */
  
  
  
  
  
  
  
  
  /* ========================================ABS_IMG======================================================== */
  .abs_img img {
    display: block;
    width: 100%;
  }
  /* ======================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================TOP_LEFT_IMG====================================================== */
  .top_left_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 14vw;
  }
  /* ============================================================================================================ */
  
  
  
  
  
  
  
  
  /* ==============================================ABS_IMG======================================================== */
  .top_left_img img {
    width: 100%;
    display: block;
  }
  /* ============================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ==============================================CONTENT-WRAPPER================================================= */
  .content_wrapper {
    position: relative;
    padding: 20px 30px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100vh;
  }
  /* ================================================================================================================= */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================HEADER======================================================== */
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  
  /* ===================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV============================================================= */
  
  nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* ========================================================================================================================= */
  
  
  
  
  
  
  
  
  
  /* ========================================================NAV .LOGO======================================================== */
  nav .logo {
    width: 450px;
    text-align: left;
  }
  /* ========================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ==================================================NAV .LOGO H1============================================================== */
  nav .logo h1 {
    text-align: left;
    font-family: "Sansita Swashed";
    font-weight: 400;
    font-size: 1.5vw;
  }
  /* ============================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU================================================================== */
  nav .menu {
    margin-left: 5vw;
  }
  /* ================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL================================================================= */
  nav .menu ul {
    list-style-type: none;
    font-weight: bold;
  }
  /* ================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================NAV .MENU UL LI================================================================ */
  nav .menu ul li {
    cursor: pointer;
  }
  /* ===================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ======================================================NAV .MENU========================================================================== */
  nav .menu ul li + li {
    margin-left: 25px;
  }
  /* =========================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
  nav .menu ul li.active a {
    color: var(--colorsecundario);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===================================================MENU A  ================================================================= */
  nav .menu ul li.active a {
    color: var(--colorBlanco);
    text-decoration: none;
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ====================================================  A  ====================================================================================== */
  nav .menu ul li a {
    color: var(--colorBlanco);
    text-decoration: none;
  }
  /* =============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================LOGIN_CART==================================================================== */
  .login_cart {
    width: 11vw;
    height: 3vw;
    background-color: var(--colorBlanco);
    border-radius: 2.5vw;
    margin-right: calc(30px + 9vw);
  }
  /* ============================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ===============================================================LOGIN_CART .CART_================================================================== */
  .login_cart .cart_ {
    font-weight: bold;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===================================================================LOGIN_CART .LOGIN================================================================ */
  
  .login_cart .login {
    background-color: #47a70f;
    color: var(--colorBlanco);
    height: 2vw;
    border-radius: 2vw;
    width: 5vw;
    font-size: .95vw;
    margin-left: 10px;
    text-transform: uppercase;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* =========================================================TOP_RIGHT================================================================================= */
  
  .top_right {
    position: absolute;
    top: 0;
    right: 30px;
    width: 9vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ================================================================CONTENT============================================================================ */
  .content_ {
    position: absolute;
    top: 50%;
    left: 15vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 40%;
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
  
  .content_ .one_stop {
    background-color: #2a3234;
    color:var(--colorBlanco);
    text-transform: uppercase;
    width: 10vw;
    height: 2.5vw;
    font-size: 1.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* =====================================================CONTENT H1===================================================================================== */
  
  .content_ h1 {
    color: var(--colorsecundario);
    font-size: 5vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ======================================================CONTENT_ H2=================================================================================== */
  
  .content_ h2 {
    font-size: 3vw;
    font-family: "Sansita Swashed";
    font-weight: 400;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ==================================================CONTENT_ P====================================================================================== */
  
  .content_ p {
    font-size: 1.3rem;
    padding-right: 6vw;
    line-height: 1.5;
    margin: 2vw 0;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  /* ===================================================CONTENT_ .CTA=================================================================================== */
  
  .content_ .cta {
    width: 12vw;
    height: 3vw;
    background-color:var(--colorsecundario);
    color:var(--colorBlanco);
    text-transform: uppercase;
    font-size: 1.2vw;
    border-radius: 3vw;
    cursor: pointer;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* ===============================================================SOCIAL============================================================================ */
  
  .social {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  /* ============================================================SOCIAL A =================================================================================== */
  
  .social a {
    cursor: pointer;
    color: var(--colorsecundario);
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  /* ========================================================SOCIAL A .FA======================================================================================== */
  
  .social a .fa {
    font-size: 18px;
  }
  /* ============================================================================================================================================================ */
  
  
  
  
  
  
  
  
  
  
  
  /* =======================================================SOCIAL A.ACTIVE .FA======================================================================================== */
  
  .social a.active .fa {
    color: var(--colorBlanco);
  }
  /* ==================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ==============================================================SOCIAL A + A ======================================================================================== */
  
  .social a + a {
    margin-top: 20px;
  }
  /* ====================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SOCIAL A:HOVER .FA=============================================================================== */
  
  .social a:hover .fa {
    color: var(--colorsecundario);
  }
  /* ======================================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ====================================================================SMALL_IMG================================================================================= */
  
  .small_img {
    -webkit-perspective: 1000px;
            perspective: 1000px;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ===================================================SM_IMG ========================================================================================== */
  
  .sm_img {
    position: absolute;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  /* ===================================================SM_1 ========================================================================================== */
  
  .sm_1 {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 8vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ===============================================================SM_2==================================================================================== */
  
  .sm_2 {
    bottom: 2vw;
    left: 60%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  /* =====================================================SM_3  ========================================================================================== */
  .sm_3 {
    bottom: 0;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  /* =============================================================SM_4 ====================================================================================== */
  .sm_4 {
    bottom: 1vw;
    left: 80%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  /* ================================================================SM_5 ============================================================================= */
  
  .sm_5 {
    bottom: 0;
    right: 0vw;
    width: 4vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_6 ================================================================================ */
  .sm_6 {
    bottom: 4vw;
    left: 64%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  /* ==========================================================SM_7=================================================================================== */
  .sm_7 {
    bottom: 6vw;
    left: 70%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 2.5vw;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  
  
  
  
  
  
  
  /* ============================================================SM_ 8================================================================================= */
  .sm_8 {
    bottom: 5.5vw;
    right: 2vw;
    width: 10vw;
  }
  /* =================================================================================================================================================== */
  
  
  /*# sourceMappingURL=style.css.map */



    }


    /*========================= EXTRA LARGE DEVICES (IPAD PRO) ==================== */
    @media only screen and (min-width: 1024px) and (max-width:1366px){
      
  
      
      /* ============================================BG_1============================================== */
      .bg_1 {
        width: 100vw;
        height: 100vh;
        display: block;
        background-image: url(../images/admisiones2022/bg_.jpg);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
      }
      /* ================================================================================================= */
      
      
      
      
      /* =================================================CONTAINER======================================= */
      .container {
        width: 100%;
        height: 100vh;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
      }
      /* ================================================================================================ */
      
      
      
      /* =============================================BG_================================================= */
      .bg_ {
        width: 100vw;
        height: 100vh;
        background-image: url(../images/admisiones2022/bg_.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      /* ================================================================================================== */
      
      
      
      /* =============================================ABS_IMG================================================= */
      .abs_img {
        position: absolute;
        right: 10rem;
        bottom: 11rem;
        width: 30rem;
        
      }
      /* ======================================================================================================= */
      
      
      
      
      
      /* ========================================ABS_IMG======================================================== */
      .abs_img img {
        display: block;
        width: 100%;
      }
      /* ======================================================================================================== */
      
      
      
      
      
      
      /* =========================================TOP_LEFT_IMG====================================================== */
      .top_left_img {
        position: absolute;
        left: 0;
        top: 0;
        width: 14vw;
      }
      /* ============================================================================================================ */
      
      
      
      
      
      /* ==============================================ABS_IMG======================================================== */
      .top_left_img img {
        width: 100%;
        display: block;
      }
      /* ============================================================================================================== */
      
      
      /* ==============================================CONTENT-WRAPPER================================================= */
      .content_wrapper {
        position: relative;
        padding: 20px 30px 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        height: 100vh;
      }
      /* ================================================================================================================= */
      
      
      
      
      
      
      /* ===================================================HEADER======================================================== */
      header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        position: relative;
        z-index: 1;
      }
      
      /* ===================================================================================================================== */
      
      
      
      
      
      /* ======================================================NAV============================================================= */
      
      nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
      /* ========================================================================================================================= */
      
      
      
      
      
      /* ========================================================NAV .LOGO======================================================== */
      nav .logo {
        width: 450px;
        text-align: left;
      }
      /* ========================================================================================================================== */
      
      
      
      
      
      
      /* ==================================================NAV .LOGO H1============================================================== */
      nav .logo h1 {
        text-align: left;
        font-family: "Sansita Swashed";
        font-weight: 400;
        font-size: 1.5vw;
      }
      /* ============================================================================================================================== */
      
      
      
      
      
      
      
      /* ====================================================NAV .MENU================================================================== */
      nav .menu {
        margin-left: 5vw;
      }
      /* ================================================================================================================================ */
      
      
      
      
      
      /* ===================================================NAV .MENU UL================================================================= */
      nav .menu ul {
        list-style-type: none;
        font-weight: bold;
      }
      /* ================================================================================================================================== */
      
      
      
      
      
      
      /* ====================================================NAV .MENU UL LI================================================================ */
      nav .menu ul li {
        cursor: pointer;
      }
      /* ===================================================================================================================================== */
      
      
      
      
      
      /* ======================================================NAV .MENU========================================================================== */
      nav .menu ul li + li {
        margin-left: 25px;
      }
      /* =========================================================================================================================================== */
      
      
      
      
      
      
      
      /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
      nav .menu ul li.active a {
        color: var(--colorsecundario);
        text-decoration: none;
        font-size: 1.6rem;
      }
      /* ============================================================================================================================================== */
      
      
      
      
      
      
      /* ===================================================MENU A  ================================================================= */
      nav .menu ul li.active a {
        color: var(--colorsecundario);
        text-decoration: none;
      }
      /* ============================================================================================================================================== */
      
      
      
      
      
      
      /* ====================================================  A  ====================================================================================== */
      nav .menu ul li a {
        color: var(--colorsecundario);
        text-decoration: none;
        font-size: 1.6rem;
      }
      /* =============================================================================================================================================== */
      
      
      
      
      
      /* ================================================================LOGIN_CART==================================================================== */
      .login_cart {
        width: 11vw;
        height: 3vw;
        background-color: var(--colorBlanco);
        border-radius: 2.5vw;
        margin-right: calc(30px + 9vw);
      }
      /* ============================================================================================================================================== */
      
     
      
      
      /* ===============================================================LOGIN_CART .CART_================================================================== */
      .login_cart .cart_ {
        font-weight: bold;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ===================================================================LOGIN_CART .LOGIN================================================================ */
      
      .login_cart .login {
        background-color: #47a70f;
        color: var(--colorBlanco);
        height: 2vw;
        border-radius: 2vw;
        width: 5vw;
        font-size: .95vw;
        margin-left: 10px;
        text-transform: uppercase;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* =========================================================TOP_RIGHT================================================================================= */
      
      .top_right {
        position: absolute;
        top: 0;
        right: 30px;
        width: 9vw;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      
      /* ================================================================CONTENT============================================================================ */
      .content_ {
        position: absolute;
        top: 50%;
        left: 15vw;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 40%;
        -webkit-perspective: 1000px;
                perspective: 1000px;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
      
      .content_ .one_stop {
        background-color: #2a3234;
        color:var(--colorBlanco);
        text-transform: uppercase;
        width: 10vw;
        height: 2.5vw;
        font-size: 1.5vw;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* =====================================================CONTENT H1===================================================================================== */
      
      .content_ h1 {
        
        font-size: 5rem;
       
        font-weight: 400;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* ======================================================CONTENT_ H2=================================================================================== */
      
      .content_ h2 {
        font-size: 5rem;
        font-family: "Sansita Swashed";
        font-weight: 400;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ==================================================CONTENT_ P====================================================================================== */
      
      .content_ p {
        font-size: 1.1rem;
        padding-right: 6rem;
        line-height: 1.5;
        margin: 2vw 0;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* ===================================================CONTENT_ .CTA=================================================================================== */
      
      .content_ .cta {
        width: 12rem;
        height: 4rem;
        text-transform: uppercase;
        font-size: 1.7rem;
        border-radius: 3vw;
        cursor: pointer;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* ===============================================================SOCIAL============================================================================ */
      
      .social {
        position: absolute;
        left: 30px;
        top: 85%;
        
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ============================================================SOCIAL A =================================================================================== */
      
      .social a {
        cursor: pointer;
        color: #2a3234;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      
      
      
      /* ========================================================SOCIAL A .FA======================================================================================== */
      
      .social a .fa {
        font-size: 40px;
      }
      /* ============================================================================================================================================================ */
      
      
      
      
      
      /* =======================================================SOCIAL A.ACTIVE .FA======================================================================================== */
      
      .social a.active .fa {
        color: var(--colorsecundario);
      }
      /* ==================================================================================================================================================================== */
      
      
      
      
      
      
      /* ==============================================================SOCIAL A + A ======================================================================================== */
      
      .social a + a {
        margin-top: 20px;
      }
      /* ====================================================================================================================================================================== */
      
      
      
      
      
      
      
      /* ====================================================================SOCIAL A:HOVER .FA=============================================================================== */
      
      .social a:hover .fa {
        color: var(--colorsecundario);
      }
      /* ======================================================================================================================================================================== */
      
      
      
      
      
      /* ====================================================================SMALL_IMG================================================================================= */
      
      .small_img {
        -webkit-perspective: 1000px;
                perspective: 1000px;
        -webkit-transform-style: preserve-3d;
                transform-style: preserve-3d;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ===================================================SM_1 ========================================================================================== */
      
      .sm_1 {
        bottom: 3rem;
        left: 39%;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      /* ===============================================================SM_2==================================================================================== */
      
      .sm_2 {
        bottom: 3rem;
        left: 48%;
        width: 6rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* =====================================================SM_3  ========================================================================================== */
      .sm_3 {
        bottom: 0;
        left: 58%;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* =============================================================SM_4 ====================================================================================== */
      .sm_4 {
        bottom: 1rem;
        left: 80%;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ================================================================SM_5 ============================================================================= */
      
      .sm_5 {
        bottom: 0;
        right: 1rem;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      /* ============================================================SM_6 ================================================================================ */
      .sm_6 {
        bottom: 5rem;
        left: 62%;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      
      
      
      /* ==========================================================SM_7=================================================================================== */
      .sm_7 {
        bottom: 4rem;
        left: 75%;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
  
      
      
      /* ============================================================SM_ 8================================================================================= */
      .sm_8 {
        bottom: 12rem;
        right: 1rem;
        width: 8rem;
      }
      /* =================================================================================================================================================== */
      
      
      /*# sourceMappingURL=style.css.map */
    
    
    
    }
    
  /* ================================================================================== */
  
  
/* ==================================================================================  ================================================================================= */



/* ==================================================LANDSCAPE MOBILE DEVICE RESPONSIVE DESIGN ================================================================================= */


/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
      /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
            
      .content_ .one_stop {
        width: 4rem;
        height: 2rem;
        font-size: 0.8rem;
    }
    /* =================================================================================================================================================== */
    


    /* =====================================================CONTENT H1===================================================================================== */
    
    .content_ h1 {
        
        font-size: 1.5rem;
        font-weight: 400;
        margin-top: 10rem;
    }
    /* =================================================================================================================================================== */
      
    
    /* ======================================================CONTENT_ H2=================================================================================== */
    
    .content_ h2 {
        font-size: 1.5rem;
        font-weight: 400;
    }
    /* =================================================================================================================================================== */
    
 
    /* ==================================================CONTENT_ P====================================================================================== */
    
    .content_ p {
        font-size: 0.5rem;
        padding-right: 1rem;
        line-height: 1.5;
        margin: 1rem 0.9;
        margin-bottom: 1rem;
    }
    /* =================================================================================================================================================== */
    
                           
    /* ===================================================CONTENT_ .CTA=================================================================================== */
    
    .content_ .cta {
        width: 5rem;
        height: 1rem;
        font-size: 8px;
        border-radius: 2rem;
        cursor: pointer;
        margin-bottom: 6rem;
    }
    /* =================================================================================================================================================== */
           
    
    /* ===============================================================SOCIAL============================================================================ */
    
    .social {
        position: absolute;
        left: 30px;
        top: 88%;
        
    }
    /* =================================================================================================================================================== */
    
    

    
    
    /* =============================================ABS_IMG================================================= */
    .abs_img {
        position: absolute;
        right: 5.8rem;
        bottom: 4rem;
        width: 9rem;
       
    }
    /* ======================================================================================================= */
    
    
    
    /* ===================================================SM_1 ========================================================================================== */
    
    .sm_1 {
        bottom: 2.1rem;
        left: 50%;
        width: 2rem;
    }
    /* =================================================================================================================================================== */
    
    

    
    /* ===============================================================SM_2==================================================================================== */
    
    .sm_2 {
        bottom: 0rem;
        left: 55%;
        width: 2.8rem;
    }
    /* =================================================================================================================================================== */
    
    

    
    /* =====================================================SM_3  ========================================================================================== */
    .sm_3 {
        bottom: 0;
        left: 68%;
        width: 3rem;
    }
    /* =================================================================================================================================================== */
    
    

    
    /* =============================================================SM_4 ====================================================================================== */
    .sm_4 {
        bottom: 1rem;
        left: 85%;
        width: 3rem;
    }
    /* =================================================================================================================================================== */
    

    
    /* ================================================================SM_5 ============================================================================= */
    
    .sm_5 {
        bottom: 0;
        right: 0.1rem;
        width: 3rem;
    }
    /* =================================================================================================================================================== */
    
    
    

    
    
    /* ============================================================SM_6 ================================================================================ */
    .sm_6 {
        bottom: 5rem;
        left: 65%;
        width: 3rem;
    }
    /* =================================================================================================================================================== */
    
    
    
    
    
    
    
    /* ==========================================================SM_7=================================================================================== */
    .sm_7 {
        bottom: 2rem;
        left: 78%;
        width: 3rem;
    }
    /* =================================================================================================================================================== */
    
    

    
    
    /* ============================================================SM_ 8================================================================================= */
    .sm_8 {
        bottom: 4rem;
        right: 1rem;
        width: 3rem;
    }
    /* =================================================================================================================================================== */



          
  
  /* ===============================================================SOCIAL============================================================================ */
  
  .social {
    left: 30px;
    top: 65%;
  }
  /* =================================================================================================================================================== */
  
  
  
  
  
  /* ========================================================SOCIAL A .FA======================================================================================== */
  
  .social a .fa {
    font-size: 15px;
  }
  /* ============================================================================================================================================================ */
  
  
  
  /* ==============================================================SOCIAL A + A ======================================================================================== */
  
  .social a + a {
    margin-top: 20px;
  }
  /* ====================================================================================================================================================================== */
  
  
    



/* ==================================================NAV .LOGO H1============================================================== */
nav .logo h1 {
  text-align: left;
  font-family: "Sansita Swashed";
  font-weight: 400;
  font-size: 1px;
}
/* ============================================================================================================================== */






/* ====================================================NAV .MENU================================================================== */
nav .menu {
  margin-left: 5vw;
}
/* ================================================================================================================================ */




/* ===================================================NAV .MENU UL================================================================= */
nav .menu ul {
  list-style-type: none;
  font-weight: bold;
}
/* ================================================================================================================================== */



/* ====================================================NAV .MENU UL LI================================================================ */
nav .menu ul li {
  cursor: pointer;
}
/* ===================================================================================================================================== */



/* ======================================================NAV .MENU========================================================================== */
nav .menu ul li + li {
  margin-left: 25px;
  font-size: 8px;
}
/* =========================================================================================================================================== */



    /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
    nav .menu ul li.active a {
      color: var(--colorsecundario);
      text-decoration: none;
    }
    /* ============================================================================================================================================== */
    

    
    
    /* ===================================================MENU A  ================================================================= */
    nav .menu ul li.active a {
      color: var(--colorsecundario);
      text-decoration: none;
      font-size: 8px;
    }
    /* ============================================================================================================================================== */

    
    /* ====================================================  A  ====================================================================================== */
    nav .menu ul li a {
      color: var(--colorsecundario);
      text-decoration: none;
      font-size: 8px;
      
    }
    /* =============================================================================================================================================== */
    

  }




/* MOBILES NEXUS 5 5X SMALL ----------- */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
  /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
        
  .content_ .one_stop {
    width: 4rem;
    height: 2rem;
    font-size: 0.8rem;
}
/* =================================================================================================================================================== */



/* =====================================================CONTENT H1===================================================================================== */

.content_ h1 {
    
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 10rem;
}
/* =================================================================================================================================================== */
  

/* ======================================================CONTENT_ H2=================================================================================== */

.content_ h2 {
    font-size: 1.5rem;
    font-weight: 400;
}
/* =================================================================================================================================================== */


/* ==================================================CONTENT_ P====================================================================================== */

.content_ p {
    font-size: 0.5rem;
    padding-right: 1rem;
    line-height: 1.5;
    margin: 1rem 0.9;
    margin-bottom: 1rem;
}
/* =================================================================================================================================================== */

                       
/* ===================================================CONTENT_ .CTA=================================================================================== */

.content_ .cta {
    width: 5rem;
    height: 1rem;
    font-size: 8px;
    border-radius: 2rem;
    cursor: pointer;
    margin-bottom: 6rem;
}
/* =================================================================================================================================================== */
       

/* ===============================================================SOCIAL============================================================================ */

.social {
    position: absolute;
    left: 30px;
    top: 88%;
    
}
/* =================================================================================================================================================== */





/* =============================================ABS_IMG================================================= */
.abs_img {
    position: absolute;
    right: 8rem;
    bottom: 4.5rem;
    width: 11rem;
   
}
/* ======================================================================================================= */



/* ===================================================SM_1 ========================================================================================== */

.sm_1 {
    bottom: 2.8rem;
    left: 58%;
    width: 2rem;
}
/* =================================================================================================================================================== */




/* ===============================================================SM_2==================================================================================== */

.sm_2 {
    bottom: 0rem;
    left: 58%;
    width: 2.5rem;
}
/* =================================================================================================================================================== */




/* =====================================================SM_3  ========================================================================================== */
.sm_3 {
    bottom: 0;
    left: 68%;
    width: 3rem;
}
/* =================================================================================================================================================== */




/* =============================================================SM_4 ====================================================================================== */
.sm_4 {
    bottom: 1rem;
    left: 85%;
    width: 3rem;
}
/* =================================================================================================================================================== */



/* ================================================================SM_5 ============================================================================= */

.sm_5 {
    bottom: 0;
    right: 0.1rem;
    width: 3rem;
}
/* =================================================================================================================================================== */






/* ============================================================SM_6 ================================================================================ */
.sm_6 {
    bottom: 2rem;
    left: 65%;
    width: 3rem;
}
/* =================================================================================================================================================== */







/* ==========================================================SM_7=================================================================================== */
.sm_7 {
    bottom: 2rem;
    left: 78%;
    width: 3rem;
}
/* =================================================================================================================================================== */





/* ============================================================SM_ 8================================================================================= */
.sm_8 {
    bottom: 4rem;
    right: 1rem;
    width: 3rem;
}
/* =================================================================================================================================================== */



      

/* ===============================================================SOCIAL============================================================================ */

.social {
left: 30px;
top: 65%;
}
/* =================================================================================================================================================== */





/* ========================================================SOCIAL A .FA======================================================================================== */

.social a .fa {
font-size: 15px;
}
/* ============================================================================================================================================================ */



/* ==============================================================SOCIAL A + A ======================================================================================== */

.social a + a {
margin-top: 20px;
}
/* ====================================================================================================================================================================== */






/* ==================================================NAV .LOGO H1============================================================== */
nav .logo h1 {
text-align: left;
font-family: "Sansita Swashed";
font-weight: 400;
font-size: 1px;
}
/* ============================================================================================================================== */






/* ====================================================NAV .MENU================================================================== */
nav .menu {
margin-left: 5vw;
}
/* ================================================================================================================================ */




/* ===================================================NAV .MENU UL================================================================= */
nav .menu ul {
list-style-type: none;
font-weight: bold;
}
/* ================================================================================================================================== */



/* ====================================================NAV .MENU UL LI================================================================ */
nav .menu ul li {
cursor: pointer;
}
/* ===================================================================================================================================== */



/* ======================================================NAV .MENU========================================================================== */
nav .menu ul li + li {
margin-left: 25px;
font-size: 8px;
}
/* =========================================================================================================================================== */



/* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
}
/* ============================================================================================================================================== */




/* ===================================================MENU A  ================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 8px;
}
/* ============================================================================================================================================== */


/* ====================================================  A  ====================================================================================== */
nav .menu ul li a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 8px;
  
}
/* =============================================================================================================================================== */


}




  /* IPAD3 */
  @media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
                      /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
        
  .content_ .one_stop {
    width: 4rem;
    height: 2rem;
    font-size: 0.8rem;
}
/* =================================================================================================================================================== */



/* =====================================================CONTENT H1===================================================================================== */

.content_ h1 {
    
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 10rem;
}
/* =================================================================================================================================================== */
  

/* ======================================================CONTENT_ H2=================================================================================== */

.content_ h2 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 2rem;
}
/* =================================================================================================================================================== */


/* ==================================================CONTENT_ P====================================================================================== */

.content_ p {
    font-size: 0.4rem;
    padding-right: 1rem;
    line-height: 1.5;
    margin: 1rem 0.9;
    margin-bottom: 1rem;
}
/* =================================================================================================================================================== */

                       
/* ===================================================CONTENT_ .CTA=================================================================================== */

.content_ .cta {
    width: 5rem;
    height: 1rem;
    font-size: 8px;
    border-radius: 2rem;
    cursor: pointer;
    margin-bottom: 6rem;
}
/* =================================================================================================================================================== */
       

/* ===============================================================SOCIAL============================================================================ */

.social {
    position: absolute;
    left: 30px;
    top: 88%;
    
}
/* =================================================================================================================================================== */





/* =============================================ABS_IMG================================================= */
.abs_img {
    position: absolute;
    right: 9.8rem;
    bottom: 6rem;
    width: 11rem;
   
}
/* ======================================================================================================= */



/* ===================================================SM_1 ========================================================================================== */

.sm_1 {
    bottom: 2.8rem;
    left: 58%;
    width: 2rem;
}
/* =================================================================================================================================================== */




/* ===============================================================SM_2==================================================================================== */

.sm_2 {
    bottom: 0rem;
    left: 58%;
    width: 2.5rem;
}
/* =================================================================================================================================================== */




/* =====================================================SM_3  ========================================================================================== */
.sm_3 {
    bottom: 0;
    left: 68%;
    width: 3rem;
}
/* =================================================================================================================================================== */




/* =============================================================SM_4 ====================================================================================== */
.sm_4 {
    bottom: 1rem;
    left: 85%;
    width: 3rem;
}
/* =================================================================================================================================================== */



/* ================================================================SM_5 ============================================================================= */

.sm_5 {
    bottom: 0;
    right: 0.1rem;
    width: 3rem;
}
/* =================================================================================================================================================== */






/* ============================================================SM_6 ================================================================================ */
.sm_6 {
    bottom: 2rem;
    left: 65%;
    width: 3rem;
}
/* =================================================================================================================================================== */







/* ==========================================================SM_7=================================================================================== */
.sm_7 {
    bottom: 2rem;
    left: 78%;
    width: 3rem;
}
/* =================================================================================================================================================== */





/* ============================================================SM_ 8================================================================================= */
.sm_8 {
    bottom: 4rem;
    right: 1rem;
    width: 3rem;
}
/* =================================================================================================================================================== */



      

/* ===============================================================SOCIAL============================================================================ */

.social {
left: 30px;
top: 65%;
}
/* =================================================================================================================================================== */





/* ========================================================SOCIAL A .FA======================================================================================== */

.social a .fa {
font-size: 15px;
}
/* ============================================================================================================================================================ */



/* ==============================================================SOCIAL A + A ======================================================================================== */

.social a + a {
margin-top: 20px;
}
/* ====================================================================================================================================================================== */






/* ==================================================NAV .LOGO H1============================================================== */
nav .logo h1 {
text-align: left;
font-family: "Sansita Swashed";
font-weight: 400;
font-size: 1px;
}
/* ============================================================================================================================== */






/* ====================================================NAV .MENU================================================================== */
nav .menu {
margin-left: 5vw;
}
/* ================================================================================================================================ */




/* ===================================================NAV .MENU UL================================================================= */
nav .menu ul {
list-style-type: none;
font-weight: bold;
}
/* ================================================================================================================================== */



/* ====================================================NAV .MENU UL LI================================================================ */
nav .menu ul li {
cursor: pointer;
}
/* ===================================================================================================================================== */



/* ======================================================NAV .MENU========================================================================== */
nav .menu ul li + li {
margin-left: 25px;
font-size: 8px;
}
/* =========================================================================================================================================== */



/* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
}
/* ============================================================================================================================================== */




/* ===================================================MENU A  ================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 8px;
}
/* ============================================================================================================================================== */


/* ====================================================  A  ====================================================================================== */
nav .menu ul li a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 8px;
  
}
/* =============================================================================================================================================== */

  
  }






/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

            /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
            
          .content_ .one_stop {
              width: 4rem;
              height: 2rem;
              font-size: 0.8rem;
          }
          /* =================================================================================================================================================== */
          


          /* =====================================================CONTENT H1===================================================================================== */
          
          .content_ h1 {
              
              font-size: 3.3rem;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
            
          
          /* ======================================================CONTENT_ H2=================================================================================== */
          
          .content_ h2 {
              font-size: 3.3rem;
              font-weight: 400;
          }
          /* =================================================================================================================================================== */
          
       
          /* ==================================================CONTENT_ P====================================================================================== */
          
          .content_ p {
              font-size: 0.8rem;
              padding-right: 1rem;
              line-height: 1.5;
              margin: 1rem 0.9;
          }
          /* =================================================================================================================================================== */
          
                                 
          /* ===================================================CONTENT_ .CTA=================================================================================== */
          
          .content_ .cta {
              width: 8rem;
              height: 2rem;
              font-size: 14px;
              border-radius: 2rem;
              cursor: pointer;
          }
          /* =================================================================================================================================================== */
                 
          
          /* ===============================================================SOCIAL============================================================================ */
          
          .social {
              position: absolute;
              left: 30px;
              top: 88%;
              
          }
          /* =================================================================================================================================================== */
          
          

          
          
          /* =============================================ABS_IMG================================================= */
          .abs_img {
              position: absolute;
              right: 13rem;
              bottom: 9rem;
              width: 18rem;
             
          }
          /* ======================================================================================================= */
          
          
          
          /* ===================================================SM_1 ========================================================================================== */
          
          .sm_1 {
              bottom: 3rem;
              left: 50%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* ===============================================================SM_2==================================================================================== */
          
          .sm_2 {
              bottom: 0rem;
              left: 55%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          

          
          /* =====================================================SM_3  ========================================================================================== */
          .sm_3 {
              bottom: 0;
              left: 68%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          /* =============================================================SM_4 ====================================================================================== */
          .sm_4 {
              bottom: 1rem;
              left: 85%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
   
          
          /* ================================================================SM_5 ============================================================================= */
          
          .sm_5 {
              bottom: 0;
              right: 0.1rem;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          
          

          
          
          /* ============================================================SM_6 ================================================================================ */
          .sm_6 {
              bottom: 5rem;
              left: 65%;
              width: 5rem;
          }
          /* =================================================================================================================================================== */
          
          
          
          
          
          
          
          /* ==========================================================SM_7=================================================================================== */
          .sm_7 {
              bottom: 4rem;
              left: 78%;
              width: 6rem;
          }
          /* =================================================================================================================================================== */
          
          
  
          
          
          /* ============================================================SM_ 8================================================================================= */
          .sm_8 {
              bottom: 7rem;
              right: 2rem;
              width: 4rem;
          }
          /* =================================================================================================================================================== */
    
    

                
        
        /* ===============================================================SOCIAL============================================================================ */
        
        .social {
        
          left: 30px;
          top: 85%;
        }
        /* =================================================================================================================================================== */
        
        
        
        
        
        /* ========================================================SOCIAL A .FA======================================================================================== */
        
        .social a .fa {
          font-size: 25px;
        }
        /* ============================================================================================================================================================ */
        
        
        
        /* ==============================================================SOCIAL A + A ======================================================================================== */
        
        .social a + a {
          margin-top: 20px;
        }
        /* ====================================================================================================================================================================== */
        
        
          
      
      
      
      /* ==================================================NAV .LOGO H1============================================================== */
      nav .logo h1 {
        text-align: left;
        font-family: "Sansita Swashed";
        font-weight: 400;
        font-size: 1;
      }
      /* ============================================================================================================================== */
      
      
      
      
      
      
      /* ====================================================NAV .MENU================================================================== */
      nav .menu {
        margin-left: 5vw;
      }
      /* ================================================================================================================================ */
      
      
      
      
      /* ===================================================NAV .MENU UL================================================================= */
      nav .menu ul {
        list-style-type: none;
        font-weight: bold;
      }
      /* ================================================================================================================================== */
      
      
      
      /* ====================================================NAV .MENU UL LI================================================================ */
      nav .menu ul li {
        cursor: pointer;
      }
      /* ===================================================================================================================================== */
      
      
      
      /* ======================================================NAV .MENU========================================================================== */
      nav .menu ul li + li {
        margin-left: 25px;
        font-size: 15px;
      }
      /* =========================================================================================================================================== */
      
      
      
          /* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
          nav .menu ul li.active a {
            color: var(--colorsecundario);
            text-decoration: none;
          }
          /* ============================================================================================================================================== */
          
    
          
          
          /* ===================================================MENU A  ================================================================= */
          nav .menu ul li.active a {
            color: var(--colorsecundario);
            text-decoration: none;
            font-size: 15px;
          }
          /* ============================================================================================================================================== */
      
          
          /* ====================================================  A  ====================================================================================== */
          nav .menu ul li a {
            color: var(--colorsecundario);
            text-decoration: none;
            font-size: 15px;
          }
          /* =============================================================================================================================================== */
          

}





/* IPADS AND LAPTOP  1280px*720px (landscape) ----------- */
@media only screen and (min-device-width : 720px) and (max-device-width : 1280px) and (orientation : landscape) {

  /* ====================================================CONTENT_ .ONE_STOP======================================================================== */
  
.content_ .one_stop {
    width: 7rem;
    height: 2rem;
    font-size: 1rem;
}
/* =================================================================================================================================================== */



/* =====================================================CONTENT H1===================================================================================== */

.content_ h1 {
    
    font-size: 3.3rem;
    font-weight: 400;
}
/* =================================================================================================================================================== */
  

/* ======================================================CONTENT_ H2=================================================================================== */

.content_ h2 {
    font-size: 3.3rem;
    font-weight: 400;
}
/* =================================================================================================================================================== */


/* ==================================================CONTENT_ P====================================================================================== */

.content_ p {
    font-size: 0.8rem;
    padding-right: 1rem;
    line-height: 1.5;
    margin: 1rem 0.9;
}
/* =================================================================================================================================================== */

                       
/* ===================================================CONTENT_ .CTA=================================================================================== */

.content_ .cta {
    width: 10rem;
    height: 3rem;
    font-size: 19px;
    border-radius: 2rem;
    cursor: pointer;
}
/* =================================================================================================================================================== */
       

/* ===============================================================SOCIAL============================================================================ */

.social {
    position: absolute;
    left: 30px;
    top: 50%;
    
}
/* =================================================================================================================================================== */





/* =============================================ABS_IMG================================================= */
.abs_img {
    position: absolute;
    right: 17rem;
    bottom: 11rem;
    width: 21rem;
   
}
/* ======================================================================================================= */



/* ===================================================SM_1 ========================================================================================== */

.sm_1 {
    bottom: 3rem;
    left: 50%;
    width: 5rem;
}
/* =================================================================================================================================================== */




/* ===============================================================SM_2==================================================================================== */

.sm_2 {
    bottom: 0rem;
    left: 55%;
    width: 5rem;
}
/* =================================================================================================================================================== */




/* =====================================================SM_3  ========================================================================================== */
.sm_3 {
    bottom: 0;
    left: 72%;
    width: 5rem;
}
/* =================================================================================================================================================== */




/* =============================================================SM_4 ====================================================================================== */
.sm_4 {
    bottom: 2rem;
    left: 85%;
    width: 6rem;
}
/* =================================================================================================================================================== */



/* ================================================================SM_5 ============================================================================= */

.sm_5 {
    bottom: 0;
    right: 0.1rem;
    width: 5rem;
}
/* =================================================================================================================================================== */






/* ============================================================SM_6 ================================================================================ */
.sm_6 {
    bottom: 5rem;
    left: 65%;
    width: 5rem;
}
/* =================================================================================================================================================== */







/* ==========================================================SM_7=================================================================================== */
.sm_7 {
    bottom: 7rem;
    left: 79%;
    width: 6rem;
}
/* =================================================================================================================================================== */





/* ============================================================SM_ 8================================================================================= */
.sm_8 {
    bottom: 10rem;
    right: 2rem;
    width: 6rem;
}
/* =================================================================================================================================================== */



      




/* ========================================================SOCIAL A .FA======================================================================================== */

.social a .fa {
font-size: 25px;
}
/* ============================================================================================================================================================ */



/* ==============================================================SOCIAL A + A ======================================================================================== */

.social a + a {
margin-top: 20px;
}
/* ====================================================================================================================================================================== */






/* ==================================================NAV .LOGO H1============================================================== */
nav .logo h1 {
text-align: left;
font-family: "Sansita Swashed";
font-weight: 400;
font-size: 1;
}
/* ============================================================================================================================== */






/* ====================================================NAV .MENU================================================================== */
nav .menu {
margin-left: 5vw;
}
/* ================================================================================================================================ */




/* ===================================================NAV .MENU UL================================================================= */
nav .menu ul {
list-style-type: none;
font-weight: bold;
}
/* ================================================================================================================================== */



/* ====================================================NAV .MENU UL LI================================================================ */
nav .menu ul li {
cursor: pointer;
}
/* ===================================================================================================================================== */



/* ======================================================NAV .MENU========================================================================== */
nav .menu ul li + li {
margin-left: 25px;
font-size: 15px;
}
/* =========================================================================================================================================== */



/* ===================================================NAV .MENU UL LI ACTIVE A================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
}
/* ============================================================================================================================================== */




/* ===================================================MENU A  ================================================================= */
nav .menu ul li.active a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 15px;
}
/* ============================================================================================================================================== */


/* ====================================================  A  ====================================================================================== */
nav .menu ul li a {
  color: var(--colorsecundario);
  text-decoration: none;
  font-size: 15px;
}
/* =============================================================================================================================================== */


}















/* ========================================================================================  ========================================================================== */