* {box-sizing: border-box; color: #444444; font-family:  'wzbook', Tahoma, Geneva, sans-serif; font-size: 16px; }
h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; }

/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'wzbold';
    src: url('fonts/geomanist-bold-wz-webfont.eot');
    }
@font-face {
    font-family: 'wzbold';
    src: url('fonts/geomanist-bold-wz-webfont.wof2') format('wof2'),
         url('fonts/geomanist-bold-wz-webfont.wof') format('wof'),
         url('fonts/geomanist-bold-wz-webfont.ttf') format('truetype'),
         url('fonts/geomanist-bold-wz-webfont.svg#geomanist-wzbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wzbook';
    src: url('fonts/geomanist-book-wz-webfont.eot');
    }
@font-face {
    font-family: 'wzbook';
    src: url('fonts/geomanist-book-wz-webfont.wof2') format('wof2'),
         url('fonts/geomanist-book-wz-webfont.wof') format('wof'),
         url('fonts/geomanist-book-wz-webfont.ttf') format('truetype'),
         url('fonts/geomanist-book-wz-webfont.svg#geomanist-wzbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wzlight';
    src: url('fonts/geomanist-light-wz-webfont.eot');
    }
@font-face {
    font-family: 'wzlight';
    src: url('fonts/geomanist-light-wz-webfont.wof2') format('wof2'),
         url('fonts/geomanist-light-wz-webfont.wof') format('wof'),
         url('fonts/geomanist-light-wz-webfont.ttf') format('truetype'),
         url('fonts/geomanist-light-wz-webfont.svg#geomanist-wzlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wzmedium';
    src: url('fonts/geomanist-medium-wz-webfont.eot');
    }
@font-face {
    font-family: 'wzmedium';
    src: url('fonts/geomanist-medium-wz-webfont.wof2') format('wof2'),
         url('fonts/geomanist-medium-wz-webfont.wof') format('wof'),
         url('fonts/geomanist-medium-wz-webfont.ttf') format('truetype'),
         url('fonts/geomanist-medium-wz-webfont.svg#geomanist-wzmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Interstate Light ExtCond';
	src: url('fonts/Interstate-LightCompressed.eot');
	src: url('fonts/Interstate-LightCompressed.eot?#iefix') format('embedded-opentype'),
		url('fonts/Interstate-LightCompressed.woff2') format('woff2'),
		url('fonts/Interstate-LightCompressed.woff') format('woff'),
		url('fonts/Interstate-LightCompressed.ttf') format('truetype'),
		url('fonts/Interstate-LightCompressed.svg#Interstate-LightCompressed') format('svg');
	font-weight: 300;
	font-style: normal;
}




/* helpers */
/* helpers */
/* helpers */
.overflow {overflow: hidden;}
.fLeft {float: left;}
.fRight {float: right;}
.onlyM {display: none;}
.onlyD {display: block;}
.clear {clear: both;}
.block {display: block;}
.redC {color: #bd0038 !important}
.mt60 {margin-top: 60px}
.tCenter {text-align: center;}
.hide { display: none; }
.block {display: block;}
#formDni .onlyD { display: inline-block !important;}


/* structure */
/* structure */
/* structure */
body {background: #ffffff}
a {text-decoration: none;}
ul { list-style-type: none; margin: 0; padding-left: 0;}
.wrapper {background:#ffffff; margin: 0 auto;max-width:1260px;}
.coLeft { float: left; width: 108%; }
.colRight { float: right; width: 100%; }
.colFull { display: block; width: 100%; text-align: center; }
input[type=text] {border: 1px solid #333333;line-height: 19px;padding: 11px 20px 14px}
input[type=submit], .button {background-color: #FF8181; border: 0; border-bottom: 4px solid #ff4f4e; color: #ffffff; cursor: pointer; height:46px; line-height: normal; padding: 12px 40px; text-transform: uppercase; font-family: 'wzbook'; letter-spacing: 2px;}
input[type=submit]:hover, .button:hover {background-color: #FF4F4E; border-bottom: 4px solid #cc3232;color:#ffffff;text-decoration: none; }
.button.iconS {background:url(../img/sprite1.png) no-repeat 25px -398px #bd0038;padding-left: 60px} 
.iconS.downL {background:url(../img/sprite1.png) no-repeat 25px -517px #bd0038;padding-left: 60px} 
.headerSite { padding: 27px; background: url(../img/header_bg.png) repeat left top #152a69; }
.headerSite.home { padding: 27px 27px 0; }
.headerSite h3 { margin:30px 0 0 0; font-family: 'wzlight'; color: #ffffff; font-size:35px; font-weight: lighter;}
.headerSite h3 strong { font-family: 'wzbook'; color: #00c6c5; font-size: 26px; }
.headerSite .top {background-color: #bd0038; padding-top: 5px; text-align: left;}
.headerSite .onlyD {display: inline-block;}



.t_green { color: #00c6c5; }
.t_blue { color: #152a69; }

.visual { float: right; width: 75%; height: auto; padding: 0px 0 0 20px } 
.visual .title {color: #ffffff;font-size: 27px;margin: 0;}
.visual .title span {color: #ffffff; display: block; font-size: 21px} 

.steps {left:8%; overflow: hidden; padding-top:5px;position: relative;}
.steps::before {background: #ffffff;content: "";display: block;height: 1px;left: 10%;margin: 28px 0 0;position: absolute;width: 80%;z-index: 0;}
.steps li {float: left; position: relative; text-align: center; width: 20%; z-index: 1}
.steps li.active {top: 0px;}
.steps .pasoTitle {color:#ffffff;font-size: 13px;opacity: 1}
.steps .pasoNumber { margin-top: 14px; background: #152a69 ;border-radius: 20px;color: #ffffff;display: inline-block;font-size: 13px;height: 26px;line-height: 20px;opacity: 1;text-indent: 1px;width: 26px; border: 2px solid #fff;}

.steps .active .pasoTitle {font-size:14px;font-weight:bold;opacity: 1; color: #00c6c5;}
.steps .active .pasoNumber {background: #00c6c5 ;border-radius: 20px; height: 26px;line-height: 20px;opacity: 1;text-indent: 1px;width: 26px;}

.colCont {overflow: hidden;} 
.contentPage {padding: 30px 20px 20px} 
.contentPage header h3 {font-size: 24px; font-weight: normal; margin-top: 0;}
.contentPage .titleStep {color: #00c6c5; font-size: 26px; font-family: 'wzbook', tahoma, arial, sans-serif; font-weight: normal;line-height: 40px; margin-bottom:5px;text-align: center;  }
.contentPage .titleStep span {color: #152a69;font-family: 'wzbook', tahoma, arial, sans-serif; font-size: 26px;   }
.contentPage .titleStep + p { margin: 0 0 20px 0; color: #152a69; font-size: 19px; font-family: 'wzbook'; font-weight: bold; text-align: center; }
.tStep { color: #bd0038; font-size: 24px; line-height: 36px }
.tStep.success { background:url(../img/sprite1.png) no-repeat 0px -1044px; padding-left: 50px }
.tStep.expired { background:url(../img/sprite1.png) no-repeat 0px -1196px; padding-left: 50px }

footer .help {background:url(../img/sprite.png) no-repeat 0px 28px; color:#152a69;font-size: 18px;display: inline-block;padding: 40px 30px 26px 45px;}
footer .help a {color:#00c6c5;font-size: 18px; font-weight: bold;}
footer .numIde {border-top:1px solid #333333;color:#00c6c5;line-height: 68px; margin: 0; padding: 0 30px; } 
footer .numIde span, footer .numIde p  {color:#00c6c5} 
footer .numIde span.ref {color:#000000; float: right;} 
footer .lastList {background-color: #00c6c5; overflow: hidden; padding: 20px;}

.icon {background:url(../img/sprite1.png) no-repeat top center; line-height: 20px; padding-left: 30px}
.icon.alert {background-position: -6px -172px; }

.doubleCont .double { float: left; width: 48%;}
.doubleCont .double + .double { margin-left: 3%; }
.doubleCont .double img { width: 100%}
#formDni .doubleCont { margin:20px auto 0; max-width: 700px; overflow: hidden; }

.form.edicion .fileCont {display: inline-block;margin-bottom: 10px;width: 40%;}
.form.edicion .fileCont + .fileCont { margin-left: 2% }
.fileCont .file {padding: 27px 0;}
.form .fileCont label {cursor: pointer;margin: 15px 0 10px;text-align: center;width: 100%;}
.form .fileCont .submitConteiner {border:2px solid #00c6c5; color:#00c6c5;font-size: 11px;margin: 0;padding: 0px 14px;text-align: center;text-transform: uppercase;width: 100%;}

.file-wrapper {cursor: pointer;display: inline-block;overflow: hidden;position: relative;width: 100%;}
.form .fileCont .submitConteiner span {background:transparent; border:none;color: #00c6c5;margin-right: 0;padding: 15px 0 ;cursor: pointer;display: inline-block;}
.file-wrapper input.upL {bottom: 0;cursor: pointer;opacity: 0.01;position: absolute;right: 0;top: 0;}
.form .fileCont label img {width: 100%;}

.listRed {padding-left: 25px}
.listRed li {color: #bd0038;margin-bottom: 20px;font-size: 22px; }
.listRed li::before {color: #000000;content: "\2022";margin-right: 10px;}

.thumbContrato {display:table;margin: 0 10%; width: 80%;}
.thumbContrato .thumbC {display: table-cell;float: none;vertical-align: top;}
.thumbContrato .enlaces {display: table-cell;float: none;}
.thumbContrato .enlaces a {display:block; margin-top: 40px;}
.thumbContrato .thumbC img {border:2px solid #152a69 }
.thumbContrato .enlaces a span {padding-top: 13px}

.btnNextPage { padding-top: 60px }

.checkBox .lCondiciones a {color:#00c6c5;text-decoration: underline;}
.checkBox input[type=checkbox] {opacity: 0; position: absolute; z-index: -2}

.checkBox .altCheck {background:url(../img/sprite.png) no-repeat scroll -10px -194px;cursor:pointer;display: inline-block; height: 20px; margin: 3px 0 0 -25px; position: absolute; width: 23px;}
.checkBox input:checked + .lCondiciones .altCheck { background-position: -10px -301px; }
.checkBox .lCondiciones {display: block;line-height: 30px;text-align: left;}

.sendSMS .sPin {background:url(../img/sprite1.png) no-repeat 15px -896px #bd0038;padding-left: 50px}
#codPin {background:transparent; border:1px solid #aca39a; color: #aca39a;margin-bottom: 5px; text-align: center; width: 300px}
.sendSMS, .codPin { margin-top: 30px }
.imgEjemplo { margin:30px auto 60px }
.imgEjemplo img { display: block; width: 100%; }
.btnNextPage .button {padding-top: 12px;}
.final .help { padding-top: 0}

.btnNextPage.expired {padding-top: 10px}
.expired.btnNextPage .button {height: auto; padding-bottom: 12px;}
#cookies a { text-decoration: underline; }
.featherlight .featherlight-content {background:#dddddd; }
.paso5 .featherlight-iframe .featherlight-content {overflow-y:hidden}
.featherlight .featherlight-close-icon { background: transparent; color: #152a69; font-family: "wzbook"; font-size: 12px; width: auto; right: 25px; top: 15px; }
.us {overflow: hidden;}
.featherlight .us .featherlight-close-icon { background:#bd0038; color: #ffffff;float: right;padding-top: 12px;position: static;width: auto;}
#iframePDF {
    border: 0 none #ffffff;
    height: 100%;
    min-height: 550px;
}
#contrato.featherlight-inner {
    min-width: 810px;
    padding: 20px 30px;
}
.us.print { padding:15px 0 0; position: relative; }
.us.print .button { padding-top: 12px;  }

.us.print img + img.fRight {bottom: 20px;position: absolute;right: 0;}

.refDoc, .refDoc b { 
    color: #bd0038;
    font-size: 15px;
    margin-top: 0;
}


/* redesign WZ */
/* redesign WZ */
/* redesign WZ */
/* redesign WZ */

.fullWrapper.headerSite .wrapper, .fullWrapper.footerSite .wrapper {background:transparent;}
#step1 input[type="text"] {color:#aca39a;width: 40%;}
.fullWrapper.headerSite .imgHeader {display: block;margin:50px auto 0;}

/* paso 2 - switch */

.switch .btnSwitch { border: 2px solid #00c6c5; color: #00c6c5; display: inline-block; padding: 10px 0; text-align: center; width: 30%; } 
.switch .btnSwitch span { color: #00c6c5; font-size: 16px; } 
.switch .btnSwitch.on { background:#00c6c5; border: 2px solid #00c6c5; opacity: 1  } 
.switch .btnSwitch.on span {color: #ffffff;font-weight: bold;left: -5px;position: relative;}
.switch .btnSwitch.on span::before {
    background: url("../img/sprite.png") no-repeat -8px -102px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 24px;
}
.switch .btnSwitch + .btnSwitch { margin-left: 10px }
.boxSwitch { display: none; }
.boxSwitch.on { display: block; }
.listRed.docExp li { 
    font-size: 16px
}
.listRed.docExp li strong {color: inherit;}
.listRed.docExp li::before {
    color: #000000;
    content: "•";
    margin-left: -20px;
    position: absolute;
}
.skipStep {padding: 100px 0 50px}
#step3 .skipStep {padding: 20px 0 0}
.skipStep a {color: #00c6c5; text-decoration: underline;}
.skipStep.off {display: none;}
.form .onlyPDF .fileCont label img {width: auto;}
#step3 form {padding-top: 25px}
#step3 form .alert { margin: 15px 0 }
#step3 form input[type="submit"] { margin-top: 40px }
.button.button2 {border:2px solid #00c6c5; background: transparent; color: #00c6c5;}
.hide5 {border-top: 2px solid #152a69; display: none; margin-top: 30px}
.hide5.on {display: block; }
.checkBox {margin-left: 20px;}
.cBlue {color: #152a69}
.cCeleste {color: #00c6c5}
#step5 .alert.cBlue { font-size: 19px; margin-bottom: 25px }
#step5 .button.button2 {width: 300px}
#step5 input[type=submit] { margin-top: 30px }
#codPin:enabled {opacity: 1; color: #000000}
#codPin:disabled {opacity: .5}
.imgH { padding: 30px 0 }
.noStep .headerSite {padding-bottom: 50px}
.noStep .headerSite h1 {color: #00c6c5; font-family:'wzlight', tahoma, sans-serif;font-size: 46px; font-weight: normal; margin-top: 30px;}
.noStep .headerSite h2 {color: #ffffff; font-family: 'wzmedium', tahoma, sans-serif;font-size: 26px; }
footer.moreheight { position: absolute; bottom: 0; width: 100%; }
.imagen_ejemplo {display: block; margin: 0 auto; max-width: 100%}
#step5 .colFull { min-height: 356px }
.step2 footer.moreheight.down {margin-bottom: -210px;}
.outsideDoc {background: #e9ebec}
.outsideDoc .wrapper {background: transparent;}
.referencial {color: #152a69; font-size: 11px; margin: 50px 0}
.condiciones img { display: block; margin: 0 auto; max-width: 100%;}
.featherlight .featherlight-content {padding: 30px 20px 0;}
.euroLine::after {
    content: "€";
    float: right;
    left: 25px;
    position: relative;
}
li b.cCeleste, li span.cCeleste  {font-size: 12px; font-weight: normal;}

/* anim */

.onlyJPG p, .onlyPDF p, .paso2b, .form.edicion .onlyJPG .fileCont, .form.edicion .onlyPDF .fileCont, .hide5.on .sendSMS, .hide5.on .codPin , .hide5.on input[type=submit] {
      -moz-animation: inHide 0.5s ease-in-out forwards;
      -webkit-animation: inHide 0.5s ease-in-out forwards;
      -ms-animation: inHide 0.5s ease-in-out forwards;
      animation: inHide 0.5s ease-in-out forwards;
      -moz-backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 0;
}


.form.edicion .onlyJPG .fileCont, .form.edicion .onlyPDF .fileCont, .hide5.on .codPin  {
      -moz-animation-delay: 0.3s;
      -webkit-animation-delay: 0.3s;
      -ms-animation-delay: 0.3s;
      animation-delay: 0.3s;
}

.paso2b, .hide5.on input[type=submit]  {
      -moz-animation-delay: 0.6s;
      -webkit-animation-delay: 0.6s;
      -ms-animation-delay: 0.6s;
      animation-delay: 0.6s;
}


@-moz-keyframes inHide {
    0% {
      -moz-transform: translate3d(0,1em,0);
      -webkit-transform: translate3d(0,1em,0);
      -ms-transform: translate3d(0,1em,0);
      transform: translate3d(0,1em,0);
      opacity: 0;
    }

    100% {
      -moz-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
    }
  }

  @-webkit-keyframes inHide {
    0% {
      -moz-transform: translate3d(0,-1em,0);
      -webkit-transform: translate3d(0,-1em,0);
      -ms-transform: translate3d(0,-1em,0);
      transform: translate3d(0,-1em,0);
      opacity: 0;
    }

    100% {
      -moz-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
    }
  }

  @-ms-keyframes inHide {
    0% {
      -moz-transform: translate3d(0,-1em,0);
      -webkit-transform: translate3d(0,-1em,0);
      -ms-transform: translate3d(0,-1em,0);
      transform: translate3d(0,-1em,0);
      opacity: 0;
    }

    100% {
      -moz-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
    }
  }

  @keyframes inHide {
    0% {
      -moz-transform: translate3d(0,-1em,0);
      -webkit-transform: translate3d(0,-1em,0);
      -ms-transform: translate3d(0,-1em,0);
      transform: translate3d(0,-1em,0);
      opacity: 0;
    }

    100% {
      -moz-transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      opacity: 1;
    }
  }

.boxSwitch.on .subPaso2 {opacity: 1}
.wrapperPDF.multicanal {
  background: url(../img/pattern_multicanal.png) repeat top left #8ad2d1;
  padding: 30px;
}
.wrapperPDF.multicanal .contenidoDoc {background: #ffffff; padding: 30px 22px}
.wrapperPDF.multicanal h1 {background:#0D2C6B;color:#ffffff; font-weight: bold;margin-top: 0; padding: 10px 5px 10px 20px;}
.wrapperPDF.multicanal h2 { color: #ffffff; background: #00babc; font-weight: bold; padding: 10px }
.wrapperPDF.multicanal h3 { color: #0d2c6b;margin: 30px 0 20px; }
.wrapperPDF.multicanal h4 {color: #00babc;font-size: 20px;margin: 30px 0 0;}
.wrapperPDF.multicanal .formMulticanal {margin: 20px 0}
.wrapperPDF.multicanal .formMulticanal label {font-family:'wzbook';}
.wrapperPDF.multicanal .formMulticanal p {font-family:"wzbook";margin: 10px 0}
.multi.top {padding-top: 20px}
.multi.top .fLeft { max-width: 150px }
.multi.top .fRight { margin-top: 75px }
.contenidoDoc > p {    margin-bottom: 10px;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .boxSwitch.on .subPaso2 *{opacity: 1}
}








@media screen and (min-width: 768px) and (max-width: 1023px) {
  .thumbContrato { width: 79%; margin: 0 auto; padding-left: 0;}
  .thumbContrato .thumbC { margin: 0 25px;}
}

@media screen and (max-width: 1000px) {
  .multi.top {margin: 20px}
}

@media screen and (max-width: 767px) {
	  .onlyM {display: block !important;}
	  .onlyD {display: none !important;}
    #formDni .onlyD { display: none !important;}
    #formDni .onlyM { display: inline-block !important;}
	  .coLeft { background: ; float: none; padding: 0; width: 100%;}
	  .colRight { float: none;min-height: 340px; padding: 0 0 20px; width: 100%;}
    .visual {float:none;height:auto;padding:0 20px;width: 100%}
    .visual h3 { padding-top: 35px; text-align: center; }
    .contentPage .titleStep {font-size:26px;margin:0;overflow:hidden; text-align: center;}
    .contentPage .titleStep .stepM {float: right;  line-height: 42px; margin: 0; padding: 0 0 0 15px}
    .contentPage .titleStep .stepOn {background:#bc0038;color:#ffffff;display: inline-block; padding-right: 7px}
    .contentPage .titleStep span {display: block; background:#ffffff; font-size: 26px; padding:0 7px 0 7px}
    input[type="text"] {margin-bottom:10px; width: 100%}
    footer .numIde  { line-height: 21px; padding: 20px 30px }
    footer .lastList  { padding: 20px 30px}
    footer .lastList .fRight { float: left; }
    footer .lastList li, footer .lastList a {line-height: 30px;}
    #iframePDF {border: 0 none #ffffff;height: 100%;min-height: 400px;}
    #contrato.featherlight-inner {min-width: auto;padding: 20px 30px;}
    .headerSite {overflow: hidden;}
    .steps { left: auto; }
    .steps .pasoTitle { display: none; }
    .steps .active .pasoTitle { display: inline-block; font-size: 22px; margin-top: 10px}
    .steps .pasoNumber {font-size: 18px;height: 30px;line-height: 26px;width: 30px;}
    .steps .active .pasoNumber {height: 30px;line-height:26px; width: 30px;}
    footer .numIde span.ref {font-size: 12px;}
    #step1 input[type="text"] {width: 90%;}
    .form.edicion .fileCont {width: 60%;}
    .step2 .form.edicion .fileCont {width: 48%;}
    .contentPage .titleStep + p {line-height: 24px;}

}

@media screen and (min-width: 685px) and (max-width: 820px) {
    .thumbContrato .enlaces a {margin: 40px 10px 0;}
}

@media screen and (max-width: 684px) {

    .thumbContrato  {height:220px;position: relative;}
    .thumbContrato .thumbC {display:block; position: absolute; left: 0; margin: 0 30px 0 0; width: 45% }
    .thumbContrato .enlaces {margin-left:0;position:absolute;right:0;top:0;width: 51%;}
    .thumbContrato .enlaces a {margin-top: 0}
    .thumbContrato .enlaces .button {padding:10px;}
    .thumbContrato .thumbC + .enlaces {top: 50px}
    .thumbContrato .thumbC img {max-width: 100%}
}

@media screen and (max-width: 620px) {
    footer .numIde span.ref {display: block; float: none;}
    .fullWrapper.headerSite .imgHeader { max-width: 50%; margin-top: 30px}
    .step2 .form.edicion .fileCont span.button {font-size: 13px; letter-spacing: 1px; white-space: nowrap;}
}

@media screen and (max-width: 545px) {

    footer .help {background: url("../img/sprite.png") no-repeat 0 38px;}
    footer .help a { display: block; }
    .steps li:nth-child(3n) .pasoTitle { position: relative; margin-left: -40px }
    .steps li:nth-child(5n) .pasoTitle { position: relative; margin-left: -30px }
}


@media screen and (max-width: 420px) {

    .titleStep.titleLarge { font-size: 17px }
    .contentPage .titleStep .stepM span { font-size: 13px }
    .us.print img + img.fRight {bottom: 0;}
    .us.print { padding: 15px 0 20px;}
    .multi.top .fLeft { float: none; }
    .multi.top .fRight { float: none; display: block; margin-top: 20px}

}

@media screen and (max-width: 340px) {
    .contentPage .titleStep { font-size: 20px }
    .titleStep.titleLarge { font-size: 16px }
    #step5 .button.button2 { font-size: 14px; max-width: 300px; width: auto;}
    #codPin { width: 100%;}
}

@media screen and (min-height: 769px) and (max-height: 800px) {
  #step5 .colFull { min-height: 390px }
}




/* styles doc'S */
/* styles doc'S */
/* styles doc'S */
.wrapperPDF { background: #ffffff; margin-top: 20px; padding: 30px }
.wrapperPDF .top { text-align: left; margin: 30px 0 20px}
.wrapperPDF h1 { color: #152a69; font-size: 22px; font-family: 'wzbook', helvetica, arial, sans-serif; margin-top: 30px; font-weight: normal;  }
.wrapperPDF h2 { color:#152a69;clear: both; font-size: 18px; font-weight: normal; font-family:'wzbook', helvetica, arial, sans-serif; margin-bottom: 20px;  }
.wrapperPDF h3 { color:#00c6c5; font-family: 'wzbook', helvetica, arial, sans-serif; margin-bottom: 20px;  }
.wrapperPDF h4 { color:#152a69; font-family: 'wzbook', helvetica, arial, sans-serif; margin-bottom: 20px; font-size: 14px  }
.wrapperPDF h5 { color:#00c6c5; font-family: 'wzbook', helvetica, arial, sans-serif; font-size: 13px  }
.wrapperPDF .extraInfo { font-size: 12px }
.wrapperPDF.sepa .legal p { font-size: 12px; color: #152a69; }
.wrapperPDF .legal p { font-size: 12px; color: #152a69; }
.wrapperPDF .legal + ul { margin-top: 20px }
.wrapperPDF .tituloForm { color: #00c6c5; font-size: 15px; margin: 15px 0 }
.wrapperPDF .boxItem .label {display: block; font-size: 12px}
.wrapperPDF .boxItem .input {background:#eeeeee; font-size: 11px; margin-top: 5px; padding: 10px; }
.wrapperPDF .firmaCont { margin-bottom: 30px; overflow: hidden; } 
.wrapperPDF .firmaCont ul.left li { line-height: 23px } 
.wrapperPDF .ref { margin-top: 40px} 
.wrapperPDF .firmaCont li, .wrapperPDF .ref p { font-size: 11px; } 
.wrapperPDF .condiciones { border-top:1px solid #00b2b9; padding-top: 20px; margin-top: 20px}
.wrapperPDF .condiciones p { font-size: 13px; margin: 0 0 10px 0}
.wrapperPDF .top img {display: inline-block;width: 170px;}
.wrapperPDF .elementsCont {margin-bottom: 10px}
.wrapperPDF .checkCont.boxItem {overflow: hidden;}
.wrapperPDF .checkCont.boxItem .checkBox {float: left; width: auto;}
.wrapperPDF .checkCont.boxItem .checkBox + .checkBox {margin-left: 20px}
.wrapperPDF .checkCont.boxItem .checkBox span {float: left; font-size: 12px}
.wrapperPDF .checkCont.boxItem .checkBox .check {background:#eeeeee; display: inline-block; height: 25px; padding: 5px 8px; margin-left:10px; width: 25px;}
.wrapperPDF #referenciaSepa {background:#eeeeee; margin: 10px 0 0; width:100%}
.wrapperPDF #referenciaSepa td { border-left: 1px solid #ffffff; font-size: 11px; text-align: center;  }
.wrapperPDF.datos p { font-size: 14px }
.wrapperPDF.datos h1 { margin-bottom: 30px }
.wrapperPDF .boxGris { background: #eeeeee; margin-top: 20px; padding: 20px 30px }
.wrapperPDF .redText { color: #bd0038; font-size: 12px}
.wrapperPDF .formula span { font-size: 12px}
.wrapperPDF.condiciones li, .wrapperPDF.condiciones p, .wrapperPDF.condiciones strong { font-size: 12px}
.wrapperPDF.condiciones li { position: relative; }
.wrapperPDF.condiciones ul { line-height: 25px; padding-left: 30px }
.wrapperPDF.condiciones li::before {content: "\25CF"; color: #bd0038; margin-right: 10px; position: absolute; left: -15px} 
.wrapperPDF.condiciones li li::before {content: "o"; color: #bd0038; margin-right: 10px; font-weight: bold; font-size: 10px; position: absolute; left: -15px} 
.wrapperPDF.condiciones li li li::before {content: "-"; color: #bd0038; font-weight: bold; font-size: 13px; margin-right: 10px; position: absolute; left: -15px} 
.wrapperPDF.condiciones .formula { overflow: hidden; margin-bottom: 30px}
.wrapperPDF.condiciones .formula p span { display: block; margin-bottom: 20px}
.wrapperPDF.condiciones .formula p img { display: block; margin: 0 auto;}
.wrapperPDF.condiciones .formula p img.formula1 {margin: 0;}
.wrapperPDF.firma { max-width: 600px } 
.wrapperPDF.firma h1 { margin-bottom: 20px }
div .boxItem.aperturaOnline .extraInfo { margin: 15px 20px 0 0}
.wrapperPDF.sepa {position: relative;}
.wrapperPDF.sepa .reflateral {left: 10px;position: absolute;top: 0;}
.condiciones .listC {margin-bottom: 20px}
.condiciones .listC li {padding-left: 30px; font-size: 13px}
.condiciones .listC li::before {
  content: "\25CF";
  color: #00c6c5;
  margin: 0px 0 0 -15px;
  position: absolute;
  font-size: 12px;
}

.condiciones .listC li li::before {
  color: #00c6c5;
  content: "\25cb";
}
.condiciones .listC li li li::before {
  color: #00c6c5;
  content: "■";
}
.boxItem { margin-bottom: 10px }



@media screen and (max-width: 767px) {
    .wrapperPDF {margin-top: 40px;}
    .featherlight .featherlight-content {width: 100%;}
}

@media screen and (min-width: 767px) {
    .wrapperPDF { padding: 20px 30px 20px 50px }
    .wrapperPDF .top img {width: 160px;}
    .wrapperPDF .firmaCont ul.left { float: left;} 
    .wrapperPDF .firmaCont ul.right { float: right; } 
    .boxItem { display: inline-block; margin-right: 1%; width: 48% }
    .boxItem.clear { clear: both;}
    .boxItem.m-3 { width: 28% }
    .boxItem.m-31 { width: 31.5% }
    .boxItem.m-7 { width: 68% }
    .boxItem.m-10 { width: 97.5% }
    .boxItem.iban {width: 100%;}
    .boxItem.iban .input { float: left; width: 50%;}
    .boxItem.iban .extraInfo { float: left; margin: 15px 0 0 20px}
    .wrapperPDF #referenciaSepa td { font-size: 12px  }
    .wrapperPDF.sepa .legal{ color: #152a69; margin-top: 20px }
    .wrapperPDF.sepa .legal p { color: #152a69; font-size: 12px; }
    .wrapperPDF.condiciones .formula p { float: left; width: 20% }
    .wrapperPDF.condiciones .formula p + p{ float: left; width: 80% }
    .wrapperPDF.condiciones .formula p img {width: auto;}
}

@media screen and (min-width: 1025px) {
    .boxItem { width: 31.5% }
    .boxItem.m-3 { width: 31.5% }
    .boxItem.direccion { width: 53% }
    .boxItem.docu { width: 25% }
    .boxItem.via { width: 16.5% }
    .boxItem.email { width: 97.5% }
    .boxItem.l-2 { width: 20% }
    .boxItem.l-3 { width: 23.3% }
    .boxItem.l-4 { width: 33% }
    .boxItem.l-45 { width: 37% }
    .boxItem.l-5 { width: 48% }
    .boxItem.l-6 { width: 59% }

}


/* styles only chrome */
/* styles only chrome */
/* styles only chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .steps::before {margin: 27px 0 0;}
    .steps li.active {top: 0px}
}

.logo{
	padding:40px 0;
}

.deposito{
	background-color:#152a69;
	border: 3px solid #152a69;
	width: 32%;
	margin-right: 2%;
	float: left;
}






.caracteristicas {
    width: 32%;
    margin-right: 2%;
    float: left;
    padding: 7% 0;
}

.cero{
	padding-left: 3%;
}

.mano{
	padding-left: 6%;
}


.center{
	text-align: center;
}

.caracteristicas img, .caracteristicas p{
	float: left;
}

.caracteristicas p{
	color:#152a69;
	margin-left:10px;
	font-size: 18px;
}

.clearfix{
	clear: both;
	float: none;
}

.last{
	margin-right: 0!important;
}

.meses{
	font-size: 28px;
	color:#152a69;
	text-align: center;
	padding: 10px 0;
	background-color: #ffffff;
}

.deposito h2{
	color: #00c6c5;
	background-color:#152a69;
	text-align: center;
	font-size: 60px;
    font-family: 'wzbook';
    padding:10px 0 0 0;
}

.deposito h2 .light{
    font-family: 'wzlight'!important;
    color: #00c6c5;
	font-size:19px;
}

.deposito h2 sup {
    font-family: 'wzlight'!important;
    color: #00c6c5;
    font-size: 10px;
    top: -10px;
}

.tin{
	font-size: 18px;
	color:#ffffff;
	background-color:#152a69;
	text-align: center;
    font-family: 'wzbook';
    padding-bottom:15px;
}

.tin span{
	font-size: 18px;
	color:#ffffff;
    font-family: 'wzlight'!important;
}

.contentSite h3{
    font-family: 'wzbook';
    font-size: 36px;
    text-align: center;
     color:#152a69;
    font-family: 'wzlight';
}

.contentSite h3 span{
    font-family: 'wzmedium';
    font-size: 36px;
     color:#00c6c5;
}

.bottom{
	max-width: 860px;
	margin: 0 auto;
	padding-top: 5%;
}


.contentSite .correccion{
	margin: 50px 0;
}


.button{
	display: inline-block;
}

.fila{
   background-color:#152a69;

}



#blue{
	width: 30%;
	background-color: #152a69;
	padding:5% 3%;
	float: left;
	text-align: center;
	height:647px;
}

#blue img{
	display: inline-block;
}

#turquesa{
	width: 70%;
	background-color: #00c6c5;
	float:left;
	background-image: url(../img/trama.png);
	padding:4% 3%;
	height: 647px;
}

#blue .bancopopular{
	margin: 20% 0 10% 0;
	max-width: 90%;
}

#blue .wizink-logo{
	margin-bottom: 20%;
	max-width: 70%;
}

#blue .blanco{
	color:#ffffff;
	margin-bottom: 10%;
	font-size: 16px;
}

#blue .turquesa{
	color:#00c6c5;
	text-decoration: none;
	font-size: 16px;
}

#blue .turquesa:hover, #blue .turquesa:visited {
	color:#00c6c5;
}


#turquesa .titular{
	text-align: center;
	color:#ffffff;
    font-family: 'wzlight';
    font-size: 50px;
    margin-bottom: 2%;
}

#turquesa .titular span{
	color:#152a69;
    font-family: 'wzmedium';
    font-size: 50px;
}	

#turquesa .subtitular{
	color:#ffffff;
	text-align: center;
	font-size: 30px;
    margin-bottom: 4%;
}

#turquesa .subtitular span{
	color:#152a69;
	font-size: 30px;
}

.hola{
	width: 100%;
}

.bottom p{
	background-image: url(../img/cartera.png);
	background-repeat: no-repeat;
	min-height: 100px;
	padding-left: 130px;
	padding-top:15px;
	margin-top:6%;
	margin-left: 2%;
	font-size: 18px;
	background-position: left center;
}




@media screen and (max-width:1250px) {
	.caracteristicas p {
	    font-size: 16px;
	}
}

@media screen and (max-width:1250px) {
	.caracteristicas p {
	    font-size: 14px;
	}
}

@media screen and (max-width:1150px) {
	#turquesa, #blue{
		height: 630px;
	}
	
	#turquesa .titular, #turquesa .titular span {
	    font-size: 45px;
	}
	
	#turquesa, #blue{
		height: 600px;
	}
	
	#turquesa .subtitular, #turquesa .subtitular span{
	    font-size: 27px;
	}
	
	.deposito h2 {
	    font-size: 54px;
	}


}

@media screen and (max-width:1000px) {
	#blue, #turquesa{
		width: 100%;
		float: none;
		height: auto;
	}
	
	.hola{
		width: auto;
	}
	
	#blue img{
		display: block;
		margin: 0 auto;
	}
	
	#blue .bancopopular {
	    margin: 0 auto;
	    padding: 5%;
	}
	
	#blue .wizink-logo {
	    margin-bottom: 5%;
	}
	
	#blue .blanco {
	    margin-bottom: 3%;
	}
	
	.contentSite h3, .contentSite h3 span {
	    font-size: 30px;
	}
	.bottom{
		padding-left: 5%;
		padding-right: 5%;
	}
	.bottom p {
	    margin-left:0;
	    font-size:16px;
	    padding-top:5px;
	    padding-left: 15%;
	    background-size: 10%;
	    min-height:80px;
	}
	

	
}
@media screen and (max-width: 767px) {

	.deposito{
		width: 100%;
		margin: 0 0px 20px 0px;
	}
	
	
	.none{
		display:none!important;
	}
		
	.caracteristicas img{
		max-width: 50px;
		height: auto;
	}
	.cero {
	    padding-left:0;
	}
	.mano {
	    padding-left:0;
	}
	.caracteristicas p {
        padding-top: 7px;
    }
    
	.caracteristicas{
		float: none;
		width: 100%;
		margin-left:6%;
		padding: 4% 0;
	}
	
	#turquesa .titular, #turquesa .titular span {
	    font-size: 30px;
	}
	
	#turquesa .subtitular, #turquesa .subtitular span {
	    font-size: 21px;
	    margin-bottom: 30px;
	}
	
	#turquesa, #blue{
		padding:10% 5%;
	}
	
	#blue .bancopopular{
		padding: 10% 0 5% 0;
	}
	
	#blue .wizink-logo {
	    margin-bottom: 10%;
	}
	.hola{
		max-width: 100%;
	}
	.contentSite h3, .contentSite h3 span {
	    font-size: 22px;
	}
	.bottom p{
		font-size: 14px;
		background-position: left center;
	}
	.center{
		margin-top: 10px;
	}

}
@media screen and (width: 768px) {

	.bottom p{
		font-size: 15px;
	}

}

@media screen and (max-width:380px) {

	.caracteristicas{
		padding-left: 0;
	}
	
	.caracteristicas p{
		font-size: 12px;
	}
	
	.button {
	    padding: 12px 20px;
	    font-size: 14px;
	}
	
	.bottom p{
		font-size: 12px;
	}




}


.amarillo{
	background-color:#f1eb9c;
	border: 3px solid #f1eb9c;
}

.amarillo .tin, .amarillo h2{
	background-color:#f1eb9c;
}

.amarillo .tin, .amarillo .tin span{
	color:#152a69;
}


.mod_header .hdr-logo{
	margin: 0;
    padding: 0;
    border: none;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-decoration: none;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0!important;
}

.hdr-img, .ftr-contImg{
	margin:0!important;
}


.legal{
	font-size: 12px;
	margin-bottom: 50px;
	margin-top: 30px;
}

.legal p{
	font-size: 13px;
	margin-bottom: 10px;
	font-family: 'Interstate Light ExtCond';
}

.legal sup{
	font-size: 8px;
}


.semaforo .titular{
	font-family: 'Arial';
	font-size: 15px;
	font-weight: bold;
}

.semaforo p{
	font-family: 'Arial';
	font-size: 10px;
}

.indicador .big{
	font-size: 35px;
	text-align: center;
	font-weight: bold;
}

.big span{
	font-size: 35px;
	font-weight: bold;
	color: #d0cfd1;
	
}

.semaforo{
	width: 24%;
	float: left;
	margin-right: 1%;
}

.indicador{
	padding: 10px 20px;
	border: 1px solid #000;
	text-align: center;
}

.top{
	margin: 30px 0;
}

.top .padding{
	padding-top: 30px;
}

.semaforo .margin{
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {

	.semaforo{
		width: 100%;
		float: left;
		margin:0;
	}
	
	.logo{
		text-align: center;
	}
	
	.padding{
		padding: 0 0 30px 0;
		padding-top: 10px!important;
	}
	
	.margin2{
		margin-top: 10px;
	}
	
	.wrapper2 {
	    padding: 0 20px;
	}
	
	.navbar-brand{
		padding:0;
	}
	
	.legal{
		padding: 0 20px;
	}
	
	.legal p{
		font-size: 11px;
	}
	
	.mod_footer .ftr-cont .ftr-contImg {
	    width: 9.5em;
	    margin: 0px auto!important;
	    display: block;
	    text-align: center;
	}
	
}



.mod_footer .ftr-cont .ftr-list {
    width: 100%;
}