html,
body {
  margin: 0;
  padding: 0;
  background: #003467;
}
html .error,
body .error {
  text-transform: none !important;
  color: red !important;
  margin-left: 16px !important;
  cursor: default !important;
}
html .border-error,
body .border-error {
  border: solid 2px #ff4a39 !important;
}
html .fa,
body .fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
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,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}
main,
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block;
}
*,
::after,
::before {
  box-sizing: border-box !important;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%;
  vertical-align: top;
}
img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
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;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
th {
  font-weight: normal;
  vertical-align: middle;
}
td {
  font-weight: normal;
  vertical-align: middle;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  outline: 0;
}
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}
.ie7 input[type=checkbox] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
table {
  font-size: inherit;
  font: 100%;
}
small {
  font-size: 85%;
}
strong {
  font-weight: normal;
  font-family: "open_sansbold";
}
td,
td img {
  vertical-align: middle;
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html .clearfix {
  height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
  min-height: 1%;
}
.clear {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}
p {
  margin-bottom: 15px;
}
a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
a:focus {
  border-color: transparent;
  outline: none;
}
a:hover,
a:hover:after,
a:hover:before {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
table thead th {
  font-weight: normal;
}
input:required:focus,
textarea:required:focus {
  border-color: #cacaca;
}
@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url('fontawesome-webfont.eot?v=4.7.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format("embedded-opentype"), url('fontawesome-webfont.woff2?v=4.7.0') format("woff2"), url('fontawesome-webfont.woff?v=4.7.0') format("woff"), url('fontawesome-webfont.ttf?v=4.7.0') format("truetype"), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before,
.fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before,
.fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before,
.fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before,
.fa-users:before {
  content: "";
}
.fa-chain:before,
.fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before,
.fa-scissors:before {
  content: "";
}
.fa-copy:before,
.fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}
.fa-legal:before,
.fa-gavel:before {
  content: "";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before,
.fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before,
.fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before,
.fa-usd:before {
  content: "";
}
.fa-rupee:before,
.fa-inr:before {
  content: "";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}
.fa-won:before,
.fa-krw:before {
  content: "";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before,
.fa-car:before {
  content: "";
}
.fa-cab:before,
.fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}
.fa-ge:before,
.fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before,
.fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before,
.fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
@charset "UTF-8";
@font-face {
  font-family: "open_sansbold";
  src: url('opensans-bold-webfont.eot');
  src: url('opensans-bold-webfont.eot?#iefix') format("embedded-opentype"), url('opensans-bold-webfont.woff2') format("woff2"), url('opensans-bold-webfont.woff') format("woff"), url('opensans-bold-webfont.ttf') format("truetype"), url('opensans-bold-webfont.svg#open_sansbold') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "open_sansregular";
  src: url('opensans-regular-webfont.eot');
  src: url('opensans-regular-webfont.eot?#iefix') format("embedded-opentype"), url('opensans-regular-webfont.woff2') format("woff2"), url('opensans-regular-webfont.woff') format("woff"), url('opensans-regular-webfont.ttf') format("truetype"), url('opensans-regular-webfont.svg#open_sansregular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "open_sanssemibold";
  src: url('opensans-semibold-webfont.eot');
  src: url('opensans-semibold-webfont.eot?#iefix') format("embedded-opentype"), url('opensans-semibold-webfont.woff2') format("woff2"), url('opensans-semibold-webfont.woff') format("woff"), url('opensans-semibold-webfont.ttf') format("truetype"), url('opensans-semibold-webfont.svg#open_sanssemibold') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonregular_italic";
  src: url('panton-regularitalic-webfont.eot');
  src: url('panton-regularitalic-webfont.eot?#iefix') format("embedded-opentype"), url('panton-regularitalic-webfont.woff2') format("woff2"), url('panton-regularitalic-webfont.woff') format("woff"), url('panton-regularitalic-webfont.ttf') format("truetype"), url('panton-regularitalic-webfont.svg#pantonregular_italic') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonbold";
  src: url('panton-bold-webfont.eot');
  src: url('panton-bold-webfont.eot?#iefix') format("embedded-opentype"), url('panton-bold-webfont.woff2') format("woff2"), url('panton-bold-webfont.woff') format("woff"), url('panton-bold-webfont.ttf') format("truetype"), url('panton-bold-webfont.svg#pantonbold') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonextrabold";
  src: url('panton-extrabold-webfont.eot');
  src: url('panton-extrabold-webfont.eot?#iefix') format("embedded-opentype"), url('panton-extrabold-webfont.woff2') format("woff2"), url('panton-extrabold-webfont.woff') format("woff"), url('panton-extrabold-webfont.ttf') format("truetype"), url('panton-extrabold-webfont.svg#pantonextrabold') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonblack";
  src: url('panton-black-webfont.eot');
  src: url('panton-black-webfont.eot?#iefix') format("embedded-opentype"), url('panton-black-webfont.woff2') format("woff2"), url('panton-black-webfont.woff') format("woff"), url('panton-black-webfont.ttf') format("truetype"), url('panton-black-webfont.svg#pantonblack') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonsemibold_italic";
  src: url('panton-semibolditalic-webfont.eot');
  src: url('panton-semibolditalic-webfont.eot?#iefix') format("embedded-opentype"), url('panton-semibolditalic-webfont.woff2') format("woff2"), url('panton-semibolditalic-webfont.woff') format("woff"), url('panton-semibolditalic-webfont.ttf') format("truetype"), url('panton-semibolditalic-webfont.svg#pantonsemibold_italic') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonbold_italic";
  src: url('panton-bolditalic-webfont.eot');
  src: url('panton-bolditalic-webfont.eot?#iefix') format("embedded-opentype"), url('panton-bolditalic-webfont.woff2') format("woff2"), url('panton-bolditalic-webfont.woff') format("woff"), url('panton-bolditalic-webfont.ttf') format("truetype"), url('panton-bolditalic-webfont.svg#pantonbold_italic') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonsemibold";
  src: url('panton-semibold-webfont.eot');
  src: url('panton-semibold-webfont.eot?#iefix') format("embedded-opentype"), url('panton-semibold-webfont.woff2') format("woff2"), url('panton-semibold-webfont.woff') format("woff"), url('panton-semibold-webfont.ttf') format("truetype"), url('panton-semibold-webfont.svg#pantonsemibold') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "pantonregular";
  src: url('panton-regular-webfont.eot');
  src: url('panton-regular-webfont.eot?#iefix') format("embedded-opentype"), url('panton-regular-webfont.woff2') format("woff2"), url('panton-regular-webfont.woff') format("woff"), url('panton-regular-webfont.ttf') format("truetype"), url('panton-regular-webfont.svg#pantonregular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "open_sansregular";
  color: #222222;
  background: #003467;
  background: linear-gradient(126deg, #003467 25%, #0071b9 100%);
}
p {
  font-size: 14px;
}
table {
  font-size: 13px;
  font-family: "open_sanssemibold";
  position: relative;
  color: #222222;
}
.ui-draggable,
.ui-droppable {
  background-position: top;
}
select,
input,
textarea {
  color: #333;
}
select,
input,
textarea {
  font-family: "open_sansregular";
}
input[type=submit],
button,
a.button {
  display: inline-block;
  width: 290px;
  height: 59px;
  margin: 0 0 0 0;
  padding: 0 0px 0 0px;
  border: 0 none;
  font-size: 14px;
  font-family: "open_sansbold";
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 49px;
  background: #ff6702;
  border-radius: 100px;
  outline: 0;
  cursor: pointer;
  position: relative;
  transition: all 0.25s ease-out;
}
button i,
a.button i {
  margin-left: 6px;
}
input[type=submit]:hover,
button:hover,
a.button:hover {
  background: #0071b9;
}
button.disabled,
button[disabled],
button:hover.disabled,
button:active.disabled {
  opacity: 0.7;
  cursor: default;
  background-color: #ff6702;
}
a {
  color: #000;
}
ins {
  background-color: #fcd700;
  color: #333;
  text-decoration: none;
}
mark {
  background-color: #fcd700;
  color: #333;
  font-style: italic;
  font-weight: bold;
}
blockquote {
  padding: 16px;
  background: #eee;
}
h1,
h2,
h3,
h4,
h5,
h6,
table thead th {
  font-family: "pantonbold";
  color: #004687;
  font-weight: normal;
}
h1 {
  font-size: 35px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 23px;
}
h5 {
  font-size: 22px;
}
h6 {
  font-size: 20px;
}
/* contenidos */
.content-wrap {
  position: relative;
}
.central-wrapper {
  margin: 0 auto;
  padding: 0 25px 0 25px;
  position: relative;
}
.content-wrap .central-wrapper {
  padding-bottom: 0px;
}
.page {
  width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 10;
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Alinear Contenido */
.center_content {
  text-align: center;
}
.justify_center {
  text-align: justify;
}
.left_center {
  text-align: left;
}
.right_center {
  text-align: right;
}
/* - - - L O G I N - - - - */
/* top*/
.logo_movil {
  display: none !important;
}
.login_content {
  background: #003467 !important;
}
.login_content .central-wrapper {
  width: 1370px;
  padding-left: 0px;
  padding-right: 0px;
}
.timer_login {
  float: left;
  font-size: 14px;
  color: #b3c2d2;
}
.timer_login img {
  margin-right: 5px;
}
.menu_right {
  float: right;
}
.menu_right li {
  display: inline-block;
  vertical-align: top;
  margin: -3px 0 0 0;
}
.menu_right li a,
.menu_right li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #b3c2d2;
  transition: all 0.25s ease-out;
}
.menu_right li a:hover {
  color: #fff;
}
.menu_right li span {
  margin-left: 8px;
  margin-right: 8px;
}
.tipo_cambio {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #b3c2d2;
}
.tipo_cambio span {
  display: inline-block;
  vertical-align: top;
  height: 37px;
  margin: -9px 8px 0 8px;
  padding: 0 15px 0 15px;
  background-color: #004983;
  color: #fff;
  line-height: 37px;
  border-radius: 7px;
}
.tipo_cambio span strong {
  font-family: "pantonbold";
  font-size: 15px;
}
/* login */
.left_login {
  float: left;
  width: 50%;
  height: 805px;
  padding: 0px 0 0 0;
  background-color: #0071b9;
  text-align: center;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.right_login {
  float: right;
  width: 50%;
  height: 760px;
  margin: 23px 0 0 0;
  padding: 20px 30px 20px 0;
  background-color: #f2f8fd;
}
.logo_login img {
  width: 367px;
}
.left_login h1 {
  margin: 50px 0 0px 0;
  color: #fff;
  font-size: 35px;
  line-height: 49px;
  font-family: "pantonregular_italic";
  letter-spacing: 0.5px;
}
.left_login h1 strong {
  display: block;
  margin: 0 0 0 0;
  font-size: 50px;
  font-family: "pantonbold_italic";
}
.img_login {
  overflow: hidden;
  margin: 56px 20px 20px 20px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.content_form {
  height: 718px;
  padding: 40px 0 0 0;
  background-color: #fff;
  box-shadow: 0px 4px 9px rgba(53, 53, 53, 0.03);
}
.content_form h1 {
  text-align: center;
  font-size: 25px;
}
/* tabs login */
.tab-slider--nav {
  margin: 30px 0 30px 0;
  text-align: center;
}
ul.tab-slider--tabs {
  display: block;
  width: 440px;
  margin: 0 auto 0 auto;
  padding: 6px 6px 6px 6px;
  position: relative;
  border-radius: 100px;
  border: solid 2px #cdd3dd;
  background: #fff;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.tab-slider--tabs:after {
  content: "";
  width: 208px;
  height: 42px;
  background: #0071b9;
  position: absolute;
  top: 6px;
  left: 7px;
  transition: all 250ms ease-in-out;
  border-radius: 100px;
}
.tab-slider--tabs.slide:after {
  width: 208px;
  left: 50.555533%;
}
.tab-slider--trigger {
  display: inline-block;
  width: 208px;
  height: 42px;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 43px;
  color: #0071b9;
  font-family: "pantonbold";
  text-transform: uppercase;
  border-radius: 100px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
  user-select: none;
}
.tab-slider--trigger.active {
  color: #fff;
}
.tab-slider--body {
  margin-bottom: 0px;
}
.tab-slider--trigger:hover {
  background-color: #f9f9f9;
}
.tab-slider--trigger.active:hover {
  background-color: transparent;
}
.tab-slider--container {
  width: 440px;
  margin: 0 auto 0 auto;
}
/* form */
.form_row {
  margin: 0 -8px 0 -8px;
}
.form_cell {
  padding: 0 8px 0 8px;
}
.form_cell label {
  display: block;
  margin: 0 0 3px 0;
  font-size: 17px;
  color: #333333;
  font-family: "pantonbold";
}
.form_cell span {
  display: block;
  position: relative;
}
.form_row input.form_element,
.form_row select.form_element {
  width: 100%;
  height: 57px;
  margin: 0 0 18px 0;
  padding: 0 20px 0 65px;
  border-radius: 6px;
  background: #efefef;
  font-size: 16px;
  color: #222;
  line-height: 57px;
  font-family: "open_sansregular";
  border: solid 1px transparent;
  outline: none;
  vertical-align: inherit;
}
.user_dni_codigo:before {
  content: "";
  width: 38px;
  height: 23px;
  background: url('icon_login.svg') no-repeat 0px 0px;
  background-size: 23px 23px;
  border-right: 2px solid #d8d8d8;
  position: absolute;
  top: 16px;
  left: 17px;
  pointer-events: none;
}
.user_contrasena:before {
  content: "";
  width: 38px;
  height: 23px;
  background: url('icon_password.svg') no-repeat 0px 0px;
  background-size: 23px 23px;
  border-right: 2px solid #d8d8d8;
  position: absolute;
  top: 16px;
  left: 17px;
  pointer-events: none;
}
/* check style*/
.custom_margin {
  margin: 0px 10 15px 13;
}
.label_check {
  display: block;
  margin: -4px 0 20px 0;
  padding: 2px 0 2px 31px;
  font-size: 16px;
  line-height: 21px;
  color: #555555;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.label_check input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background: #fff;
  border: solid 2px #cdd3dd;
  border-radius: 5px;
}
.label_check input:checked ~ .checkmark {
  background-color: #ff6702;
  border-color: #ff6702;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.label_check input:checked ~ .checkmark:after {
  display: block;
}
.label_check .checkmark:after {
  left: 6px;
  top: 1px;
  width: 8px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
/* ver pasword*/
.ver_password {
  display: block;
  width: 30px;
  height: 25px;
  background: url('icon_ver.svg') no-repeat;
  background-size: 30px 25px;
  position: absolute;
  top: 15px;
  right: 11px;
}
/*olvide mi clave*/
.olvide_clave {
  margin: -6px 0 0 0;
  text-align: right;
}
.olvide_clave a {
  display: inline-block;
  font-size: 15px;
  color: #0071b9;
  font-family: "pantonbold";
  text-decoration: underline;
  transition: all 0.25s ease-out;
}
.olvide_clave a:hover {
  color: #00619e;
}
.content_capcha {
  margin: 20px 0 0 0;
  padding: 8px 0 8px 0;
  background-color: #fbfdfe;
}
/* boton ingresar*/
.boton_ingresar {
  margin-top: 28px;
  margin-bottom: 34px;
  background-color: #0071b9 !important;
}
.boton_ingresar:hover {
  background-color: #0061a2 !important;
}
/* cuenta nueva*/
.cuenta_nueva {
  font-size: 15px;
  color: #444444;
  font-family: "pantonregular";
}
.cuenta_nueva a {
  display: inline-block;
  color: #0071b9;
  text-decoration: underline;
  font-family: "pantonbold";
  transition: all 0.25s ease-out;
}
.cuenta_nueva a:hover {
  color: #00619e;
}
.btn_olvide_pass {
  float: left;
}
.btn_solicitar_pass {
  float: right;
}
/* O L V I D E   M I  C O N T R A S E Ñ A  */
.olvide_mi_clave h1 {
  margin-top: 50px;
}
.olvide_mi_clave p {
  margin: 20px 0 20px 0;
}
.olvide_mi_clave .alert {
  padding: 8px 10px 13px 10px;
}
.olvide_mi_clave .alert b {
  font-family: "open_sansbold";
}
.olvide_mi_clave .alert strong {
  margin: 0 0 4px 0;
}
.revisar_correo {
  margin-top: 30px;
}
.no_recibi_correo {
  margin: 50px 0 50px 0;
}
.no_recibi_correo p {
  margin-bottom: 10px;
}
.revisar_correo a.button {
  line-height: 59px;
}
/* C A M B I A R   C O N T R A S E Ñ A  */
.right_login.cambiar_clave,
.right_login.cambiar_clave .content_form {
  height: auto !important;
}
.right_login.cambiar_clave {
  min-height: 760px;
}
.right_login.cambiar_clave .content_form {
  min-height: 718px;
}
.right_login.cambiar_clave .content_form {
  padding-bottom: 10px;
}
.cambiar_clave h1 {
  margin-top: 0px;
  margin-bottom: 10px;
}
.cambiar_clave i {
  display: block;
  margin: -8px 0 11px 0;
  font-size: 15px;
  line-height: 16px;
  color: #333;
  font-family: "pantonsemibold";
  font-style: normal;
}
.cambiar_clave .content_token {
  margin: 8px 0 0 0;
  padding: 8px 10px 8px 10px;
  background-color: #fff;
  text-align: center;
}
.cambiar_clave .content_token h3 {
  margin-bottom: 10px;
  font-size: 20px;
}
.cambiar_clave .codigo_token {
  margin: 15px 0 0 0;
}
.cambiar_clave .acciones_enviar_token {
  margin: 18px 0 0 0;
}
.cambiar_clave .enviar_correo {
  margin: 10px 0 0 0;
}
.cambiar_clave .form_row input.form_element {
  margin: 0 0 12px 0;
}
.cambiar_clave .boton_ingresar {
  margin-top: 20px;
  margin-bottom: 15px;
}
.cambiar_clave .codigo_token input {
  width: 40px;
  height: 40px;
  margin: 0 2px 0 2px;
  font-size: 25px;
}
/* cambio ok */
.cambiar_clave .alert {
  padding: 8px 10px 13px 10px;
}
.cambiar_clave .alert b {
  font-family: "open_sansbold";
}
.cambiar_clave .alert strong {
  margin: 0 0 4px 0;
}
.cambio_relizado {
  display: none;
  margin-top: 30px;
}
.cambio_relizado a.button {
  line-height: 59px;
}
/* FOOTER */
#footer {
  padding: 0 0 0 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: -10;
}
#footer p {
  font-size: 13px;
  line-height: 18px;
  color: #a2abbc;
  text-align: justify;
}
.footer_bottom {
  margin: 0px 0 0 0;
  padding: 15px 0 28px 0;
  text-align: center;
}
.copy_left {
  float: left;
  font-size: 15px;
  color: #b3c2d2;
}
.develop_right {
  float: right;
  font-size: 15px;
  color: #b3c2d2;
}
.develop_right a {
  color: #b3c2d2;
  text-decoration: underline;
}
.menu_footer_movil {
  display: none;
}
/* - - - -  S A L D O S _ A H O R R O S  Y  C T S- - - - */
.content_sistema {
  position: relative;
}
/* menu lateral*/
.menu_left {
  float: left;
  min-height: 815px;
  width: 255px;
  padding: 0px 0 0 0;
  background-color: #0071b9;
  text-align: center;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.opciones_header_movil {
  display: none !important;
}
.logo_left {
  display: inline-block;
  width: 220px;
  position: relative;
  z-index: 2;
}
.menu_left ul {
  margin-top: 30px;
  margin-left: 14px;
  text-align: left;
}
.menu_left ul li {
  margin: 10px 0 10px 0;
}
.menu_left ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  height: 50px;
  margin: 0px 0 0px 0;
  padding: 0 15px 0 15px;
  background-color: #006bb2;
  font-size: 16px;
  color: #fff;
  font-family: "pantonbold";
  position: relative;
  border-radius: 10px;
  z-index: 2;
}
.menu_left ul li a:hover {
  background-color: #0061a2;
}
.menu_left ul li a span {
  width: 171px;
  font-family: "pantonbold";
  letter-spacing: 0.5px;
}
.menu_left ul li a img {
  width: 26px;
  margin-right: 10px;
}
.menu_left ul li.active_menu a {
  background-color: #f9fafd;
  color: #001c3d;
  position: relative;
  z-index: 1;
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.menu_left ul li.active_menu a:before {
  content: "";
  position: absolute;
  background-color: #0071b9;
  top: -47px;
  right: 0px;
  height: 47px;
  width: 25px;
  border-bottom-right-radius: 20px;
  box-shadow: 0 25px 0 0 #f9fafd;
  z-index: -1;
}
.menu_left ul li.active_menu a:after {
  content: "";
  position: absolute;
  background-color: #0071b9;
  bottom: -47px;
  right: 0px;
  height: 47px;
  width: 25px;
  border-top-right-radius: 20px;
  box-shadow: 0 -25px 0 0 #f9fafd;
  z-index: -1;
}
.btn_salir {
  display: inline-block;
  width: 227px;
  height: 47px;
  margin-top: 20px;
  background-color: #0061a2;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 47px;
  text-align: center;
  font-family: "open_sansbold";
  letter-spacing: 2px;
  border-radius: 100px;
  position: relative;
  z-index: 4;
  transition: all 0.25s ease-out;
}
.btn_salir:hover {
  background-color: #004687;
}
.btn_salir:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  width: 20px;
  height: 20px;
  background: url('icon_salida.svg') no-repeat;
}
/* contenidos RIGHT */
.content_right {
  margin: 0 0 0 254px;
  background-color: #f9fafd;
  min-height: 815px;
}
/* top contenido*/
.header_content {
  height: 78px;
  background: #004687;
}
.menu_movil {
  display: none !important;
}
.left_bienvenida {
  float: left;
  padding: 23px 0 0 44px;
  font-size: 25px;
  color: #ffffff;
  font-family: "pantonregular_italic";
  letter-spacing: 0.5px;
}
.left_bienvenida strong {
  font-family: "pantonbold_italic";
}
.right_header_content {
  float: right;
  padding: 13px 50px 0 0;
  text-align: right;
}
.enlaces_top {
  display: inline-block;
  vertical-align: middle;
}
.enlaces_top a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.enlaces_top span {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 23px;
  margin: 0 13px 0 13px;
  background-color: #4d7eab;
}
.notificacion_top {
  width: 10px;
  height: 10px;
  background-color: #e8523f;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  right: -1px;
}
.perfil_usuario {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 25px;
  text-align: left;
}
.perfil_usuario a p {
  display: block;
  margin: 0 0 0 58px;
  padding: 8px 0 0 0;
  font-size: 13px;
  color: #bec8d8;
}
.perfil_usuario a p strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-family: "open_sanssemibold";
}
.perfil_usuario a span {
  display: block;
  float: left;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  border: 3px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(90deg, #0e6ad9, #3aaee1), linear-gradient(90deg, #0e6ad9, #3aaee1);
  overflow: hidden;
  transition: all 0.25s ease-out;
}
.perfil_usuario a span img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.perfil_usuario a:hover span {
  background-image: linear-gradient(90deg, #3aaee1, #0e6ad9), linear-gradient(90deg, #3aaee1, #0e6ad9);
}
/* contenido general */
.contenido_general {
  padding: 25px 25px 20px 20px;
}
/* botones left */
.left_botones {
  float: left;
  width: 199px;
  margin: 0 0 0 0;
}
.left_botones ul li {
  margin: 0 0 20px 0;
}
.left_botones ul li a {
  width: 195px;
  height: 110px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 0;
  padding: 0 10px 0 10px;
  background: #fff;
  text-align: center;
  border: solid 1px #c6cfdb;
  color: #0061a2;
  font-size: 15px;
  font-family: "pantonbold";
  position: relative;
  box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -webkit-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -moz-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -o-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  border-radius: 8px;
  -khtml-border-radius: 8px;
  transition: all 0.25s ease-out;
}
.left_botones ul li a:hover {
  box-shadow: 0px 6px 14px rgba(85, 90, 99, 0.32);
  -webkit-box-shadow: 0px 6px 14px rgba(85, 90, 99, 0.32);
  -moz-box-shadow: 0px 6px 14px rgba(85, 90, 99, 0.32);
  -o-box-shadow: 0px 6px 14px rgba(85, 90, 99, 0.32);
}
.left_botones ul li a:before {
  content: "";
  width: 6px;
  height: 55px;
  background: #c9d1d8;
  border-radius: 100px;
  position: absolute;
  right: -3px;
  top: 24.555%;
}
.left_botones ul li a img {
  display: block;
  margin: 0 auto 5px auto;
}
.left_botones ul li a span {
  display: block;
  text-align: center;
}
.left_botones ul li.active_btn a {
  margin: 0 0 0 15px;
  background: #0061a2;
  border-color: #0061a2;
  color: #fff;
  box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.3);
  -webkit-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.3);
  -moz-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.3);
  -o-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.3);
}
.left_botones ul li.active_btn a:before {
  background: #fff;
}
/* contenidos descripcion */
.right_descripcion {
  margin: 0 0 0 230px;
  height: auto;
  padding: 20px 20px 25px 20px;
  background-color: #fbfcff;
  border: solid 1px #c6cfdb;
  border-radius: 10px;
  box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -webkit-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -moz-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -o-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
}
.right_descripcion h2 {
  margin: 0 0 18px 0;
  padding: 0 0 15px 0;
  font-size: 20px;
  border-bottom: solid 1px #d0d9e4;
}
.tabs-ahorros {
  margin: 0px 0 0px 0;
}
.tabs-ahorros ul.tab-slider--tabs {
  width: 394px;
  margin: 0 0 0 0;
  padding: 5px 5px 5px 5px;
  border-width: 1px;
}
.tabs-ahorros .tab-slider--trigger {
  width: 188px;
  height: 41px;
  color: #003467;
}
.tabs-ahorros .tab-slider--trigger.active {
  color: #fff;
}
.tabs-ahorros .tab-slider--tabs:after {
  width: 188px;
  height: 41px;
  background: #ff6702;
  top: 5px;
}
.content_tabs_ahorros {
  margin: 25px 0 0 0;
  width: auto;
}
.header_tabla {
  height: 41px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #0071b9;
  background: linear-gradient(126deg, #0071b9 10%, white 100%);
}
.header_tabla h3 {
  margin: 11px 0 0 15px;
  float: left;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
.acciones_print {
  float: right;
  margin: 4px 10px 0 0;
}
.acciones_print a {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 34px;
  padding: 4px 0px 0 0;
  border-radius: 6px;
  text-align: center;
  border: solid 1px transparent;
  transition: all 0.25s ease-out;
}
.acciones_print a:hover {
  background-color: #e8f0fb !important;
  border-color: #79a3ca !important;
}
.acciones_print a.btn_pdf {
  background-color: #e1e8fc;
  border-color: #afc6f3;
}
.acciones_print a.btn_print {
  background-color: #d5f5fb;
  border-color: #80d5e7;
}
.acciones_print a.btn_xls {
  background-color: #ffefd6;
  border-color: #f7dab7;
}
/* tablex */
.custom-table-responsive {
  margin: 10px 0 20px 0;
}
.custom-table {
  width: 100%;
  text-transform: uppercase;
  text-align: left;
}
.custom-table thead tr,
.custom-table thead th {
  padding: 0px 10px 10px 10px;
  font-size: 13px;
  line-height: 14px;
  text-transform: uppercase;
  color: #333333;
  font-family: "pantonextrabold";
  border: none !important;
}
.custom-table thead tr th:first-child,
.custom-table thead tr td:first-child {
  padding-left: 15px;
}
.custom-table tbody th,
.custom-table tbody td {
  height: 38px;
  color: #222;
  line-height: 14px;
  padding: 0 10px 0 10px;
  border-top: solid 1px #e0e4f0;
  border-bottom: solid 1px #e0e4f0;
}
.custom-table tbody tr:not(.spacer) {
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  transition: 0.3s all ease;
}
.custom-table tbody tr:not(.spacer):hover {
  background-color: #f3f5fb !important;
}
.custom-table tbody tr th,
.custom-table tbody tr td {
  background: transparent;
}
.custom-table tbody tr th:first-child,
.custom-table tbody tr td:first-child {
  padding-left: 15px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  border-left: solid 1px #e0e4f0;
}
.custom-table tbody tr th:last-child,
.custom-table tbody tr td:last-child {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-right: solid 1px #e0e4f0;
}
.custom-table tbody tr.spacer td {
  padding: 0 !important;
  height: 4px;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
}
.right_moneda {
  text-align: right !important;
}
.centrar_todo {
  text-align: center !important;
}
.txt_left {
  text-align: left !important;
}
.ver_detalle_ahorro,
.ver_detalle_cts,
.ver_detalle_saldos_deposito,
.ver_detalle_prestamo,
.ver_detalle_aportaciones {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin: 0 0px 0 0px;
  background: #eff2fc url('icon_ver_detalle.png') 0px 0px;
  border-radius: 50%;
  transition: background-color 0.5s ease;
}
.ver_detalle_ahorro:hover,
.ver_detalle_cts:hover,
.ver_detalle_saldos_deposito:hover,
.ver_detalle_prestamo:hover,
.ver_detalle_aportaciones:hover {
  background-position: 0px -32px;
  background-color: #ff6702;
}
.custom-table .subtotal_tabla th,
.custom-table .subtotal_tabla td {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  border: none !important;
}
.subtotal_tabla {
  background-color: transparent !important;
}
body .subtotal_tabla:hover {
  background-color: transparent !important;
}
.subtotal_tabla strong {
  font-size: 13px;
  font-family: "pantonextrabold";
}
.nro_cuenta {
  color: #0071b9 !important;
  font-family: "pantonbold";
}
.nro_cuenta img {
  margin-left: 8px;
}
.saldo_disponible {
  font-size: 14px;
  color: #0071b9 !important;
  font-family: "pantonextrabold";
}
.moneda_dolar_color {
  color: #00c72b !important;
}
/*.moneda_dolar_color th,
.moneda_dolar_color td{
border-color: rgb(48 160 67 / 22%)!important;
}*/
.ver-detalle-ahorro,
.ver-detalle-cts,
.ver-detalle-saldos-deposito,
.ver-detalle-prestamo,
.ver-detalle-aportaciones,
.ver-pago-prestamo,
.ver-pago-aportacion,
.cancelar-deposito,
.cobrar-interes {
  cursor: pointer;
}
/* - - -- A L E R T A S  - - - */
.content_alerts {
  margin: 40px 0 30px 0;
  text-align: center;
}
.alert {
  max-width: 563px;
  margin: 0 auto 0 auto;
  padding: 8px 40px 8px 8px;
  border-radius: 35px;
  background-color: #fff;
  overflow: hidden;
  text-align: left;
  position: relative;
  box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -webkit-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -moz-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -o-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
}
.alert span {
  float: left;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
}
.alert span img {
  display: inline-block;
  vertical-align: middle;
}
.alert .content_texts {
  margin: 7px 0 0 70px;
  font-size: 14px;
  line-height: 20px;
  color: #303030;
  font-family: "open_sanssemibold";
}
.close_alert {
  width: 30px;
  height: 30px;
  background: url('icon_close.png') no-repeat center;
  position: absolute;
  top: 20px;
  right: 13px;
}
/* info */
.alert_info span {
  background-color: #e5ebf9;
}
/* Alerta Error*/
.alert_error span {
  background-color: #ffe9e9;
}
.alert_error strong {
  display: block;
  color: #ee1113;
  font-size: 18px;
  font-family: "pantonbold";
}
.alert_info strong {
  display: block;
  color: #124ff1;
  font-size: 18px;
  font-family: "pantonbold";
}
/* aviso */
.alert_aviso {
  border: solid 3px #ffc75f;
}
.alert_aviso span {
  background-color: #fff0d4;
}
.alert_aviso strong {
  display: block;
  color: #f39900;
  font-size: 18px;
  font-family: "pantonbold";
}
/* exito */
.alert_exito span {
  background-color: #e5f9ed;
}
.alert_exito p {
  margin-top: 9px;
  font-size: 16px;
}
.alert_exito strong {
  display: block;
  color: #00953b;
  font-size: 22px;
  font-family: "pantonbold";
}
/* Advertencia */
.alert_advertencia span {
  background-color: #ffdede;
}
.alert_advertencia p {
  margin-top: 9px;
  font-size: 14px;
}
.alert_advertencia strong {
  display: block;
  color: #ff2423;
  font-size: 18px;
  font-family: "pantonbold";
}
/* - - - - D E T A L L E   S A L D O S - - -  -*/
.slider_lateral {
  width: 70%;
  height: 100%;
  position: fixed;
  top: 0px;
  right: 0px;
  background-color: #fbfcff;
  z-index: 99999;
  overflow-x: hidden;
  opacity: 0;
  box-shadow: -64px 2px 53px 25px rgba(0, 23, 63, 0.37);
  transition: all 0.25s ease-out;
}
.close_detalle {
  width: 42px;
  height: 42px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 10px;
  box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -webkit-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -moz-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  -o-box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  transition: all 0.25s ease-out;
}
.close_detalle:hover {
  box-shadow: 0px 7px 19px rgba(119, 115, 110, 0.3);
  -webkit-box-shadow: 0px 7px 19px rgba(119, 115, 110, 0.3);
  -moz-box-shadow: 0px 7px 19px rgba(119, 115, 110, 0.3);
  -o-box-shadow: 0px 7px 19px rgba(119, 115, 110, 0.3);
}
.content_detalle {
  padding: 50px 30px 70px 50px;
}
.content_detalle h2 {
  margin: 0 0 25px 0px;
  padding: 0 0 3px 0px;
  font-size: 20px;
  line-height: 29px;
}
/* widgets detalle top */
.cont_widgets {
  margin: 0 0 0 0;
}
.justify_widgets {
  margin: 0 -4px 0 -4px;
}
.widget_box {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  min-height: 137px;
  margin: 0 4px 20px 4px;
  padding: 6px 25px 5px 25px;
  background-color: #fff;
  border-left: solid 3px #81b1d0;
  box-shadow: 6px 5px 6px rgba(0, 3, 60, 0.1);
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.widget_tarjeta {
  min-height: initial;
  margin: 0 0 20px 0;
  padding: 18px 25px 12px 25px;
}
.widget_tarjeta h4 {
  font-size: 20px;
  line-height: 24px;
  color: #0071b9;
}
.widget_box h5 {
  font-size: 18px;
  line-height: 24px;
  color: #003467;
  font-family: "pantonbold";
}
.widget_box p {
  margin: 0 0 0 0;
  font-size: 13px;
  line-height: 15px;
  color: #68889d;
  font-family: "pantonbold";
  text-transform: uppercase;
}
.widget_box span {
  display: block;
  padding: 12px 0 12px 0;
  border-bottom: solid 2px #edf1fb;
}
.widget_box span:last-child {
  border: none;
}
.box_1 {
  border-color: #ffbf5a;
}
.box_2 {
  border-color: #26d1f1;
}
.box_3 {
  border-color: #7599fc;
}
.widget_box span.saldo_box {
  padding: 11px 0 11px 0;
}
.widget_box span.saldo_box h5 {
  font-size: 21px;
  font-family: "pantonextrabold";
  color: #0071b9;
}
.widget_box span.saldo_box h5 strong {
  font-size: 28px;
  font-family: "pantonextrabold";
  color: #0071b9;
}
.widget_box span.saldo_box p {
  font-size: 15px;
}
.widgets_adicionales {
  background-color: #fff;
  margin: 0 0 0 0px;
  padding: 6px 5px 0px 5px;
  background-color: #fff;
  text-align: center;
  box-shadow: 6px 5px 6px rgba(0, 3, 60, 0.1);
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.widget_add {
  display: inline-block;
  vertical-align: top;
  width: 23.53885%;
  min-height: 48px;
  margin: 0 4px 6px 4px;
  padding: 0px 15px 0px 25px;
  text-align: left;
  background-color: #f4f7fe;
  border-left: solid 2px #99b5cf;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.widget_add span {
  display: block;
  padding: 6px 0 6px 0;
}
.widget_add h5 {
  margin: 0 0 0 0;
  font-size: 18px;
  color: #003467;
}
.widget_add p {
  margin: 0 0 0 0;
  font-size: 12px;
  color: #72879b;
  font-family: "pantonbold";
  text-transform: uppercase;
}
/* filtros detalle */
.filtros_detalle {
  margin: 30px 0 0 0;
}
.combobox_content {
  float: left;
}
.combobox_content .form_cell {
  float: left;
}
.combobox_content .form_cell select {
  width: 210px;
  height: 41px;
  padding: 0 18px 0 18px;
  margin: 0 0 0 0;
  color: #fff;
  font-size: 13px;
  font-family: "pantonbold";
  line-height: 42px;
  text-transform: uppercase;
  border: none;
  letter-spacing: 0.3px;
  background: #004687 url('arrow_select.png') no-repeat center right;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.25s ease-out;
}
.combobox_content .form_cell select:hover {
  background-color: #00509a;
}
/* tabla detalle */
.tabla_detalle {
  margin: 18px 0 30px 0;
  border-top: solid 1px #e9ecf2;
  padding-top: 14px;
}
.tabla_detalle .custom-table thead tr,
.tabla_detalle .custom-table thead th {
  font-size: 13px;
  color: #0071b9;
  font-family: "pantonblack";
}
.tabla_detalle .custom-table tbody th,
.tabla_detalle .custom-table tbody td {
  height: 38px;
}
.tabla_detalle .importe_row {
  font-size: 15px !important;
  color: #004687 !important;
  font-family: "pantonbold" !important;
}
.tabla_detalle .importe_negativo,
.importe_negativo {
  color: #ff0000 !important;
}
/* paginado */
.paginado {
  margin: 30px 0 10px 0;
  text-align: center;
}
.paginado a {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px 0 2px;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  font-size: 14px;
  color: #1c1c1c;
  font-family: "open_sanssemibold";
  line-height: 36px;
  transition: all 0.25s ease-out;
}
.paginado a:hover {
  background-color: #f0f1f7;
}
.paginado a.pag_anterior,
.paginado a.pag_siguiente {
  width: 113px;
  background-color: #ff6702;
  color: #fff;
}
.paginado a.pag_anterior:hover,
.paginado a.pag_siguiente:hover {
  background-color: #e85d00;
}
.paginado a.pag_active {
  background-color: #ff6702;
  color: #fff;
}
/* efecto mostrar detalle */
.slider_lateral {
  right: -120%;
}
.slider_lateral.mostrar_detalle {
  right: -1px;
  z-index: 99997;
  opacity: 1;
}
.overlay_detalle {
  position: fixed;
  left: 0;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.overlay_detalle.mostrar_detalle {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
body.mostrar_detalle {
  overflow: hidden;
}
/* - - - - T R A N S F E R E N C I A S - - - - - */
.form_step_pago {
  padding-bottom: 80px;
}
.form_step_pago h2 {
  border: none;
}
.form_step_pago h3 {
  font-size: 20px;
}
/* PASOS PAGO  */
#msform {
  text-align: center;
  position: relative;
}
#msform:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f5f7fd;
  border: solid 3px #d8dbe6;
  border-radius: 10px;
  position: absolute;
  top: 60px;
  left: 0px;
  z-index: 1;
}
#msform fieldset {
  width: 950px;
  margin: 0 auto 0 auto;
  padding: 30px 15px 0px 15px;
  border: 0 none;
  border-radius: 3px;
  position: relative !important;
  z-index: 2;
  /* position: absolute;*/
}
#msform fieldset:not(:first-of-type) {
  display: none;
}
#progressbar_pasos {
  width: 950px;
  display: inline-block;
  margin: 0 20px 0 20px;
  padding: 15px 0 15px 0;
  text-align: center;
  background-color: #fff;
  border: solid 2px #d8dbe6;
  border-radius: 100px;
  position: relative;
  z-index: 3;
}
#progressbar_pasos li {
  width: 23%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 999;
}
#progressbar_pasos li .icon_step {
  display: block;
  width: 55px;
  height: 55px;
  margin: 0 auto 10px auto;
  background-color: #edf0f9;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 100000;
}
#progressbar_pasos li strong {
  display: block;
  font-size: 13px;
  color: #787c93;
  font-family: "pantonbold";
  text-transform: uppercase;
}
#progressbar_pasos li::after {
  content: "";
  width: 87%;
  height: 8px;
  background: #edf0f9;
  position: absolute;
  left: -35.5%;
  top: 22px;
  z-index: -2;
}
#progressbar_pasos li:first-child::after {
  content: none;
}
#progressbar_pasos li.active_paso::after {
  background: #ff6702;
  z-index: -2;
}
#progressbar_pasos li.active_paso .icon_step {
  background-color: #ff6702;
  z-index: 900000;
}
#progressbar_pasos li.active_paso .icon_step img {
  margin-top: -55px;
}
#progressbar_pasos li.active_paso strong {
  color: #ff6702;
}
/* Campos formulario pago */
.celda_white {
  margin: 0 0 20px 0;
  padding: 20px 20px 20px 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 8px rgba(0, 10, 61, 0.02);
}
.left_celda {
  float: left;
  width: 50%;
  text-align: left;
  padding-right: 8px;
}
.right_celda {
  float: right;
  width: 50%;
  padding-left: 8px;
  text-align: left;
}
.celda_white label {
  display: block;
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #333333;
  font-family: "pantonbold";
  text-transform: uppercase;
}
.celda_white span.field_form {
  height: 67px;
  display: block;
  padding: 14px 0 0 91px;
  background-color: #edf2f7;
  border-radius: 6px;
  font-size: 20px;
  color: #0071b9;
  font-family: "pantonextrabold";
  line-height: 19px;
}
.celda_white span.field_form strong {
  font-family: "pantonextrabold";
  font-size: 22px;
}
.celda_white span.field_form p {
  font-size: 16px;
  font-family: "open_sanssemibold";
}
.celda_white span.icon_saldo_disp {
  background-image: url('icon_saldo.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.icon_importe {
  padding-top: 24px;
  background-image: url('icon_importe.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.left_celda i {
  display: block;
  text-align: right;
  font-size: 15px;
  color: #878787;
  font-style: normal;
  font-family: "pantonregular";
}
.celda_white span.icon_tipo_cambio {
  padding-top: 16px;
  background-image: url('icon_tipo_cambio.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.icon_tipo_cambio strong,
.celda_white span.icon_tipo_moneda strong {
  font-size: 18px;
}
.celda_white span.icon_tipo_cambio p,
.celda_white span.icon_tipo_moneda p {
  margin: 0 0 0 0;
  font-size: 15px;
  color: #5e7184;
  font-family: "pantonbold";
  text-transform: uppercase;
}
.celda_white span.icon_tipo_moneda {
  padding-top: 16px;
  background-image: url('icon_tipo_moneda.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.moneda_dolar strong {
  color: #008f1b !important;
}
/* select cuentas*/
.select_wrap {
  margin: 0 0 0 0;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  border-radius: 100px;
  background: #0071b9 url('icon_cuenta.png') no-repeat center left;
  z-index: 6;
  transition: all 0.25s ease-out;
}
.select_wrap:hover {
  background-color: #0068ad;
}
.select_wrap .default_option {
  position: relative;
  cursor: pointer;
  color: #fff;
}
.select_wrap .default_option .option {
  padding: 12px 0 0 100px;
}
.select_wrap .default_option li {
  height: 67px;
  padding: 0 0 0 0;
  color: #fff;
}
.select_wrap .default_option li h5 {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  font-family: "pantonextrabold";
  letter-spacing: 0.5px;
}
.select_wrap .default_option li h5 strong {
  font-size: 22px;
  font-family: "pantonextrabold";
}
.select_wrap .default_option li p {
  margin: 0 0 0 0;
  color: #fff;
  font-size: 16px;
  font-family: "open_sanssemibold";
  line-height: 18px;
}
.select_wrap .default_option li h4 {
  margin: 10px 0 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  font-family: "pantonbold";
}
.select_wrap .default_option:before {
  content: "";
  width: 77px;
  height: 100%;
  background: #0061a2 url('arrow_select_cuenta.png') no-repeat center;
  border-radius: 100px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.select_wrap.active_cuenta .default_option:before {
  transform: rotate(180deg);
}
.select_wrap .select_ul {
  display: none;
  width: 100%;
  max-height: 40vh;
  background: #fff;
  position: absolute;
  top: 72px;
  left: 0;
  overflow-y: auto;
  box-shadow: 0px 10px 20px rgba(0, 7, 41, 0.25);
  -webkit-border-bottom-right-radius: 28px;
  -webkit-border-bottom-left-radius: 28px;
  -moz-border-radius-bottomright: 28px;
  -moz-border-radius-bottomleft: 28px;
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
}
.select_wrap .select_ul li {
  padding: 10px 20px 10px 30px;
  cursor: pointer;
  border-bottom: solid 1px #e9f0f5;
}
.select_wrap .select_ul li:last-child {
  border-color: transparent;
}
.select_wrap .select_ul li h5 {
  color: #004687;
  font-size: 17px;
  line-height: 20px;
  font-family: "pantonbold";
  letter-spacing: 0.5px;
}
.select_wrap .select_ul li h5 strong {
  font-size: 20px;
  font-family: "pantonbold";
}
.select_wrap .select_ul li p {
  margin: 0 0 0 0;
  font-size: 14px;
  font-family: "open_sanssemibold";
  line-height: 16px;
}
.select_wrap .select_ul li:hover {
  background: #fff4dd;
}
.select_wrap.active_cuenta .select_ul {
  display: block;
}
/* campos input pasos */
.form_step_pago input.form_element,
.form_step_pago select.form_element,
.form_step_pago textarea.form_element {
  width: 100%;
  height: 57px;
  margin: 0 0 0px 0;
  padding: 0 20px 0 20px;
  border-radius: 6px;
  background: #fff;
  font-size: 17px;
  color: #555;
  line-height: 57px;
  font-family: "open_sansregular";
  border: solid 2px #cdd3dd;
  outline: none;
}
.form_step_pago textarea.form_element {
  height: 90px;
}
.form_step_pago input.txt_monto {
  padding: 0 20px 0 68px;
  font-size: 22px;
  color: #444;
  font-family: "open_sanssemibold";
}
.form_step_pago select.form_element {
  background: #fff url('arrow_select_azul.png') no-repeat center right;
  line-height: 53px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* campo monto centrado */
.center_monto {
  width: 585px;
  margin: 0 auto 0 auto;
}
.center_monto label {
  width: 138px;
  margin: 8px 0 0 0;
  float: left;
  line-height: 19px;
  text-align: right;
}
span.moneda_and_monto {
  width: 435px;
  display: block;
  float: right;
  position: relative;
}
strong.simbolo_moneda {
  display: block;
  width: 57px;
  height: 23px;
  font-size: 20px;
  color: #00418f;
  font-family: "pantonbold";
  text-align: center;
  border-right: 2px solid #cacaca;
  position: absolute;
  top: 16px;
  left: 0px;
  pointer-events: none;
}
/* botones continuar*/
.next_paso:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 15px;
  margin: -3px 0 0px 8px;
  background: url('arrow_continuar.png') no-repeat center;
}
.form_step_pago button {
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.form_step_pago button.btn_conf {
  background-color: #1a8917;
}
.form_step_pago button.btn_conf:hover {
  background-color: #037500;
}
.form_step_pago button.previous_paso {
  background-color: #d9dbe4;
  color: #0061a2;
}
.form_step_pago button.previous_paso:hover {
  background-color: #cbcfe0;
}
/* operacion frecuente */
.operacion_frecuente_content {
  margin: 20px 0 10px 0;
}
.operacion_frecuente_content label {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 7px 0px 0;
}
.operacion_frecuente_content input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.operacion_frecuente_content input[type=checkbox]:focus {
  outline: 0;
}
.operacion_frecuente_content .toggle_op {
  display: inline-block;
  width: 49px;
  height: 25px;
  margin: 0;
  border-radius: 16px;
  position: relative;
  border: 1px solid #d0d0d0;
  background: #e0e0e6;
  transition: all 0.25s ease;
}
.operacion_frecuente_content .toggle_op:after {
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
  position: absolute;
  top: 1px;
  left: 2px;
}
.operacion_frecuente_content .toggle_op:checked:after {
  transform: translatex(21px);
  background-color: #0071b9;
}
.operacion_frecuente_content .form_element {
  display: none;
  margin-top: 10px !important;
}
.alerta_confirmacion {
  margin: 15px 0 15px 0;
}
/* datos transferencia */
.datos_transferencia {
  margin-top: 30px;
  margin-bottom: 30px;
  background: url('paso-siguiente.png') no-repeat center;
}
.datos_transferencia .left_celda,
.datos_transferencia .right_celda {
  min-height: 195px;
  padding: 15px 0px 5px 0px;
  background-color: #fff;
  border: solid 1px #d8dbe6;
  border-radius: 8px;
}
.datos_transferencia .left_celda {
  margin-right: 20px;
  width: 46%;
}
.datos_transferencia .right_celda {
  margin-left: 20px;
  width: 46%;
}
.datos_transferencia span {
  display: block;
  vertical-align: top;
  margin: 0 15px 10px 15px;
  padding: 13px 20px 13px 20px;
  background: #f4f7fe;
  border-radius: 7px;
}
.datos_transferencia span h5 {
  font-size: 15px;
  color: #69829b;
  line-height: 18px;
  text-transform: uppercase;
}
.datos_transferencia span p {
  margin: 0 0 0 0;
  font-size: 18px;
  line-height: 20px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.datos_transferencia span p strong {
  font-size: 22px;
  font-family: "pantonextrabold";
}
.datos_transferencia span p em {
  display: block;
  font-style: normal;
  font-family: "pantonbold";
}
.datos_transferencia span.datos_trans_left {
  float: left;
  width: 44.555555%;
  margin-right: 4px;
}
.datos_transferencia span.datos_trans_right {
  float: right;
  width: 44.555555%;
  margin-left: 4px;
}
/* comprobante */
.comprobante_content {
  width: 615px;
  margin: -50px auto 0 auto;
  padding: 55px 0 30px 0;
  background: #fafbfd;
  border-radius: 7px;
  border: solid 1px #e5e7f1;
  text-align: left;
}
.comprobante_content h5 {
  font-size: 15px;
  color: #69829b;
  line-height: 18px;
  text-transform: uppercase;
}
.comprobante_content p {
  margin: 0 0 0 0;
  font-size: 15px;
  color: #444444;
  font-family: "open_sansbold";
  text-transform: uppercase;
}
.comprobante_content p strong {
  font-size: 18px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.comprobante_top {
  margin-bottom: 12px;
}
.comprobante_top span {
  width: 46%;
  display: block;
  padding: 13px 20px 13px 20px;
  border-radius: 4px;
  border: solid 1px #e1e3ec;
  background-color: #fff;
  overflow: hidden;
}
.comprobante_top span.left_codigo {
  float: left;
  margin: 0 0 0 20px;
}
.comprobante_top span.right_codigo {
  float: right;
  margin: 0 20px 0 0px;
}
.comprobante_top span.date_comprobante h5 {
  float: left;
  margin: 2px 5px 0 0;
}
.body_comprobante {
  margin: 0 20px 0 20px;
  padding: 13px 20px 13px 20px;
  border-radius: 4px;
  border: solid 1px #e1e3ec;
  background-color: #fff;
  overflow: hidden;
}
.body_comprobante li {
  padding: 10px 0 10px 0;
  border-bottom: solid 1px #e8eaf0;
}
.body_comprobante li:last-child {
  padding-bottom: 0px;
  border: none;
}
.comprobante_content .content_alerts {
  margin: 10px 0 20px 0;
}
.comprobante_content .content_alerts .alert {
  width: auto;
  border: solid 1px #e1e3ec;
}
.comprobante_content .content_alerts .alert p {
  margin: 7px 0 0 70px;
  font-size: 14px;
  line-height: 20px;
  color: #303030;
  font-family: "open_sanssemibold";
}
.comprobante_content .content_alerts .alert p strong {
  display: block;
  font-family: "pantonbold";
  font-size: 15px;
  color: #333;
}
.bottom_comprobante {
  margin: 10px 0 0 0;
  text-align: center;
}
.bottom_comprobante a {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 44px;
  margin: 0 2px 0 2px;
  padding: 6px 0 0 47px;
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "open_sansbold";
  line-height: 15px;
  border: solid 1px transparent;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-position: 11px 7px;
  transition: all 0.25s ease-out;
}
.bottom_comprobante a:hover {
  border-color: #5e92f5 !important;
}
.bottom_comprobante a.btn_print_comprobante {
  background-image: url('icon_imprimir.png');
  background-color: #d5f5fb;
  border-color: #9dd4e6;
  color: #00a0d4;
}
.bottom_comprobante a.btn_pdf_comprobante {
  padding-top: 14px;
  background-image: url('icon_descarga.png');
  background-color: #e1e8fc;
  border-color: #b5c4f1;
  color: #4c76ff;
}
.bottom_comprobante a.btn_email_comprobante {
  padding-top: 14px;
  background-image: url('icon_email.png');
  background-color: #ffefd6;
  border-color: #efd9b7;
  color: #ff9a00;
}
/* TIPO DE CAMBIO */
.center_check {
  width: 388px;
  margin: 0 auto 0 auto;
}
.center_check span.field_form {
  padding: 19px 0 0 0 !important;
}
.center_check span.field_form .label_check {
  display: inline-block;
  width: 211px;
  font-family: "open_sansregular";
}
/* T R A N S F E R E N C I A   A   O T R A S   C U E N T A S   E N   P A C Í F I C O  */
.form_step_pago input.txt_cta_destino {
  padding: 0 20px 0 74px;
  font-size: 17px;
  color: #444;
  font-family: "open_sanssemibold";
  background: #fff url('icon_cuenta_paficico.png') no-repeat center left;
}
.celda_white span.txt_titular {
  height: 57px;
  font-size: 15px;
  padding-top: 11px;
  padding-left: 20px;
  font-family: "pantonbold";
}
.celda_white span.txt_titular strong {
  display: block;
  font-size: 17px;
  font-family: "pantonbold";
}
.center_monto_destino {
  width: 440px;
  margin: 0 auto 0 auto;
  text-align: left;
}
.celda_white span.icon_monto_destino {
  padding-top: 23px;
  background-image: url('icon_monto_destino.png');
  background-repeat: no-repeat;
  background-position: left center;
}
/* token */
.content_token {
  margin: -10px 0 10px 0;
  padding: 50px 0 30px 0;
  background-color: #fff;
  border: solid 1px #d8dbe6;
  border-radius: 10px;
}
.content_token h3 {
  margin-bottom: 20px;
}
.content_token h4 {
  margin: 0 0 0 0;
  font-size: 18px;
  color: #222222;
  font-family: "open_sanssemibold";
}
.content_token h4 strong {
  color: #0071b9;
  font-family: "pantonextrabold";
}
.codigo_token {
  margin: 30px 0 0 0;
}
.codigo_token input {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin: 0 5px 0 5px;
  background-color: #fdfdfd;
  border: solid 2px #888;
  border-radius: 10px;
  text-align: center;
  font-size: 35px;
  font-family: "pantonregular";
  padding: 0;
}
.codigo_token input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.codigo_token input[type=number] {
  -moz-appearance: textfield;
}
.codigo_token input:visited,
.codigo_token input:hover,
.codigo_token input:active,
.codigo_token input:focus {
  border-color: #0071b9;
}
.acciones_enviar_token {
  margin: 30px 0 0 0;
}
.acciones_enviar_token p {
  margin: 0 0 4px 0;
  font-size: 15px;
  color: #444444;
}
.no_icon {
  background: none !important;
  padding: 0 !important;
}
.volver_enviar {
  display: inline-block;
  padding: 0 0 0 19px;
  font-size: 15px;
  color: #0071b9;
  font-family: "pantonbold";
  text-decoration: underline;
  background: url('icon_volver_enviar.png') no-repeat 0px 0px;
  transition: all 0.25s ease-out;
}
.volver_enviar:hover {
  text-decoration: underline;
  color: #0066a9;
}
.enviar_correo {
  display: inline-block;
  margin: 20px 0 0 0;
  padding: 0 0 0 24px;
  color: #ff6702;
  font-size: 15px;
  line-height: 28px;
  font-family: "pantonbold";
  text-decoration: underline;
  background: url('icon_enviar_codigo.png') no-repeat 0px 6px;
  transition: all 0.25s ease-out;
}
.enviar_correo:hover {
  color: #e45b00;
  text-decoration: underline;
}
/* T R A N S F E R E N C I A   A   O T R O S   B A N C O S */
.elegir_banco label {
  text-align: left;
}
.content_bancos {
  margin: 0 -8px 0 -8px;
}
.content_bancos label.card_banco {
  width: 15.8888%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0px 0 0px;
  text-align: center;
  position: relative;
}
.content_bancos label.card_banco span {
  display: block;
  background-color: #fff;
  border-radius: 6px;
  border: solid 2px #cdd3dd;
  transition: all 0.25s ease-out;
}
.content_bancos label.card_banco span:hover {
  border-color: #abbcd8;
}
.content_bancos label.card_banco span img {
  border-radius: 6px;
}
.content_bancos .radio_banco {
  font-size: inherit;
  margin: 0;
  position: absolute;
  right: 0px;
  top: 0;
  opacity: 0;
}
.content_bancos .radio_banco:checked ~ span {
  border-color: #ff6702 !important;
}
.content_bancos label.card_banco p {
  margin: 5px 0 0 0;
  font-size: 13px;
  color: #333;
  line-height: 15px;
  font-family: "open_sansregular";
}
.content_bancos .radio_banco:checked ~ p {
  color: #ff6702;
}
/* T R A N S F E R E N C I A   D E   B A N C O S    A   P A C I F I C O  */
.banco_boleta {
  margin-top: 20px;
}
.banco_boleta label {
  text-align: left;
}
span.moneda_and_monto_banco {
  display: block;
  margin: 9px 0 0 0;
  position: relative;
}
strong.simbolo_moneda_banco {
  display: block;
  width: 57px;
  height: 23px;
  font-size: 20px;
  color: #00418f;
  font-family: "pantonbold";
  text-align: center;
  border-right: 2px solid #cacaca;
  position: absolute;
  top: 16px;
  left: 0px;
  pointer-events: none;
}
.center_cuenta_destino {
  width: 440px;
  margin: 0 auto 0 auto;
  text-align: left;
}
.icon_calendario {
  background-image: url('icon_calendario.png') !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
}
input[type=date]::-webkit-calendar-picker-indicator {
  background: none;
  cursor: pointer;
}
.info_bancos {
  font-size: 14px;
  line-height: 16px;
  color: #333;
  text-align: left;
  margin: 6px 0 5px 70px;
  font-family: "pantonsemibold";
  overflow: hidden;
}
/* subir voucher */
.full_adjuntar {
  width: auto;
  float: initial;
}
.subir_foto_voucher {
  margin: 0 0 0 0px;
}
.subir_foto_voucher label {
  display: block;
  width: 50%;
  height: 57px;
  margin: 0 0 -17px 0;
  padding: 6px 0 0 8px;
  border: solid 2px #cdd3dd;
  border-radius: 6px;
}
.subir_foto_voucher label span {
  width: 186px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
  background-color: #0072bd;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "pantonbold";
  color: #fff;
  line-height: 41px;
  border-radius: 5px;
}
.subir_foto_voucher label p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  font-size: 15px;
  color: #333333;
  font-family: "pantonsemibold";
  text-transform: initial !important;
}
.subir_foto_voucher input[type=file] {
  display: inline;
  visibility: hidden;
  height: 0px;
  width: 0px;
  margin: 0;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
}
/* - - - --  P A G O S   D E   S E R V I C I O S - - - - */
.contenido_general.pagos_section .left_botones ul li a {
  height: 105px;
}
.contenido_general.pagos_section .left_botones ul li {
  margin-bottom: 15px;
}
.content_servicios {
  width: 958px;
  margin: 50px auto 0 auto;
  text-align: center;
}
.content_servicios label.card_svc {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 40px 0;
  text-align: center;
  position: relative;
}
.content_servicios label.card_svc span {
  display: block;
  height: 190px;
  margin: 0 10px 0 10px;
  padding: 40px 0 0 0;
  background-color: #fff;
  border-radius: 10px;
  border: solid 2px #ccd4de;
  overflow: hidden;
  position: relative;
}
.content_servicios .radio_svc {
  font-size: inherit;
  width: 27px;
  height: 27px;
  margin: 0;
  border-color: #d1d1d1;
  position: absolute;
  right: 21px;
  top: 8px;
  z-index: 10;
  opacity: 0.5;
}
.content_servicios .radio_svc:checked,
.content_servicios .hover {
  opacity: 1;
}
.content_servicios label.card_svc p {
  margin: 42px 0 0 0;
  font-size: 17px;
  color: #555555;
  line-height: 15px;
  font-family: "pantonbold";
  position: relative;
  z-index: 3;
}
.content_servicios label.card_svc span:after {
  content: "";
  width: 120%;
  height: 110px;
  border-radius: 100%;
  background-color: #e6eff6;
  position: absolute;
  bottom: -28%;
  left: -10%;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.25s ease-out;
}
.content_servicios .radio_svc:checked ~ span:after,
.content_servicios .card_svc:hover span:after {
  background-color: #0072bd;
}
.content_servicios .radio_svc:checked ~ span p,
.content_servicios .card_svc:hover span p {
  color: #fff;
}
/* D E T A L L E   P A G O   S E R V I C I O */
.slider_pago_servicios {
  padding: 0;
}
.slider_pago_servicios h2 {
  margin: 0 0 15px 0px;
  border: none;
}
.slider_pago_servicios h2 strong {
  font-size: 25px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.slider_pago_servicios #progressbar_pasos {
  margin: 0 0 0 0;
}
.slider_pago_servicios #msform fieldset {
  padding-top: 20px;
  min-inline-size: auto;
}
.slider_pago_servicios h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
}
.celda_white span.field_form.icon_pago_categoria {
  height: 57px;
  padding: 19px 0 0 0;
  padding-top: 19px;
}
.celda_white span.field_form.icon_pago_categoria i {
  display: inline-block;
  vertical-align: top;
  margin: -19px 10px 0 0;
  text-align: left;
}
.field_espacio {
  margin-top: 20px;
  position: relative;
}
.datos_pago_servicio {
  margin: 0 0 0 0;
  text-align: justify;
}
.datos_pago_servicio:after {
  width: 100%;
  content: "";
  display: inline-block;
}
.celda_white .datos_pago_servicio span {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  min-height: 50px;
  height: auto;
  margin: 0 3px 10px 3px;
  padding: 9px 20px 9px 20px;
  text-align: left;
}
.celda_white .datos_pago_servicio span h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.celda_white .datos_pago_servicio span h5 {
  font-size: 14px;
  line-height: 16px;
  color: #547286;
  text-transform: uppercase;
}
.celda_white .datos_pago_servicio span.field_full {
  width: auto;
}
.celda_white .datos_pago_servicio span h4 strong {
  font-size: 18px;
  color: #003571;
}
.celda_white span.icon_moneda_pago {
  background-image: url('icon_moneda_pago.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.icon_moneda_pago {
  font-size: 18px;
}
.celda_white span.icon_moneda_pago p {
  margin: 0 0 0 0;
  font-size: 15px;
  color: #547286;
  text-transform: uppercase;
  font-family: "pantonbold";
}
/* confirmar pago */
.confirmar_pago_svc .datos_transferencia {
  margin-top: 0px;
  background-image: none;
}
.confirmar_pago_svc .datos_transferencia .full_celda {
  margin: 0 0 0px 0;
  padding: 15px 15px 0px 15px;
  background-color: #fff;
  border: solid 1px #d8dbe6;
  border-radius: 8px;
  text-align: justify;
  background-image: none;
}
.confirmar_pago_svc .datos_transferencia .full_celda:after {
  width: 100%;
  content: "";
  display: inline-block;
}
.confirmar_pago_svc .datos_transferencia span {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  min-height: 62px;
  margin: 0 3px 10px 3px;
  padding: 11px 20px 11px 20px;
  text-align: left;
}
.confirmar_pago_svc .datos_transferencia span h5 {
  font-size: 14px;
}
.confirmar_pago_svc .datos_transferencia span p {
  font-size: 15px;
  text-transform: uppercase;
}
.confirmar_pago_svc .datos_transferencia span.span_medium {
  width: 48.555555%;
}
/* comprobante pago de servicios */
.comprobante_pago_svc .comprobante_content li h5 {
  width: 172px;
  float: left;
  margin: 3px 16px 0 0px;
}
a.btn_realizar_otro_pago {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 59px;
}
/* - - - --  P A G O S   D E   P R E S T A M O S - - - - */
.btn_pagar {
  display: inline-block;
  width: 76px;
  height: 28px;
  background-color: #ff6702;
  color: #fff;
  font-size: 13px;
  font-family: "open_sansbold";
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-align: center;
  line-height: 28px;
  border-radius: 100px;
  transition: all 0.25s ease-out;
}
.btn_pagar:hover {
  background-color: #027bc7;
}
.datos_prestamo {
  margin-bottom: 40px;
}
.datos_prestamo.celda_white span.field_form {
  margin-bottom: 12px;
  padding-top: 15px;
  padding-left: 86px;
}
.datos_prestamo.celda_white span.field_form strong {
  font-size: 18px;
  color: #0071b9;
}
.datos_prestamo.celda_white span.field_form p {
  margin: 0;
  font-size: 15px;
  color: #547286;
  font-family: "pantonbold";
}
.datos_prestamo.celda_white span.color_saldo.field_form p {
  margin: 0;
  font-size: 15px;
  color: #0071b9;
  font-family: "pantonbold";
}
.celda_white span.icon_cuenta_prestamo {
  background-image: url('icon_cuenta_prestamo.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.icon_moneda_prestamo {
  background-image: url('icon_moneda_prestamo.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.tabla_pago_prestamo .label_check {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
}
.tabla_pago_prestamo .checkmark {
  width: 20px;
  height: 20px;
}
.tabla_pago_prestamo .label_check .checkmark:after {
  left: 4px;
  top: 0px;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo .full_celda {
  width: 564px;
  margin: 30px auto 0 auto;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span {
  width: 48%;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span.span_full {
  display: block;
  width: auto;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span h5 {
  font-size: 15px;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span p {
  font-size: 18px;
  text-transform: initial;
}
.confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span p strong {
  font-size: 20px;
  color: #004687;
}
/* - - - --  P A G O S   A P O R TA C I O N E S  - - - - */
.datos_prestamo.celda_white span.field_form {
  padding-top: 15px;
  padding-left: 86px;
}
.celda_white span.icon_cuotas {
  background-image: url('icon_cuotas.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.ico_monto_soles {
  background-image: url('ico_monto_soles.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.ico_monto_dolares {
  background-image: url('ico_monto_dolares.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.center_moneda_monto {
  text-align: center;
}
.box_moneda_aport {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  text-align: left;
}
.box_monto_aport {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  text-align: left;
}
.datos_aportaciones {
  margin-bottom: 20px;
}
.form_step_pago .center_moneda_monto select.form_element {
  font-size: 20px;
  color: #0071b9;
  font-family: "pantonbold";
}
.form_step_pago .center_moneda_monto input.form_element {
  font-size: 20px;
  color: #555555;
  font-family: "pantonbold";
}
/* P E R F I L   C L I E N T E */
.modal_perfil {
  position: fixed;
  z-index: 999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: transparent;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
}
.cont_perfil {
  width: 245px;
  height: auto;
  margin: 0 60px 0 0;
  padding: 7px 20px 7px 20px;
  background: #fff;
  position: absolute;
  top: 155px;
  right: 0;
  z-index: 20;
  box-shadow: 0px 4px 24px rgba(158, 152, 144, 0.73);
  -webkit-box-shadow: 0px 4px 24px rgba(158, 152, 144, 0.73);
  -moz-box-shadow: 0px 4px 24px rgba(158, 152, 144, 0.73);
  -o-box-shadow: 0px 4px 24px rgba(158, 152, 144, 0.73);
  border-radius: 8px;
  -khtml-border-radius: 8px;
}
.cont_perfil:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  right: 44px;
}
.cont_perfil li a {
  display: block;
  margin: 0 0 0 0;
  padding: 8px 0 8px 0px;
  font-size: 14px;
  line-height: 18px;
  color: #444444;
  font-family: "pantonbold";
}
.cont_perfil li a:hover span {
  text-decoration: underline;
}
.cont_perfil li a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 -1px 0;
}
.cont_perfil li a.cerrar_sesion {
  margin-top: 10px;
  padding-top: 12px;
  border-top: solid 1px #dcdcdc;
}
.cont_perfil li a strong {
  display: block;
  font-family: "pantonextrabold";
  color: #0061a2;
}
.cont_perfil li a img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
}
/* M O D A L  */
.filter {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: saturate(50%) blur(20px);
  backdrop-filter: saturate(50%) blur(20px);
  -webkit-backdrop-filter: hue-rotate(90deg) saturate(30%);
  backdrop-filter: hue-rotate(90deg) saturate(30%);
  -webkit-backdrop-filter: saturate(30%);
  backdrop-filter: saturate(30%);
  -webkit-backdrop-filter: brightness(30%);
  backdrop-filter: brightness(30%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
}
.modal {
  width: 645px;
  height: 344px;
  padding: 40px 0px 0px 0px;
  margin: 0 0 0 0;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.modal h3 {
  margin: 20px 0 10px 0;
  font-size: 20px;
  color: #f39900;
}
.modal p {
  font-size: 18px;
  font-family: "open_sansregular";
}
.botones_modal {
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
  border-top: solid 1px #e4e4e4;
  text-align: center;
}
.cerrar_aviso {
  position: absolute;
  top: 0px;
  right: 0px;
}
.botones_modal .button {
  margin: 0 5px 0 5px;
  width: 207px;
  height: 42px;
  font-family: "pantonbold";
  line-height: 42px;
}
.botones_modal .button.btn_cancelar {
  background-color: #e9e9e9;
  color: #444444;
}
.botones_modal .button.btn_cancelar:hover {
  background-color: #d6d9dc;
}
/* ANIMACION HOME */
/* login */
.login_content .content-wrap .central-wrapper {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.content_form,
#footer {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}
/* botones */
.left_botones ul li:nth-child(1) {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
}
.left_botones ul li:nth-child(2) {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.left_botones ul li:nth-child(3) {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.left_botones ul li:nth-child(4) {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
}
.left_botones ul li:nth-child(5) {
  animation: slide-fade 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
}
/* contenido central*/
.right_descripcion {
  animation: slide-fade 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.9s both;
}
@keyframes slide-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* fin animaciones home */
/*  O P E R A C I O N E S  */
.celda_white span.field_form.text_operaciones {
  height: 57px;
  padding: 20px 0 0 20px;
}
.btn_calcular_movil {
  display: none;
}
.btn_calc_interes {
  width: 212px !important;
  margin: 25px 0 0 0 !important;
  background-color: #0061a2 !important;
  line-height: 59px !important;
}
.interes_ganado label {
  color: #f00 !important;
  font-size: 14px;
}
.field_espacio.interes_ganado {
  display: none;
}
.check_modalidad_pago {
  margin: 5px 0 25px 0;
  padding: 13px 20px 12px 20px;
  background: #edf2f7;
  border-radius: 6px;
}
.check_modalidad_pago label {
  margin: 0;
  padding: 3px 0 3px 29px;
  font-size: 16px !important;
  text-transform: initial;
  font-family: "pantonsemibold";
}
.check_modalidad_pago .label_check .checkmark:after {
  left: 6px;
  top: 1px;
}
.datos_transferencia.datos_conf_deposito .full_celda {
  width: 564px;
  margin: 30px auto 0 auto;
  padding: 15px 15px 0px 15px;
  background-color: #fff;
  border: solid 1px #d8dbe6;
  border-radius: 8px;
  text-align: justify;
  background-image: none;
}
.datos_transferencia.datos_conf_deposito span {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  min-height: 62px;
  margin: 0 3px 10px 3px;
  padding: 11px 20px 11px 20px;
  text-align: left;
}
.datos_transferencia.datos_conf_deposito span.span_full {
  display: block;
  width: auto;
}
.datos_transferencia.datos_conf_deposito span h5 {
  font-size: 15px;
}
.datos_transferencia.datos_conf_deposito span p {
  font-size: 18px;
}
.datos_transferencia.datos_conf_deposito span p strong {
  font-size: 20px;
  color: #004687;
}
.comprobante_operaciones.comprobante_content li h5 {
  width: 172px;
  float: left;
  margin: 3px 16px 0 0px;
}
.btn_cancelar_deposito {
  display: inline-block;
  width: 76px;
  height: 28px;
  background-color: #ff6702;
  color: #fff;
  font-size: 12px;
  font-family: "open_sanssemibold";
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
  line-height: 28px;
  border-radius: 100px;
  transition: all 0.25s ease-out;
}
.mostrar_cuenta_capitalizable {
  display: none;
}
.mostrar_cuenta_capitalizable .select_wrap .select_ul {
  top: auto;
  bottom: 100%;
  padding-top: 5px;
  -webkit-border-top-right-radius: 28px;
  -webkit-border-top-left-radius: 28px;
  -moz-border-radius-topright: 28px;
  -moz-border-radius-topleft: 28px;
  border-top-right-radius: 28px;
  border-top-left-radius: 28px;
}
/*  D E T A L L E   O P E R A C I O N E S  */
.slider_operacion h2 strong {
  font-size: 25px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.slider_operacion h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
}
.datos_cancelacion {
  margin: 0 0 0 0;
  text-align: center;
}
.celda_white .datos_cancelacion span {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  min-height: 50px;
  height: auto;
  margin: 0 3px 10px 3px;
  padding: 9px 20px 9px 20px;
  text-align: left;
}
.celda_white .datos_cancelacion span h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.celda_white .datos_cancelacion span h5 {
  font-size: 14px;
  line-height: 16px;
  color: #547286;
  text-transform: uppercase;
}
.celda_white .datos_cancelacion span.field_full {
  width: auto;
}
.celda_white .datos_cancelacion span h4 strong {
  font-size: 18px;
  color: #003571;
}
.icon_importe_cancelacion {
  background-image: url('icon_importe_cancelacion.png');
  background-repeat: no-repeat;
  background-position: left center;
}
.celda_white span.icon_importe_cancelacion p {
  margin: 0 0 0 0;
  font-size: 15px;
  color: #547286;
  text-transform: uppercase;
  font-family: "pantonbold";
}
.comprobante_pago_op .comprobante_content li h5 {
  width: 172px;
  float: left;
  margin: 3px 16px 0 0px;
}
/* OPERACIONES FRECUENTES */
.right_descripcion.operaciones_frecuentes {
  margin: 0;
  padding: 35px 120px 50px 120px;
}
.btn_eliminar_operacion {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin: 0 0px 0 0px;
  background: #ffedeb url('icon_eliminar.png') 0px 0px;
  border-radius: 50%;
  transition: background-color 0.5s ease;
}
.btn_eliminar_operacion:hover {
  background-color: #ffbebe;
}
.btn_detalle_operacion {
  display: inline-block;
  width: 76px;
  height: 28px;
  background-color: #ff6702;
  color: #fff;
  font-size: 12px;
  font-family: "open_sansbold";
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-align: center;
  line-height: 28px;
  border-radius: 100px;
  transition: all 0.25s ease-out;
}
.btn_detalle_operacion:hover {
  background-color: #027bc7;
}
.cel_btn_detalle {
  width: 10%;
}
.cel_btn_eliminar {
  width: 10%;
}
.operacion_eliminada {
  display: none;
  margin-top: 30px;
  text-align: center;
}
.operacion_eliminada .button {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 56px;
}
/* MODAL LEGAL */
.filter_modal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.51);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
}
.modal_responsive {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.cont_modal {
  max-width: 90%;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: auto auto;
  pointer-events: none;
}
.modal_legal {
  display: block;
  padding: 40px 30px 30px 30px;
  margin: 10px 0 10px 0;
  text-align: justify;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  z-index: 10000000;
  pointer-events: auto;
}
.modal_legal h3 {
  margin: 0 0 20px 0;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}
.modal_legal p {
  margin: 0 0 0 0;
  font-size: 15px;
  line-height: 23px;
}
.modal_legal p a {
  text-decoration: underline;
}
span.modal-close {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
/* S O L I C I T U D   D E   P R E S T A M O S  */
.contenido_form_solicitud_prestamo {
  margin: 0 0 0 0;
  padding: 15px 20px 20px 20px;
  background-color: #f5f7fd;
  border: solid 2px #d8dbe6;
  border-radius: 10px;
}
.contenido_form_solicitud_prestamo h3 {
  margin: 0 0 20px 0;
  text-align: center;
  font-size: 18px;
}
.contenido_form_solicitud_prestamo .celda_white {
  width: 950px;
  margin: 0 auto 0 auto;
}
.cont_btn_enviar_solicitud {
  text-align: center;
  margin-top: 20px;
}
.mostrar_envio_exitoso {
  display: none;
}
.contenido_form_solicitud_prestamo .body_comprobante li:last-child {
  padding-bottom: 10px;
}
.contenido_form_solicitud_prestamo .field_espacio {
  margin-top: 15px;
}
.contenido_form_solicitud_prestamo .celda_white {
  padding-top: 5px;
}
/* C A M B I O  D E   C L A V E */
.right_descripcion.cambio_clave {
  margin: 0 0 0px 0;
  padding-bottom: 20px;
}
.right_descripcion.cambio_clave h2 {
  margin: 0 0 0px 0;
}
.contenido_form_cambio_clave {
  margin: 0 0 0 0;
  padding: 15px 20px 20px 20px;
  background-color: #f5f7fd;
  border: solid 2px #d8dbe6;
  border-radius: 10px;
  text-align: center;
}
.contenido_form_cambio_clave .celda_white {
  text-align: center;
  border: solid 1px #d8dbe6;
  overflow: hidden;
}
.row_3 {
  display: inline-block;
  vertical-align: top;
  width: 32%;
  margin: 0 5px 0 5px;
  text-align: left;
}
.row_3 i {
  display: block;
  margin: 5px 0 0 0;
  font-size: 15px;
  line-height: 16px;
  color: #333;
  font-family: "pantonsemibold";
  font-style: normal;
}
.contenido_form_cambio_clave .celda_white .ver_password {
  top: 37px;
}
/*  - - - - C A M B I A R  I M A G E N - - - - */
.cont_cambio_image {
  width: 1110px;
  margin: 20px auto 0 auto;
}
.cont_cambio_image .celda_white {
  text-align: left;
  overflow: hidden;
}
.foto_left {
  display: inline-block;
  vertical-align: middle;
}
.foto_left a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 247px;
  height: 176px;
  background: #fff url('foto.png') no-repeat center;
  box-shadow: 0px 6px 7px rgba(158, 152, 144, 0.12);
  border: solid 2px #cdd3dd;
  overflow: hidden;
  border-radius: 8px;
  text-align: center;
}
.foto_left a img {
  border-radius: 8px;
}
.subir_foto {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 30px;
}
.subir_foto h4 {
  margin: 0 0 20px 0;
  font-size: 17px;
  color: #333333;
}
.subir_foto label {
  display: block;
  width: 405px;
  height: 57px;
  padding: 6px 0 0 8px;
  border: solid 2px #cdd3dd;
  border-radius: 6px;
}
.subir_foto label span {
  width: 186px;
  height: 41px;
  display: inline-block;
  vertical-align: middle;
  background-color: #0072bd;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "pantonbold";
  color: #fff;
  line-height: 41px;
  border-radius: 5px;
}
.subir_foto label p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
  font-size: 15px;
  color: #333333;
  font-family: "pantonsemibold";
  text-transform: initial !important;
}
.subir_foto input[type=file] {
  visibility: hidden;
  height: 0px;
  width: 0px;
}
.subir_foto i {
  font-style: normal;
  font-size: 15px;
  color: #333333;
  font-family: "pantonsemibold";
}
/* ACTUALIZACION DE DATOS */
.form_step_pago .content_acordeon input.form_element,
.form_step_pago .content_acordeon select.form_element {
  padding-left: 13px;
}
.form_step_pago .content_acordeon select.form_element {
  padding-right: 60px;
}
.right_descripcion.cambio_clave .header_tabla h3 {
  margin-bottom: 0;
  font-size: 15px;
}
.content_campos_datos {
  width: 1110px;
  margin: 0 auto 0 auto;
}
/* acordeon */
.content_campos_datos .c {
  position: relative;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}
input.datos_check {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  opacity: 0;
  visibility: 0;
}
.content_campos_datos h3 {
  margin: 0 0 0 0 !important;
  text-align: left;
}
label.title_datos {
  display: block;
  width: 100%;
  height: 41px;
  margin: 0 0 0 0;
  padding: 11px 0 0 20px;
  background: #0072bd;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  position: relative;
  border-radius: 86px;
}
label.title_datos::after {
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-left: 11px solid white;
  position: absolute;
  top: 11px;
  right: 10px;
}
.content_acordeon {
  height: 0px;
  margin: 0 -5px 0 -5px;
  padding: 0 0 0 0;
  overflow: hidden;
  transition: all 0.25s ease-out;
  text-align: center;
}
input.datos_check:checked ~ h3 label.title_datos::after {
  border-left: 8px solid transparent;
  border-top: 11px solid white;
  top: 14px;
  right: 20px;
}
input.datos_check:checked ~ .content_acordeon {
  height: auto;
  margin-top: 5px;
  margin-bottom: 20px;
}
.content_acordeon .field_espacio {
  margin-top: 15px;
}
.content_acordeon label {
  display: block;
  margin: 0 0 5px 0;
  font-size: 15px;
  line-height: 15px;
  color: #333333;
  font-family: "pantonbold";
  text-transform: uppercase;
}
.dat_6 {
  display: inline-block;
  vertical-align: top;
  width: 15.55555%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_5 {
  display: inline-block;
  vertical-align: top;
  width: 18.8888%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_4 {
  display: inline-block;
  vertical-align: top;
  width: 23.8888%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_3 {
  display: inline-block;
  vertical-align: top;
  width: 32.2333%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_3_1 {
  display: inline-block;
  vertical-align: top;
  width: 39%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_2 {
  display: inline-block;
  vertical-align: top;
  width: 48.888885555%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.dat_2_1 {
  display: inline-block;
  vertical-align: top;
  width: 65.44444444%;
  margin: 0 4px 0 4px;
  text-align: left;
}
.check_box_center {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 0 0;
  text-align: center;
}
.check_box_center .label_check {
  margin: 0;
}
/* radio */
.content_acordeon .container_radio {
  display: inline-block;
  vertical-align: middle;
  margin: 16px 18px 0 0;
  padding: 6px 0 0 28px;
  font-size: 17px;
  line-height: 12px;
  color: #555555;
  font-family: "pantonregular";
  position: relative;
  cursor: pointer;
  text-transform: initial;
  -webkit-user-select: none;
  user-select: none;
}
.content_acordeon .container_radio input {
  margin: 0;
  padding: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #e0e0e6;
  border-radius: 50%;
  border: solid 1px #c1c1c1;
}
.container_radio:hover input ~ .checkmark_radio {
  background-color: #ccc;
}
.container_radio input:checked ~ .checkmark_radio {
  background-color: #e0e0e6;
}
.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}
.container_radio input:checked ~ .checkmark_radio:after {
  display: block;
}
.container_radio .checkmark_radio:after {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0071b9;
  top: 3px;
  left: 0px;
  right: 0px;
  margin-right: auto;
  margin-left: auto;
}
/* - - - A Y U D A  L O G I N - - - */
/* boton */
.content_ayuda {
  width: 175px;
  height: 57px;
  background-image: linear-gradient(to right, #0071b9, #0561a4, #05518f, #03427b, #003467);
  position: absolute;
  bottom: 5px;
  right: 0px;
  z-index: 1000000000;
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-bottomleft: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.content_ayuda a {
  display: block;
  width: 175px;
  height: 57px;
  padding: 0 0 0 50px;
  font-size: 16px;
  color: #fff;
  font-family: "open_sansbold";
  line-height: 55px;
  position: relative;
}
/* cuadro de enlaces */
.ayuda_pacifico {
  width: 360px;
  height: 470px;
  position: absolute;
  bottom: 67px;
  right: 23px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 99999999;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  -moz-transform: translate(0, 50px);
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  box-shadow: 0 17px 42px 0 rgba(0, 5, 29, 0.51);
  -webkit-box-shadow: 0 17px 42px 0 rgba(0, 5, 29, 0.51);
  -moz-box-shadow: 0 17px 42px 0 rgba(0, 5, 29, 0.51);
  -o-box-shadow: 0 17px 42px 0 rgba(0, 5, 29, 0.51);
}
a.mostrar_ayuda:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 25px;
  height: 25px;
  left: 17px;
  top: 16px;
  background: transparent url('icon_ayuda.svg') no-repeat center;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
}
a.mostrar_ayuda:after {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  left: 17px;
  top: 16px;
  background: transparent url('cerrar_btn.png') no-repeat center;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
  transform: scale(0) rotate(-360deg);
  -webkit-transform: scale(0) rotate(-360deg);
  -moz-transform: scale(0) rotate(-360deg);
}
.ayuda_pacifico.wa__active {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
.mostrar_ayuda.wa__active:after {
  opacity: 1;
  transform: scale(1) rotate(0deg);
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
}
.mostrar_ayuda.wa__active:before {
  opacity: 0;
  transform: scale(0) rotate(360deg);
  -webkit-transform: scale(0) rotate(360deg);
  -moz-transform: scale(0) rotate(360deg);
}
.ayuda_enlaces {
  text-align: center;
}
.ayuda_enlaces h3 {
  margin: 0 0 18px 0;
  padding: 13px 0 13px 0;
  background-color: #09488b;
  color: #fff;
  font-size: 20px;
}
.ayuda_enlaces h4 {
  margin: 0 0 5px 0;
  font-size: 18px;
  color: #0071b9;
}
.ayuda_enlaces p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333333;
  font-family: "pantonsemibold";
}
.ayuda_enlaces i {
  display: block;
  margin: 13px 44px 0px 44px;
  font-style: normal;
  font-size: 13px;
  color: #333333;
  line-height: 14px;
  font-family: "pantonsemibold";
}
.ayuda_enlaces a {
  display: block;
  height: 48px;
  margin: 0 28px 8px 28px;
  padding: 5px 0 0 19px;
  text-align: left;
  border-radius: 100px;
  border: solid 2px #0071b9;
  color: #0071b9;
  font-size: 18px;
  font-family: "pantonextrabold";
  transition: all 0.25s ease-out;
}
.ayuda_enlaces a img {
  display: block;
}
.ayuda_enlaces a strong {
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  margin: 2px 0 0 0;
  overflow: hidden;
}
.ayuda_enlaces a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 9px;
}
.ayuda_enlaces a.ico_wsp {
  border-color: #00c516;
  color: #00c516;
}
.ayuda_enlaces a.ico_msn {
  border-color: #3aaee1;
  color: #3aaee1;
}
.ayuda_enlaces a:hover {
  border-color: #0061a2;
  background-color: #0061a2;
  color: #fff;
}
.ayuda_enlaces a:hover strong img {
  margin-top: -29px;
}
/* TABS PLAZO FIJO */
.right_descripcion.plazo_right {
  margin-top: 37px;
}
.tabs_menu_top {
  margin: -58px -20px 20px -20px;
  padding: 0px 0 0px 20px;
  position: relative;
}
/*.tabs_menu_top:before{
content: "";
  width: 100%;
  height: 1px;
  background-color: #c6cfdb;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
*/
.tabs_menu_top ul {
  display: inline-block;
  text-align: center;
}
.tabs_menu_top ul li {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}
.tabs_menu_top ul li a {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 208px;
  height: 38px;
  font-size: 15px;
  line-height: 37px;
  color: #0061a2;
  font-family: "pantonbold";
  position: relative;
  background: #fff;
  text-align: center;
  border: solid 1px #c6cfdb;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.25s ease-out;
}
.tabs_menu_top ul li a:hover {
  background-color: #f9f9f9;
}
.tabs_menu_top ul li.top_active a {
  background: #0061a2;
  border-color: #0061a2;
  color: #fff;
}
/*.tabs_menu_top ul li.top_active{
top: 2px;
}*/
.tabs_menu_top ul li.top_active a:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #0061a2;
  position: absolute;
  bottom: -9px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
}
.MuiScopedCssBaseline-root {
  position: relative;
  z-index: 1000000000000000;
}
/* Modales Alertas */
.filter_overlay {
  width: 100%;
  height: 150%;
  -webkit-backdrop-filter: saturate(50%) blur(20px);
  backdrop-filter: saturate(50%) blur(20px);
  -webkit-backdrop-filter: hue-rotate(90deg) saturate(30%);
  backdrop-filter: hue-rotate(90deg) saturate(30%);
  -webkit-backdrop-filter: saturate(30%);
  backdrop-filter: saturate(30%);
  -webkit-backdrop-filter: brightness(30%);
  backdrop-filter: brightness(30%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99998;
}
.modales {
  width: 508px;
  padding: 20px 10px 30px 10px;
  margin: 0 auto 0px auto;
  text-align: center;
  border-radius: 30px;
  background-color: #fff;
  position: relative;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -webkit-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -moz-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -o-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
}
.modales h3 {
  margin: 20px 0 4px 0;
  font-size: 22px;
}
.modales p {
  font-size: 17px;
  font-family: "open_sanssemibold";
  color: #424242;
}
.cerrar_modales {
  position: absolute;
  top: 8px;
  right: 15px;
  cursor: pointer;
}
.modal_info h3 {
  color: #004ef6;
}
.modal_error h3 {
  color: #ee1113;
}
.modal_exito h3 {
  color: #00962f;
}
.modal_advertencia h3 {
  color: #ff9a00;
}
.botones_modales {
  margin: 30px 0 0 0;
}
.botones_modales .button {
  margin: 0 5px 0 5px;
  width: 207px;
  height: 42px;
  font-family: "pantonbold";
  line-height: 42px;
}
.botones_modales .button.boton_cancelar {
  background-color: #eaeaea;
  color: #424242;
}
.botones_modales .button.boton_cancelar:hover {
  background-color: #d6d9dc;
}
/* Modales Alertas Contador*/
.modal-contador {
  width: 300px;
  padding: 20px 20px 30px 20px;
  margin: 0 auto 0px auto;
  text-align: center;
  border-radius: 30px;
  background-color: #fff;
  position: absolute;
  bottom: -5%;
  left: 20%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -webkit-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -moz-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
  -o-box-shadow: 0px 4px 7px rgba(158, 152, 144, 0.33);
}
.modal-contador h3 {
  font-size: 22px;
}
.modal-contador p {
  font-size: 17px;
  font-family: "open_sanssemibold";
  color: #424242;
}
.modal-content {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.contador {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #0071b9;
  justify-content: center;
}
/* B A R R A    D E   P R O G R E S O */
.work-process {
  max-width: 500px;
  margin: 50px auto;
}
.project-bar {
  height: 20px;
  background: #e1e1e1;
  border-radius: 30px;
}
.project-percent {
  height: 20px;
  background-color: #0061a6;
  border-radius: 30px;
  position: relative;
  width: 0;
  transition: 2s linear;
}
.project-percent::before {
  content: attr(percent);
  /*width: 22px;*/
  margin: 0px auto;
  padding: 0px 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  color: #ffffff;
  font-size: 15px;
  font-family: "pantonbold";
  text-align: center;
}
/* MENSAJE DE ALERTA Y VALIDACIONES EN FORMULARIOS */
.msj_validacion {
  margin: 0px 0 20px 0;
  padding: 9px 14px 12px 14px;
  color: #fff;
  border-radius: 6px;
}
.msj_validacion i {
  float: left;
  color: #fff;
  font-size: 22px;
}
.msj_validacion p {
  margin: 3px 0 0 28px;
  font-size: 15px;
  line-height: 16px;
  color: #fff;
  font-family: "pantonsemibold";
}
.msj_validacion p strong {
  font-family: "pantonextrabold";
}
/* error */
.val_error {
  margin-bottom: 1px !important;
  margin-top: 1px !important;
  border: solid 2px #ff4a39 !important;
  background-color: #fff !important;
}
.msj_validacion.val_error {
  margin-bottom: 10px !important;
  border: none !important;
  background-color: #ff4939 !important;
}
/* correcto */
.val_correcto {
  margin-bottom: 1px !important;
  border: solid 2px #00b800 !important;
  background-color: #fff !important;
}
.msj_validacion.val_correcto {
  margin-bottom: 20px !important;
  border: none !important;
  background-color: #00b800 !important;
}
/* advertencia */
.val_advertencia {
  margin-bottom: 1px !important;
  border: solid 2px #efa200 !important;
  background-color: #fff !important;
}
.msj_validacion.val_advertencia {
  margin-top: 20px;
  margin-bottom: 20px !important;
  border: none !important;
  background-color: #efa200 !important;
}
.msj_validacion.val_advertencia i {
  font-size: 18px;
}
/*informacion*/
.val_info {
  margin-bottom: 1px !important;
  border: solid 2px #008dc0 !important;
  background-color: #fff !important;
}
.msj_validacion.val_info {
  margin-top: 20px;
  margin-bottom: 20px !important;
  border: none !important;
  background-color: #008dc0 !important;
}
#header {
  margin: 0 0 0px 0;
  padding: 25px 0 25px 0;
  background-color: transparent;
  position: relative;
  text-align: center;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - - - - - - -  N U E V A S   F U N C I O N A L I D A D E S   P A C I N E T - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* ::::::::: T A R J E T A    D E B I T O  :::::::: */
.step_tarjeta {
  background: #fbfcff;
}
.celda_white.celda_tarjeta {
  /*width: 992px;
  margin: 0 auto 0 auto;*/
  padding-top: 20px;
  padding-bottom: 20px;
  border: solid 1px #e8eaf3;
}
.celda_tarjeta .cont_widgets {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.celda_tarjeta .widget_box {
  display: flex !important;
  align-items: center;
  width: 32%;
  min-height: 83px;
  margin: 5px 5px 5px 5px;
  padding: 0px 30px 0px 30px;
  text-align: left;
  border: solid 1px #d9dfe3;
  border-left: solid 4px #0071b9;
  background: #fbfcff;
  position: relative;
  box-shadow: 0px 0px 0px transparent;
}
.celda_tarjeta .widget_box span {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 0;
  border: none;
}
.celda_tarjeta .widget_box span h4 {
  font-size: 16px;
  color: #0071b9;
  text-transform: uppercase;
}
.celda_tarjeta .widget_box span p {
  margin-top: 4px;
  font-size: 14px;
  color: #547286;
}
.celda_tarjeta .widget_box.nro_tarjeta h4 {
  font-size: 24px;
}
.celda_tarjeta .widget_box.nro_tarjeta p {
  font-size: 15px;
}
.celda_tarjeta .widget_box.cta_principal h4 {
  font-size: 20px;
}
.btn_mantenimiento_cuenta {
  width: 40px;
  height: 40px;
  margin-top: 6.5555%;
  background: #ff6702;
  border-radius: 6px;
  box-shadow: 6px 5px 6px rgba(0, 3, 60, 0.1);
  position: absolute;
  top: 0;
  right: -17px;
  transition: all 0.25s ease-out;
}
.btn_mantenimiento_cuenta:hover {
  background: #0071b9;
}
.centrar_boton {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.btn_bloqueo {
  display: flex;
  align-items: center;
  width: 267px;
  height: 54px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  background-color: #0071b9;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-family: "open_sansbold";
  text-transform: uppercase;
  letter-spacing: 0;
  border-radius: 100px;
  position: relative;
  z-index: 4;
  transition: all 0.25s ease-out;
}
.btn_bloqueo:hover {
  background-color: #0068ad;
}
.btn_bloqueo span {
  display: block;
  width: 100%;
}
.btn_bloqueo i {
  display: inline-block;
  vertical-align: middle;
}
.btn_bloqueo p {
  margin: 0 0 0 8px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.svc_tarjeta h4 {
  font-size: 18px;
  color: #0071b9;
}
.content_svc_tarjeta {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 20px -5px 10px -5px;
}
.content_svc_tarjeta span {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  height: 148px;
  margin: 0 5px 0 5px;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  border: solid 2px #ccd4de;
  overflow: hidden;
  position: relative;
}
/* checkbox*/
.checkbox_svc_tarjeta {
  text-align: right;
}
.checkbox_svc_tarjeta input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.checkbox_svc_tarjeta input[type=checkbox]:focus {
  outline: 0;
}
.checkbox_svc_tarjeta input[type=checkbox] {
  display: inline-block;
  width: 49px;
  height: 25px;
  margin: 0;
  border-radius: 16px;
  position: relative;
  border: 1px solid #d0d0d0;
  background: #e0e0e6;
  transition: all 0.25s ease;
}
.checkbox_svc_tarjeta input[type=checkbox]:after {
  content: "";
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
  position: absolute;
  top: 1px;
  left: 2px;
}
.checkbox_svc_tarjeta input[type=checkbox]:checked:after {
  transform: translatex(21px);
  /*background-color: #0071b9;*/
}
.checkbox_svc_tarjeta input[type=checkbox]:checked {
  background-color: #0071b9;
  border-color: #0071b9;
}
.icon_svc_tarjeta {
  margin: 4px 0 18px 0;
}
.content_svc_tarjeta span h5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 35px;
  font-size: 14px;
  line-height: 16px;
  color: #555555;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.content_svc_tarjeta span:after {
  content: "";
  width: 120%;
  height: 110px;
  border-radius: 100%;
  background-color: #e6eff6;
  position: absolute;
  bottom: -39%;
  left: -10%;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.25s ease-out;
}
.btn_guardar_svc {
  display: flex;
  align-items: center;
  width: 287px;
  height: 59px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  background-color: #ff6702;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-family: "open_sansbold";
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 100px;
  position: relative;
  z-index: 4;
  transition: all 0.25s ease-out;
}
.btn_guardar_svc:hover {
  background-color: #0071b9;
}
.btn_guardar_svc span {
  display: block;
  width: 100%;
}
.btn_guardar_svc i {
  display: inline-block;
  vertical-align: middle;
}
.btn_guardar_svc p {
  margin: 0 0 0 11px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
/* PASOS BLOQUEO DEFINITIVO */
.slider_bloqueo_definitivo {
  padding: 0;
}
.slider_bloqueo_definitivo h2 {
  margin: 0 0 15px 0px;
  border: none;
}
.slider_bloqueo_definitivo h2 strong {
  font-size: 25px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.slider_bloqueo_definitivo #progressbar_pasos {
  margin: 0 0 0 0;
}
.slider_bloqueo_definitivo #msform fieldset {
  padding-top: 20px;
}
.slider_bloqueo_definitivo h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
}
.slider_bloqueo_definitivo .celda_white.celda_tarjeta {
  border-color: #d8dbe6;
}
.slider_bloqueo_definitivo .celda_tarjeta .widget_box {
  min-height: 68px;
}
.slider_bloqueo_definitivo .content_token {
  margin: 0px 0 20px 0;
  padding: 20px 0 20px 0;
}
.slider_bloqueo_definitivo .body_comprobante li:first-child {
  padding-top: 0px;
}
.slider_bloqueo_definitivo .comprobante_content li h5 {
  width: auto;
  margin: 0;
  float: initial;
}
/* GUARDAR SERVICIOS DE LA TARJERA */
.slider_guardar_servicios #msform:before {
  top: 0px;
}
.slider_guardar_servicios #msform:before {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.slider_guardar_servicios .body_comprobante {
  padding: 0;
  border-radius: 4px;
  border: solid 1px transparent;
  background-color: transparent;
}
.slider_guardar_servicios .body_comprobante li {
  border-radius: 4px;
  margin-bottom: 7px;
  padding: 12px 20px 9px 20px;
  border: solid 1px #e1e3ec;
  background-color: #fff;
  overflow: hidden;
}
.slider_guardar_servicios .body_comprobante li h5 {
  width: 50%;
  margin: 4px 0 0 0;
  font-size: 16px;
  color: #0071b9;
}
.slider_guardar_servicios .body_comprobante li span {
  display: block;
  float: right;
  font-size: 14px;
  font-family: "open_sansbold";
}
.slider_guardar_servicios .body_comprobante li span i {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.item_no_activo {
  color: #ff1515;
}
.item_activo {
  color: #00d45a;
}
/* MATENIMIENTO DE CUENTA */
.slider_mantenimiento_cuenta {
  padding: 0;
}
.slider_mantenimiento_cuenta h2 {
  margin: 0 0 15px 0px;
  border: none;
}
.slider_mantenimiento_cuenta h2 strong {
  font-size: 25px;
  color: #0071b9;
  font-family: "pantonextrabold";
}
.slider_mantenimiento_cuenta #progressbar_pasos {
  margin: 0 0 0 0;
}
.slider_mantenimiento_cuenta #msform fieldset {
  padding-top: 20px;
}
.slider_mantenimiento_cuenta h3 {
  margin: 0 0 15px 0;
  font-size: 20px;
}
.slider_mantenimiento_cuenta .celda_white.celda_tarjeta {
  border-color: #d8dbe6;
}
.slider_mantenimiento_cuenta .celda_tarjeta .widget_box {
  min-height: 68px;
}
.slider_mantenimiento_cuenta .content_token {
  margin: 0px 0 20px 0;
  padding: 20px 0 20px 0;
}
.slider_mantenimiento_cuenta .body_comprobante li:first-child {
  padding-top: 0px;
}
.slider_mantenimiento_cuenta .comprobante_content li h5 {
  width: auto;
  margin: 0;
  float: initial;
}
.celda_white span.icon_moneda_cta_mantenimiento {
  background-image: url('icon_moneda_prestamo.png');
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 17px;
}
.celda_white span.icon_moneda_cta_mantenimiento strong {
  font-size: 17px !important;
}
.celda_white span.icon_moneda_cta_mantenimiento p {
  margin: 0 0 0 0;
  font-size: 14px;
  color: #547286;
  text-transform: uppercase;
  font-family: "pantonbold";
}
/* ::::::::: A B R E  T U  P A C I A H O R R O :::::::: */
.info_beneficios_principal {
  background-color: #fbfcff;
}
.info_beneficios_principal h2 {
  margin: 0 0 10px 0;
  padding: 0 0 0px 0;
}
.info_txt_beneficios {
  margin: 0 0 0 0;
  padding: 30px 40px 30px 40px;
  background: #fff;
  border: solid 1px #e8eaf3;
  border-radius: 10px;
}
.info_txt_beneficios h4 {
  font-size: 24px;
  color: #0072bd;
}
.info_txt_beneficios h4 i {
  float: left;
}
.info_txt_beneficios h4 span {
  display: block;
  margin: 0 0 0 80px;
  padding: 12px 0 0 0;
}
.info_txt_beneficios h4 span p {
  margin: 0 0 0 0;
  font-size: 22px;
  line-height: 22px;
  font-family: "pantonsemibold";
  color: #547286;
}
.content_benficios {
  margin: 30px 0 0 0;
  padding: 30px 60px 20px 60px;
  background-color: #fbfcff;
  border: solid 2px #ccd4de;
  border-radius: 10px;
}
.content_benficios h5 {
  font-size: 20px;
  color: #0072bd;
}
.content_benficios ul {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 10px;
}
.list_beneficios {
  margin: 10px 0 -10px -10px;
  text-align: justify;
}
.list_beneficios:after {
  width: 100%;
  content: "";
  display: inline-block;
}
.left_list {
  width: 35%;
}
.right_list {
  width: 55%;
}
.content_benficios ul li {
  margin: 0 0 0 0;
  padding: 9px 0 9px 24px;
  background: url('_-images-icon_llist_beneficios.png') no-repeat 0px 12px;
  font-size: 18px;
  color: #547286;
  font-family: "pantonbold";
  border-bottom: solid 1px #d7daeb;
  text-align: left;
}
.content_benficios ul li:last-child {
  border-bottom: solid 0px transparent;
}
.btn_comenzar {
  display: flex;
  align-items: center;
  width: 287px;
  height: 59px;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  background-color: #ff6702;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-family: "open_sansbold";
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 100px;
  position: relative;
  z-index: 4;
  transition: all 0.25s ease-out;
}
.btn_comenzar:hover {
  background-color: #0071b9;
}
.btn_comenzar span {
  display: block;
  width: 100%;
}
.btn_comenzar i {
  display: inline-block;
  vertical-align: middle;
}
.btn_comenzar p {
  margin: 0 0 0 11px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.btn_comenzar.disabled,
.btn_comenzar:hover.disabled,
.btn_comenzar:active.disabled {
  opacity: 0.7;
  cursor: default;
  background-color: #ff6702;
}
/*  P A S O S  N U E V A S  F U N C I O N A L I D A D E S  */
.slider_new_funciones .celda_white {
  border: solid 1px #d8dbe6;
}
.slider_new_funciones .celda_white .text_nombre {
  height: 57px;
  padding: 18px 0 0 20px;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "pantonbold";
}
.slider_new_funciones .celda_white h6 {
  font-size: 18px;
  color: #00448a;
}
.align_left {
  text-align: left;
}
.slider_new_funciones .celda_white .label_check {
  display: block;
  margin: 10px 0 5px 3px !important;
  padding: 2px 0 2px 31px !important;
  color: #555555;
  font-family: "open_sansregular";
  text-transform: initial;
  font-size: 16px;
}
.slider_new_funciones .label_check .checkmark:after {
  left: 5px;
  top: 1px;
}
.slider_new_funciones .content_token {
  margin-top: 0px;
  padding: 20px 0 20px 0;
}
.slider_new_funciones .celda_white.comprobante_pago_svc {
  padding-top: 0px;
  border: solid 1px transparent;
  background-color: transparent;
}
.info_txt_beneficios .content_alerts {
  margin: 20px 0 20px 0;
}
/* confirmacion campos */
.confirm_widgets {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 0 0;
}
.confirm_box {
  display: flex !important;
  align-items: center;
  width: 47%;
  min-height: 55px;
  margin: 5px 8px 5px 8px;
  padding: 0px 20px 0px 20px;
  text-align: left;
  border: solid 1px #e7ebf7;
  background: #f4f7fe;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 0px transparent;
}
.confirm_box2 {
  display: flex !important;
  align-items: center;
  width: 47%;
  min-height: 55px;
  margin: 5px 8px 5px 8px;
  padding: 0px 20px 0px 20px;
  text-align: left;
  border: solid 1px #e7ebf7;
  background: #f4f7fe;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 0px transparent;
}
.confirm_box span {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 0;
  border: none;
}
.confirm_box span h4 {
  font-size: 15px;
  color: #69829b;
  text-transform: uppercase;
}
.confirm_box span p {
  margin: 0 0 0 0;
  font-size: 15px;
  color: #0071b9;
  font-family: "pantonbold";
  text-transform: uppercase;
}
/* documentos  */
.documentos_enlaces {
  margin: 5px -3px 0 -3px;
}
.documentos_enlaces a {
  display: inline-block;
  vertical-align: top;
  min-height: 30px;
  margin: 5px 3px 5px 3px;
  padding: 8px 10px 5px 27px;
  background: #0061a2 url('icon_documento.png') no-repeat 10px 8px;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-family: "pantonsemibold";
  border-radius: 6px;
}
/*  - - - - - - A B R E  T U  C T S - - - - - -*/
.celda_white.form_abre_cts {
  padding-top: 5px;
  padding-bottom: 25px;
}
.solicitud_traslado_content p {
  font-size: 16px;
  color: #555555;
}
.solicitud_traslado_content p strong {
  font-size: 17px;
  color: #424242;
  font-family: "open_sanssemibold";
}
/* radio si / no*/
.container_radio_solicitud {
  width: 50%;
  text-align: center;
  margin: 20px auto 20px auto;
  padding-bottom: 20px;
  border-bottom: solid 1px #d7dce7;
}
.celda_white label.container_radio_sol {
  width: 44px;
  display: inline-block;
  vertical-align: top;
  margin: 0px 8px 0 8px;
  padding: 3px 0 3px 25px;
  font-size: 17px;
  line-height: 17px;
  color: #555555;
  font-family: "pantonregular";
  position: relative;
  cursor: pointer;
  text-transform: initial;
  -webkit-user-select: none;
  user-select: none;
}
.celda_white label.container_radio_sol input {
  margin: 0;
  padding: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.celda_white label.container_radio_sol:hover input ~ .checkmark_radio {
  background-color: #ccc;
}
.celda_white label.container_radio_sol input:checked ~ .checkmark_radio {
  background-color: #e0e0e6;
}
.celda_white label.container_radio_sol input:checked ~ .checkmark_radio:after {
  display: block;
}
.celda_white label.container_radio_sol .checkmark_radio:after {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0071b9;
  top: 3px;
  left: 0px;
  right: 0px;
  margin-right: auto;
  margin-left: auto;
}
/* - - - - - - A B R E   A H O R R O   P R O G R A M A D O - - - - - -  */
.beneficios_ahorro_programado ul {
  width: 45%;
}
.tabs_monedas_ahorro.tabs-ahorros {
  margin: 20px 0 -20px 0;
  text-align: center;
}
.tabs_monedas_ahorro.tabs-ahorros ul {
  display: inline-block !important;
}
.tabs_monedas_ahorro.tabs-ahorros .tab-slider--tabs:after {
  background: #0072bd;
}
.celda_white span.icon_moneda_pago strong {
  font-size: 18px !important;
}
/* - - - - - - C A N C E L A C I O N  A H O R R O  P R O G R A M A D O - - - - - -  */
.slider_new_funciones .penalidad_monto p {
  color: #ff0000;
}
.slider_new_funciones .total_monto_pagar strong {
  font-size: 18px;
  font-family: "pantonextrabold";
}
.aviso_confirmacion {
  margin-bottom: 20px;
}
/* - - - - - - P A G O  A H O R R O  P R O G R A M A D O - - - - - -  */
.slider_new_funciones .celda_white table label.container_radio_sol {
  width: 22px;
  height: 22px;
  margin: 0 0 0 0;
}
.slider_new_funciones .body_comprobante li {
  overflow: hidden;
}
.tabla_detalle .custom-table tbody tr:not(.spacer) {
  background: #fbfcff;
}
/* - - - - - - P A G O  DE  C A N C E L A C I O N  D E  P R E S T A M O  - - - - - -  */
.borde_content_list_prestamo {
  margin: -20px 0 0 0;
  padding: 20px 60px 25px 60px;
  background-color: #f5f7fd;
  border: solid 2px #d7dce7;
  border-radius: 10px;
}
.borde_content_list_prestamo h6 {
  font-size: 18px;
  color: #00448a;
}
.content_table_list_prestamo {
  margin: 10px 0 0 0;
  padding: 10px 20px 20px 20px;
  background-color: #fff;
  border: solid 1px #d8dbe6;
  border-radius: 10px;
}
.content_table_list_prestamo .custom-table tbody tr {
  cursor: pointer;
}
.content_table_list_prestamo .custom-table tbody tr:not(.spacer) {
  background: #fbfcff;
}
/* - - - - - - - C A M B I A   D O L A R E S  - - - - - -*/
hr {
  border-top: 1px solid #dde5ee;
}
.celdas_three {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: center;
}
.content_celdas_three {
  width: 33%;
  margin: 0 7px 0 7px;
}
.celdas_three.celdas_sin_top .field_espacio {
  margin-top: 10px;
}
.content_celdas_three label {
  text-align: left;
}
.celdas_two_2 {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
}
.content_celdas_two_2 {
  width: 60%;
  margin: 0 7px 0 7px;
}
.celdas_two_2.celdas_sin_top .field_espacio {
  margin-top: 10px;
}
.content_celdas_two_2 label {
  text-align: left;
}
/* radio */
.content_celdas_three .content_radios {
  text-align: left;
}
.content_celdas_three .container_radio {
  display: inline-block;
  vertical-align: middle;
  margin: 13px 20px 0 0;
  padding: 6px 0 6px 28px;
  font-size: 17px;
  line-height: 15px;
  color: #555555;
  font-family: "pantonregular";
  position: relative;
  cursor: pointer;
  text-transform: initial;
  -webkit-user-select: none;
  user-select: none;
}
.content_celdas_three .container_radio input {
  margin: 0;
  padding: 0;
  width: 0px;
  height: 0px;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.btn_cotizar_soles_dolares {
  display: inline-block;
  width: 240px;
  height: 49px;
  margin: 5px 0 5px 0;
  padding: 0 0 0 0;
  background-color: #0072bd;
  font-size: 14px;
  color: #fff;
  line-height: 47px;
  text-align: center;
  font-family: "open_sansbold";
  text-transform: uppercase;
  letter-spacing: 0px;
  border-radius: 100px;
  position: relative;
  z-index: 4;
  transition: all 0.25s ease-out;
}
.btn_cotizar_soles_dolares:hover {
  background-color: #0068ad;
}
/* - - - - - - -  P R E S T A M O S  E N  L I N E A  - - - - - -*/
.content_benficios .list_beneficios h5 {
  margin: -7px 0 8px 0;
}
.header_prestamos {
  text-align: center;
}
.header_prestamos span {
  display: inline-block;
  vertical-align: top;
  width: 245px;
  height: 170px;
  margin: 0 10px 0 10px;
  padding: 15px;
  background-color: #fbfcff;
  border: solid 2px #b5d6ec;
  border-radius: 20px;
}
.header_prestamos span p {
  margin: 12px 0 0 0;
  font-size: 20px;
  line-height: 20px;
  color: #0072bd;
  font-family: "pantonbold";
}
/* detalle slider prestamo en linea */
.slider_prestamo_linea #progressbar_pasos li {
  width: 18%;
}
.celda_tarjeta .prestamos_principal {
  flex-wrap: nowrap;
  margin-top: 10px;
}
.celda_tarjeta .prestamos_principal .widget_box {
  width: 48.555555%;
}
.celda_tarjeta .prestamos_principal .widget_box.prstamo_monto {
  border-left-color: #ffbf5a;
}
.celda_tarjeta .prestamos_principal .widget_box.prstamo_cuota {
  border-left-color: #26d1f1;
}
.celda_tarjeta .prestamos_principal .widget_box.prstamo_monto h4 {
  font-size: 25px;
  line-height: 25px;
  color: #00448a;
}
.celda_tarjeta .prestamos_principal .widget_box.prstamo_cuota h4 {
  font-size: 20px;
}
.prestamos_widgets {
  margin-top: 5px;
}
.prestamos_widgets .widget_box {
  min-height: 55px;
}
/* */
.txt_garantia_prestamo p {
  margin: 0 0 0 0;
  font-size: 14px;
  color: #69829b;
  font-family: "pantonbold";
  text-transform: uppercase;
}
.txt_garantia_prestamo strong {
  display: block;
  font-size: 22px;
  color: #0071b9;
  font-family: "pantonbold";
}
.tabla_plazo_fijo .custom-table tbody tr:not(.spacer) {
  background: #f5f7fd;
}
.tabla_plazo_fijo .label_check {
  margin: -11px 0 5px 0px !important;
  padding: 0px 0 0px 0px !important;
}
.tabla_plazo_fijo .checkmark {
  height: 20px !important;
  width: 20px !important;
}
.tabla_plazo_fijo .label_check .checkmark:after {
  left: 4px !important;
  top: 0px !important;
}
.ctas_garantia_box .confirm_box {
  width: auto;
  margin: 5px 0px 5px 0px;
}
.subtitle_comprobante h4 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 15px 20px 10px 20px;
  color: #0071b9;
}
a.button.btn_regresar {
  line-height: 58px !important;
}
.celda_white.comprobante_pago_op.clearfix,
.celda_white.comprobante_pago_svc.clearfix {
  background: transparent;
  box-shadow: 0px 0px 0px transparent;
}
.cerrar_alerta {
  display: none !important;
}
.width-100per {
  width: 100% !important;
}
.container-input-mount {
  display: block;
  float: right;
  position: relative;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                supported by Chrome, Edge, Opera and Firefox */
}
/* - - - - C R O N O G R A M A  D E  P A G O S - - - - - -  */
a.button.btn_ver_cronograma {
  width: 200px;
  height: 41px;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 60px;
  font-size: 12px;
  line-height: 41px;
  font-family: "pantonbold";
}
a.button.btn_ver_cronograma i {
  display: inline-block;
  line-height: 23px;
  vertical-align: middle;
  margin: 0 2px 0 0;
}
/* MODAL CRONOGRAMA */
.filter_modal_cronograma {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.51);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
}
.modal_responsive_cronograma {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.cont_modal_cronograma {
  max-width: 60%;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100%;
  margin: auto auto;
  pointer-events: none;
}
.modal_tabla_cronograma {
  width: 100%;
  display: block;
  padding: 20px 30px 20px 30px;
  margin: -20px 0 10px 0;
  text-align: justify;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  z-index: 10000000;
  pointer-events: auto;
}
span.modal-close-cronograma {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.modal_tabla_cronograma h2 {
  margin: 0 0 15px 0;
  padding: 0 0 8px 0;
  font-size: 18px;
  border-bottom: solid 1px #d0d9e4;
}
.modal_tabla_cronograma .botones_modal {
  padding: 0px 0 0 0;
}
/* - - - --  C U E N T A   P R E M I O   P L A Z O   F I J O - - - - */
.content_premio {
  width: 958px;
  margin: 50px auto 0 auto;
  text-align: center;
}
.content_premio label.card_svc {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 40px 0;
  text-align: center;
  position: relative;
}
.content_premio label.card_svc span {
  display: block;
  height: 190px;
  margin: 0 10px 0 10px;
  padding: 40px 0 0 0;
  background-color: #fff;
  border-radius: 10px;
  border: solid 2px #ccd4de;
  overflow: hidden;
  position: relative;
}
.content_premio .radio_svc {
  font-size: inherit;
  width: 27px;
  height: 27px;
  margin: 0;
  border-color: #d1d1d1;
  position: absolute;
  right: 21px;
  top: 8px;
  z-index: 10;
  opacity: 0.5;
}
.content_premio .radio_svc:checked,
.content_premio .hover {
  opacity: 1;
}
.content_premio label.card_svc p {
  margin: 20px 0 0 0;
  font-size: 17px;
  color: #555555;
  line-height: 15px;
  font-family: "pantonbold";
  position: relative;
  z-index: 3;
}
.content_premio label.card_svc span:after {
  content: "";
  width: 120%;
  height: 110px;
  border-radius: 100%;
  background-color: #e6eff6;
  position: absolute;
  bottom: -28%;
  left: -10%;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.25s ease-out;
}
.content_premio .radio_svc:checked ~ span:after,
.content_premio .card_svc:hover span:after {
  background-color: #0072bd;
}
.content_premio .radio_svc:checked ~ span p,
.content_premio .card_svc:hover span p {
  color: #fff;
}
@charset "UTF-8";
@media only screen and (max-width: 1875px) and (min-width: 1751px) {
  .menu_left {
    min-height: 990px;
  }

  .content_right {
    min-height: 990px;
  }

  .form_step_pago {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1750px) and (min-width: 1551px) {
  .cont_perfil {
    top: 132px;
  }

  /*login */
  .left_login {
    height: 765px;
  }

  .right_login {
    height: 730px;
    margin: 18px 0 0 0;
  }

  .content_form {
    height: 690px;
    padding: 30px 0 0 0;
  }

  .content_form h1 {
    font-size: 20px;
  }

  .right_login .tab-slider--nav {
    margin: 25px 0 25px 0;
  }

  .boton_ingresar {
    margin-top: 23px;
    margin-bottom: 30px;
  }

  .left_login h1 {
    margin: 30px 0 0px 0;
  }

  .img_login {
    margin: 36px 20px 20px 20px;
  }

  /* contenidos */
  .menu_left {
    min-height: 747px;
  }

  .content_right {
    min-height: 747px;
  }

  .right_descripcion {
    padding: 15px 20px 80px 20px;
    height: auto;
  }

  .content-wrap .central-wrapper {
    padding-bottom: 0px;
  }

  .footer_bottom {
    padding: 15px 0 15px 0;
  }

  .right_login.cambiar_clave {
    min-height: 730px;
  }

  .right_login.cambiar_clave .content_form {
    min-height: 690px;
  }
}
/*1750px*/
@media only screen and (max-width: 1750px) and (min-width: 5px) {
  .tabs_menu_top {
    margin-top: -53px;
  }
}
/*1750px*/
@media only screen and (max-width: 1635px) and (min-width: 5px) {
  #progressbar_pasos,
#msform fieldset,
.content_servicios {
    display: block;
    width: auto;
  }

  .contenido_form_solicitud_prestamo .celda_white {
    width: auto;
  }

  #progressbar_pasos,
#msform fieldset,
.content_premio {
    display: block;
    width: auto;
  }
}
/*  L A P T O P S  */
@media only screen and (max-width: 1550px) and (min-width: 5px) {
  /* HEADER */
  /* header perfil */
  .header_content {
    height: 60px;
  }

  .left_bienvenida {
    float: left;
    padding: 16px 0 0 30px;
    font-size: 21px;
  }

  .right_header_content {
    padding: 8px 22px 0 0;
  }

  .perfil_usuario a span {
    width: 45px;
    height: 45px;
  }

  .perfil_usuario a p {
    padding: 2px 0 0 0;
    font-size: 12px;
  }

  .perfil_usuario a p strong {
    font-size: 14px;
  }

  /* menu perfil */
  .cont_perfil {
    top: 101px;
  }

  /* menu left*/
  .menu_left {
    width: 215px;
    min-height: 610px;
    padding: 0px 0 0 0;
  }

  .logo_left {
    width: 190px;
  }

  .menu_left ul {
    margin-top: 15px;
    margin-left: 10px;
  }

  .menu_left ul li {
    margin: 4px 0 4px 0;
  }

  .menu_left ul li a {
    height: 45px;
    font-size: 14px;
    line-height: 17px;
  }

  .menu_left ul li a span {
    width: 150px;
  }

  .central-wrapper {
    padding: 0 20px 0 20px;
  }

  .content_right {
    min-height: 610px;
    margin: 0 0 0 214px;
  }

  .btn_salir {
    display: block;
    width: auto;
    margin-top: 23px;
    margin-left: 8px;
    margin-right: 8px;
  }

  /* contenidos  */
  .left_botones {
    width: 170px;
  }

  .contenido_general {
    padding: 25px 15px 20px 15px;
  }

  .left_botones ul li {
    margin: 0 0 10px 0;
  }

  .left_botones ul li a {
    width: 160px;
    height: 95px;
    font-size: 14px;
    line-height: 16px;
  }

  .right_descripcion {
    margin: 0 0 0 185px;
    padding: 15px 20px 20px 20px;
  }

  /*.right_descripcion::-webkit-scrollbar {
  	display: none;
  }*/
  .left_botones ul li a img {
    width: 30px;
  }

  /* tabs ahorros */
  .tabs-ahorros ul.tab-slider--tabs {
    width: 357px;
  }

  .tabs-ahorros .tab-slider--tabs:after {
    width: 168px;
    height: 35px;
  }

  .tabs-ahorros .tab-slider--trigger {
    width: 168px;
    height: 35px;
    font-size: 13px;
    line-height: 38px;
  }

  .content_tabs_ahorros {
    margin: 18px 0 0 0;
  }

  /*tablas */
  .header_tabla {
    height: 33px;
  }

  .header_tabla h3 {
    margin: 9px 0 0 15px;
    font-size: 13px;
  }

  .acciones_print {
    margin: 2px 10px 0 0;
  }

  .acciones_print a {
    width: 34px;
    height: 29px;
  }

  .acciones_print a img {
    width: 19px;
  }

  table {
    font-size: 12px;
  }

  .saldo_disponible {
    font-size: 13px;
  }

  .custom-table tbody th,
.custom-table tbody td {
    height: 30px;
    padding: 0 5px 0 5px;
  }

  .custom-table thead tr,
.custom-table thead th,
.tabla_detalle .custom-table thead tr,
.tabla_detalle .custom-table thead th {
    font-size: 11px;
  }

  .subtotal_tabla strong {
    font-size: 12px;
  }

  .ver_detalle_ahorro,
.ver_detalle_cts,
.ver_detalle_saldos_deposito,
.ver_detalle_prestamo,
.ver_detalle_aportaciones {
    width: 25px;
    height: 25px;
    background-size: 25px 57px;
    background-position: 0px -2px;
  }

  .ver_detalle_ahorro:hover,
.ver_detalle_cts:hover,
.ver_detalle_saldos_deposito:hover,
.ver_detalle_prestamo:hover,
.ver_detalle_aportaciones:hover {
    background-position: 0px -30px;
  }

  .custom-table tbody tr.spacer td {
    height: 2px;
  }

  .nro_cuenta img {
    width: 16px;
  }

  /* detalle slider */
  .slider_lateral {
    width: 75%;
  }

  /* */
  .right_descripcion h2 {
    margin: 0 0 13px 0;
    padding: 0 0 8px 0;
    font-size: 18px;
  }

  #progressbar_pasos {
    margin: 0 0px 0 0px;
  }

  .select_wrap .default_option li h4 {
    font-size: 18px;
  }

  .select_wrap {
    background-size: 57px 51px;
  }

  .select_wrap .default_option:before {
    width: 50px;
  }

  .select_wrap .default_option .option {
    padding: 12px 0 0 68px;
  }

  .select_wrap .default_option li h5 {
    font-size: 16px;
  }

  .select_wrap .default_option li h5 strong {
    font-size: 18px;
  }

  .datos_transferencia span.datos_trans_left {
    width: 44%;
  }

  .datos_transferencia span h5,
.datos_transferencia.datos_conf_deposito span h5 {
    font-size: 14px;
  }

  .datos_transferencia span p,
.datos_transferencia.datos_conf_deposito span p {
    font-size: 15px;
  }

  .datos_transferencia span p strong {
    font-size: 17px;
  }

  .content_servicios {
    margin-top: 35px;
  }

  .content_servicios label.card_svc {
    width: 32%;
  }

  .content_servicios label.card_svc span img {
    width: 52px;
  }

  .content_servicios label.card_svc span {
    height: 160px;
    padding: 28px 0 0 0;
  }

  .content_servicios label.card_svc p {
    font-size: 15px;
  }

  .content_servicios label.card_svc span:after {
    bottom: -36%;
  }

  .content_premio {
    margin-top: 35px;
  }

  .content_premio label.card_svc {
    width: 32%;
  }

  .content_premio label.card_svc span img {
    width: 60%;
  }

  .content_premio label.card_svc span {
    height: 220px;
    padding: 28px 0 0 0;
  }

  .content_premio label.card_svc p {
    font-size: 15px;
  }

  .content_premio label.card_svc span:after {
    bottom: -25%;
  }

  .btn_pagar,
.btn_cancelar_deposito {
    width: 70px;
    height: 23px;
    font-size: 11px;
    line-height: 23px;
  }

  /* footer */
  .content-wrap .central-wrapper {
    padding-bottom: 0px;
  }

  #footer p {
    font-size: 11px;
    line-height: 15px;
  }

  .footer_bottom {
    margin: 0px 0 0 0;
    padding: 18px 0 18px 0;
  }

  .copy_left,
.develop_right {
    font-size: 13px;
  }

  /* pasos */
  #msform {
    margin: -7px 0 0 0;
  }

  #msform:before {
    top: 0px;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 41px;
    -webkit-border-top-right-radius: 41px;
    -moz-border-radius: 10px;
    -moz-border-radius-topleft: 41px;
    -moz-border-radius-topright: 41px;
    border-radius: 10px;
    border-top-left-radius: 41px;
    border-top-right-radius: 41px;
  }

  #progressbar_pasos li strong {
    font-size: 12px;
  }

  #progressbar_pasos li .icon_step {
    width: 45px;
    height: 45px;
    margin: 0 auto 5px auto;
  }

  #progressbar_pasos li::after {
    left: -41%;
    top: 19px;
  }

  #progressbar_pasos {
    padding: 8px 0 8px 0;
  }

  #progressbar_pasos li.active_paso .icon_step img {
    margin-top: -45px;
  }

  #msform fieldset {
    padding: 15px 15px 20px 15px;
  }

  .celda_white {
    margin: 0 0 15px 0;
    padding: 15px 20px 15px 20px;
  }

  .celda_white label {
    font-size: 14px;
    line-height: 18px;
  }

  input[type=submit],
button,
a.button {
    width: 240px;
    height: 49px;
    line-height: 49px;
    font-size: 12px;
  }

  /* campos */
  .celda_white span.field_form strong {
    font-size: 20px;
  }

  .celda_white span.field_form {
    font-size: 17px;
  }

  .celda_white span.field_form p {
    font-size: 14px;
  }

  .form_step_pago button {
    margin-top: 10px;
  }

  .celda_white span.txt_titular {
    font-size: 15px;
  }

  .celda_white span.txt_titular strong {
    font-size: 15px;
  }

  .form_step_pago h3 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .form_step_pago input.form_element,
.form_step_pago select.form_element {
    height: 49px;
    line-height: 49px;
    font-size: 16px;
  }

  .celda_white span.field_form.icon_pago_categoria {
    height: 49px;
    padding-top: 15px;
    margin-top: 5px;
  }

  .celda_white span.field_form.icon_pago_categoria i {
    width: 47px;
    margin: -13px 10px 0 0;
  }

  .form_step_pago select.form_element {
    line-height: 45px;
  }

  strong.simbolo_moneda,
strong.simbolo_moneda_banco {
    top: 12px;
  }

  .alert_exito strong {
    font-size: 18px;
  }

  .alert_exito p {
    font-size: 14px;
  }

  .content_token h4 {
    font-size: 15px;
  }

  .content_bancos label.card_banco p {
    font-size: 12px;
  }

  .content_bancos label.card_banco {
    width: 16%;
  }

  .btn_calc_interes {
    margin: 22px 0 0 0 !important;
    line-height: 52px !important;
  }

  .celda_white span.field_form.text_operaciones {
    height: 49px;
    padding: 15px 0 0 20px;
  }

  .form_step_pago input.txt_monto,
.form_step_pago input.txt_cta_destino {
    font-size: 16px;
    font-family: "open_sansregular";
  }

  .celda_white span.txt_titular {
    height: 49px;
    padding-top: 9px;
    line-height: 16px;
  }

  /* detalle servicios - pasos */
  .celda_white .datos_pago_servicio span h4 {
    font-size: 14px;
  }

  .celda_white .datos_pago_servicio span h5 {
    font-size: 13px;
    line-height: 14px;
  }

  .celda_white .datos_pago_servicio span {
    min-height: 47px;
    padding: 7px 20px 7px 20px;
  }

  .celda_white .datos_pago_servicio span h4 strong {
    font-size: 16px;
  }

  .confirmar_pago_svc .datos_transferencia span h5 {
    font-size: 13px;
  }

  .confirmar_pago_svc .datos_transferencia span p {
    font-size: 14px;
    line-height: 14px;
  }

  .confirmar_pago_svc .datos_transferencia span {
    min-height: 49px;
    padding: 9px 20px 9px 20px;
  }

  .confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span h5 {
    font-size: 13px;
  }

  .confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span p {
    font-size: 15px;
  }

  .confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span p strong {
    font-size: 15px;
  }

  /* - - - L O G I N - - - */
  .login_content .central-wrapper {
    width: 1230px;
  }

  .left_login {
    height: 620px;
    padding: 0px 0 0 0;
  }

  .right_login {
    height: 597px;
    margin: 10px 0 0 0;
    padding: 15px 20px 15px 0;
  }

  .img_login {
    margin: 29px 50px 20px 50px;
  }

  .logo_login img {
    width: 259px;
  }

  .left_login h1 {
    margin: 30px 0 0px 0;
    font-size: 30px;
    line-height: 44px;
  }

  .left_login h1 strong {
    font-size: 40px;
  }

  .content_form h1 {
    font-size: 20px;
  }

  .right_login .tab-slider--container,
.right_login ul.tab-slider--tabs {
    width: 380px;
  }

  .right_login .tab-slider--nav {
    margin: 18px 0 15px 0;
  }

  .content_capcha {
    margin: 10px 0 0 0;
  }

  .content_form {
    height: 562px;
    padding: 24px 0 0 0;
  }

  .right_login .form_cell label {
    font-size: 13px;
    text-transform: uppercase;
  }

  .right_login .form_row input.form_element,
.right_login.form_row select.form_element {
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
  }

  .right_login .tab-slider--trigger {
    width: 179px;
    height: 30px;
    font-size: 13px;
    line-height: 31px;
  }

  .right_login .tab-slider--tabs:after {
    width: 179px;
    height: 30px;
    top: 4px;
  }

  .right_login ul.tab-slider--tabs {
    padding: 4px 4px 4px 4px;
  }

  .user_dni_codigo:before,
.user_contrasena:before {
    width: 33px;
    height: 18px;
    background-size: 18px 18px;
    top: 13px;
  }

  .ver_password {
    background-size: 25px 20px;
    right: 6px;
    top: 13px;
  }

  .right_login .label_check,
.check_box_center .label_check {
    margin: -8px 0 15px 0;
    padding: 0px 0 2px 25px;
    font-size: 13px;
  }

  .right_login .checkmark,
.check_box_center .checkmark {
    height: 18px;
    width: 18px;
    top: 1px;
  }

  .label_check .checkmark:after {
    left: 4px;
    top: -1px;
  }

  .olvide_clave a {
    font-size: 13px;
  }

  .boton_ingresar {
    width: 100%;
    display: block;
    height: 49px;
    margin-top: 15px;
    margin-bottom: 24px;
  }

  .cuenta_nueva {
    font-size: 14px;
  }

  /* detalles */
  .content_detalle h2 {
    margin: 0 0 20px 0px;
    padding: 0 0 3px 0px;
    font-size: 18px;
  }

  .content_detalle h2 strong {
    font-size: 20px;
  }

  .widget_tarjeta {
    min-height: initial !important;
    margin: 0 0 15px 0;
  }

  .widget_tarjeta h4 {
    font-size: 18px;
    line-height: 22px;
  }

  .widget_box {
    min-height: 115px;
  }

  .widget_box p,
.widget_box span.saldo_box p {
    font-size: 12px;
    line-height: 13px;
  }

  .widget_box h5 {
    font-size: 16px;
    line-height: 22px;
  }

  .widget_box span.saldo_box h5 {
    font-size: 18px;
  }

  .widget_box span.saldo_box h5 strong {
    font-size: 22px;
  }

  .widget_box span,
.widget_box span.saldo_box {
    padding: 8px 0 8px 0;
  }

  .filtros_detalle {
    margin: 15px 0 0 0;
  }

  .tabla_detalle .custom-table tbody th,
.tabla_detalle .custom-table tbody td {
    height: 30px;
  }

  .tabla_detalle .importe_row {
    font-size: 13px !important;
  }

  .widget_add h5 {
    font-size: 15px;
  }

  /* detalle operaciones */
  .celda_white .datos_cancelacion span h4 {
    font-size: 14px;
  }

  .celda_white .datos_cancelacion span h5 {
    font-size: 13px;
  }

  .celda_white .datos_cancelacion span {
    height: auto;
    min-height: initial;
  }

  /* operaciones frecuentes */
  .right_descripcion.operaciones_frecuentes {
    margin: 0;
    padding: 35px 90px 50px 90px;
  }

  /* popup login */
  .modal {
    width: 585px;
    height: 304px;
    padding: 20px 0px 0px 0px;
  }

  .modal img {
    width: 64px;
  }

  .modal h3 {
    font-size: 18px;
  }

  .modal p {
    font-size: 16px;
  }

  .operacion_eliminada .button {
    line-height: 49px;
  }

  .btn_detalle_operacion {
    height: 24px;
    font-size: 11px;
    line-height: 24px;
  }

  /* cambio clave */
  .row_3 i {
    font-size: 14px;
  }

  /* cambio de foto */
  .cont_cambio_image {
    width: auto;
  }

  /* campos datos personales */
  .content_campos_datos {
    width: auto;
  }

  .content_acordeon label {
    font-size: 13px;
    line-height: 13px;
  }

  label.title_datos {
    height: 35px;
    padding: 9px 0 0 20px;
    font-size: 13px;
  }

  label.title_datos::after {
    border: 5px solid transparent;
    border-left: 8px solid white;
    top: 12px;
  }

  input.datos_check:checked ~ h3 label.title_datos::after {
    border-left: 6px solid transparent;
    border-top: 9px solid white;
  }

  .form_step_pago .content_acordeon input.form_element,
.form_step_pago .content_acordeon select.form_element {
    height: 45px;
    line-height: 40px;
  }

  .content_acordeon .container_radio {
    margin: 10px 18px 0 0;
    font-size: 15px;
    font-family: "pantonsemibold";
  }

  .form_step_pago .content_acordeon select.form_element {
    background-size: 62px 47px;
    padding-right: 60px;
  }

  .form_step_pago .content_acordeon .icon_calendario {
    background-size: 62px 47px;
  }

  /* */
  .revisar_correo a.button,
.cambio_relizado a.button {
    line-height: 49px;
  }

  .cambiar_clave i {
    font-size: 14px;
    line-height: 15px;
  }

  .right_login.cambiar_clave {
    min-height: 597px;
  }

  .right_login.cambiar_clave .content_form {
    min-height: 562px;
  }

  .contenido_general.pagos_section .left_botones ul li a {
    height: 88px;
  }

  .contenido_general.pagos_section .left_botones ul li {
    margin-bottom: 10px;
  }

  .tipo_cambio span {
    height: 28px;
    margin: -7px 8px 0 8px;
    padding: 0 10px 0 10px;
    line-height: 29px;
  }

  .tipo_cambio span strong {
    font-size: 13px;
  }

  /* botones*/
  .btn_guardar_svc,
.btn_bloqueo,
.btn_comenzar,
.btn_cotizar_soles_dolares {
    width: 240px;
    height: 49px;
    margin-top: 10px;
    font-size: 12px;
  }

  .btn_guardar_svc p,
.btn_bloqueo p,
.btn_comenzar p {
    font-size: 12px;
  }

  .btn_guardar_svc i,
.btn_comenzar i {
    width: 20px;
  }

  .btn_bloqueo i {
    width: 26px;
  }

  /*subtitulos*/
  .svc_tarjeta h4 {
    font-size: 16px;
  }

  /* */
  .celda_tarjeta .widget_box {
    min-height: 68px;
  }

  .celda_tarjeta .widget_box.nro_tarjeta h4 {
    font-size: 20px;
  }

  .celda_tarjeta .widget_box span p,
.celda_tarjeta .widget_box.nro_tarjeta p {
    font-size: 13px;
  }

  .slider_new_funciones .celda_white .text_nombre {
    height: 49px;
    padding: 15px 0 0 20px;
  }

  .borde_content_list_prestamo {
    margin: -10px 0 0 0;
  }

  .slider_guardar_servicios .body_comprobante li h5 {
    font-size: 14px;
  }

  .slider_guardar_servicios .body_comprobante li span {
    font-size: 12px;
  }

  .slider_guardar_servicios .body_comprobante li {
    padding: 8px 20px 7px 20px;
  }

  /* beneficios*/
  .info_beneficios_principal h2 {
    margin: 0 0 10px 0;
    padding: 0 0 0px 0;
  }

  .info_txt_beneficios {
    padding: 20px 30px 30px 30px;
  }

  .info_txt_beneficios h4 {
    font-size: 20px;
  }

  .info_txt_beneficios h4 span p {
    font-size: 18px;
    line-height: 20px;
  }

  .info_txt_beneficios h4 i {
    width: 50px;
  }

  .info_txt_beneficios h4 span {
    margin: 0px 0 0 65px;
    padding: 8px 0 0 0;
  }

  .content_benficios {
    margin: 20px 0 0 0;
    padding: 15px 30px 15px 30px;
  }

  .content_benficios h5 {
    font-size: 18px;
  }

  .content_benficios ul li {
    padding: 7px 0 7px 24px;
    font-size: 16px;
  }

  .confirm_box {
    min-height: 49px;
  }

  .confirm_box span h4 {
    font-size: 15px;
  }

  .confirm_box span p {
    font-size: 14px;
  }

  .header_prestamos span {
    width: 210px;
    height: 140px;
  }

  .header_prestamos span img {
    width: 60px;
  }

  .header_prestamos span p {
    font-size: 17px;
    line-height: 17px;
  }

  a.button.btn_regresar {
    line-height: 50px !important;
  }

  .btn_mantenimiento_cuenta {
    margin-top: 3.5555%;
  }
}
/*1550px*/
@media only screen and (max-width: 1390px) and (min-width: 5px) {
  .content_acordeon {
    text-align: left;
  }

  .dat_3_1 {
    width: 38%;
  }

  .dat_3 {
    width: 32%;
  }

  .dat_4 {
    width: 23%;
  }

  .dat_6 {
    width: 15%;
  }

  .form_step_pago .content_acordeon input.form_element,
.form_step_pago .content_acordeon select.form_element {
    font-size: 13px !important;
  }

  .content_acordeon .container_radio {
    margin: 10px 12px 0 0;
  }

  .content_acordeon .container_radio:last-child {
    margin-right: 0px;
  }

  /*cambio de clave */
  .row_3 {
    width: 31%;
  }

  .row_3 i {
    font-size: 12px;
  }

  .row_3 i br {
    display: none;
  }

  /*adjuntar voucher*/
  .subir_foto_voucher label {
    width: 60%;
  }

  .celda_tarjeta .widget_box {
    width: 31%;
    padding: 0px 10px 0px 20px;
  }

  .celda_tarjeta .widget_box.nro_tarjeta h4,
.celda_tarjeta .widget_box.cta_principal h4 {
    font-size: 18px;
  }

  .celda_tarjeta .widget_box span p,
.celda_tarjeta .widget_box.nro_tarjeta p {
    font-size: 12px;
  }

  .celda_tarjeta .widget_box span h4 {
    font-size: 14px;
  }

  .content_svc_tarjeta span h5 {
    font-size: 12px;
    line-height: 14px;
  }

  .icon_svc_tarjeta img {
    width: 30px;
  }

  .icon_svc_tarjeta {
    margin: 16px 0 17px 0;
  }

  .slider_bloqueo_definitivo .celda_tarjeta .widget_box,
.slider_mantenimiento_cuenta .celda_tarjeta .widget_box {
    min-height: 56px;
  }

  .celdas_three {
    flex-wrap: wrap;
  }

  .content_celdas_three {
    width: 47%;
  }
}
/*1390px*/
/* valiadar por altura */
/*altura 750px*/
@media only screen and (max-width: 1240px) and (min-width: 5px) {
  .login_content .central-wrapper {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .left_botones {
    width: 132px;
  }

  .left_botones ul li a {
    width: 117px;
    height: 73px;
    font-size: 12px;
    line-height: 12px;
  }

  .left_botones ul li a img {
    width: 20px;
  }

  .left_botones ul li a:before {
    width: 5px;
    height: 40px;
    top: 21.555%;
  }

  .menu_left {
    width: 170px;
    min-height: 640px;
    padding: 0px 0 0 0;
  }

  .content_right {
    min-height: 640px;
  }

  .logo_left {
    width: 143px;
  }

  .menu_left ul li a {
    height: 43px;
    padding: 0 10px 0 10px;
    font-size: 12px;
    line-height: 12px;
  }

  .menu_left ul li a img {
    width: 19px;
    margin-right: 9px;
  }

  .content_right {
    margin: 0 0 0 170px;
  }

  .btn_salir {
    height: 40px;
    margin-top: 40px;
    font-size: 12px;
    line-height: 40px;
  }

  .btn_salir:before {
    width: 17px;
    height: 18px;
  }

  .right_descripcion {
    margin: 0 0 0 138px;
  }

  .tipo_cambio {
    font-size: 0px;
  }

  .tipo_cambio span {
    font-size: 12px;
  }

  /* detalle lateral */
  .slider_lateral {
    width: 85%;
  }

  .widget_box {
    width: 31%;
  }

  .widget_box span.saldo_box h5 strong {
    font-size: 20px;
  }

  /* pasos */
  .select_wrap .default_option li h4 {
    font-size: 15px;
  }

  #progressbar_pasos li::after {
    left: -37%;
  }

  .comprobante_content {
    width: auto;
  }

  .center_monto {
    width: auto;
  }

  .center_monto label {
    width: auto;
    margin: 0 0 5px 0;
    float: initial;
    text-align: left;
  }

  span.moneda_and_monto {
    float: initial;
    width: auto;
  }

  .datos_transferencia span.datos_trans_left {
    width: 44%;
  }

  .select_wrap .default_option li h5 {
    font-size: 15px;
  }

  .select_wrap .default_option li h5 strong {
    font-size: 16px;
  }

  .datos_transferencia span p,
.datos_transferencia.datos_conf_deposito span p {
    font-size: 14px;
  }

  .datos_transferencia span {
    margin: 0 10px 10px 10px;
    padding: 8px 10px 8px 9px;
  }

  .datos_transferencia span p strong {
    font-size: 14px;
  }

  .datos_transferencia span h5,
.datos_transferencia.datos_conf_deposito span h5 {
    font-size: 13px;
    line-height: 14px;
  }

  .comprobante_content h5 {
    font-size: 13px;
  }

  .comprobante_content p {
    margin-bottom: 3px;
    font-size: 13px;
  }

  .datos_transferencia {
    background-size: 32px 31px;
  }

  .comprobante_content p strong {
    font-size: 15px;
  }

  .comprobante_top span {
    padding: 8px 10px 8px 10px;
  }

  .body_comprobante {
    padding: 5px 15px 13px 15px;
  }

  .celda_white span.txt_titular strong {
    font-size: 13px;
  }

  .celda_white span.txt_titular {
    font-size: 13px;
  }

  .datos_transferencia .left_celda,
.datos_transferencia .right_celda {
    min-height: auto;
  }

  /* actualizacion de datos */
  .dat_2,
.dat_3,
.dat_4,
.dat_5,
.dat_6,
.dat_3_1,
.dat_2_1 {
    width: 31.5555%;
  }

  /* subir foto */
  .foto_left a {
    width: 210px;
    height: 153px;
  }

  /* subir voucher */
  .subir_foto_voucher label {
    width: 70%;
  }

  /* pestañas top */
  .tabs_menu_top ul li a {
    width: 180px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
  }

  .tabs_menu_top {
    margin-top: -47px;
  }

  .right_descripcion.plazo_right {
    margin-top: 31px;
  }
}
/*1240px*/
@media only screen and (max-width: 1020px) and (min-width: 5px) {
  .content-wrap .central-wrapper {
    padding: 0 0 0px 0;
  }

  .tipo_cambio,
.timer_login,
.enlaces_top,
.menu_right {
    display: none;
  }

  .login_content .timer_login {
    display: block;
  }

  .content_right {
    height: auto;
    margin: 0 0 0 0;
    min-height: initial;
    overflow: initial;
  }

  .cont_perfil {
    top: 58px;
  }

  .right_descripcion {
    height: auto;
    overflow: initial;
  }

  /* PASOS */
  #progressbar_pasos li::after {
    left: -40%;
  }

  /*- - - M E N U  R E S P O N S I V E - - - */
  /* hamburguesa */
  .menu_movil {
    display: block !important;
    float: left;
    width: 60px;
    height: 60px;
    padding: 16px 0 0 0;
    position: relative;
    left: 0px;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
    background: #004687;
  }

  .menu_movil div {
    width: 23px;
    height: 2px;
    border-radius: 100px;
    background-color: #fff;
    display: block;
    margin: 5px 18px;
    transition: all 0.6s ease-in-out;
  }

  .menu_movil.active_menu {
    padding: 2px 0 0 0;
    left: 248px;
    position: fixed;
    transition: all 600ms ease-in-out;
    background-color: transparent;
  }

  .menu_movil.active_menu #one {
    transform: translateY(9px) rotate(-135deg);
    transition: all 0.6s ease-in-out;
    background-color: #fff;
    margin: 9px 18px;
  }

  .menu_movil.active_menu #two {
    opacity: 0;
    transition: 0.4s ease;
  }

  .menu_movil.active_menu #three {
    transform: translateY(-9px) rotate(-45deg);
    transition: all 0.6s ease-in-out;
    background-color: #fff;
  }

  /* menu lateral */
  .menu_left {
    width: 255px;
    left: -275px;
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 0px;
    transition: all 0.5s ease-in-out;
    border-radius: 0px;
    min-height: initial;
  }

  .menu_left.show_menu {
    padding: 0px 0 80px 0;
    left: 0px;
    transition: all 0.5s ease-in-out;
    overflow-y: scroll;
    z-index: 9999;
    box-shadow: 57px 0px 72px -1px rgba(0, 0, 0, 0.51);
  }

  .logo_left {
    width: 220px;
    margin: 0 0 0 0px;
  }

  .menu_left ul li.active_menu a:before,
.menu_left ul li.active_menu a:after {
    display: none;
  }

  .menu_left ul {
    margin-right: 10px;
    margin-top: 20px;
  }

  .menu_left ul li.active_menu a {
    border-radius: 10px;
  }

  .menu_left ul li a {
    height: 45px;
    font-size: 15px;
    line-height: 16px;
  }

  .menu_left ul li a img {
    width: 26px;
    margin-right: 12px;
  }

  /* opciones header movil */
  .opciones_header_movil {
    display: block !important;
    border-top: solid 1px #0462ad;
    border-bottom: solid 1px #0462ad;
    padding: 14px 0 17px 0;
    margin: 31px 0px 0 0;
  }

  .opciones_header_movil .tipo_cambio {
    display: block;
    font-size: 12px;
    margin: 0px 0 0 0;
    color: #fff;
  }

  .opciones_header_movil .tipo_cambio p {
    margin: 0 0 0 0;
    font-size: 12px;
  }

  .opciones_header_movil .tipo_cambio span {
    margin: 5px 0 5px 0;
  }

  .opciones_header_movil .timer_login {
    margin: 5px 0 0 0;
    float: initial;
    display: block;
    font-size: 12px;
  }

  .enlaces_menu {
    margin: 20px 0 20px 0px;
    padding: 0 10px 0 10px;
  }

  .enlaces_menu a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    margin: 3px 8px 3px 8px;
    text-decoration: underline;
  }

  .develop_right {
    display: none;
  }

  .copy_left {
    float: initial;
    width: auto;
  }

  /* footer login */
  .menu_footer_movil {
    display: block;
    margin: 0px 0 15px 0;
  }

  .menu_footer_movil li {
    display: inline-block;
    vertical-align: top;
  }

  .menu_footer_movil li a {
    margin: 0 10px 0 12px;
    display: block;
    color: #b3c2d2;
    font-size: 13px;
    text-decoration: underline;
  }
}
/*1020px*/
@media only screen and (max-width: 999px) and (min-width: 5px) {
  .left_login {
    display: none;
  }

  .right_login {
    float: initial;
    display: block;
    width: auto;
    margin: 0 0 0 0;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
  }

  .menu_right {
    display: none;
  }

  .logo_movil {
    display: inline-block !important;
    vertical-align: top;
  }

  .logo_movil img {
    width: 170px;
  }

  /*  tablet */
  .content_right {
    height: auto;
  }

  .left_botones {
    float: initial;
    width: auto;
    text-align: center;
  }

  .left_botones ul li {
    display: inline-block;
    vertical-align: top;
  }

  .left_botones ul li a {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .left_botones ul li a:before {
    display: none;
  }

  .right_descripcion {
    margin: 0 0 0 0;
  }

  /* lateral */
  .slider_lateral {
    width: 100%;
  }

  .content_detalle {
    padding: 50px 30px 70px 30px;
  }

  .widget_tarjeta h4 {
    font-size: 15px;
    line-height: 21px;
  }

  .widget_box {
    min-height: 98px;
    padding: 6px 15px 5px 15px;
    text-align: left;
  }

  .widget_box h5 {
    font-size: 14px;
    line-height: 20px;
  }

  .widget_box span.saldo_box h5 {
    font-size: 14px;
  }

  .widget_box span.saldo_box h5 strong {
    font-size: 15px;
  }

  .widget_box span,
.widget_box span.saldo_box {
    padding: 5px 0 5px 0;
  }

  .widget_add {
    width: 23%;
    min-height: 43px;
  }

  .widget_add h5 {
    font-size: 13px;
  }

  .close_detalle {
    width: 32px;
    height: 32px;
    top: 3px;
    left: 4px;
  }

  .justify_widgets {
    text-align: center;
  }

  /* PASOS */
  #progressbar_pasos {
    margin-bottom: 10px;
  }

  .select_wrap {
    margin: 10px 0 0 0;
  }

  .select_wrap .default_option li {
    height: 49px;
  }

  .select_wrap .default_option .option {
    padding: 8px 0 0 68px;
  }

  .select_wrap .default_option li h5 {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0px;
  }

  .select_wrap .default_option li h5 strong {
    font-size: 15px;
  }

  .select_wrap .default_option li p {
    font-size: 14px;
  }

  .select_wrap .default_option li h4 {
    font-size: 14px;
    margin: 5px 0 0 0;
  }

  .select_wrap .select_ul {
    top: 50px;
  }

  .select_wrap .select_ul li h5 {
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0px;
  }

  .select_wrap .select_ul li h5 strong {
    font-size: 17px;
  }

  .celda_white span.field_form {
    height: 49px;
    margin-top: 9px;
    padding-top: 10px;
    padding-left: 70px;
    font-size: 15px;
    line-height: 15px;
    background-size: 56px 51px;
  }

  .celda_white span.field_form strong {
    font-size: 17px;
  }

  .form_step_pago input.form_element,
.form_step_pago select.form_element,
.form_step_pago input.txt_monto,
.form_step_pago input.txt_cta_destino,
.celda_white span.txt_titular strong {
    font-size: 15px;
  }

  .celda_white span.txt_titular {
    padding-left: 20px;
  }

  .form_step_pago input.txt_cta_destino {
    padding: 0 10px 0 59px;
    background-size: 47px 43px;
  }

  /*iconos importes*/
  .celda_white span.icon_importe,
.celda_white span.icon_monto_destino {
    padding-top: 18px;
  }

  /* pago de servicios */
  .celda_white .datos_pago_servicio span {
    padding-left: 15px;
  }

  .celda_white .datos_pago_servicio span,
.confirmar_pago_svc .datos_transferencia span {
    width: 31%;
  }

  .confirmar_pago_svc .datos_transferencia span.span_medium,
.celda_white .datos_pago_servicio span.field_full {
    width: 100%;
  }

  /* pretamos */
  .datos_prestamo.celda_white span.field_form {
    padding-top: 10px;
    padding-left: 68px;
  }

  .datos_prestamo.celda_white span.field_form strong {
    font-size: 15px;
  }

  .datos_prestamo.celda_white span.field_form p {
    font-size: 13px;
  }

  .confirmar_pago_svc .datos_transferencia.datos_conf_prestamo .full_celda {
    width: auto;
  }

  /* detalle operaciones */
  .celda_white .datos_cancelacion span {
    width: 31%;
    height: auto;
    padding: 9px 20px 9px 20px;
  }

  /* cambiar foto perfil */
  .foto_left a {
    width: 170px;
    height: 124px;
  }

  .subir_foto h4 {
    margin: 0 0 8px 0;
    font-size: 15px;
  }

  .subir_foto i {
    font-size: 13px;
  }

  .right_descripcion.plazo_right {
    margin-top: 45px;
  }

  .tabs_menu_top {
    margin: -47px 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
  }

  .tabs_menu_top ul li {
    margin: 0 1px 0 1px;
  }

  .content_celdas_two_2 {
    width: 100%;
  }

  .cont_modal_cronograma {
    max-width: 98%;
  }

  a.button.btn_ver_cronograma {
    margin: 0 0 10px 20px;
  }
}
/*999px*/
@media only screen and (max-width: 777px) and (min-width: 5px) {
  .custom-table-responsive {
    width: 100%;
    overflow-x: scroll;
  }

  table {
    font-size: 11px;
  }

  .saldo_disponible {
    font-size: 12px;
  }

  .subtotal_tabla strong {
    font-size: 10px;
    line-height: 10px;
  }

  .custom-table thead tr,
.custom-table thead th {
    padding: 0px 5px 10px 5px;
  }

  .right_descripcion h2 {
    font-size: 16px;
  }

  #progressbar_pasos li::after {
    left: -39%;
  }

  /* detalle servicios */
  .celda_white .datos_pago_servicio span,
.confirmar_pago_svc .datos_transferencia span {
    width: 48%;
  }

  /* operaciones */
  .datos_transferencia.datos_conf_deposito .full_celda {
    width: auto;
  }

  /* detalle operaciones */
  .celda_white .datos_cancelacion span {
    width: 47%;
  }

  /* popup Login */
  /* popup legal */
  .modal_legal {
    padding: 30px 20px 20px 20px;
  }

  .modal_legal h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
  }

  .modal_legal p {
    font-size: 15px;
    line-height: 22px;
  }

  .right_descripcion.operaciones_frecuentes {
    padding: 25px 40px 20px 40px;
  }

  /* actualizacion de datos */
  .dat_2,
.dat_3,
.dat_4,
.dat_5,
.dat_6,
.dat_3_1,
.dat_2_1 {
    width: 48%;
  }

  /* cambiar foto perfil */
  .cont_cambio_image .celda_white {
    text-align: center;
  }

  .subir_foto {
    margin: 20px 0 10px 0;
  }

  .cont_cambio_image {
    margin-top: 0px;
  }

  .row_3 {
    display: block;
    width: auto;
  }

  .row_3 .field_espacio {
    margin-top: 13px;
  }

  .row_3 i {
    margin: 3px 0 0 0;
    font-size: 11px;
  }

  .celda_tarjeta .widget_box {
    min-height: 60px;
    padding: 0px 5px 0px 15px;
  }

  .celda_tarjeta .widget_box.nro_tarjeta h4,
.celda_tarjeta .widget_box.cta_principal h4 {
    font-size: 16px;
  }

  .celda_tarjeta .widget_box span h4 {
    font-size: 13px;
  }

  .info_txt_beneficios {
    padding: 15px 20px 15px 20px;
  }

  .celda_white span.field_form {
    margin-top: 0;
  }

  .content_benficios {
    padding: 15px 20px 15px 20px;
  }

  .content_benficios ul {
    width: 45%;
  }

  .slider_new_funciones .celda_white h6,
.borde_content_list_prestamo h6 {
    font-size: 16px;
  }

  .celda_white span.icon_moneda_pago strong {
    font-size: 15px !important;
  }

  .solicitud_traslado_content p strong {
    font-size: 15px;
  }

  .solicitud_traslado_content p strong br {
    display: none;
  }

  .container_radio_solicitud {
    width: auto;
  }

  .borde_content_list_prestamo {
    padding: 15px 20px 20px 20px;
  }

  .content_table_list_prestamo {
    padding: 5px 15px 15px 15px;
  }

  .celda_tarjeta .prestamos_principal .widget_box {
    min-height: 56px;
  }

  .celda_tarjeta .prestamos_principal .widget_box.prstamo_monto h4 {
    font-size: 20px;
    line-height: 20px;
  }

  .celda_tarjeta .prestamos_principal .widget_box.prstamo_cuota h4 {
    font-size: 17px;
  }

  a.button.btn_ver_cronograma {
    width: 170px;
    font-size: 11px;
  }
}
/*777px*/
@media only screen and (max-width: 690px) and (min-width: 5px) {
  /* pasos */
  #progressbar_pasos li::after {
    left: -37%;
  }

  #progressbar_pasos li strong {
    font-size: 10px;
  }

  .left_celda,
.right_celda {
    float: initial;
    width: auto;
    padding: 0 0 0 0;
  }

  .left_celda {
    margin-bottom: 20px;
  }

  .datos_transferencia {
    background-image: none !important;
  }

  .datos_transferencia .left_celda,
.datos_transferencia .right_celda {
    width: auto;
    float: initial;
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  .bottom_comprobante {
    margin: 10px 20px 20px 20px;
  }

  .bottom_comprobante a {
    width: 31%;
    font-size: 11px;
    background-size: 20px 20px;
    background-position: 8px 12px;
    padding: 6px 0 0 37px;
    line-height: 13px;
  }

  #msform fieldset {
    padding-bottom: 30px;
  }

  .center_monto_destino {
    width: auto;
  }

  .operacion_frecuente_content {
    border-bottom: solid 1px #edf2f7;
    padding-bottom: 15px;
  }

  .comprobante_content .content_alerts {
    margin-left: 20px;
    margin-right: 20px;
  }

  .content_bancos label.card_banco p {
    font-size: 11px;
    line-height: 14px;
  }

  .content_bancos label.card_banco {
    width: 15%;
  }

  /*iconos saldo mas top*/
  span.field_form.icon_saldo_disp {
    margin: -25px 0 0 0;
  }

  /* servicios cards */
  .content_servicios {
    margin-top: 25px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .content_servicios label.card_svc {
    margin: 0 0 25px 0;
  }

  .content_servicios label.card_svc p {
    margin: 32px 0 0 0;
    font-size: 13px;
  }

  .content_servicios label.card_svc span img {
    width: 42px;
  }

  .content_servicios label.card_svc span {
    height: 130px;
    margin: 0 3px 0 3px;
    padding: 22px 0 0 0;
  }

  .content_servicios label.card_svc span:after {
    height: 100px;
    left: -11%;
    bottom: -41%;
  }

  /* premio cards */
  .content_premio {
    margin-top: 25px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .content_premio label.card_svc {
    margin: 0 0 25px 0;
  }

  .content_premio label.card_svc p {
    margin: 55px 0 0 0;
    font-size: 13px;
  }

  .content_premio label.card_svc span img {
    width: 50%;
  }

  .content_premio label.card_svc span {
    height: 220;
    margin: 0 3px 0 3px;
    padding: 22px 0 0 0;
  }

  .content_premio label.card_svc span:after {
    height: 100px;
    left: -11%;
    bottom: -20%;
  }

  /* detalle servicios */
  .celda_white .datos_pago_servicio span,
.confirmar_pago_svc .datos_transferencia span {
    width: auto;
    display: block;
    padding: 10px 20px 7px 20px;
    margin: 0 0 6px 0;
    height: auto;
  }

  .confirmar_pago_svc .content_token {
    margin: 0;
  }

  .slider_pago_servicios .celda_white span.icon_moneda_pago {
    margin: -30px 0 0 0 !important;
  }

  /* detalle prestamo */
  .datos_prestamo.celda_white span.field_form {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .confirmar_pago_svc .datos_transferencia.datos_conf_prestamo span {
    width: auto;
  }

  /* Operaciones */
  .btn_calcular_movil {
    display: block;
  }

  .btn_calcular_desktop {
    display: none;
  }

  .btn_calc_interes {
    margin-top: 0px !important;
    width: 154px;
    height: 40px;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 42px;
    letter-spacing: 0px;
  }

  /* Pago Aportaciones */
  .datos_aportaciones.celda_white span.field_form {
    margin-bottom: 10px;
  }

  /* footer */
  .copy_left {
    float: initial;
    display: block;
    font-size: 12px;
    text-align: center;
  }

  /* Popup recordar dartos  */
  .modal {
    width: 90%;
  }

  /* subir voucher */
  .subir_foto_voucher label {
    width: auto;
  }

  .contenido_general.pagos_section .left_botones ul li a {
    width: auto;
  }

  .contenido_general.pagos_section .left_botones ul li {
    width: 32%;
  }

  .tabs_menu_top ul {
    display: block;
  }

  .tabs_menu_top ul li {
    width: 32%;
  }

  .tabs_menu_top ul li a {
    width: 100%;
  }

  .celda_tarjeta .widget_box {
    width: 47.5555%;
  }

  .btn_mantenimiento_cuenta {
    margin-top: 2.5555%;
  }

  .content_svc_tarjeta {
    flex-wrap: wrap;
  }

  .content_svc_tarjeta span {
    width: 47%;
    margin-bottom: 10px;
  }

  .confirm_box {
    width: 46%;
  }

  .tabs_monedas_ahorro.tabs-ahorros {
    margin: 14px 0 -10px 0;
  }

  .content_celdas_three {
    width: 100%;
    margin: 0 0px 0 0px;
  }

  a.button.btn_ver_cronograma {
    width: 150px;
    margin: 0px 5px 10px 5px;
  }
}
/*690px*/
@media only screen and (max-width: 620px) and (min-width: 5px) {
  .content_ayuda,
.content_ayuda a {
    width: 110px;
    height: 42px;
    overflow: hidden;
  }

  .content_ayuda a {
    padding: 0 0 0 44px;
    font-size: 12px;
    line-height: 41px;
  }

  a.mostrar_ayuda:before,
a.mostrar_ayuda:after {
    width: 20px;
    height: 20px;
    left: 14px;
    top: 11px;
  }

  .ayuda_pacifico {
    bottom: 57px;
  }

  .left_botones ul li {
    width: 24%;
  }

  .left_botones ul li a {
    width: auto;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .left_botones ul {
    margin-left: -10px;
    margin-right: -10px;
  }

  /* detalle lateral */
  .content_detalle {
    padding: 40px 20px 30px 20px;
  }

  .content_detalle h2 {
    font-size: 16px;
  }

  .widget_box {
    min-height: 85px;
    padding: 4px 10px 4px 10px;
  }

  .widget_box h5 {
    font-size: 13px;
    line-height: 15px;
  }

  .widget_box span.saldo_box h5 strong {
    font-size: 14px;
  }

  .widget_tarjeta h4 {
    font-size: 13px;
    line-height: 19px;
  }

  .widget_add {
    width: 47.5555%;
  }

  .combobox_content .form_cell select {
    width: 175px;
    height: 35px;
    padding: 0 14px 0 9px;
    font-size: 11px;
    line-height: 33px;
  }

  .paginado a {
    display: none;
  }

  .paginado a.pag_anterior,
.paginado a.pag_siguiente {
    display: inline-block;
    vertical-align: top;
  }

  /* pasos */
  #progressbar_pasos li::after {
    left: -36%;
  }

  .comprobante_top span {
    width: 45%;
  }

  .center_cuenta_destino {
    width: auto;
  }

  .right_descripcion.operaciones_frecuentes {
    padding: 20px 20px 20px 20px;
  }

  /* actualizacion de datos */
  .dat_2,
.dat_3,
.dat_4,
.dat_5,
.dat_6,
.dat_3_1,
.dat_2_1 {
    width: auto;
    display: block;
  }

  .content_benficios ul {
    display: block;
    width: auto;
  }

  .confirm_box {
    width: 100%;
    margin: 5px 0px 5px 0px;
  }

  .slider_new_funciones select.form_element {
    height: auto;
    min-height: 49px;
    padding-right: 52px !important;
    line-height: 18px;
    white-space: initial;
  }

  .slider_new_funciones .total_monto_pagar strong {
    font-size: 15px;
  }

  .content_benficios ul {
    margin-bottom: 20px;
  }

  .header_prestamos {
    margin-left: -5px;
    margin-right: -5px;
  }

  .header_prestamos span {
    width: 47%;
    margin: 0 5px 10px 5px;
  }
}
/*620px*/
@media only screen and (max-width: 560px) and (min-width: 5px) {
  /* pasos */
  #progressbar_pasos li {
    width: 24%;
  }

  #progressbar_pasos li strong {
    display: none;
  }

  #progressbar_pasos {
    border: solid 1px #d8dbe6;
  }

  /* operaciones */
  .datos_transferencia.datos_conf_deposito span {
    display: block;
    width: auto;
    min-height: initial;
  }

  /* pago aportaciones */
  .box_moneda_aport,
.box_monto_aport {
    display: block;
    width: auto;
  }

  .box_moneda_aport {
    margin-bottom: 10px;
  }

  /* cambiar imagen */
  .subir_foto label {
    width: auto;
    height: auto;
    padding: 8px 10px 8px 10px;
  }

  .subir_foto label p {
    font-size: 14px;
  }

  /* sub menus top */
  .ahorro_prog_sub_menu .tabs_menu_top ul li {
    width: 38%;
  }

  .ahorro_prog_sub_menu .tabs_menu_top {
    margin: -47px -5px 17px -5px;
  }

  .celda_tarjeta .widget_box {
    width: 47%;
  }
}
/*560px*/
/* - - - M O V I L  G A M A   A L T A  - - - - */
@media only screen and (max-width: 500px) and (min-width: 5px) {
  .logo_movil img {
    width: 140px;
  }

  .login_content .timer_login {
    margin: 7px 0 0 0;
    font-size: 0px !important;
  }

  .login_content .timer_login strong {
    font-size: 11px !important;
  }

  .right_login .tab-slider--container,
.right_login ul.tab-slider--tabs {
    width: auto;
  }

  .right_login {
    height: auto;
    padding: 20px 20px 40px 20px;
    background-color: #fff;
  }

  .content_form {
    height: auto;
    padding: 0;
    box-shadow: 0px 0px 0px transparent;
  }

  .right_login .tab-slider--trigger,
.right_login .tab-slider--tabs:after {
    width: 49%;
  }

  .right_login .tab-slider--trigger {
    font-size: 12px;
  }

  .user_dni_codigo:before,
.user_contrasena:before {
    width: 28px;
    height: 18px;
    background-size: 15px 15px;
    top: 15px;
    left: 11px;
  }

  .right_login .form_row input.form_element,
.right_login.form_row select.form_element {
    padding: 0 20px 0 48px;
    font-size: 13px;
    line-height: 20px;
  }

  .ver_password {
    background-size: 22px 17px;
    right: 1px;
  }

  #footer p {
    font-size: 10px;
  }

  .copy_left {
    float: initial;
    display: block;
    font-size: 11px;
    text-align: center;
  }

  .copy_left {
    margin-bottom: 10px;
  }

  .content_form h1 {
    font-size: 18px;
  }

  .content_capcha {
    margin: 10px 20px 0 20px;
    padding: 8px 0 4px 0;
  }

  .content_ayuda,
.content_ayuda a {
    width: 53px;
    font-size: 0;
  }

  .left_bienvenida {
    display: none;
  }

  .left_botones ul li a {
    padding: 0 5px 0 5px;
    font-size: 11px;
    line-height: 11px;
  }

  .left_botones ul li a img {
    width: 17px;
  }

  .tabs-ahorros ul.tab-slider--tabs {
    width: auto;
  }

  .right_descripcion {
    margin: 0 -10px 0 -10px;
    padding: 15px 15px 15px 15px;
  }

  .tabs-ahorros .tab-slider--trigger,
.tabs-ahorros .tab-slider--tabs:after {
    width: 49%;
  }

  .header_tabla {
    height: 35px;
    overflow: hidden;
    background: #0071b9;
    text-align: right;
  }

  .header_tabla h3 {
    width: 57%;
    height: 35px;
    margin: 0px 0 0px 15px;
    font-size: 12px;
    text-align: left;
    display: flex !important;
    align-items: center;
  }

  .acciones_print {
    height: 35px;
    margin: 0 8px 0 0;
    display: flex !important;
    align-items: center;
  }

  .filtros_detalle .acciones_print {
    margin-top: 5px;
  }

  .widget_box {
    width: auto;
    min-height: initial;
    display: block;
    margin: 0 0 10px 0;
  }

  .widget_tarjeta {
    margin: 0 0 10px 0;
  }

  .combobox_content .form_cell select {
    width: 100%;
    display: block;
  }

  .combobox_content .form_cell {
    width: 50%;
    text-align: center;
  }

  .combobox_content {
    float: initial;
  }

  .widgets_adicionales {
    margin: 0 -4px 0 -4px;
  }

  .widget_add {
    width: 46.5555%;
    padding: 0px 10px 0px 10px;
  }

  .contenido_general {
    padding-bottom: 40px;
  }

  .left_botones ul li.active_btn a {
    box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.11);
    -webkit-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.11);
    -moz-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.11);
    -o-box-shadow: 0px 6px 15px rgba(0, 40, 99, 0.11);
  }

  /* pasos */
  .right_descripcion h2 {
    font-size: 18px;
  }

  #progressbar_pasos li::after {
    left: -28%;
  }

  #progressbar_pasos li .icon_step {
    margin: 0 auto 0px auto;
  }

  .form_step_pago h2 {
    text-align: center;
  }

  .form_step_pago h3 {
    font-size: 16px;
  }

  .contenido_general .form_step_pago {
    margin: 10px -5px 0 -5px;
    padding: 0 0 0 0;
    border: none;
    background-color: transparent;
    box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
  }

  .celda_white {
    padding: 12px 12px 12px 12px;
  }

  .select_wrap {
    background-size: 47px 42px;
  }

  .select_wrap .default_option .option {
    padding: 8px 0 0 58px;
  }

  .select_wrap .select_ul li h5 strong {
    font-size: 15px;
  }

  .select_wrap .select_ul li h5 {
    font-size: 14px;
    line-height: 16px;
  }

  .select_wrap .select_ul li p {
    font-size: 13px;
  }

  .form_step_pago button {
    width: 48%;
    height: 40px;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 42px;
    letter-spacing: 0px;
  }

  #msform:before {
    border: solid 1px #d8dbe6;
  }

  .next_paso:after {
    width: 13px;
    height: 9px;
    background-size: 13px 9px;
  }

  .select_wrap .default_option:before {
    width: 43px;
    background-size: 13px 7px;
  }

  .datos_transferencia {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  /* alerta */
  .datos_transferencia span.datos_trans_right,
.datos_transferencia span.datos_trans_left {
    width: 45%;
  }

  .alert {
    margin: 0 -5px 0 -5px;
    padding: 8px 35px 8px 8px;
    max-width: initial;
  }

  .alert span {
    width: 45px;
    height: 45px;
    line-height: 40px;
  }

  .alert span img {
    width: 60%;
  }

  .close_alert {
    width: 20px;
    height: 20px;
    background-size: 10px 10px;
  }

  .content_alerts {
    margin-left: 5px;
    margin-right: 5px;
  }

  .alert p,
.comprobante_content .content_alerts .alert p,
.comprobante_content .content_alerts .alert .content_texts {
    margin: 6px 0 4px 57px;
    font-size: 12px;
    line-height: 15px;
  }

  .alert_aviso strong,
.alert_exito strong,
.alert_info strong,
.alert_error strong {
    margin-bottom: 3px;
    font-size: 16px;
  }

  .alert.alert_exito {
    margin-top: -15px;
  }

  .comprobante_content .content_alerts {
    margin-left: 0px;
    margin-right: 0px;
  }

  .comprobante_content .content_alerts .alert p strong,
.comprobante_content .content_alerts .alert .content_texts strong {
    font-size: 14px;
  }

  /* campos */
  .form_step_pago input.form_element,
.form_step_pago select.form_element,
.form_step_pago input.txt_monto,
.form_step_pago input.txt_cta_destino,
.celda_white span.txt_titular strong {
    font-size: 14px;
  }

  .datos_transferencia span p {
    line-height: 16px;
  }

  .form_step_pago input.txt_cta_destino {
    padding: 0 10px 0 54px;
    background-size: 42px 38px;
  }

  .celda_white span.txt_titular {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
  }

  .celda_white span.txt_titular strong {
    text-transform: uppercase;
    margin-bottom: 2px;
  }

  /* comprobante de pago */
  .comprobante_content {
    background-color: transparent;
    border: none;
  }

  .body_comprobante {
    margin: 0 0px 0 0px;
  }

  .comprobante_top span.left_codigo,
.comprobante_top span.right_codigo {
    float: initial;
    width: auto;
    margin: 0 0px 0 0px;
  }

  .comprobante_top span.left_codigo {
    margin-bottom: 10px;
  }

  .comprobante_top span.date_comprobante h5 {
    float: initial;
  }

  /* botones imprimir comprobante */
  .bottom_comprobante {
    margin: 30px 0px 20px 0px;
  }

  .bottom_comprobante a {
    font-size: 0px;
    background-position: center;
    background-size: 29px 29px;
  }

  /* token */
  .content_token {
    padding: 25px 10px 30px 10px;
  }

  /* banco */
  .content_bancos label.card_banco {
    width: 30%;
    margin-bottom: 10px;
  }

  .left_celda i {
    margin-top: 4px;
    font-size: 13px;
  }

  /* servicios card */
  .content_servicios label.card_svc {
    width: 48%;
  }

  .content_servicios .radio_svc {
    width: 20px;
    height: 20px;
  }

  /* premio card */
  .content_premio label.card_svc {
    width: 65%;
  }

  .content_premio .radio_svc {
    width: 20px;
    height: 20px;
  }

  /* detalle de servicios */
  .slider_pago_servicios .content_detalle {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slider_pago_servicios .celda_white span.icon_moneda_pago {
    margin: -30px 0 0 0;
  }

  .slider_pago_servicios .celda_white.confirmar_pago_svc.clearfix,
.slider_pago_servicios .celda_white.comprobante_pago_svc.clearfix {
    padding: 0;
    background-color: transparent;
  }

  .form_step_pago select.form_element {
    background-size: 49px 45px;
  }

  .comprobante_pago_svc .comprobante_content li h5 {
    width: 116px;
    margin: 0px 10px 0 0px;
    line-height: 14px;
  }

  .comprobante_pago_svc .comprobante_content .body_comprobante li {
    overflow: hidden;
  }

  /* detalle prestamo */
  .datos_prestamo.celda_white span.field_form strong {
    font-size: 14px;
  }

  /* detalle operaciones */
  .celda_white .datos_cancelacion span {
    width: auto;
    display: block;
  }

  .comprobante_pago_op .comprobante_content li h5 {
    width: auto;
    float: initial;
    margin: 3px 0px 0 0px;
  }

  .comprobante_content p {
    margin-bottom: 0;
  }

  /* imprimir*/
  .acciones_print a {
    width: 34px;
    height: 29px;
    margin: 0 2px 0 2px;
  }

  /* popup */
  .modal {
    height: auto;
    padding: 15px 15px 15px 15px;
  }

  .modal h3 {
    font-size: 16px;
  }

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

  .botones_modal {
    margin: 20px -10px 0 -10px;
    padding: 20px 0 10px 0;
  }

  .botones_modal .button {
    width: 40%;
    height: 38px;
    line-height: 38px;
  }

  /* popup legal */
  .modal_legal {
    padding-top: 20px;
  }

  .modal_legal h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
  }

  .modal_legal p {
    font-size: 13px;
    line-height: 20px;
  }

  .modal_legal .botones_modal {
    margin: 15px -10px 0 -10px;
    padding: 15px 0 0px 0;
  }

  span.modal-close {
    top: -2px;
    right: 1px;
  }

  /* operaciones frecuentes */
  .right_descripcion.operaciones_frecuentes {
    padding: 20px 10px 20px 10px;
  }

  .btn_detalle_operacion {
    width: 63px;
    height: 24px;
    font-size: 10px;
    line-height: 24px;
  }

  .menu_footer_movil li a {
    margin: 0 8px 10px 8px;
    font-size: 12px;
  }

  .contenido_form_solicitud_prestamo {
    padding: 15px 15px 20px 15px;
  }

  .mostrar_envio_exitoso .body_comprobante {
    padding: 5px 15px 5px 15px;
  }

  .comprobante_content li h5,
.comprobante_content h5 {
    width: auto !important;
    float: initial !important;
    margin: 0 !important;
  }

  .body_comprobante li {
    padding: 7px 0 7px 0;
  }

  .comprobante_content .content_alerts .alert {
    padding: 8px 8px 8px 8px;
  }

  .datos_transferencia.datos_conf_deposito .full_celda {
    padding: 15px 10px 0px 10px !important;
  }

  .form_step_pago input.form_element,
.form_step_pago select.form_element,
.form_step_pago textarea.form_element {
    padding: 0 20px 0 15px !important;
  }

  .form_step_pago input.txt_monto {
    padding-left: 68px !important;
  }

  .form_step_pago input.txt_cta_destino {
    padding-left: 53px !important;
  }

  #footer,
body {
    background: #003467;
  }

  .celda_white label {
    font-size: 13px;
    line-height: 15px;
  }

  .content_bancos label.card_banco p {
    font-size: 10px;
    line-height: 12px;
  }

  .celda_white .datos_pago_servicio span,
.confirmar_pago_svc .datos_transferencia span {
    padding: 10px 15px 7px 15px;
  }

  .moneda_prest_aportaciones,
.moneda_apertura_dep,
.moneda_cancel_deposito,
.moneda_cobro_interes {
    margin-top: -24px !important;
  }

  /* actualizacion de datos */
  .contenido_form_cambio_clave {
    padding: 15px 10px 20px 10px;
  }

  .check_box_center {
    margin: 15px 0 0 0;
    text-align: left;
  }

  .content_radios {
    margin-bottom: 30px;
  }

  .content_campos_datos .c {
    margin: 0 0 10px 0;
  }

  /* cambiar imagen perfil  */
  .subir_foto label p {
    margin: 8px 0 0 0;
  }

  .subir_foto label span {
    width: 170px;
    height: 38px;
    font-size: 12px;
    line-height: 38px;
  }

  .info_bancos {
    margin: 6px 0 5px 57px;
    font-size: 13px;
    line-height: 15px;
  }

  .filter_modal {
    height: 140%;
  }

  /* cambio de claver */
  .right_login.cambiar_clave,
.right_login.cambiar_clave .content_form {
    min-height: initial;
  }

  /* aiuda */
  .ayuda_pacifico {
    width: 85%;
    height: 431px;
    right: 0;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 16px 69px 0 rgba(0, 5, 29, 0.8);
    -webkit-box-shadow: 0 16px 69px 0 rgba(0, 5, 29, 0.8);
    -moz-box-shadow: 0 16px 69px 0 rgba(0, 5, 29, 0.8);
    -o-box-shadow: 0 16px 69px 0 rgba(0, 5, 29, 0.8);
  }

  .ayuda_enlaces h3 {
    margin: 0 0 10px 0;
    padding: 10px 0 9px 0;
    font-size: 18px;
  }

  .ayuda_enlaces h4 {
    font-size: 17px;
  }

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

  .ayuda_enlaces a {
    height: 45px;
    padding: 6px 0 0 15px;
    font-size: 16px;
  }

  .ayuda_enlaces a img {
    width: 25px;
  }

  .ayuda_enlaces i {
    margin: 13px 34px 0px 34px;
    font-size: 11px;
  }

  .ayuda_enlaces a strong {
    height: 25px;
  }

  .ayuda_enlaces a:hover strong img {
    margin-top: -25px;
  }

  /* subir voucher */
  .subir_foto_voucher label {
    width: auto;
  }

  .subir_foto_voucher label p {
    margin: 0 0 0 5px;
    font-size: 13px;
  }

  .subir_foto_voucher label span {
    width: 129px;
    font-size: 12px;
  }

  .check_modalidad_pago label {
    font-size: 15px !important;
  }

  .contenido_general.pagos_section .left_botones ul li a {
    height: 66px;
  }

  /* sub menus top */
  .tabs_menu_top ul li {
    margin: 0;
  }

  .tabs_menu_top {
    margin-left: -15px;
    margin-right: -15px;
  }

  .abre_tu_plazo_menu .tabs_menu_top {
    margin: 0px -5px 17px -5px;
  }

  .ahorro_prog_sub_menu .tabs_menu_top {
    margin: 0px -5px 17px -5px;
  }

  .ahorro_prog_sub_menu .tabs_menu_top ul li {
    width: 47%;
  }

  .celda_tarjeta .widget_box {
    width: 100%;
    margin: 4px 0px 4px 0px;
  }

  .btn_mantenimiento_cuenta {
    width: 30px;
    height: 30px;
    margin-top: 3.5555%;
    right: -8px;
  }

  .btn_guardar_svc,
.btn_bloqueo,
.btn_comenzar {
    width: 200px;
    height: 40px;
    line-height: 15px;
  }

  .btn_cotizar_soles_dolares {
    width: 200px;
    height: 40px;
    line-height: 42px;
  }

  .btn_bloqueo p {
    font-size: 11px;
    line-height: 13px;
  }

  .body_comprobante {
    padding: 10px 15px 10px 15px;
  }

  .celda_white.celda_tarjeta {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .slider_guardar_servicios .body_comprobante li {
    padding: 8px 10px 5px 10px;
  }

  .slider_guardar_servicios .body_comprobante li h5 {
    float: left !important;
    width: 50% !important;
    font-size: 13px;
  }

  .slider_guardar_servicios .body_comprobante li span {
    font-size: 10px;
  }

  .slider_guardar_servicios .body_comprobante li span i {
    width: 20px;
  }

  .alert p,
.comprobante_content .content_alerts .alert p {
    margin: 6px 11px 4px 51px;
  }

  .comprobante_content .content_alerts .alert p strong {
    font-size: 13px;
  }

  .celda_white span.icon_moneda_cta_mantenimiento strong {
    font-size: 15px !important;
  }

  .celda_white span.field_form p {
    font-size: 13px;
  }

  .info_txt_beneficios {
    padding: 15px 15px 15px 15px;
  }

  .info_txt_beneficios h4 {
    font-size: 18px;
  }

  .info_txt_beneficios h4 i {
    width: 40px;
  }

  .info_txt_beneficios h4 span {
    margin: 0px 0 0 55px;
    padding: 0px 0 0 0;
  }

  .info_txt_beneficios h4 span p {
    font-size: 15px;
    line-height: 18px;
  }

  .content_benficios {
    margin: 15px 0 0 0;
    padding: 15px 15px 5px 15px;
  }

  .content_benficios ul li {
    padding: 5px 0 5px 20px;
    font-size: 15px;
    background-size: 12px 9px;
  }

  .slider_new_funciones .celda_white .text_nombre {
    height: auto;
    min-height: 49px;
    padding: 15px 10px 15px 16px;
    font-size: 13px;
  }

  .confirm_box {
    padding: 0px 15px 0px 15px;
    min-height: 44px;
  }

  .confirm_box span h4 {
    font-size: 13px;
  }

  .confirm_box span p {
    font-size: 13px;
  }

  .field_espacio {
    margin-top: 10px;
  }

  .slider_new_funciones .celda_white h6 {
    font-size: 15px;
  }

  .documentos_enlaces a {
    font-size: 14px;
    line-height: 14px;
  }

  .slider_new_funciones .celda_white .label_check {
    padding: 3px 0 3px 29px;
    font-size: 14px;
    line-height: 15px;
  }

  .tabs_monedas_ahorro.tabs-ahorros ul {
    display: block !important;
  }

  .solicitud_traslado_content p strong {
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
  }

  .solicitud_traslado_content p {
    font-size: 14px;
  }

  .tabla_detalle .importe_row {
    width: 100px;
    font-size: 12px !important;
  }

  .custom-table tbody tr th:first-child,
.custom-table tbody tr td:first-child {
    padding-left: 10px;
  }

  .slider_new_funciones .celda_white.comprobante_pago_svc {
    padding-left: 0px;
    padding-right: 0px;
  }

  .borde_content_list_prestamo {
    padding: 10px;
  }

  .content_table_list_prestamo {
    padding: 0px 10px 10px 10px;
  }

  .content_detalle h2 strong {
    font-size: 18px;
  }

  .content_celdas_three .content_radios {
    margin-bottom: 5px;
    font-size: 15px;
  }

  .content_celdas_three .container_radio {
    margin: 0px 20px 0 0;
  }

  .header_prestamos span img {
    width: 50px;
  }

  .header_prestamos span {
    width: 46%;
    height: auto;
    margin: 0px 5px 0px 5px;
    padding: 5px;
    border-radius: 10px;
  }

  .header_prestamos span p {
    font-size: 14px;
    line-height: 16px;
  }

  .celda_tarjeta .prestamos_principal .widget_box {
    width: 100%;
  }

  .celda_tarjeta .prestamos_principal {
    flex-wrap: wrap;
  }

  .prestamos_widgets {
    margin-top: 0;
  }

  .txt_garantia_prestamo p {
    font-size: 12px;
  }

  .txt_garantia_prestamo strong {
    font-size: 18px;
  }

  #progressbar_pasos.five_pasos li::after {
    left: -25%;
  }

  .modal_tabla_cronograma {
    padding: 15px 15px 15px 15px;
    margin-top: 10px;
  }

  .modal_tabla_cronograma h2 {
    margin: 0 0 11px 0;
    padding: 0 0 6px 0;
    font-size: 16px;
    border-bottom: solid 1px #e2eaf3;
  }

  .modal_responsive_cronograma .header_tabla h3 {
    font-size: 11px;
  }

  .custom-table thead tr th:first-child,
.custom-table thead tr td:first-child {
    padding-left: 10px;
  }

  a.button.btn_ver_cronograma {
    height: 35px;
    margin: 8px 5px 0px 0px;
    font-size: 10px;
    line-height: 36px;
  }

  a.button.btn_ver_cronograma i {
    width: 14px;
    line-height: 19px;
  }
}
/*500px*/
/* - - - M O V I L  G A M A  B A J A  - - - - */
@media only screen and (max-width: 380px) and (min-width: 5px) {
  .custom-table thead tr,
.custom-table thead th,
.tabla_detalle .custom-table thead tr,
.tabla_detalle .custom-table thead th {
    font-size: 10px;
  }

  table {
    font-size: 10px;
  }

  .saldo_disponible {
    font-size: 11px;
  }

  .custom-table tbody th,
.custom-table tbody td {
    line-height: 12px;
  }

  .widget_add p {
    font-size: 11px;
  }

  .widget_add h5 {
    font-size: 12px;
  }

  .left_botones ul li a {
    padding: 0 2px 0 2px;
  }

  #progressbar_pasos li::after {
    left: -28%;
  }

  .form_step_pago button {
    margin-left: 0px;
    margin-right: 0px;
  }

  .operacion_frecuente_content label {
    display: block;
    margin: 0 0 5px 0;
  }

  .content_token h4 {
    font-size: 14px;
  }

  .content_token h4 br {
    display: none;
  }

  .acciones_enviar_token p,
.volver_enviar,
.enviar_correo {
    font-size: 14px;
  }

  .content_detalle {
    padding: 40px 15px 30px 15px;
  }

  .bottom_comprobante a {
    width: 30%;
  }

  .tabs_menu_top ul li a {
    font-size: 11px;
  }

  #progressbar_pasos.five_pasos li::after {
    left: -19%;
  }
}
/*380px*/
@media only screen and (max-width: 560px) and (min-width: 5px) {
  /* pasos */
  #progressbar_pasos li {
    width: 24%;
  }

  #progressbar_pasos li strong {
    display: none;
  }

  #progressbar_pasos {
    border: solid 1px #d8dbe6;
  }

  /* operaciones */
  .datos_transferencia.datos_conf_deposito span {
    display: block;
    width: auto;
    min-height: initial;
  }

  /* pago aportaciones */
  .box_moneda_aport,
.box_monto_aport {
    display: block;
    width: auto;
  }

  .box_moneda_aport {
    margin-bottom: 10px;
  }

  /* cambiar imagen */
  .subir_foto label {
    width: auto;
    height: auto;
    padding: 8px 10px 8px 10px;
  }

  .subir_foto label p {
    font-size: 14px;
  }

  /* sub menus top */
  .ahorro_prog_sub_menu .tabs_menu_top ul li {
    width: 38%;
  }

  .ahorro_prog_sub_menu .tabs_menu_top {
    margin: -47px -5px 17px -5px;
  }

  /* eliminar */
  .cont_componentes .tab-slider--container {
    width: auto;
  }

  .cont_componentes {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cont_componentes h4 {
    font-size: 18px;
  }

  .cont_componentes a.button {
    width: 148px;
    font-size: 11px;
  }

  .cont_componentes .form_row input.form_element {
    height: 47px;
    padding: 0 20px 0 55px;
    line-height: 47px;
  }

  /* fin eliminar */
  .msj_validacion {
    padding: 7px 11px 10px 11px;
  }

  .msj_validacion p {
    margin: 3px 0 0 23px;
    font-size: 13px;
    line-height: 14px;
  }

  .msj_validacion i {
    font-size: 20px;
  }

  .msj_validacion.val_advertencia i {
    font-size: 16px;
  }

  .modal-contador,
.modales {
    width: 93%;
  }

  .modal-contador {
    bottom: -30%;
  }

  .modales img {
    width: 60px;
  }

  .modal-contador h3,
.modales h3 {
    margin: 11px 0 4px 0;
    font-size: 18px;
  }

  .modales p {
    margin-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .cerrar_modales {
    top: 5px;
    right: 10px;
  }

  .cerrar_modales img {
    width: 40px;
  }

  .botones_modales {
    margin: 20px 0 0 0;
  }

  .botones_modales .button {
    width: 130px !important;
    height: 40px !important;
    margin: 0 2px 0 2px !important;
    line-height: 40px !important;
  }

  .barra_estado_flotante {
    padding: 9px 0 11px 18px;
    font-size: 14px;
  }

  .modal-contador {
    left: 50%;
  }
}
/*560px*/
@media only screen and (max-width: 1750px) and (min-width: 1551px) {
  #header {
    padding: 18px 0 15px 0;
  }
}
@media only screen and (max-width: 1550px) and (min-width: 5px) {
  #header {
    padding: 12px 0 8px 0;
  }

  .timer_login,
.tipo_cambio,
.menu_right li a,
.menu_right li span {
    font-size: 12px;
  }

  .timer_login img {
    margin-top: -3px;
  }

  .tipo_cambio span strong {
    font-size: 13px;
  }

  .tipo_cambio span {
    height: 28px;
    margin: -7px 8px 0 8px;
    padding: 0 10px 0 10px;
    line-height: 29px;
  }
}
@media only screen and (max-width: 1020px) and (min-width: 5px) {
  #header {
    padding: 0px 0 0px 0;
  }

  .timer_login {
    display: block;
  }
}
@media only screen and (max-width: 999px) and (min-width: 5px) {
  .login_content #header {
    padding: 14px 0 15px 0;
    text-align: left;
  }

  .timer_login {
    float: right;
    margin: 10px 0 0 0;
  }
}
@charset "UTF-8";
/**
 * Modal Loading Css Library
 * @author  c
 * @date    2017-11-06
 * @version 1.0.0
 */
.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(22, 22, 22, 0.2);*/
}
.modal-mask .modal-loading {
  position: fixed;
  top: 0;
  left: 0;
  /*-webkit-border-radius: 12px;*/
  /*border-radius: 12px;*/
  /*padding: 5px 15px;*/
  /*background: rgb(49, 41, 35);*/
  text-align: center;
}
.modal-mask .modal-loading .loading-title {
  font-size: 1.4rem;
  color: #FFF;
}
.modal-mask .modal-loading .loading-discription {
  color: #00448a !important;
  padding-top: 25px;
  font-size: 18px !important;
  font-family: "pantonbold";
}
/* start loading-animate */
.modal-mask .modal-loading .loading-animate {
  /*width: 40px;*/
  /*height: 40px;*/
  background: transparent;
  position: relative;
  margin: 0 auto;
}
/* 图片加载动画 */
.modal-mask .modal-loading .loading-animate img {
  width: 100%;
  height: 100%;
}
.modal-mask .modal-loading .loading-animate .animate-origin {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  top: 20%;
  opacity: 1;
  animation: load 2.18s linear infinite;
}
.modal-mask .modal-loading .loading-animate .animate-origin span {
  display: block;
  /*width: 4px;*/
  /*height: 4px;*/
  /*background: #FFF;*/
  border-radius: 50%;
}
.modal-mask .modal-loading .loading-animate .animate-origin:nth-child(1) {
  animation-delay: 0.2s;
}
.modal-mask .modal-loading .loading-animate .animate-origin:nth-child(2) {
  animation-delay: 0.4s;
}
.modal-mask .modal-loading .loading-animate .animate-origin:nth-child(3) {
  animation-delay: 0.6s;
}
.modal-mask .modal-loading .loading-animate .animate-origin:nth-child(4) {
  animation-delay: 0.8s;
}
.modal-mask .modal-loading .loading-animate .animate-origin:nth-child(5) {
  animation-delay: 1s;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(45deg);
  }
  50% {
    opacity: 1;
    transform: rotate(160deg);
  }
  62% {
    opacity: 0;
  }
  65% {
    opacity: 0;
    transform: rotate(200deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* loading-animate end */
/* 水平布局 */
.modal-mask .modal-loading.modal-hor-layout .loading-animate {
  display: inline-block;
  vertical-align: middle;
}
.modal-mask .modal-loading.modal-hor-layout .loading-discription {
  display: inline-block;
  padding-left: 15px;
  /*font-size: 1.4rem;*/
}
/**
 * Modal Loading Animation Library
 * @author  c
 * @date    2017-11-06
 * @version 1.0.0
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeIn {
  animation-name: fadeIn;
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*# sourceMappingURL=styles.css.map*/