@import url('../plugins/main.css');
@import url('webgreater/main.css');
@import url('icons/main.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');

*{
    margin:0px;
    padding:0px;
    text-decoration:none;
}

body{

    --green:#14bf5f;

    --default:#283278;
    --default-hover:#283278CC;
    --default-active:#28327880;
    --default-focus:#28327880;

    --primary:#00ffa4;
    --primary-hover:#00ffa4CC;
    --primary-active:#00ffa480;
    --primary-focus:#00ffa480;

    --white:#FFFFFF;
    --white-hover:#FFFFFFCC;
    --white-active:#FFFFFF80;
    --white-focus:#FFFFFF80;

    --grey:#C9C9C9;
    --grey-hover:#C9C9C9CC;
    --grey-active:#C9C9C980;
    --grey-focus:#C9C9C980;

    --light-grey:#E9E9E9;
    --light-grey-hover:#E9E9E9CC;
    --light-grey-active:#E9E9E980;
    --light-grey-focus:#E9E9E980;

    --black:#2d3033;
    --black-hover:#2d3033CC;
    --black-active:#2d303380;
    --black-focus:#2d303380;

    --facebook:#3b5998;
    --facebook-hover:#3b5998CC;
    --facebook-active:#3b599880;
    --facebook-focus:#3b599880;

    --whatsapp:#25d366;
    --whatsapp-hover:#128c7e;
    --whatsapp-active:#075e54;
    --whatsapp-focus:#075e54;
}

html{
    overflow-x:hidden;
}

html, body{
    width:100%;
    height:100%;
}

.container-fluid{
    padding:0px 10rem;
}

@media all and ( max-width:992px ){

    .container-fluid{
        padding:0px 50px;
    }

}

@media all and ( max-width:768px ){

    .container-fluid{
        padding:0px 25px;
    }

}

@media all and ( max-width:576px ){

    .container-fluid{
        padding:0px 15px;
    }

}

@media all and ( max-width:370px ){

    .stores{
        flex-direction:column;
    }

}