@charset "utf-8";

/* GENERAL */
*									{ margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; }
img									{ max-width:100%; }
body								{ font-family: 'KG She Persisted', sans-serif; font-weight:normal; font-size:14px; line-height:1em; position:relative; }
a:hover, a:focus					{ text-decoration:none; outline:none; }
a									{ outline:none !important; }

.rrss								{ font-family: 'rrss', sans-serif; font-weight:400; }

/* ESTRUCTURA */
.ionix								{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;}
.generalMin							{ width:90%; max-width:1000px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.general							{ width:90%; max-width:1440px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.generalMax							{ width:96%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto; }
.allion								{ height:auto; position:relative; }

/* ZONAS */

#franelografo                       { position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; }

.drag-drop                          { position:absolute; display:none; left:30%; top:10%; z-index:5; }
.drag-drop img                      { display: inline-block;  }

.backy                              { opacity:0; }
.backy.on                           { opacity:1; }

.grayon                             { filter: grayscale(100%); }


.botion                             { font-size:26px; color:#fff; text-shadow:2px 2px 0px #000; }
.botion:hover                       { font-size:30px;color:#fff; text-shadow:3px 3px 2px #000; }
.botion2                            { font-size:24px; color:#fff; text-shadow:2px 2px 0px #000; }
.botion2:hover                      { font-size:30px;color:#fff; text-shadow:3px 3px 2px #000; }

.aLogo                              { height:75px; }
.pL50                               { padding-left:50px; }
.bRS5                               { border-right:5px solid #ccc; }
.bRS5Morado                         { border-right:5px solid #460479; }

.colorMorado 						{ color:#460479; }
.colorVerde 						{ color:#00b33f; }
.colorAmarillo 						{ color:#f1ce00; }
.colorNaranja 						{ color:#f37021; }
.colorRojo 							{ color:#d71826; }
.colorAzul							{ color:#081d6c; }

.bMorado 							{ background-color:#460479; }
.bVerde 							{ background-color:#00b33f; }
.bAmarillo 							{ background-color:#f1ce00; }
.bNaranja 							{ background-color:#f37021; }
.bRojo 								{ background-color:#d71826; }
.bAzul 								{ background-color:#081d6c; }

.bC000 								{ border-color:#000; }
.bC666 								{ border-color:#666; }
.bCDorado 							{ border-color:#DA9300; }

.bShadow 							{ -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); box-shadow: 0 0 15px 1px rgba(0,0,0,0.3); }
.tShadow 							{ text-shadow: 0 0 10px rgba(0,0,0,0.8); }

.b000T 								{ background:rgba(0,0,0,0.5); }
.b000T2 							{ background:rgba(0,0,0,0.8); }

.bio                  				{ top:0; width:100%; height:100%; position:fixed; z-index:-1; }
.bion                				{ top:0; width:30%; height:100%; min-width:320px; max-width:450px; position:absolute; z-index:1; right:-450px; }
.bioView                			{ top:0; width:100%; height:100%; position:absolute; z-index:1; }
.iconFlot 							{ left:0; top:30%; max-width:35%; }
.opa								{ opacity:0; }
.let 								{ letter-spacing:0.1em; }

.bGrad1                             {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f4e1e+0,c09818+100 */
background: #7f4e1e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #7f4e1e 0%, #c09818 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #7f4e1e 0%,#c09818 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #7f4e1e 0%,#c09818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f4e1e', endColorstr='#c09818',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}



/* TRANSFORM */

.bHover:hover						{ background-color:#ffce00; color:#333; }
.bHover2:hover						{ background-color:#eee; color:#333; }
.aHover:hover						{ color:#ccc; }
.aHover2:hover						{ color:#460479; }


.bHover, .bVerdeHover, .aHover, .aHover2, .aS, .botion, .botion2
{
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	-ms-transition: all 350ms ease-in;
	-o-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}


.inpSearch::-webkit-input-placeholder,
.inpSearch:-ms-input-placeholder,
.inpSearch::placeholder 			{ color:#fff !important; }



.inpSearch input[type="text"]::placeholder 			{ color:#fff !important; }



.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


#franelografo {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#63a5ce+0,2cd4ea+100 */
background: #63a5ce; /* Old browsers */
background: -moz-linear-gradient(-45deg, #63a5ce 0%, #2cd4ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #63a5ce 0%,#2cd4ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #63a5ce 0%,#2cd4ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63a5ce', endColorstr='#2cd4ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}