/* ---- WRAPPERS ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html { min-width: 320px; }
body { font-family: sans-serif; font-size: 16px; line-height: 22px; }
.mother-wrapper { width: 100%; overflow: hidden; }

.full-wrapper { width: 100%; }
    .full-wrapper .wrapper { width: 100%; margin: 0 auto; }
    .full-wrapper .wrapper .row { width: 100%; display: block; }
    .full-wrapper .wrapper .row .col { padding-left: 5px; padding-right: 5px; }
    .full-wrapper .wrapper .row .inverted { float: right; }

.back-box { background-position: center center; background-size: cover; background-repeat: no-repeat; }

/* ---- COMMON & FX ------------------------------------------------------------------------------------------------------------------------------------------------------- */

.js-load-trans { position: relative; }
.js-load-trans .js-load-content { opacity: 0; }
.js-load-trans.load .js-load-content { opacity: 1; }
.js-load-trans .js-load-spinner { opacity: 1; }
.js-load-trans.load .js-load-spinner { opacity: 0; }

.js-load-opac { opacity: 1; }
.js-load-opac.load { opacity: 0; }

/* VP CONTROL (To JS use only ) */

.vp-control { position: fixed; top:0; left: 0; pointer-events: none; height: 1px; width: 1px; }
    .vp-control.vp-control-desktop { display: block; }
    .vp-control.vp-control-tablet { display: none; }
    .vp-control.vp-control-mobile { display: none; }

/* ---- LOADING SPINNER ---------------------------------------------------------------------------------------------------------------------------------------------------- */

.cssload-container { display: block; width:20px; position: absolute; top: 20px; left: 50%; margin-left: -10px; }
.cssload-loading{ width: 19px; height: 19px; }
.cssload-loading i { width: 19px; height: 19px; display: inline-block; border-radius: 50%; position: absolute; }
.cssload-loading i:nth-child(1){ transform:translate(-21px,0); -o-transform:translate(-21px,0); -ms-transform:translate(-21px,0); -webkit-transform:translate(-21px,0);
    -moz-transform:translate(-21px,0); animation:cssload-loading-ani1 1.3s linear infinite; -o-animation:cssload-loading-ani1 1.3s linear infinite;
    -ms-animation:cssload-loading-ani1 1.3s linear infinite; -webkit-animation:cssload-loading-ani1 1.3s linear infinite; -moz-animation:cssload-loading-ani1 1.3s linear infinite; }
.cssload-loading i:nth-child(2){ transform:translate(21px,0); -o-transform:translate(21px,0); -ms-transform:translate(21px,0); -webkit-transform:translate(21px,0);
    -moz-transform:translate(21px,0); animation:cssload-loading-ani2 1.3s linear infinite; -o-animation:cssload-loading-ani2 1.3s linear infinite; -ms-animation:cssload-loading-ani2 1.3s linear infinite;
    -webkit-animation:cssload-loading-ani2 1.3s linear infinite; -moz-animation:cssload-loading-ani2 1.3s linear infinite; }
@keyframes cssload-loading-ani1 { 25%{ z-index: 2; } 50%{ transform:translate(21px,0) scale(1); } 75%{ transform:translate(0,0) scale(0.75); } 100%{ transform:translate(-21px,0) scale(1); } }
@-o-keyframes cssload-loading-ani1 { 25%{ z-index: 2; } 50%{ -o-transform:translate(21px,0) scale(1); } 75%{ -o-transform:translate(0,0) scale(0.75); } 100%{ -o-transform:translate(-21px,0) scale(1); } }
@-ms-keyframes cssload-loading-ani1 { 25%{ z-index: 2; } 50%{ -ms-transform:translate(21px,0) scale(1); } 75%{ -ms-transform:translate(0,0) scale(0.75); } 100%{ -ms-transform:translate(-21px,0) scale(1); } }
@-webkit-keyframes cssload-loading-ani1 { 25%{ z-index: 2; } 50%{ -webkit-transform:translate(21px,0) scale(1); } 75%{ -webkit-transform:translate(0,0) scale(0.75); } 100%{ -webkit-transform:translate(-21px,0) scale(1); } }
@-moz-keyframes cssload-loading-ani1 { 25%{ z-index: 2; } 50%{ -moz-transform:translate(21px,0) scale(1); } 75%{ -moz-transform:translate(0,0) scale(0.75); } 100%{ -moz-transform:translate(-21px,0) scale(1); } }
@keyframes cssload-loading-ani2 { 25%{ transform:translate(0,0) scale(0.75); } 50%{ transform:translate(-21px,0) scale(1); } 75%{ z-index: 2; } 100%{ transform:translate(21px,0) scale(1); } }
@-o-keyframes cssload-loading-ani2 { 25%{ -o-transform:translate(0,0) scale(0.75); } 50%{ -o-transform:translate(-21px,0) scale(1); } 75%{ z-index: 2; } 100%{ -o-transform:translate(21px,0) scale(1); } }
@-ms-keyframes cssload-loading-ani2 { 25%{ -ms-transform:translate(0,0) scale(0.75); } 50%{ -ms-transform:translate(-21px,0) scale(1); } 75%{ z-index: 2; } 100%{ -ms-transform:translate(21px,0) scale(1); } }
@-webkit-keyframes cssload-loading-ani2{ 25%{ -webkit-transform:translate(0,0) scale(0.75); } 50%{ -webkit-transform:translate(-21px,0) scale(1); } 75%{ z-index: 2; } 100%{ -webkit-transform:translate(21px,0) scale(1); } }
@-moz-keyframes cssload-loading-ani2{ 25%{ -moz-transform:translate(0,0) scale(0.75); } 50%{ -moz-transform:translate(-21px,0) scale(1); } 75%{ z-index: 2; } 100%{ -moz-transform:translate(21px,0) scale(1); } }

.cssload-loading i:nth-child(1) { background: #eee; } 
.cssload-loading i:nth-child(2) { background: #444; }

@-webkit-keyframes rotating {
  from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg);  -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg);  -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating {
  from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);  -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.spinning {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.spinningslow {
    -webkit-animation: rotating 1.5s linear infinite;
    -moz-animation: rotating 1.5s linear infinite;
    -ms-animation: rotating 1.5s linear infinite;
    -o-animation: rotating 1.5s linear infinite;
    animation: rotating 1.5s linear infinite;
}

.load-spinner { width: 100%; }
.load-spinner span { display: block; height: 50px; width: 50px; text-align: center; font-size: 35px; line-height: 50px; margin: 0 auto; color: #a0a0a0; }
.load-spinner span:before { line-height: 50px; } 

/* ---- COOKIES ADVICE ---------------------------------------------------------------------------------------------------------------------------------------------------- */
.cookies-advice.active { opacity: 1; bottom: 0; display: block;} 
.cookies-advice { z-index: 9999999; opacity: 0; bottom: -35px; display: none;}
/*

.cookies-advice:before { content:''; background-image:url(../images/icons/cookies.png); position: absolute; left: -40px; width: 230px;  height: 150px; bottom: -35px; background-size: contain; background-repeat: no-repeat; }
*/     
/*
    .cookies-advice p { font-family: TextaMedium; font-size: 16px;
color: #FFFFFF; line-height: 21px; padding: 0 80px 0 180px; }
    .cookies-advice a { position: absolute; right: 10px; color: #FFFFFF; font-size: 90px; line-height: 80px; transform: translateY(-50%); top: 50%; }
    .cookies-advice p a:hover { }
*/

/* ---- SUPER SYMETRIC CENTERING ----------------------------------------------------------------------------------------------------------------------------------------- */

.center-abs { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.center-abs-hor { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.center-abs-vert { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* TO DO --- GOTO forms.css ------ */


.requesting { opacity: 0.7; pointer-events: none; }
p.val-error-text { color: #dd5656; line-height: 14px; font-size: 12px; margin: 3px 0; font-family: TextaMedium; }

.feedback-holder { display: block; text-align: left; font-family: TextaMedium; font-size: 16px; line-height: 18px; position: relative; color: #555555;
    top: -30px; pointer-events: none; z-index: -1; opacity: 0; padding: 10px 0 0 0; height: 0; overflow: hidden; }
.feedback-holder.active { top: 5px; opacity: 1; height: auto; }
.feedback-holder.active.ok { border-top: 3px solid #0077FF; }
.feedback-holder.active.ko { border-top: 2px solid red; }

footer .columns-wrapper { padding: 25px 0 !important; }
footer .columns-wrapper .col { }
footer .widget { padding: 15px 0; }
footer .widget .widget-title { font-family: TextaHeavy; font-size: 18px; line-height: 20px; margin-bottom: 25px; }
footer .widget#nav_menu-2 .widget-title { font-size: 32px; line-height: 30px; margin-bottom: 15px; }
footer .backhome { display: inline-block; padding: 5px 0; } 
footer .backhome img { height: 27px; width: auto; display: block; margin: 0; }


.hero-header-block { }
.hero-header-block .wrapper { height: 100%; position: relative; }
/* .hero-header-block .wrapper .main-menu { position: static; } */
.hero-header-block .wrapper .row-hero-container { }

.hero-header-block .logo-holder { padding: 0; }


.main-header.acceso-page .title { padding-top: 110px; }


/* ---- NAV Breadcrumbs -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

nav.breadcrumb { padding: 15px; font-size: 18px; font-family: TextaLight; }
	nav.breadcrumb ul { display: block; }
	nav.breadcrumb ul li { display: inline-block; }
	nav.breadcrumb ul li .current { text-decoration: underline;	 }
	nav.breadcrumb ul li a { font-family: TextaLight; font-size: 18px; color: #191919; line-height: 10px; }
	nav.breadcrumb ul li .divisor{ padding: 0 10px; font-size: 20px; color: #4990E2; font-weight: 700; vertical-align: bottom; }
	
	nav.breadcrumb.volver a { color: #000; }