/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
  -----------------------------------------------------------------*/

r {
    
    color: #B01815;
}

  #header.transparent-header.full-header #logo {
    border-right: none !important;
  }

  #header.transparent-header.full-header #primary-menu > ul {
    border-right: none !important;
  }

  #header.transparent-header.full-header #header-wrap {
    border-bottom: none !important;
  }

  #header:not(.sticky-header) #primary-menu > ul > li:not(.current) > a {
    color: #444 !important;
  }

  #header:not(.sticky-header) #primary-menu > ul > li:not(.current) > a:hover {
    color: #f6f6f6 !important;
  }

  /*Sticky Bg*/
  #header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark) {
    background-color: #000;
  }

  #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container {
    background-color: #000;
    }/*Sticky Bg END*/

    #page-title h1, #page-title span, .breadcrumb > .active, .breadcrumb a {
      color: white !important;
    }

    .img-responsive {
      margin: auto;
    }

    #footer.dark {
      background-color: #111;
      color: #fff;
    }

    #copyrights {
      padding: 20px 0;
    }

    #header.dark.sticky-header:not(.transparent-header) #header-wrap:not(.not-dark) {
      background-color: #111;
    }

    .titles {
      color: #e10707;
      font-family: 'Herr Von Muellerhoff', cursive;
      font-size: 55px;
      font-weight: bold;
    }

    .title-prod {
      color: goldenrod!important;
      font-size: 30px;
      font-weight: 600;
    }

    .padd {
      padding: 15px;
    }

    #footer .footer-widgets-wrap {
      padding: 30px 0;
    }

    .emphasis-title h1 {
      color: #fff;
    }

    label {
      font-size: 15px;
      font-weight: 600;
      font-family: 'Cabin Condensed', sans-serif;
      text-transform: capitalize;
      color: #222;
      margin-bottom: 5px;
    }

    .sm-form-control {
      border: 1px solid #999;
      border-radius: 3px !important;
    }

    #primary-menu.style-3 > ul > li.current > a {
        color: #be2c2c;
        background: transparent;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }

    #primary-menu ul li.current > a {
      border-bottom: 3px solid white;
    }

    .dark #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a {
      color: #f9f9f9;
    }

    .push {
    }

    .push:active {
      top: 1px;
    }

    #li-style {
      cursor: pointer;
      border-bottom: 1px solid #555;
      font-size: 17px;
      margin: auto;
      padding: 1px
    }

    #li-style:hover {
      color: #c59d5f;
    }

    .bg-footer {
      background-size: cover;
      background-repeat: no-repeat;
    }

    .dark .copyright-links a {
      color: rgba(255,255,255,0.75);
    }

    .subscribe-widget h5 {
      font-size: 15px;
    }

    #header.transparent-header.floating-header .container {
      background-color: transparent;
      border-radius: 0px;
    }

    #header.dark.transparent-header.floating-header .container, #header.dark.transparent-header.floating-header.sticky-header .container {
      background-color: transparent;
    }

    #header {
      border-bottom: 0px solid #F5F5F5;
    }

    .bgbrand {
      background-image: url(/img/logo-zuckys-dark.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }

    #galeria-popup .row {
      margin: 20px;
    }


    #galeria-popup .row .col-sm-6 {

      padding-left: 0 !important;
      padding-right: 0 !important;
      border-radius: 10px;

    }

    #galeria-popup .row .col-sm-6 div {

      background-color: #ccc;
      margin: 8px;
      border-radius: 10px;
    }

    #galeria-popup .row .col-sm-12 {

      padding-left: 0 !important;
      padding-right: 0 !important;
      border-radius: 10px;

    }

    #galeria-popup .row .col-sm-12 div {

      background-color: #ccc;
      margin: 8px;
      border-radius: 10px;
    }

    #padd .container {
      padding: 20px;
    }

    #boton {
    }

    #boton:hover {
      background-color: #e10707;
    }

    #boton:active {
      top: 1px;
    }


    /*Background Pportada*/
    .bg-home {
      /*background-image: url(/img/portada.jpg);
      background-size: 100%;
      background-repeat: no-repeat;*/
      height: auto;
      display: block;
    }

    /*Background Pportada*/
    .bg-1 {
      background-image: url(/img/portada-2.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      height: auto;
      display: block;
    }

    .bg-2 {
      background-image: url(/img/portada-3.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      height: auto;
      display: block;
    }

    .bg-3 {
      background-image: url(/img/portada-4.jpg);
      background-size: 100%;
      background-repeat: no-repeat;
      height: auto;
      display: block;
    }

    #nopadd {
      padding-left: 1px;
      padding-right: 1px;
      padding-bottom: 2px;
      padding-top: 2px;
    }

    .sombratxt {
      text-shadow: 2px 2px 0 #111;
    }

    /*Img Txt Hover*/
    ul.img-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      text-align: center;
    }

    ul.img-list li {
          display: inline-block;
    height: 100%;
    margin: 0 0em 3em 0;
    position: relative;
    }

    ul.img-list li:hover span.text-content {
      opacity: 1;
      background-color: #be2c2c;
    }

    span.text-content {
      background: rgba(0,0,0,0.5);
      color: white;
      cursor: pointer;
      display: table;
      height: 252px;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      opacity: 0;
      -webkit-transition: opacity 500ms;
      -moz-transition: opacity 500ms;
      -o-transition: opacity 500ms;
      transition: opacity 500ms;
    }

    span.text-content span {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }

    .borde {
      border: 1px solid #be2c2c;
    }

.margin {
  margin: 40px;
}

.bg-1, .bg-2, .bg-3 {
  min-height: 220px;
}

.nopadd {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

@media (max-width: 768px) {
  .bg-1, .bg-2, .bg-3 {
    min-height: auto;
  }
}