*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  
}
::-webkit-scrollbar {
    display: none;
    overflow: hidden
}
@import url('http://fonts.cdnfonts.com/css/myriad-pro');
body {
    background-image:url('../img/fondo-ing.jpg');
    background-size: cover;
}   

    .contenedor-mayorista{
        grid-area: a;
        display: grid;
        grid-template-columns: 1fr ;
    }
        .subtitulo-logo{
            display: none !important; 
        }
        #logo_sn{
            display: none !important; 
        }
        .contenedor-minorista2{
            display: grid;
            grid-template-columns: repeat(1,1fr);
            grid-template-areas:
            "area5"
            "area6"
            "area7"
            "area8"
            "area9"
            "area10";
        }
        .contenedor-minorista2>#logo_sn{
            width: 250px;
            height: 100px;
            margin:auto;
            display:block;
        }
        .contenedor-minorista2> #icon1{
            width: 480px;
            height: 200px;
            object-fit: cover;
            margin-top: -60px !important;
            margin-bottom: 30px !important;
            margin:auto;
            display:block;
        }
        
        .contenedor-minorista2> #icon3{
            width: 800px;
            height: 400px;
            margin-top: -120px !important;
            margin-bottom: -230px !important;
            margin:auto;
            display:block;
        }
        
        #icon2{
            display: none;
        }

        .contenedor-mayorista form {
            display: grid;
            grid-template-columns: 1fr;
            grid-area: a;
        }

        .contenedor-mayorista form label {
            display: block;
        }

        .contenedor-mayorista form p {
            margin: 0;
            /*padding: .7em;*/
            padding-bottom: .7em;
            padding-top: .1em;
            grid-column: 1 / 3;
            width: 100%;
        }

        #Usuario{
            margin-top: 4px ;
            grid-area: area6;
        }

        #Password{
            margin-bottom: 10px;
            grid-area: area7;
        }



        .contenedor-minorista2  input,.contenedor-minorista2  button{
            
            padding: .6em;
            margin: .7em 0 0 0 ;
            border: none;
            background: none;
            outline: 0;
            
            color: #fff;
            /*
            border: 3px solid #fff;
            */
            font-family: 'Myriad Pro', sans-serif;
            align-items: center;
            /*
            border-top: 3px solid #fff;
            border-bottom: 3px solid #fff;
            */
            position: relative;
            margin-right: 15em;
            font-size: 16px;
        }
        .contenedor-minorista2  input{
            width: 80%;
            position: relative;
            margin-right: 15em;
        }
        .contenedor-minorista2  button{
            width: 100% !important; 
            font-weight: bold;
            position: relative;
            margin-right: 15em;
            transition: all 150ms;
            color: #063970 !important;
        }
        .contenedor-minorista2 button:hover{
            color: #fff !important;
            background: #063970;
            cursor: pointer;
            
        }
/*
        
        .contenedor-minorista2  .form__field:after,.contenedor-minorista2 button:after{
            border-width: 18px 20px 20px 20px;
            border-style: solid;
            border-color: transparent white transparent transparent ;
            bottom:-2em;
            content: '';
            height:0;
            left: 2px;
            position: absolute;
            right: 0;
            width:0;
            top:28px;
            
        }
        */
        /*
        .form__field:before,
        .form__field:after {
        content: "";
        position: absolute;
        z-index: 1;
        width: 212.13px;
        height: 212.13px;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background-color: inherit;
        left: 38.9340px;
        }
*/
/*

        .contenedor-minorista2  .form__field:before {
        
            top: -106.0660px;
            border-top: solid 7.0711px #000000;
            border-right: solid 7.0711px #000000;
            bottom:-2em;
            content: '';
            height:0;
            left: 50;
            position: absolute;
            right: 0;
            width:0;
            top:28px;
        }
        */


        input::placeholder {
             color: white;
             font-family: 'Myriad Pro', sans-serif;
        }
        
        .contenedor-minorista2  button {
            /*
            border: 0;
            border-radius: 6px;
            text-transform: uppercase;
            padding: .8em;
            float: right;       
            margin-top: -42px;
            margin-right: -30px;
            font-family: 'Myriad Pro', sans-serif;
            */
            background: white;
            color: #808080;
        } 
        
        
        .formulario input[type="checkbox"]{
            display: none;  
            
        }

        .formulario .contenedor-check{
            padding-top: 3rem;
        }

        .formulario .contenedor-check label{
            color: #fff;
            padding: 5px 55px 5px 30px;
            display: inline-block;
            position: relative;
            border-radius: 3px;
            cursor: pointer;
            font-size: .9em;
            font-family: 'Myriad Pro', sans-serif;
            -webkit-transition: all 0.35s ease;
            -o-transition: all 0.35s ease;
            transition: all 0.35s ease;
            grid-area: area9;
        }

        .formulario .contenedor-check label:before{
            content: "";
            width: 13px;
            height: 13px;
            font-size: .3em;
            background: none;
            border: 3px solid white;
            position: absolute;
            left: 1em;
            top: 2px;
            font-family: 'Myriad Pro', sans-serif;
        }

        .formulario input[type="checkbox"]:checked + label{         
            padding: 5px 83px 5px 5px;
            color: #48CD5C;
        }
        .formulario input[type="checkbox"]:checked + label::before{
            display: none;
        }
        .formulario input[type="checkbox"]:checked + label::after{
            content: " ✔";
        }


    .contenedor-buton{
        grid-area: area10;
    }
    .contenedor-minorista{
        /*
        background: #2b4b74;
        
        border-radius: 0px 40px 40px 0px;
        
        border-top: #fff 3px solid;
        border-bottom: #fff 3px solid;
        border-right: #fff 3px solid;
        */
        display: grid;
        
    }   
        .contenedor-minorista>img{
            padding-top: 20px;
            width: 250px;
            height: 150px;
            margin:auto;
            display:block;
        }
        .subtitulo-minorista, 
        .sub-minorista p{
            margin: 0 0 0 1rem 0;
            color: white;
            text-align:center !important;
            font-family: 'Myriad Pro', sans-serif;
        }

        .contenedor-footer, 
        .subtitulo p{
            color: white;
            position:absolute; 
            bottom:1px; 
            width:98%;  
            text-align:left;
            font-size: .8em;
            font-family: 'Myriad Pro', sans-serif;
        }
        .contenedor-footer-img, 
        .subtitulo p{
            color: white;
            position:absolute; 
            bottom:0; 
            width:98%;  
            text-align:right;
        }

        .alert{
            margin-top: 2rem;
            font-weight: 600;
            font-family: 'Myriad Pro', sans-serif;
        }
      
@media(min-width: 300px) {
    .contenedor-sub {
        height: 98vh;
        display: grid;
        grid-template-columns:  repeat(3, 1fr);
      
        grid-template-areas:
         ". a ."
          ;
        place-items: center;
        
    }

    .contenedor-minorista2 > * {
        padding-left: 7.5em;
        padding-right: 7.5em;
        padding-top: 1.2em;
    }

    .contenedor-mayorista {
        grid-area: a;
    }

    .contenedor-minorista2  input{
      
        margin-left: 5.1em;
        }
    .contenedor-minorista2  button{

        margin-left: .1em;
        }
  
    
}