/*-----------------------------------------------------------------------------------

 Theme Name: Nextme
 Theme URI: http://
 Description: The Multi-Purpose Onepage Template
 Author: dethemes
 Author URI: http://themeforest.net/user/dejithemes
 Version: 1.0

 Main Color   : #1A237E , #2576FD
 main Font    : Poppins, Roboto

 -----------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------

 == Table Of Content

	01 Basics
	02 Buttons
	03 Navbar
	04 Card
	05 Showcase
	06 Features
	07 Services
	08 Portfolio
	09 Team
	10 Feedback
	11 Blog
	12 Contact
  13 Footer
  14 Loader


  ---------------------------------------------------------------- */


/* ----------------------------------------------------------------
     [ 01 Start Basics ]
     -----------------------------------------------------------------*/

     body{
      font-size:15px;
    }

    h1,h2,h3,h4,h5,h6{
      font-family:Poppins;
    }

    p{
      font-family:Roboto;
    }

    a:hover {
      color: #0B266F;
      text-decoration: underline;
    }

    .text-center {
      text-align: center!important;
    }

    .bottom-space {
      margin-bottom: 1rem;
    }

    .justify-content-center {
      justify-content: center !important;
    }

    .hover-effect {
      position: relative;
      overflow: hidden;
    }

    .hover-effect:hover::after, .hover-effect:hover::before {
      height: 100%;
      opacity: 0;
      width: 100%;
    }

    .hover-effect::before, .hover-effect::after {
      content: "";
      background: #fff;
      height: 0;
      width: 0;
      z-index: 1;
      position: absolute;
      -webkit-transition-duration: 1.6s;
      -o-transition-duration: 1.3s;
      transition-duration: 1.3s;
    }

    .hover-effect::before, .hover-effect::after {
      content: "";
      background: #fff;
      height: 0;
      width: 0;
      z-index: 1;
      position: absolute;
      -webkit-transition-duration: 1.3s;
      -o-transition-duration: 1.3s;
      transition-duration: 1.3s;
    }

    .hover-effect::before {
      right: 0;
      opacity: 1;
      top: 0;
    }

    ol, ul {
     list-style: none;
   }

   ul {
    padding: 0;
    list-style-type: none;
  }

  blockquote, q {
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
   content: '';
   content: none;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }


.contenido{
  width: 95%;
  margin-top: 20px;
  margin: auto;
  padding: auto;
}

.nuevo{
  position:relative; 
  float: right;
}
/* ----------------------------------------------------------------
     [ 01 End Basics ]
     -----------------------------------------------------------------*/


/* ----------------------------------------------------------------
     [ 02 Start Buttons ]
     -----------------------------------------------------------------*/
     .button-style {
      background-color: #15118A;
      border: none;
      color: #ffffff;
      cursor: pointer;
      display: inline-block;
      font-size: 0.8rem;;
      line-height: 1em;
      outline: none;
      padding: 0.8rem 2.5rem 0.7rem;
      position: relative;
      text-transform: uppercase;
      font-weight: 400;
      text-decoration: none !important;
    }

    .showcase-btn {
      margin: 1.3rem;
    }

    .button-style:before,
    .button-style:after {
      border-color: transparent;
      -webkit-transition: all 0.25s;
      transition: all 0.25s;
      border-style: solid;
      border-width: 0;
      content: "";
      height: 1.8rem;
      position: absolute;
      width: 1.8rem;
    }

    .button-style:before {
      border-color: hsl(20, 16%, 96%);
      border-left-width: 2px;
      border-top-width: 2px;
      left: -5px;
      top: -5px;
    }

    .button-style:after {
      border-bottom-width: 2px;
      border-color: #c47135;
      border-right-width: 2px;
      bottom: -5px;
      right: -5px;
    }

    .button-style:hover,
    .button-style.hover {
      background-color: #FE4242;
      color: #ffffff;
    }

    .button-style:hover:before,
    .button-style.hover:before,
    .button-style:hover:after,
    .button-style.hover:after {
      height: 100%;
      width: 100%;
    }

/* ----------------------------------------------------------------
     [ End Buttons ]
     -----------------------------------------------------------------*/

/* ----------------------------------------------------------------
     [ 03 Start Navbar ]
     -----------------------------------------------------------------*/

     nav a {
      color: #ffffff;
      font-size: .8rem;
      text-transform: uppercase;
      margin-right: 1rem;
    }
    .navbar-brand{
      margin: 8px;
      padding: 0px;
    }
    .navbar-toggler{
      margin-right:5px; 
      padding-right:0px; 
      float:both; 
      position:relative; 
      overflow:hidden; 
      list-style:none;
      float: right;
      background: #0C1DAC;
      border-color: #0C1DAC;
    }
    .navbar-nav{ 
      margin-right:0px; 
      padding-right:0px; 
      float:both; 
      position:relative; 
      overflow:hidden; 
      list-style:none;
      float: right;
    }

   
    .activate-menu {
      background-image: linear-gradient(-140deg,  #0C1DAC 40%, #2c7dbc 60%);
      -webkit-box-shadow: -3px 13px 24px -1px rgba(0,0,0,0.3);
      box-shadow: -3px 13px 24px -1px rgba(0,0,0,0.3);
    }

    nav:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: top;
      transform-origin: top;
      -webkit-transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
      transition: all 1s cubic-bezier(0.4, 0.25, 0, 1);
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s;
      -webkit-box-shadow: 0 0 50px 1px rgba(0,0,0,0.05);
      box-shadow: 0 0 50px 1px rgba(0,0,0,0.05);
      background-color: #ffffff;
    }

    .navbar--scrolled:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
    }

    .navbar-light .navbar-nav .nav-link {
      color: #fff;
      font-size: 12px;
    }

    .navbar-light .navbar-nav .nav-link:hover {
      color: #fff;
    }

    @media (max-width: 705.98px) {

      nav ul {
        margin-top: -60px;
        text-align: center;
      }

      nav ul li a {
        text-align: center;
      }

      nav ul li:hover {
        background-color: #fff;
      }
      .navbar-light .navbar-nav .nav-link:hover{
        color: #000;
      }

    }

/* ----------------------------------------------------------------
     [ End Navbar ]
     -----------------------------------------------------------------*/

ul.slider {
    position:relative; /*Necesitamos que el ul sea relativo*/
}
ul.slider li {
    opacity: 0; /*Ocultamos todos los <li>*/
    transition: opacity .5s;
    position: absolute; /*Posicionamos en absoluto los <li>*/
    left: 0px;
    top: 0px;
    margin:50px;
    padding:50px;
    background:#fff;
}
ul.slider li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}
ul.slider li:target {
    opacity: 1; /*Mostramos el <li> al que apunta el enlace*/
}


@media (max-width: 479px) {
    .des{
      display: none;
    }
    .acciones{
      display: none;
    }
    .acciones2{
      display: block;
    }
    #eli-cat{
      display: none;
    }
    #eli-cat2{
      display: block;
    }
    .act-cat{
      display: none;
    }
    .act-cat2{
      display: block;
    }
    .cliente{
      width: 60px;
      height: 60px;
    }
}
@media (min-width: 480px) {
    .des{
      display: block;
    }
    .acciones{
      display: block;
    }
    .acciones2{
      display: none;
    }
    #eli-cat{
      display: block;
    }
    #eli-cat2{
      display: none;
    }
    .act-cat{
      display: block;
    }
    .act-cat2{
      display: none;
    }
}