html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.row-centered {
    text-align:center !important;
}
.col-centered {
    display:inline-block !important;
    float:none !important;
    /* reset the text-align */
    text-align:left !important;
    /* inline-block space fix */
    margin-right:-2px !important;
     margin-left:-2px !important;
}
ol, ul {
	list-style: none;
}
.item_prop{
 	padding: 0 !important;
}

/* columns of same height styles */
.container-xs-height {
    /*display:table;*/
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }

}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}

/* firefox fix */
.img-responsive {width: 100%;}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    outline: none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

.puntero {
	cursor: pointer;
}

/* FONTFACE */

/*@font-face {
	font-family: 'HelveticaNeueLTStd-Lt';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStd-Lt.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
}*/
@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('../fonts/RobotoCondensedLight.eot');
    src: url('../fonts/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedLight.woff2') format('woff2'),
         url('../fonts/RobotoCondensedLight.woff') format('woff'),
         url('../fonts/RobotoCondensedLight.ttf') format('truetype'),
         url('../fonts/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedBold';
    src: url('../fonts/RobotoCondensedBold.eot');
    src: url('../fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('../fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('../fonts/RobotoCondensedBold.woff') format('woff'),
         url('../fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('../fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
.robotoBold{font-family: 'RobotoCondensedBold';}
/* -------------------*/
html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: RobotoCondensedLight;
	background-color: #222222 !important;
}

div.clear {
	float: none;
	clear: both;
	line-height: 0;
	font-size: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.holder {
	max-width: 960px;
	margin: 0 auto;
}
.grow  {
	margin-top: 30px;
    width: 300px;
    height: 170px;
    overflow: hidden;
}

/*.grow img  {
	 width: 300px;
    height: 170px;
    transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
}

.item_propiedad:hover img {
       transform:scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}*/
.parallax-layer{
	position: absolute;
/*width: 95%;
top: 50%;
margin-top: -521.81884057971px;
left: 50%;
margin-left: -775.398977751052px;*/

}
.paginado .material-icons {line-height: 0.95 !important;}
.port
      { position:relative; overflow:hidden; width:npx; height:npx; }


/*GENERAL*/
/*REHUBICAR JE*/
body {

    overflow: hidden;
    transition: all 0.3s ease;
}

body.menu {
    -ms-transform: translate(250px,0px);
    -webkit-transform: translate(250px,0px);
    -moz-transform: translate(250px,0px);
    -o-transform: translate(250px,0px);
    transform: translate(250px,0px);
}


/*CABECERA*/
.cabecera {
	    -webkit-box-shadow: 0 0 6px rgba(16, 16, 16, 0.75);
    -moz-box-shadow: 0 0 6px rgba(16, 16, 16, 0.75);
    box-shadow: 0 0 6px rgba(16, 16, 16, 0.75);
}

/* ---------- */
/* FURMLARIOS */
/* ---------- */

/*Radio*/
label > input{display:none;}
label > input + img{cursor:pointer;border:2px solid transparent;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;transition: all 0.2s ease;}
label > input:checked + img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
/**/

/*Files*/
.upload-item {
	padding: 10px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(204, 204, 204);
    background: #fff;
    border-color: rgba(143, 143, 143, 0.35);
    border-color: rgba(143, 143, 143, 0.25);

}
.img-archivo img {
	border-radius: 3px;
}
.tipo-video img{
	border-radius: 78px;
}

.tipo-video {cursor: pointer;}
.media-dialog {
	max-width: inherit !important; width: 100% !important;
    /*height: calc(100% - 30px) !important; */ max-width: 1024px !important; margin: 15px 0!important; padding: 0 !important; background: #000 !important;
}
.bk-negro{background: #000 !important;}
.open-negro {opacity: 1 !important;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 54%; /* */
	padding-top: 25px;
	height: 0;
}
.videoWrapper object,
.videoWrapper embed,
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/**/

.componente label {width: 100%;}
.ui-sortable-handle {color: #8a6d3b;}
.texto-vuelta{   margin-top:0; -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    text-orientation: upright;
    width: 19px;
    font-family: robotoCondensedBold;
    letter-spacing: -8px;}
label {font-family: RobotoCondensedBold; margin: 10px 0 5px !important; text-align: left !important;}
.card {padding: 7px 10px 9px 10px;/*padding: 15px*/;margin: 10px;border-radius: 2px !important;border: none !important;background-color: #fff;
	    transition: box-shadow .25s;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);}
.handle {color: #6B6B6B;}
.handle {font-size: 17px;vertical-align: top;flex: 0 0 24px;-webkit-flex: 0 0 24px;}
.btn-redondo-chico {line-height: 40px;width: 40px;height: 40px;padding: 0px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    	border-radius: 50%;background-clip: padding-box;overflow: hidden;transition: all .3s cubic-bezier(.55,0,.55,.2);}
  .menu-botones .btn-redondo-chico {
	  -webkit-transition: all 0.1s ease;
	  	-moz-transition: all 0.1s ease;
	  	-o-transition: all 0.1s ease;
	  	transition: all 0.1s ease;
  }

  .menu-botones button:nth-child(3) {
  	 /*box-shadow: none;*/
  }
   .menu-botones button.open-menu:nth-child(3) {
       -ms-transform: translate(-44px, 0);
       -webkit-transform: translate(-44px, 0);
       -moz-transform: translate(-44px, 0);
       -o-transform: translate(-44px, 0);
       transform: translate(-44px, 0);
   }
      .menu-botones .btn-redondo-chico.open-menu2:active {}

    .menu-botones button.open-menu:nth-child(2) {
        -ms-transform: translate(-44px, 0);
        -webkit-transform: translate(-44px, 0);
        -moz-transform: translate(-44px, 0);
        -o-transform: translate(-44px, 0);
        transform: translate(-44px, 0);
   }

   .menu-botones button:nth-child(2) {
       -ms-transform: translate(-44px, 0);
       -webkit-transform: translate(-44px, 0);
       -moz-transform: translate(-44px, 0);
       -o-transform: translate(-44px, 0);
       transform: translate(-44px, 0);
   		/*box-shadow: none;*/
   }
    .menu-botones button.open-menu:nth-child(1) {
   		transform: rotate(-90deg);
   		box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
   }


  .registro-lista {/*min-height: 54px;*/}
   .registro-lista-archivos {/*min-height: 73px;*/}
 /*boton nuevo*/
.btn-nuevo {
 border-radius: 2px;
 box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
 border-radius: 3px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    outline: 0;
    border: 0;
    display: inline-block;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    line-height: 36px;
    min-height: 36px;
    background: 0 0;
    white-space: nowrap;
    min-width: 88px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
   	color: #fff !important;
   	    background-color: rgb(16,108,200) !important;

}

.btn-editar {
     background-color: #7CB342 !important;
}

.btn-delete {background-color: rgb(255,82,82) !important;vertical-align: middle;}
.btn-editar {background-color: #7CB342;vertical-align: middle;}
.btn-nuevo-redondo {background-color: #106CC8 !important; color: #fff;}
.btn-link-f{background-color: #AAA9A9  !important;vertical-align: middle;}
.btn-menu{    background-color: rgb(34, 34, 34) !important;
    margin: 2px 0;
    padding: 7px 5px 7px 13px;
    border-radius: 0px !important;
    text-align: left !important;
    text-transform: none !important;
   font-family: Roboto !important;
    font-size: 14px !important;border-left: solid 3px rgb(34, 34, 34);
   	color: rgba(255, 255, 255, 0.54) !important;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
  	-webkit-transition: none;
  	-moz-transition: none;
  	-o-transition: none;
  	transition: none;
  	box-shadow: none !important;

    }
 .btn-menu:active, .btn-menu.active {box-shadow: none;border-left: solid 3px #7CB342;/*-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;*/}
.nombre {font-family: RobotoCondensedBold; margin-top: 1px;}
.descripcion {/*font-family: RobotoRegular;*/ line-height: 20px; font-size: 15px;}
.titulo-tabla {    text-align: left;
    font-size: 25px;
    padding: 11px 26px 9px;
    font-family: roboto !important;
    min-height: 50px;
    background-color: #ccc;
    max-width: 1024px;
    margin: 10px 10px 0;
    border-radius: 3px;
}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #106CC8;
    border-color: #106CC8;
}
.pagination>li>a, .pagination>li>span {color: #222222;font-family: RobotoCondensedBold; }


/**/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #222222 !important;
    border-color: #767676;
}
.pagination {margin: 0 !important;}
/**/
 /*LUZ*/
 .offline {color: red;}

.flex-fk {
	    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;

    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;

    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.item-fk-50 {
	-webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;

    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;

    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

/**/
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }

.flex-item:nth-child(1) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}



/**Alineado**/

.v_absolute {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.v_table{
  display: table;
    height: 100%;
    width: 100%;
}
.v_cell{
  display: table-cell;
    vertical-align: middle;
}
.cargando {
  z-index: 1000;
  top: 185px;
  background: #fff;
}


/*/GENERAL*/

/*buscar*/
input, select {border-radius: 0 !important;}
input#buscar {    min-width: 300px;
    width: 100%;
    height: 39px;
    float: right;
    margin: 6px 0 11px 10px;    background: #222;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff;box-shadow: none;}
 input#buscar:focus {}
.btn-buscar{    float: right;
    margin-top: 7px;
    height: 37px;
    border-radius: 0;
    border: none;
    /*border-left: 1px solid #ccc;*/
    position: absolute !important;
    right: 0;
    padding: 0 22px;background: #222; color: #fff;box-shadow: none !important;}
.btn-buscar:hover,.btn-buscar:active,.btn-buscar:focus{background: #222 !important;}
 .mod-buscar {position: relative; text-align: left; margin: 0 5px;}
 .img_buscar {
    border: none;
    display: block;
    opacity: .6;
    padding: 0;
    text-indent: -10000px;
    background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflsIkBw3.webp) -72px -877px;
    background-size: auto;
    width: 15px;
    height: 15px;
    box-shadow: none;
    margin:0;

}
.li-buscar{
	width: 100%;
	display: none !important;
}

 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;}
/*nav*/
.navbar-nav {
    /*float: left;*/
    margin: 0;
    font-family: roboto;
    font-size: 14px;
    /* -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.4);
box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.4);*/
}
 .navbar-nav>li {
    float: left;
        height: 50px !important;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

/*menu*/
.altura_menu {/*height: 102px;*/ height: 52px;}
.viewA{/*height: calc(100% - 102px)*/height: calc(100% - 52px)}
.menu-lateral {/*top: 102px;*/}
.navbar {margin-bottom: 0;border-left: 0;}
.menu_active {color: #fff !important;}
#sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 997;
    will-change: opacity;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    opacity: 0;
    display: none;
}
.sidenav-overlay-ok  {
	opacity: 1 !important;
	display: block !important;
}
/*.menu-lateral {


    z-index: 9999999999998 !important;
    width: 100% !important;
    max-width: 250px;
    position: fixed;
    overflow: auto;
    transition: left 0.6s;
    -webkit-transition: left 0.6s;
    -moz-transition: left 0.6s;
    -ms-transition: left 0.6s;
    -o-transition: left 0.6s;
    left: -100%;
    background-color: #222222;

    height: 100%;
}*/

.menu-lateral {
	z-index: 9999999999998 !important;
    width: 100% !important;
    max-width: 250px;
    position: absolute;
    overflow: auto;
    transition: left 0.6s;
    -webkit-transition: left 0.6s;
    -moz-transition: left 0.6s;
    -ms-transition: left 0.6s;
    -o-transition: left 0.6s;
    /*left: -250px !important;*/

    -ms-transform: translate(-250px,0px);
    -webkit-transform: translate(-250px,0px);
    -moz-transform: translate(-250px,0px);
    -o-transform: translate(-250px,0px);
    transform: translate(-250px,0px);
    /* pointer-events: none; */
    background-color: #222222;
    /* background-color: #fff; */
    /* min-height: 600px; */
    height: 100%;
    top: 0 important;
}
.menu-lateral-open {

  /*left: 0;*/
}
.menu-lateral-body {
	overflow: hidden !important;
}

/*MODAL FK*/
.modal-fk-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
   -webkit-animation: fadeInFromNone 0.3s ease;
    -moz-animation: fadeInFromNone 0.3s ease;
    -o-animation: fadeInFromNone 0.3s ease;
    animation: fadeInFromNone 0.3s ease;
   /*  transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.1s ease-out;*/
    opacity: 0;
	display: none;
/*-webkit-transition-delay:2s;
	transition-delay:2s;*/
}

.modal-fk-backdrop.modal-fk-backdrop-open {opacity:0.7;display: block; }


@-webkit-keyframes fadeInFromNone {
    0% {display: none; opacity: 0; }
    1% {display: block;opacity: 0;}
    100% {display: block;opacity: 0.7;}
}

@-moz-keyframes fadeInFromNone {
    0% {display: none; opacity: 0; }
    1% {display: block;opacity: 0;}
    100% {display: block;opacity: 0.7;}
}

@-o-keyframes fadeInFromNone {
    0% {display: none; opacity: 0; }
    1% {display: block;opacity: 0;}
    100% {display: block;opacity: 0.7;}
}

@keyframes fadeInFromNone {
    0% {display: none; opacity: 0; }
    1% {display: block;opacity: 0;}
    100% {display: block;opacity: 0.7;}
}


.modal-fk {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-fk-dialog {
	opacity: 0;
 	background: #FFF;
 	margin: 0 auto;
 	max-width: 280px;
 	padding: 15px;

 	border-radius: 2px !important;
    border: none !important;
    background-color: #fff;
    transition: box-shadow .25s;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);

    -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);

    /*transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;*/


    /* -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/


}


.modal-fk-dialog.fk-open,.modal-fk-dialog.fk-open-image {
	opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
	    -webkit-animation: scalarFk 0.3s ease;
    -moz-animation: scalarFk 0.3s ease;
    -o-animation: scalarFk 0.3s ease;
    animation: scalarFk 0.3s ease;

    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); */
    /*	-webkit-transition-delay:2s;
	transition-delay:2s;*/
	/*animation-delay:2s;*/
    opacity: 1;
}

/*@-webkit-keyframes scalarFk {
    0% {display: none; opacity: 0; -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    1% {display: none;opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    100% {display: block;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}

@-moz-keyframes scalarFk {
    0% {display: none; opacity: 0; -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    1% {display: none;opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    100% {display: block;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}

@-o-keyframes scalarFk {
    0% {display: none; opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0); }
    1% {display: none;opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    100% {display: block;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}*/

@keyframes scalarFk {
    0% {opacity: 0; -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);}
    1% {opacity: 0.5;-webkit-transform: scale(0.5);-ms-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);}
    100% {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
}




.modal-fk.fk-open   {
  -ms-display: flex !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1;
}



/**/


/*eliminar*/
.modal-footer button {
	font-family:RobotoCondensedBold ;
}

.modal-body h1{
	font-family:RobotoCondensedBold ;
}

/*  DRAG AND DROP*/

	.button {
    -moz-appearance: button;
    /* Firefox */
    -webkit-appearance: button;
    /* Safari and Chrome */
    padding: 10px;
    margin: 10px;
    width: 70px;
}
.drop-box {
    background: #F8F8F8;
    border: 4px dashed #DDD;
    /* width: 80%; */
    /* height: 400px; */
    text-align: center;
    padding: 10px 14px 56px;
   /* margin: 0 0 10px;*/
}
.drop-box:active {
	border: 4px dashed blue;
}
.dragover {
    border: 4px dashed blue;
}

/*SPINNER*/
/*LOADING*/
.spinner-fk {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 40px !important;
    height: 40px !important;
    top: 0 !important;
    /* top: 50px; */
    border-radius: 84px !important;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);


    /* transition: all ease; */
    transform: translate(0, 100px);
    transition: .3s ease-in-out;
}

.spinner-fk.spinner {
    /* margin: 85px auto 0; */
    width: 70px;
    text-align: center;
    position: absolute;
    top: 0;
    background: #E5E5E5;
    width: 100%;
    height: 100%;
    min-height: 100px;
    padding: 42px 0 0 0;
}

.spinner-fk.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-fk.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner-fk.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }


}




.verde {color: #7CB342;}
.azul {color: #106CC8;}
.byn {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
/*SLIDE*/
.myslides .swiper-slide {
height: 100%;
overflow-y: scroll;
}
.myslides .swiper-container {
height: 100%;}






/* SPLASH*/
#splash-screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eee;
  z-index: 99999; }
  #splash-screen.ng-leave {
    opacity: 1;
    -webkit-transition: all linear 200ms;
    transition: all linear 200ms; }
  #splash-screen.ng-leave-active {
    opacity: 0; }
  #splash-screen .center {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  #splash-screen .logo {
    width: 96px;
    height: 96px;
    line-height: 96px;
    margin: 0 auto;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 56px;
    text-align: center;
    border-radius: 2px;
    background-color: #039BE5;
    color: #FFFFFF;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.22); }
  #splash-screen .spinner-wrapper {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    height: 100px; }
    #splash-screen .spinner-wrapper .spinner {
      position: absolute;
      overflow: hidden;
      left: 50%;
      margin-left: -50px;
      -webkit-animation: outer-rotate 2.91667s linear infinite;
              animation: outer-rotate 2.91667s linear infinite; }
      #splash-screen .spinner-wrapper .spinner .inner {
        width: 100px;
        height: 100px;
        position: relative;
        -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
                animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
        #splash-screen .spinner-wrapper .spinner .inner .gap {
          position: absolute;
          left: 49px;
          right: 49px;
          top: 0;
          bottom: 0;
          border-top: 10px solid;
          box-sizing: border-box; }
        #splash-screen .spinner-wrapper .spinner .inner .left,
        #splash-screen .spinner-wrapper .spinner .inner .right {
          position: absolute;
          top: 0;
          height: 100px;
          width: 50px;
          overflow: hidden; }
          #splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
          #splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
            position: absolute;
            top: 0;
            width: 100px;
            height: 100px;
            box-sizing: border-box;
            border: 10px solid #999;
            border-bottom-color: transparent;
            border-radius: 50%; }
        #splash-screen .spinner-wrapper .spinner .inner .left {
          left: 0; }
          #splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
            left: 0;
            border-right-color: transparent;
            animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
            -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
        #splash-screen .spinner-wrapper .spinner .inner .right {
          right: 0; }
          #splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
            right: 0;
            border-left-color: transparent;
            animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
            -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; }

@keyframes outer-rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5); } }

@keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

@keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

.ms-timeline .ms-timeline-loader {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 auto;
  background: #FFFFFF;
  font-weight: 500;
  opacity: 0;
  z-index: 11;
  border-radius: 50%; }
  .ms-timeline .ms-timeline-loader.show {
    opacity: 1; }
  .ms-timeline .ms-timeline-loader .spinner {
    width: 24px;
    height: 24px;
    border: 3px solid rgba(255, 255, 255, 0.35);
    border-top-color: #FFFFFF;
    border-radius: 50%; }


/*otro sppiner*/
.mod-spinner2 {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
   /* background: #222;*/
    margin: 0 auto;
    display: flex ;/*align-items: center;*/ justify-content: center;
}
.spinner2 {
    margin: 9px auto;
    /*margin: 50px auto;*/
    height: 24px;
    width: 24px;
    animation: rotate 0.8s infinite linear;
    border: 4px solid #222;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

/*ERROR*/
/*Input Error*/
input.error {
        border-color: #D54242 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 102, 102, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 102, 102, 0.6) !important;

}

/*Popover*/
.popover{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 15px !important; font-style: normal !important;  font-weight: 400 !important;
  line-height: 1.42857143 !important;}
.popover_error{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;display:none !important;}
.btn_error_popover{display: block !important;}
.popover-content { width: 260px;}
.info {display:inline;position:relative;z-index:999;padding:5px; color: #333;}
	.info:hover {z-index:1000;}
	.info .fa-question-circle {color:#ccc;font-size:17px;position:relative;z-index:998;}
	.info:hover .fa-question-circle {color:#aaa;}
	aside .info .fa-question-circle {color:#a1eb7b;}
	aside .info:hover .fa-question-circle {color:#d7ffc2;}
	.info-popup {z-index:999;margin-right: 10px;position:absolute;top: 0;right: 0;overflow:hidden;background:#ddd;width:200px;border-radius:1px;font-weight:normal;color:#333;font-size:1px;border:solid thin #d9534f;white-space: normal;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transform-origin: top right;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);opacity:0;pointer-events:none;text-align:left;}
	.info:hover .info-popup {top: 5px;right: 10px;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);opacity:1;font-size: 13px;pointer-events:auto;}
	.info-popup a {color:#999;}
	.info-popup a:hover {color:#666;}
	.info-head {padding:5%; background-color: #d9534f;color:#fff;}
	.info-body {max-height:300px;overflow:auto;padding:5%;background:#eee;font-size: 13px;}
	.info-foot {display:block;padding:5%;}
	.info.user .info-body {display:block;text-transform: uppercase;}
	.info.user:hover .info-popup {right: 20px;top:8px;}
	.info.user.mini:hover .info-popup {right: 20px;top:-5px;}
/*MENSAJE ALERTA*/
.hidenoi {display: none;}
#alert {max-width: 1024px;margin: 0 auto;}
.ver {display: block !important;}


/*AGUSTIN BANDIERA*/

/*BUSCAR MENU*/

.input-buscar {
    position: absolute;
    -ms-transform: translate(102%, 0px);
    -webkit-transform: translate(102%, 0px);
    -moz-transform: translate(102%, 0px);
    -o-transform: translate(102%, 0px);
    transform: translate(102%, 0px);
    -webkit-transition: all .2s ease-in-out;
    width: calc(100% - 10px);
    margin: 0 5px; top: 0;
    background: #222;
    height: 50px;
}
.open-buscar {
    -ms-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
}


/*EQUIPOS*/
.slide-home .swiper-slide, .slide-home .swiper-wrapper  {height: auto;}

 div.equipos {
     background: url('../uploads/equipos/bk.jpg') 0 0 no-repeat;
     background-size: 100% auto;
     background-size: cover;
 }
.slide-home img {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 20px;
}
.swiper-pagination {
    /*display: none !important;*/
}
.swiper-container-horizontal>.swiper-pagination {
    left: 0;
    right: 0;
    bottom: 10px;
    max-width: 960px;
    padding: 0 20px;
    margin: 0 auto;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px 7px;
}
.equipos-texto {display: none;}
.swiper-wrapper,.swiper-container,.slide-home{height: 100%;}
main {
    height:100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*resize: vertical;*/
    overflow: auto;
}

main div {

    resize: vertical;
    overflow: auto;
    margin-bottom: 30px;
}


.swiper-pagination-bullet {background: #ffffff;}

    /*PRODUCTOS*/
 .img-flex {flex: 0 0 264px; -webkit-flex: 0 0 264px; text-align: center;}
.card-flex-productos {flex-direction: column;display: flex; display: -webkit-flex; min-height: 58px; width: 100%; padding: 10px;}

/*Imagen Cuadrado*/
.img-square{width: 100%;padding-bottom: 100%; position: relative;}
.img-square img {position: absolute;width: 100%;}

.card-active:active {background: #EAEAEA;}

/*.menu-botones:active::before {background: #fff;}*/

.menu-botones button:active  {}
ul.sort1 img {width: 100%;}
.nombre {padding: 8px 8px 0 8px;text-align: center; margin: 0 !important;}
.descripcion {font-size: 15px;margin: 0 10px 8px;text-align: center;line-height: 16px;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 13px;}
.descripcion iframe {width: 100% !important;}
ul.sort1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*flex-flow: flex-direction || flex-wrap*/
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    -webkit-align-items: stretch;
    align-items: stretch;

    -webkit-justify-content: center;
    justify-content: center;

}
li.card {
    -webkit-box-flex: 1 1calc(50% - 10px);
    -moz-box-flex: 1 1 calc(50% - 10px);
    -webkit-flex:  1 1 calc(50% - 10px);
    -ms-flex:  1 1 calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);
    -webkit-flex-basis: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    margin: 5px !important;padding: 0;max-width: calc(50% - 10px); }


/*MODAL FK*/

.modal-fk-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    -webkit-animation: fadeInFromNone 0.3s ease;
    -moz-animation: fadeInFromNone 0.3s ease;
    -o-animation: fadeInFromNone 0.3s ease;
    animation: fadeInFromNone 0.3s ease;
    /*  transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -ms-transition: all 0.5s ease-out;
     -webkit-transition: all 0.1s ease-out;*/
    opacity: 0;
    display: none;
    /*-webkit-transition-delay:2s;
        transition-delay:2s;*/
}

.modal-fk-backdrop.modal-fk-backdrop-open {opacity:0.7;display: block; }
.modal-fk {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-fk .modal-fk-dialog {
    opacity: 0;
    background: #FFF !important;
    margin: 0 auto!important;
    max-width: 280px !important;
    padding: 15px!important;

    border-radius: 2px !important;
    border: none !important;
    background-color: #fff !important;
    transition: box-shadow .25s;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);

    -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);

    /*transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;*/


    /* -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/


}
.modal-fk.fk-open   {
    -ms-display: flex !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
}
.modal-fk-backdrop.modal-fk-backdrop-open {opacity:0.7;display: block; }
.modal-fk-dialog.fk-open,.modal-fk-dialog.fk-open-image {
    opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
    -webkit-animation: scalarFk 0.3s ease;
    -moz-animation: scalarFk 0.3s ease;
    -o-animation: scalarFk 0.3s ease;
    animation: scalarFk 0.3s ease;

    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); */
    /*	-webkit-transition-delay:2s;
    transition-delay:2s;*/
    /*animation-delay:2s;*/
    opacity: 1;
}

.modal-fk-dialog.fk-open,.modal-fk-dialog.fk-open-image {
    opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
    -webkit-animation: scalarFk 0.3s ease;
    -moz-animation: scalarFk 0.3s ease;
    -o-animation: scalarFk 0.3s ease;
    animation: scalarFk 0.3s ease;

    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); */
    /*	-webkit-transition-delay:2s;
    transition-delay:2s;*/
    /*animation-delay:2s;*/
    opacity: 1;
}

.modal-fk.fk-open   {
    -ms-display: flex !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
}
/*eliminar*/
.modal-footer button {
    font-family:RobotoCondensedBold ;
}

.modal-body h1{
    font-family:RobotoCondensedBold ;
}

/*MODAL FK*/

.modal-fk-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    -webkit-animation: fadeInFromNone 0.3s ease;
    -moz-animation: fadeInFromNone 0.3s ease;
    -o-animation: fadeInFromNone 0.3s ease;
    animation: fadeInFromNone 0.3s ease;
    /*  transition: all 0.5s ease-out;
     -moz-transition: all 0.5s ease-out;
     -ms-transition: all 0.5s ease-out;
     -webkit-transition: all 0.1s ease-out;*/
    opacity: 0;
    display: none;
    /*-webkit-transition-delay:2s;
        transition-delay:2s;*/
}

.modal-fk-backdrop.modal-fk-backdrop-open {opacity:0.7;display: block; }
.modal-fk {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-fk .modal-fk-dialog {
    opacity: 0;
    background: #FFF !important;
    margin: 0 auto!important;
    max-width: 280px !important;
    padding: 15px!important;

    border-radius: 2px !important;
    border: none !important;
    background-color: #fff !important;
    transition: box-shadow .25s;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);

    -webkit-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);transform: scale(0);

    /*transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;*/


    /* -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;*/


}
.modal-fk.fk-open   {
    -ms-display: flex !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
}
.modal-fk-backdrop.modal-fk-backdrop-open {opacity:0.7;display: block; }
.modal-fk-dialog.fk-open,.modal-fk-dialog.fk-open-image {
    opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
    -webkit-animation: scalarFk 0.3s ease;
    -moz-animation: scalarFk 0.3s ease;
    -o-animation: scalarFk 0.3s ease;
    animation: scalarFk 0.3s ease;

    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); */
    /*	-webkit-transition-delay:2s;
    transition-delay:2s;*/
    /*animation-delay:2s;*/
    opacity: 1;
}

.modal-fk-dialog.fk-open,.modal-fk-dialog.fk-open-image {
    opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
    -webkit-animation: scalarFk 0.3s ease;
    -moz-animation: scalarFk 0.3s ease;
    -o-animation: scalarFk 0.3s ease;
    animation: scalarFk 0.3s ease;

    /*-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); */
    /*	-webkit-transition-delay:2s;
    transition-delay:2s;*/
    /*animation-delay:2s;*/
    opacity: 1;
}

.modal-fk.fk-open   {
    -ms-display: flex !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
}
/*eliminar*/
.modal-footer button {
    font-family:RobotoCondensedBold ;
}

.modal-body h1{
    font-family:RobotoCondensedBold ;
}

@media only screen and (min-width:480px) {
    li.card {
        -webkit-box-flex: 1 1 calc(33.3333% - 10px);
        -moz-box-flex: 1 1 calc(33.3333% - 10px);
        -webkit-flex:  1 1 calc(33.3333% - 10px);
        -ms-flex:  1 1 calc(33.3333% - 10px);
        flex: 1 1 calc(33.3333% - 10px);
        -webkit-flex-basis: calc(33.3333% - 10px);
        flex-basis: calc(33.3333% - 10px);
        margin: 5px !important;padding: 0;max-width: calc(33.333% - 10px); }
}
@media only screen and (min-width:768px) {
    .col-1-contacto {width: 23%; float: left}
    .col-2-contacto {width: 77%; float: right}
    .boton-align {text-align: right;}
    li.card {
        -webkit-box-flex: 1 1 calc(25% - 10px);
        -moz-box-flex:  1 1 calc(25% - 10px);
        -webkit-flex:  1 1 calc(25% - 10px);
        -ms-flex:  1 1 calc(25% - 10px);
        flex: 1 1 calc(25% - 10px);
        -webkit-flex-basis: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
        margin: 5px !important;padding: 0;max-width: calc(25% - 10px);
    }
}

/* ##################### */
/*MEDIAS QUERYS BOOTSTRAP*/
/* ##################### */
@media only screen and (min-width:768px) {
	/*PRODUCTOS*/
    .card-flex-productos {flex-direction: row;}
    /*#######*/
	.swiper-slide::-webkit-scrollbar-track{background-color: #E5E5E5;}
    .swiper-slide::-webkit-scrollbar{width: 5px;background-color: #E5E5E5;}
    .swiper-slide::-webkit-scrollbar-thumb{background-color: #ccc;}
    .scrollFk::-webkit-scrollbar-track{background-color: #E5E5E5;}
    .scrollFk::-webkit-scrollbar{width: 5px;background-color: #E5E5E5;}
    .scrollFk::-webkit-scrollbar-thumb{background-color: #ccc;}

.media-dialog { /*max-height: 600px;*/}

.upload-item {padding: 10px;}
	/* .mod-buscar {position: relative; text-align: left; margin: 0 15px;}*/
	.titulo-tabla {margin: 8px auto 0;}
	.card {margin: 8px auto;}
	label {margin: 0;}
	.li-buscar{width: 330px; display: block !important;}
	.btn-buscar-small {display: none;}
	.altura_menu {height: 52px;}
	.viewA{height: calc(100% - 52px)}
	.menu-lateral {/*top: 52px;*/}
	.slide1 h1{margin: 15px 0 0 10px; font-size: 24px;}
	.slide1 h3 {margin: 10px 0 0 10px;font-size: 20px;}

	.icon_pin {float:right; margin:0 auto;}
	.icon_pinb {float:left;}
	.container_interior{padding-right: 15px !important; padding-left: 15px !important;}
	ul.redes {display: inline-block;margin-top: 70px;}
	footer .dolar p { margin: 10px 0 0; font-size: 20px;}
	section.ver_mapa h1 {padding-top: 64px;}
	/*SLIDE*/
	section.slide-home .circulo {width: 272px; width: 31%; float: left;}
	.slide-home .txt {width: 69%;/* margin-left: 5%;*/ float: right; padding-left: 14px;}
	.slide-home .txt {text-align: left;}
	/**/
	/*body {background-position: 48% 0 !important; background: url(../img/bg.png) center top no-repeat;}*/
	section.contacto .text{text-align: left !important;}
	.col-redes{text-align: right; display: block; }
	.ventas .item {margin-top: 0px;}
	/*FOOTER*/
	.mod-news input {float: left;}
	.mod-news a {margin: 0;}
	/*NUEVOS*/
	header .telefono {margin-top: 66px;text-align: left;}
	header a.tel {margin: 0 0 5px;}
	#menu {float: right;}
	section.slide h1 {font-size: 60px;}
	section.slide h2 {font-size: 50px;}
	section.slide h1 {font-size: 83px;}
	section.slide h2 {font-size: 72px;}
	.oculto-xs{display:inherit;}
	.visible-xs{display: none;}
}
/*DISCOS*/.animate-show {
    opacity: 0;
}
          .swiper-slide-duplicate img {
              opacity: 1;
          }
.ng-hide-add {
    opacity: 1;

}
.ng-hide-remove {
    transition: all linear 0.5s;
    display: block !important;
}



.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n) {
    background: #b3231c !important;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n-1) {
    background: #eae903 !important;

}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3n-2) {
    background: #7CB342;
}

.btn-contacto {
    background: #b3231c !important;
    margin-top: 16px;
    max-width: 180px;
    font-size: 18px;
    padding: 0 35px;
    height: 58px;;
}

.contacto-email {color: #b3231c !important;
    display: block;
    margin: 22px 0 10px;
    font-size: 20px !important;}
.contacto-email:hover {color: #b3231c; }
.contacto-facebook {color: #3B5998;
    font-size: 20px !important;
    margin: 0 0 15px;
    display: block;}
.contacto label {display: none;}
.contacto a {font-family: RobotoCondensedBold;}
.contacto textarea {min-height: 70px; border-color: #ccc; color: #555;padding: 4px 0 4px 12px;
    font-size: 15px;}
.contacto textarea.error {
    border-color: #D54242 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 102, 102, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 102, 102, 0.6) !important;

}
textarea::-webkit-input-placeholder {
    color: #999;
}
textarea:-moz-placeholder {
    color: #999;
}
textarea:-ms-input-placeholder {
    color: #999;
}

.contacto .form-horizontal .form-group {margin: 0 0 15px 0 !important;}
.contacto .componente {padding: 0; margin: 10px 0 !important;}




@media only screen and (min-width:992px) {
	.slide1 a.ver{ margin: 20px 0 0;}
	.slide1 h1{margin: 30px 0 0 0; font-size: 40px;}
	.slide1 h3 {margin: 10px 0 0 0;font-size: 35px;}
	.slide1 h2{margin-left: 0;}


	.swiper-button-next {display: inherit;}
	.swiper-button-prev {display: inherit;}


	ul.titulo-venta li {float: left;}
	body {background-position: 52% 0 !important;}
	section.contacto span.texto {text-align: left;}
	section.contacto h3 {text-align: left;}
	.text-sm-left{text-align: left;}

	section.slide h1 {font-size: 115px;}
	section.slide h2 {font-size: 95px;}
	.buscador li.buscar{width: inherit;}
	/*section.listado .container { max-width: 1024px !important;}*/

}
@media only screen and (min-width:1200px) {
	.slide1 h3{margin: 20px 0 0 0;font-size: 44px;}
	.slide1 h1{margin: 56px 0 0 0; font-size: 48px;}
	section.listado .container { max-width: 1024px !important;}
	.container_slide{ max-width: 760px;}
}
@media only screen and (min-width:1600px) {
	.container_slide{ max-width: 960px;}
	}
/**/