/**
  Theme Name: Punto Marketing - Theme Black Friday
  Theme URI: 
  Version: 
  Author: 
  Author URI: 
  Tags: 
  Licence: 
  
  Description: 
*/

body { font-family: Calibri, 'Open Sans', sans-serif; background-color: white; }
.dataTables_length, .dataTables_filter, .dataTables_info { display: none; visibility: hidden; }

@font-face {
    font-family: bakersfield;
    src: url(fonts/bakersfield-light.ttf);
}

h1, h2, h3, h4, h5, h6 { font-family: Calibri, Helvetica, Arial, sans-serif; margin-top: 0; }
hr { border-color: #CCC; }
p { margin: 15px 0; }
a {  }
a:hover { text-decoration: none !important; }
.bg-primary a { color: #333; font-weight: bold; }
/*.countdown_section { display: none !important; }*/
.ujic_center { padding-top: 10px; }
.fixed { background-color: #E2001A; position: fixed; z-index: 9999; width: 100%; right: 0; top: 0; padding: 10px 20px; }
.sombra { box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 10px 1px; } 
.inline-block { display: inline-block; }
.separador { border-top: 6px solid #ED3238; border-bottom: 10px solid #323232; display: block; width: 100%; }

/* Paddings */
.pad-none { padding: 0 !important; }
.pad-v-xxs { padding-top: 2px !important; padding-bottom: 2px !important; } .pad-h-xxs { padding-left: 2px !important; padding-right: 2px !important; }
.pad-v-xs { padding-top: 5px !important; padding-bottom: 5px !important; }   .pad-h-xs { padding-left: 5px !important; padding-right: 5px !important; }
.pad-v-sm { padding-top: 10px !important; padding-bottom: 10px !important; }  .pad-h-sm { padding-left: 10px !important; padding-right: 10px !important; }
.pad-v-md { padding-top: 20px !important; padding-bottom: 20px !important; }  .pad-h-md { padding-left: 20px !important; padding-right: 20px !important; }
.pad-v-lg { padding-top: 40px !important; padding-bottom: 40px !important; }  .pad-h-lg { padding-left: 40px !important; padding-right: 40px !important; }
.pad-b-none { padding-bottom: 0 !important; } .pad-t-none { padding-top: 0 !important; } .pad-r-none { padding-right: 0 !important; } .pad-l-none { padding-left: 0 !important; }

/* Margins */
.mar-none { margin: 0 !important; }
.mar-v-xs { margin-top: 5px !important; margin-bottom: 5px !important; }   .mar-h-xs { margin-left: 5px !important; margin-right: 5px !important; }
.mar-v-sm { margin-top: 10px !important; margin-bottom: 10px !important; }  .mar-h-sm { margin-left: 10px !important; margin-right: 10px !important; }
.mar-v-md { margin-top: 20px !important; margin-bottom: 20px !important; }  .mar-h-md { margin-left: 20px !important; margin-right: 20px !important; }
.mar-v-lg { margin-top: 40px !important; margin-bottom: 40px !important; }  .mar-h-lg { margin-left: 40px !important; margin-right: 40px !important; }
.mar-b-none { margin-bottom: 0 !important; } .mar-t-none { margin-top: 0 !important; } .mar-r-none { margin-right: 0 !important; } .mar-l-none { margin-left: 0 !important; }


video {  
   width:100%; 
   height:auto; 
}

.valign-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.valign-wrapper .valign {
  display: block;
}

/* HEADER */
    /* TOP */
    #social .fa {
      color: #FFF;
      font-size: 20px;
    }

    /* LOGO */
    #logo img { 
      width: 400px;
      max-width: 100%;
	padding-bottom:10px;
    }

	@media(max-width: 768px) {
		#logo img { 
		  width: 400px;
		  max-width: 65%;
		}
	}



    /* MENU */
    .navbar { margin: 0; }
    .navbar-default { background-color: transparent; border: none; }
    .navbar .navbar-nav { display: inline-block; float: none; vertical-align: top; }
    .navbar .navbar-collapse { text-align: center; }
    .navbar-default .navbar-nav > li > a { font-weight: bold; color: #444; }


/* Vista masonry */
    /*article { float: left; width: 100%; padding: 10px; }*/
    /*.articulo { background-color: #FFF; width: 100%; margin-bottom: 15px; display: table; -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);  }*/
    /*.item { width: 20%; float: left; }*/
    /*#items-container-pt .item { width: 14%; }*/
    /*.item a { display: inline-block; }*/
    /*.comercio { width: 100%; }*/

    /*#adheridos .item { width: 33.3%; }*/
    
    .pie-articulo { height: 34px; margin: 15px 0; }
    .fb-like { margin-top: 14px; }


/* Adherir Comercios */
.col-title { font-weight: 900; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.col-inner { padding: 10px 30px; background-color: #FAFAFA; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.wpcf7-list-item { display: block; }
.wpcf7-response-output {
  font-size: 30px;
}





/* Comercios Adheridos */
#mas-comercios h2 { padding-top: 60px;  }

.celeste {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,90bcea+100,bdf3fd+100 */
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top,  #b8e1fc 0%, #90bcea 100%, #bdf3fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#90bcea 100%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b8e1fc 0%,#90bcea 100%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */

}

.rojo {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b8e1fc+0,90bcea+100,bdf3fd+100 */
color:#FFF;
background: #FF5551; /* Old browsers */
background: -moz-linear-gradient(top,  #FF5551 0%, #90bcea 100%, #E2001A 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #FF5551 0%,#90bcea 100%,#E2001A 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #FF5551 0%,#FF0000 100%,#E2001A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF5551', endColorstr='#E2001A',GradientType=0 ); /* IE6-9 */

}

.negro {
    color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #131313 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#131313 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#131313 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

}
.plata {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,d7dee3+100 */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #d7dee3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#d7dee3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#d7dee3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 ); /* IE6-9 */
}
.oro {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbd769+0,a3872d+100 */
background: #fbd769; /* Old browsers */
background: -moz-linear-gradient(top,  #fbd769 0%, #a3872d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fbd769 0%,#a3872d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fbd769 0%,#a3872d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd769', endColorstr='#a3872d',GradientType=0 ); /* IE6-9 */

}



/* Flip */
.flip { width: 100%; margin: 0 auto; color: #FFF; }
.black .flip,
.gold .flip { height: 200px; }
.platinum .flip { height: 99px; }
.flip img { width: 100%; height: auto; }
.flip .back { padding: 15px; background-color: #222; }

.producto .flip { height: 159px; }
.producto .flip .back { padding: 0; }

.prod-detalle { padding: 15px; background-color: rgba(0, 0, 0, 0.1); }
.prod-titulo { font-size: 18px; }
.prod-desc { margin: 15px 0;}
.prod-precio { display: inline-block; margin: 0 15px; }
.real { text-decoration: line-through; font-size: 18px; }
.promo { font-weight: bold; font-size: 18px; }

/* Masonry */

#items-container[data-columns]::before {
	content: '4 .col-xs-3';
}
#items-container-gld[data-columns]::before {
	content: '4 .col-xs-3';
}
#items-container-tit[data-columns]::before {
  content: '6 .col-xs-2';
}
#items-container-pla[data-columns]::before {
	content: '6 .col-xs-2';
}
 


@media (min-width: 768px) and (max-width: 992px) {
    #items-container[data-columns]::before {
      content: '4 .col-xs-3';
    }
    #items-container-gld[data-columns]::before {
      content: '4 .col-xs-3';
    }
    #items-container-tit[data-columns]::before {
      content: '6 .col-xs-2';
    }
    #items-container-pla[data-columns]::before {
      content: '6 .col-xs-2';
    }
    
    .black .flip,
    .gold .flip { height: 158px; }
    .gold .info { min-height: 60px; }
    .platinum .flip { height: 70px; }
    .producto .flip { height: 120px; }
}
 
@media (max-width: 767px) { 
    .countdown_amount { width: 25px !important; }
    /* Masonry */
    #items-container[data-columns]::before {
        content: '2 .col-xs-6';
    }
    #items-container-gld[data-columns]::before {
        content: '2 .col-xs-6';
    }
    #items-container-tit[data-columns]::before {
        content: '3 .col-xs-4';
    }
    #items-container-pla[data-columns]::before {
        content: '3 .col-xs-4';
    }
    
    .black .flip,
    .gold .flip { height: 324px; }
    .black .info,
    .black .info { min-height: 60px; }
    .black h3,
    .black h3 { font-size: 16px; }
    .gold .flip { height: 120px; }
    .gold .info { min-height: 60px; }
    .platinum .flip { height: 55px; }
    .gold h4 { font-size: 12px; } 
    .platinum h5 { color: #FFF; } 
    .producto .flip { height: 270px; }
    .text-center-xs { text-align: center; }
    #social { margin-top: 20px; margin-bottom: 5px; }
}

@media (max-width: 720px) { .black .flip { height: 306px; } .gold .flip { height: 306px; } .platinum .flip { height: 55px; } .producto .flip { height: 252px; } }
@media (max-width: 680px) { .black .flip { height: 292px; } .gold .flip { height: 292px; } .platinum .flip { height: 148px; } .producto .flip { height: 238px; } }
@media (max-width: 640px) { .black .flip { height: 276px; } .gold .flip { height: 276px; } .platinum .flip { height: 138px; } .producto .flip { height: 222px; } }
@media (max-width: 600px) { .black .flip { height: 262px; } .gold .flip { height: 262px; } .platinum .flip { height: 128px; } .producto .flip { height: 208px; } }
@media (max-width: 560px) { .black .flip { height: 246px; } .gold .flip { height: 246px; } .platinum .flip { height: 118px; } .producto .flip { height: 192px; } }
@media (max-width: 520px) { .black .flip { height: 232px; } .gold .flip { height: 232px; } .platinum .flip { height: 108px; } .producto .flip { height: 178px; } }
 
@media (max-width: 480px) { 
    /* Masonry */
    #items-container[data-columns]::before {
        content: '2 .col-xs-6';
    }
    #items-container-tit[data-columns]::before {
        content: '3 .col-xs-4';
    }
    #items-container-pla[data-columns]::before {
        content: '3 .col-xs-4';
    }
    
    .black .flip { height: 216px; } .gold .flip { height: 120px; } .platinum .flip { height: 55px; } .producto .flip { height: 162px; }
}
@media (max-width: 440px) { .black .flip { height: 202px; } .gold .flip { height: 202px; } .platinum .flip { height: 88px; } .producto .flip { height: 148px; } }
@media (max-width: 400px) { .black .flip { height: 188px; } .gold .flip { height: 188px; } .platinum .flip { height: 78px; } .producto .flip { height: 132px; } }
@media (max-width: 360px) { .black .flip { height: 172px; } .gold .flip { height: 172px; } .platinum .flip { height: 68px; } .producto .flip { height: 118px; } }
@media (max-width: 320px) { .black .flip { height: 158px; } .gold .flip { height: 158px; } .platinum .flip { height: 58px; } .producto .flip { height: 102px; } }



/* ESTILOS GENÉRICOS */
.spc-lg { width: 100%; height: 40px; display: block; }
.spc-md { width: 100%; height: 20px; display: block; }
.spc-sm { width: 100%; height: 10px; display: block; }
.spc-xs { width: 100%; height: 5px; display: block; }

.bg-primary { background-color: #E2001A; color: white; }
.bg-titanium { background-color: #383336; color: white; }
.bg-dark { background-color: #000; color: white; }
.bg-light { background-color: #EEE; color: #666; }
.bg-white { background-color: #FFF; }

.padding-lg { padding: 40px; }  .padding-top-lg { padding-top: 40px; }   .padding-bottom-lg { padding-bottom: 40px; }
.padding-md { padding: 10px; }  .padding-top-md { padding-top: 20px; }   .padding-bottom-md { padding-bottom: 20px; }
.padding-sm { padding: 10px; }  .padding-top-sm { padding-top: 10px; }   .padding-bottom-sm { padding-bottom: 10px; }
.padding-xs { padding: 5px; }   .padding-top-xs { padding-top: 5px; }    .padding-bottom-xs { padding-bottom: 5px; }

.margin-bottom-lg { margin-bottom: 40px; }
.margin-bottom-md { margin-bottom: 20px; }
.margin-bottom-sm { margin-bottom: 10px; }
.margin-bottom-xs { margin-bottom: 5px; }

.font-size-lg { font-size: 20px; }
.font-size-md { font-size: 16px; }
.font-size-sm { font-size: 12px; }
.font-size-xs { font-size: 10px; }

.sombra-sm { -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3); }




.ujic-hold:before
{
height: auto !important;
}
 


#ujiCountdown {
display: none !important;
 }

 

.ujic_center {
display: none; }


.ujic-hold:before {
display: unset !important;}


.ujic-hold form {
display: none !important; }


.wpcf7 form .is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}