@charset "UTF-8";
/*Generic desibled styles*/
/*button styles*/
/*replicado literal de bootstrap*/
/* $pagination-border-color:           darken($pagination-color,2%) !default; */
/* 4px */
/*
USAGE 
.selector {
  @include prefix(transform, rotate(45deg), webkit ms);
}
*/
/* use example:  @include animation(bounce 2s infinite);*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

    /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
    a:active,
    a:hover {
        outline-width: 0;
    }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block;
}

    /**
 * Add the correct display in iOS 4-7.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
    display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url("../Fonts/roboto-v19-latin-100.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Thin"), local("Roboto-Thin"), url("../Fonts/roboto-v19-latin-100.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-v19-latin-100.woff2") format("woff2"), url("../Fonts/roboto-v19-latin-100.woff") format("woff"), url("../Fonts/roboto-v19-latin-100.ttf") format("truetype"), url("../Fonts/roboto-v19-latin-100.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url("../Fonts/roboto-v19-latin-300.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Light"), local("Roboto-Light"), url("../Fonts/roboto-v19-latin-300.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-v19-latin-300.woff2") format("woff2"), url("../Fonts/roboto-v19-latin-300.woff") format("woff"), url("../Fonts/roboto-v19-latin-300.ttf") format("truetype"), url("../Fonts/roboto-v19-latin-300.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url("../Fonts/roboto-v19-latin-regular.eot");
    /* IE9 Compat Modes */
    src: local("Roboto"), local("Roboto-Regular"), url("../Fonts/roboto-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-v19-latin-regular.woff2") format("woff2"), url("../Fonts/roboto-v19-latin-regular.woff") format("woff"), url("../Fonts/roboto-v19-latin-regular.ttf") format("truetype"), url("../Fonts/roboto-v19-latin-regular.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url("../Fonts/roboto-v19-latin-500.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../Fonts/roboto-v19-latin-500.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-v19-latin-500.woff2") format("woff2"), url("../Fonts/roboto-v19-latin-500.woff") format("woff"), url("../Fonts/roboto-v19-latin-500.ttf") format("truetype"), url("../Fonts/roboto-v19-latin-500.svg#Roboto") format("svg");
    /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url("../Fonts/roboto-v19-latin-700.eot");
    /* IE9 Compat Modes */
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../Fonts/roboto-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/roboto-v19-latin-700.woff2") format("woff2"), url("../Fonts/roboto-v19-latin-700.woff") format("woff"), url("../Fonts/roboto-v19-latin-700.ttf") format("truetype"), url("../Fonts/roboto-v19-latin-700.svg#Roboto") format("svg");
    /* Legacy iOS */
}

body {
    color: #434c5f;
    font: normal 125%/1.4 "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.title-1 {
    font-family: "Roboto", sans-serif;
    color: #434c5f;
    font-weight: 400;
    letter-spacing: 0.03125em;
    font-size: 1.6875em;
    text-transform: uppercase;
}

/* -----------------------------------------------------------------------------*/
/* Shared/_helpers*/
/* -----------------------------------------------------------------------------*/
/**
 * Clear inner floats
 */
.clearfix::after {
    clear: both;
    content: '';
    display: table;
}

.ac {
    text-transform: uppercase;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container-small {
    max-width: 1080px;
    /* 1 */
    margin-left: auto;
    /* 2 */
    margin-right: auto;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    padding-right: 20px;
    /* 3 */
    width: 100%;
    /* 1 */
}

.container {
    max-width: 1180px;
    /* 1 */
    margin-left: auto;
    /* 2 */
    margin-right: auto;
    /* 2 */
    padding-left: 20px;
    /* 3 */
    padding-right: 20px;
    /* 3 */
    width: 100%;
    /* 1 */
}

.container-large {
    max-width: 1240px;
    /* 1 */
    margin-left: auto;
    /* 2 */
    margin-right: auto;
    /* 2 */
    padding-left: 10px;
    /* 3 */
    padding-right: 10px;
    /* 3 */
    width: 100%;
    /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
    overflow: hidden;
    padding: 0;
    /* 1 */
    text-indent: 101%;
    white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2030;
}

.overlay-estatico {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 2030;
}

.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-x1 {
    padding: 0 1em !important;
}

.w100 {
    width: 100%;
}

.height-100vh {
    height: 100vh;
}

.w-80 {
    webkit-box-flex: 0;
    flex: 0 0 80%;
    max-width: 80%;
}

.w-20 {
    webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
}

.height-100vh {
    height: 100vh;
}

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.user-avatar {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyAgZmlsbD0iI2E2YTZhNiIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU1IDU1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NSA1NTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTU1LDI3LjVDNTUsMTIuMzM3LDQyLjY2MywwLDI3LjUsMFMwLDEyLjMzNywwLDI3LjVjMCw4LjAwOSwzLjQ0NCwxNS4yMjgsOC45MjYsMjAuMjU4bC0wLjAyNiwwLjAyM2wwLjg5MiwwLjc1Mg0KCWMwLjA1OCwwLjA0OSwwLjEyMSwwLjA4OSwwLjE3OSwwLjEzN2MwLjQ3NCwwLjM5MywwLjk2NSwwLjc2NiwxLjQ2NSwxLjEyN2MwLjE2MiwwLjExNywwLjMyNCwwLjIzNCwwLjQ4OSwwLjM0OA0KCWMwLjUzNCwwLjM2OCwxLjA4MiwwLjcxNywxLjY0MiwxLjA0OGMwLjEyMiwwLjA3MiwwLjI0NSwwLjE0MiwwLjM2OCwwLjIxMmMwLjYxMywwLjM0OSwxLjIzOSwwLjY3OCwxLjg4LDAuOTgNCgljMC4wNDcsMC4wMjIsMC4wOTUsMC4wNDIsMC4xNDIsMC4wNjRjMi4wODksMC45NzEsNC4zMTksMS42ODQsNi42NTEsMi4xMDVjMC4wNjEsMC4wMTEsMC4xMjIsMC4wMjIsMC4xODQsMC4wMzMNCgljMC43MjQsMC4xMjUsMS40NTYsMC4yMjUsMi4xOTcsMC4yOTJjMC4wOSwwLjAwOCwwLjE4LDAuMDEzLDAuMjcxLDAuMDIxQzI1Ljk5OCw1NC45NjEsMjYuNzQ0LDU1LDI3LjUsNTUNCgljMC43NDksMCwxLjQ4OC0wLjAzOSwyLjIyMi0wLjA5OGMwLjA5My0wLjAwOCwwLjE4Ni0wLjAxMywwLjI3OS0wLjAyMWMwLjczNS0wLjA2NywxLjQ2MS0wLjE2NCwyLjE3OC0wLjI4Nw0KCWMwLjA2Mi0wLjAxMSwwLjEyNS0wLjAyMiwwLjE4Ny0wLjAzNGMyLjI5Ny0wLjQxMiw0LjQ5NS0xLjEwOSw2LjU1Ny0yLjA1NWMwLjA3Ni0wLjAzNSwwLjE1My0wLjA2OCwwLjIyOS0wLjEwNA0KCWMwLjYxNy0wLjI5LDEuMjItMC42MDMsMS44MTEtMC45MzZjMC4xNDctMC4wODMsMC4yOTMtMC4xNjcsMC40MzktMC4yNTNjMC41MzgtMC4zMTcsMS4wNjctMC42NDgsMS41ODEtMQ0KCWMwLjE4NS0wLjEyNiwwLjM2Ni0wLjI1OSwwLjU0OS0wLjM5MWMwLjQzOS0wLjMxNiwwLjg3LTAuNjQyLDEuMjg5LTAuOTgzYzAuMDkzLTAuMDc1LDAuMTkzLTAuMTQsMC4yODQtMC4yMTdsMC45MTUtMC43NjQNCglsLTAuMDI3LTAuMDIzQzUxLjUyMyw0Mi44MDIsNTUsMzUuNTUsNTUsMjcuNXogTTIsMjcuNUMyLDEzLjQzOSwxMy40MzksMiwyNy41LDJTNTMsMTMuNDM5LDUzLDI3LjUNCgljMCw3LjU3Ny0zLjMyNSwxNC4zODktOC41ODksMTkuMDYzYy0wLjI5NC0wLjIwMy0wLjU5LTAuMzg1LTAuODkzLTAuNTM3bC04LjQ2Ny00LjIzM2MtMC43Ni0wLjM4LTEuMjMyLTEuMTQ0LTEuMjMyLTEuOTkzdi0yLjk1Nw0KCWMwLjE5Ni0wLjI0MiwwLjQwMy0wLjUxNiwwLjYxNy0wLjgxN2MxLjA5Ni0xLjU0OCwxLjk3NS0zLjI3LDIuNjE2LTUuMTIzYzEuMjY3LTAuNjAyLDIuMDg1LTEuODY0LDIuMDg1LTMuMjg5di0zLjU0NQ0KCWMwLTAuODY3LTAuMzE4LTEuNzA4LTAuODg3LTIuMzY5di00LjY2N2MwLjA1Mi0wLjUxOSwwLjIzNi0zLjQ0OC0xLjg4My01Ljg2NEMzNC41MjQsOS4wNjUsMzEuNTQxLDgsMjcuNSw4DQoJcy03LjAyNCwxLjA2NS04Ljg2NywzLjE2OGMtMi4xMTksMi40MTYtMS45MzUsNS4zNDUtMS44ODMsNS44NjR2NC42NjdjLTAuNTY4LDAuNjYxLTAuODg3LDEuNTAyLTAuODg3LDIuMzY5djMuNTQ1DQoJYzAsMS4xMDEsMC40OTQsMi4xMjgsMS4zNCwyLjgyMWMwLjgxLDMuMTczLDIuNDc3LDUuNTc1LDMuMDkzLDYuMzg5djIuODk0YzAsMC44MTYtMC40NDUsMS41NjYtMS4xNjIsMS45NThsLTcuOTA3LDQuMzEzDQoJYy0wLjI1MiwwLjEzNy0wLjUwMiwwLjI5Ny0wLjc1MiwwLjQ3NkM1LjI3Niw0MS43OTIsMiwzNS4wMjIsMiwyNy41eiBNNDIuNDU5LDQ4LjEzMmMtMC4zNSwwLjI1NC0wLjcwNiwwLjUtMS4wNjcsMC43MzUNCgljLTAuMTY2LDAuMTA4LTAuMzMxLDAuMjE2LTAuNSwwLjMyMWMtMC40NzIsMC4yOTItMC45NTIsMC41Ny0xLjQ0MiwwLjgzYy0wLjEwOCwwLjA1Ny0wLjIxNywwLjExMS0wLjMyNiwwLjE2Nw0KCWMtMS4xMjYsMC41NzctMi4yOTEsMS4wNzMtMy40ODgsMS40NzZjLTAuMDQyLDAuMDE0LTAuMDg0LDAuMDI5LTAuMTI3LDAuMDQzYy0wLjYyNywwLjIwOC0xLjI2MiwwLjM5My0xLjkwNCwwLjU1Mg0KCWMtMC4wMDIsMC0wLjAwNCwwLjAwMS0wLjAwNiwwLjAwMWMtMC42NDgsMC4xNi0xLjMwNCwwLjI5My0xLjk2NCwwLjQwMmMtMC4wMTgsMC4wMDMtMC4wMzYsMC4wMDctMC4wNTQsMC4wMQ0KCWMtMC42MjEsMC4xMDEtMS4yNDcsMC4xNzQtMS44NzUsMC4yMjljLTAuMTExLDAuMDEtMC4yMjIsMC4wMTctMC4zMzQsMC4wMjVDMjguNzUxLDUyLjk3LDI4LjEyNyw1MywyNy41LDUzDQoJYy0wLjYzNCwwLTEuMjY2LTAuMDMxLTEuODk1LTAuMDc4Yy0wLjEwOS0wLjAwOC0wLjIxOC0wLjAxNS0wLjMyNi0wLjAyNWMtMC42MzQtMC4wNTYtMS4yNjUtMC4xMzEtMS44OS0wLjIzMw0KCWMtMC4wMjgtMC4wMDUtMC4wNTYtMC4wMS0wLjA4NC0wLjAxNWMtMS4zMjItMC4yMjEtMi42MjMtMC41NDYtMy44OS0wLjk3MWMtMC4wMzktMC4wMTMtMC4wNzktMC4wMjctMC4xMTgtMC4wNA0KCWMtMC42MjktMC4yMTQtMS4yNTEtMC40NTEtMS44NjItMC43MTNjLTAuMDA0LTAuMDAyLTAuMDA5LTAuMDA0LTAuMDEzLTAuMDA2Yy0wLjU3OC0wLjI0OS0xLjE0NS0wLjUyNS0xLjcwNS0wLjgxNg0KCWMtMC4wNzMtMC4wMzgtMC4xNDctMC4wNzQtMC4yMTktMC4xMTNjLTAuNTExLTAuMjczLTEuMDExLTAuNTY4LTEuNTA0LTAuODc2Yy0wLjE0Ni0wLjA5Mi0wLjI5MS0wLjE4NS0wLjQzNS0wLjI3OQ0KCWMtMC40NTQtMC4yOTctMC45MDItMC42MDYtMS4zMzgtMC45MzNjLTAuMDQ1LTAuMDM0LTAuMDg4LTAuMDctMC4xMzMtMC4xMDRjMC4wMzItMC4wMTgsMC4wNjQtMC4wMzYsMC4wOTYtMC4wNTRsNy45MDctNC4zMTMNCgljMS4zNi0wLjc0MiwyLjIwNS0yLjE2NSwyLjIwNS0zLjcxNGwtMC4wMDEtMy42MDJsLTAuMjMtMC4yNzhjLTAuMDIyLTAuMDI1LTIuMTg0LTIuNjU1LTMuMDAxLTYuMjE2bC0wLjA5MS0wLjM5NmwtMC4zNDEtMC4yMjENCgljLTAuNDgxLTAuMzExLTAuNzY5LTAuODMxLTAuNzY5LTEuMzkydi0zLjU0NWMwLTAuNDY1LDAuMTk3LTAuODk4LDAuNTU3LTEuMjIzbDAuMzMtMC4yOTh2LTUuNTdsLTAuMDA5LTAuMTMxDQoJYy0wLjAwMy0wLjAyNC0wLjI5OC0yLjQyOSwxLjM5Ni00LjM2QzIxLjU4MywxMC44MzcsMjQuMDYxLDEwLDI3LjUsMTBjMy40MjYsMCw1Ljg5NiwwLjgzLDcuMzQ2LDIuNDY2DQoJYzEuNjkyLDEuOTExLDEuNDE1LDQuMzYxLDEuNDEzLDQuMzgxbC0wLjAwOSw1LjcwMWwwLjMzLDAuMjk4YzAuMzU5LDAuMzI0LDAuNTU3LDAuNzU4LDAuNTU3LDEuMjIzdjMuNTQ1DQoJYzAsMC43MTMtMC40ODUsMS4zNi0xLjE4MSwxLjU3NWwtMC40OTcsMC4xNTNsLTAuMTYsMC40OTVjLTAuNTksMS44MzMtMS40MywzLjUyNi0yLjQ5Niw1LjAzMmMtMC4yNjIsMC4zNy0wLjUxNywwLjY5OC0wLjczNiwwLjk0OQ0KCWwtMC4yNDgsMC4yODNWMzkuOGMwLDEuNjEyLDAuODk2LDMuMDYyLDIuMzM4LDMuNzgybDguNDY3LDQuMjMzYzAuMDU0LDAuMDI3LDAuMTA3LDAuMDU1LDAuMTYsMC4wODMNCglDNDIuNjc3LDQ3Ljk3OSw0Mi41NjcsNDguMDU0LDQyLjQ1OSw0OC4xMzJ6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat;
    background-position: center;
}

.ckeck-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iIzNFQ0NDOSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMi44OSA2LjM5YS40ODYuNDg2IDAgMCAxLS4zNS4xNTcuNDg2LjQ4NiAwIDAgMS0uMzUzLS4xNTZMMCA0LjIwMy43MDMgMy41IDIuNTQgNS4zMzYgNy40MjIuNDE0bC42NjQuNzAzTDIuODkgNi4zOTF6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px !important;
}

.dark-border-bottom {
    border-bottom: 1px solid #434c5f;
}

.padding-0 {
    padding: 0 !important;
}

.margin-0 {
    margin: 0;
}

.light-grey-bg {
    background: #fbfbfb;
}

.h-black {
    color: black !important;
}

.capitalize {
    text-transform: lowercase !important;
}

    .capitalize::first-line {
        text-transform: capitalize !important;
    }

.glyphicon.glyphicon-remove::before {
    content: "x";
}

.registrar-agencia-btn:focus,
.registrar-agencia-btn:active {
    border: 0px;
    outline: none;
}

.remove-margin {
    margin: 0px !important;
}

.remove-padding {
    padding: 0px !important;
}

.remove-padd-top {
    padding-top: 0px;
}

.remove-padd-left {
    padding-left: 0px;
}

.remove-padd-right {
    padding-right: 0px;
}

.remove-padd-bottom {
    padding-bottom: 0px;
}

.block {
    display: block;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.ml-3 {
    margin-left: 3em;
}

.mt20 {
    margin-top: 20px;
}

.mt130 {
    margin-top: 130px;
}

.mt150 {
    margin-top: 150px;
}

.mt170 {
    margin-top: 170px;
}

.mt190 {
    margin-top: 190px;
}

.mt200 {
    margin-top: 200px;
}

.mt210 {
    margin-top: 210px;
}

.mt220 {
    margin-top: 220px;
}

.mt240 {
    margin-top: 240px;
}

.mt260 {
    margin-top: 260px;
}

.mt270 {
    margin-top: 270px;
}

.uppercase {
    text-transform: uppercase;
}

.white-text {
    color: white;
}

.ac-color, .AC-color {
    color: #d82828;
}

.pr-70 {
    padding-right: 70px !important;
}

.text-right {
    text-align: right;
}

.margin-0 {
    margin: 0 auto;
}

.font17 {
    font-size: 17px;
}

.font20 {
    font-size: 20px;
}

.font25 {
    font-size: 25px;
}

.footer {
    border-top: 1px solid #a5a5ab !important;
}

.hideChart {
    display: none !important;
    visibility: hidden !important;
}

.bd-highlight {
    border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
}

/*@media all and (min-width: 768px) and (max-width: 950px) {
    .col-md-3-custom {
        flex: 0 0 29.3%;
        max-width: 29.3%;
    }

    .col-md-9-custom {
        flex: 0 0 70.7%;
        max-width: 70.7%;
    }

    .navbar-wrapper-resp {
        padding-top: 0px !important;
    }

    .navigation-cont-resp {
        padding: 20px !important;
    }

    .remove-padding-resp {
        height: 100px;
    }

    .option-resp {
        justify-content: flex-end !important;
        margin-bottom: 20px !important;
        margin-right: 15px !important;
    }

    .form-group-resp {
        margin-top: 42px !important;
    }
}*/

@media all and (min-width:960px) and (max-width: 1030px) {

    .option-resp {
        margin-left: 20px !important;
    }
}

.red-AC-bg {
    background: #d82028 !important;
}

.strong-gray-bg {
    background: #e9e9e9 !important;
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 15px;
    color: #4a4a4a;
}

h1, h2, h3, h4, h5, h6, p, span, div, section, header, table, td {
    font-family: 'Roboto', sans-serif;
}

.dark-gray-font {
    color: #4a4a4a;
}

.gray-font {
    color: #9b9b9b;
}

.brand-agency-mb {
    /*background: #d8d8d8;*/
}

.light-gray-bg {
    background-color: #f6f6f6;
}

.light-gray2-bg, .strong-gray-bg {
    background-color: #e9e9e9;
}

.gray-gradient-inverse-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+1,ffffff+100 */
    background: #e6e6e6;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6e6e6 1%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

#componenteFiltros #componenteBuscador, #componenteFiltros .checkboxes {
    background-color: white;
}

*:focus {
    outline: gray auto 2px !important;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
    color: -internal-light-dark-color(transparent, transparent) !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #4a4a4a !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff 0 inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff0 inset !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.bd-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.nav-link {
    padding: 0px;
}

.ac-mask-left {
    width: 100%;
    height: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(155deg, #c62828 0%, #be2d2d 8%, rgba(148, 72, 72, 0) 52%, rgba(102, 102, 102, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62828', endColorstr='#00666666',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.ac-mask-right {
    width: 100%;
    height: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(190deg, #c62828 0%, #be2d2d 8%, rgba(148, 72, 72, 0) 52%, rgba(102, 102, 102, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62828', endColorstr='#00666666',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.ac-mask-top {
    width: 100%;
    height: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d82028 0%, rgba(160, 66, 70, 0) 49%, rgba(102, 102, 102, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d82028', endColorstr='#00666666',GradientType=0 );
    /* IE6-9 */
}

.glyphicon.glyphicon-remove {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* -----------------------------------------------------------------------------*/
/* shared/Modal
/* -----------------------------------------------------------------------------*/
.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

    .modal .close {
        position: absolute;
        right: 50px;
        top: 30px;
        font-size: 1rem;
        font-weight: 100;
        color: white;
        width: 18px;
        height: 18px;
        text-shadow: none;
        opacity: .5;
        cursor: pointer;
        background: transparent;
        border: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGZpbGw9IiM5OTlEQTIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE2LjE3Mi4wMzFMMTcuMjUgMS4xMSA5LjcwMyA4LjY1Nmw3LjU0NyA3LjU0Ny0xLjA3OCAxLjA3OC03LjU0Ny03LjU0Ny03LjU0NyA3LjU0N0wwIDE2LjIwM2w3LjU0Ny03LjU0N0wwIDEuMTEgMS4wNzguMDMxbDcuNTQ3IDcuNTQ3eiIvPgo8L3N2Zz4K);
    }

        .modal .close:hover {
            opacity: 1;
            transition: all, 0.5s, ease-out;
        }

@media (prefers-reduced-motion: reduce) {
    .modal .close:hover {
        transition: none;
    }
}

.modal .ckeck-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iIzNFQ0NDOSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMi44OSA2LjM5YS40ODYuNDg2IDAgMCAxLS4zNS4xNTcuNDg2LjQ4NiAwIDAgMS0uMzUzLS4xNTZMMCA0LjIwMy43MDMgMy41IDIuNTQgNS4zMzYgNy40MjIuNDE0bC42NjQuNzAzTDIuODkgNi4zOTF6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px !important;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: black;
    transition: all, 0.5s, ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .modal-backdrop {
        transition: none;
    }
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.8;
}

    .modal-backdrop.show.lo {
        opacity: 0.2;
    }

    .modal-backdrop.show.hi {
        opacity: 0.8;
    }

.modal-dialog {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .modal-dialog.xs-modal {
        max-width: 30%;
    }

        .modal-dialog.xs-modal .bordered-body .white-space {
            min-height: 200px;
        }

    .modal-dialog.sm-modal {
        max-width: 50%;
    }

        .modal-dialog.sm-modal .bordered-body .white-space {
            min-height: 550px;
        }

    .modal-dialog.md-modal {
        max-width: 60%;
    }

    .modal-dialog.lg-modal {
        max-width: 80%;
    }

    .modal-dialog .back {
        padding: 0px;
        margin-right: 0px;
        margin-left: auto;
    }

    .modal-dialog .modal-content {
        width: 100%;
        background: white;
        border-radius: 0;
        border: 0px;
    }

        .modal-dialog .modal-content .modal-body {
            background: white;
        }

            .modal-dialog .modal-content .modal-body.bordered-body {
                background-color: #efefef;
                padding: 1.5em 2em;
            }

                .modal-dialog .modal-content .modal-body.bordered-body .white-space {
                    border: 1px solid #8e8e93;
                }

            .modal-dialog .modal-content .modal-body .white-space {
                padding: 1.5em;
            }

        .modal-dialog .modal-content .modal-title {
            font-family: "Roboto", sans-serif;
            color: #434c5f;
            font-weight: 400;
            font-size: 1.25em;
            letter-spacing: 0.03125em;
        }

        .modal-dialog .modal-content .modal-footer {
            min-height: 6.25em;
            border-top: 1px solid #e7e7e7;
        }

.modal.fade .modal-dialog {
    transition: all, 0.5s, ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.toast-title {
    font-weight: 700;
}

.toast-message {
    font-size: 0.6875em;
    word-wrap: break-word;
}

#btn-box {
    margin-top: 3em;
}

    #btn-box .btn {
        font-size: 0.8125em;
        font-weight: 700;
        box-shadow: 0 0 0pt 1px #e7e7e7;
    }

        #btn-box .btn.btn-outline {
            background: transparent;
            color: white;
        }

            #btn-box .btn.btn-outline.focus, #btn-box .btn.btn-outline:focus, #btn-box .btn.btn-outline:hover {
                color: #434c5f;
                background: white;
                transition: all, 0.5s, ease-in-out;
            }

@media (prefers-reduced-motion: reduce) {
    #btn-box .btn.btn-outline.focus, #btn-box .btn.btn-outline:focus, #btn-box .btn.btn-outline:hover {
        transition: none;
    }
}

#btn-box .btn.btn-full {
    background: #e7e7e7;
    color: #434c5f;
}

    #btn-box .btn.btn-full.focus, #btn-box .btn.btn-full:focus, #btn-box .btn.btn-full:hover {
        color: #434c5f;
        background: white;
        transition: all, 0.5s, ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    #btn-box .btn.btn-full.focus, #btn-box .btn.btn-full:focus, #btn-box .btn.btn-full:hover {
        transition: none;
    }
}

.toast-message a, .toast-message label {
    color: white;
}

    .toast-message a:hover {
        color: #ccc;
        text-decoration: none;
    }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: white;
    text-shadow: 0 1px 0 white;
    opacity: .8;
    filter: alpha(opacity=80);
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        filter: alpha(opacity=40);
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-center {
    top: 70px;
    right: 0;
    width: 100%;
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
}

    #toast-container * {
        box-sizing: border-box;
    }

    #toast-container > div {
        position: relative;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        /* box-shadow: 0 0 12px #999; */
        border-radius: 0px;
        background-position: 15px center;
        background-repeat: no-repeat;
        color: white;
        opacity: .95;
        filter: alpha(opacity=95);
        text-transform: uppercase;
    }

    #toast-container > :hover {
        opacity: 1;
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast-info {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
    }

    #toast-container > .toast-error {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
    }

    #toast-container > .toast-success {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
    }

    #toast-container > .toast-warning {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin: auto;
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #3eccc9;
}

.toast-error {
    background-color: #d82226;
}

.toast-info {
    background-color: #8e8e93;
}

.toast-warning {
    background-color: #d82226;
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: black;
    opacity: .4;
    filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/* -----------------------------------------------------------------------------*/
/* This file contains all styles related to the loader component.*/
/* -----------------------------------------------------------------------------*/
.lds-message {
    width: 100px;
}

#container-loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #e9e9e9;
    opacity: .7;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3000;
    top: 0px;
}

.payment input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}

.social-content {
    position: relative;
}

button:focus {
    outline: 0px !important;
    outline: 0px !important;
}

.light-font {
    font-weight: 100;
}

input.edad {
    display: inline-block;
    padding: 4px;
    /*color: #9b9b9b !important;*/
    opacity: 0.75;
    height: calc(1.8rem + 0px);
}

    input.edad[type=number]::-webkit-inner-spin-button,
    input.edad[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
        font-size: 12px;
    }

.subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #4a4a4a;
}

.red-subtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #d82028;
}

.texto-info {
    color: #4a4a4a;
    font-size: 13px;
    margin-bottom: .4rem;
}

    .texto-info a {
        text-decoration: underline;
    }

        .texto-info a:hover {
            color: #4a4a4a;
        }

.logo-container {
    height: 32px;
}

.inline-nav-link.nav-link {
    display: inline-block;
}

.login.brand-container {
    margin-top: -20px;
}

.main {
    position: relative;
}

.navbar .form-group {
    margin-top: .5rem;
}

.social-icon-container {
    position: absolute;
    bottom: 0;
    right: 0;
}

.main-image-text h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.main-image-text p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.center {
    text-align: center;
}

.container.background-image {
    width: 100%;
    height: 100%;
}

.btn:focus, a:focus {
    outline: none !important;
}

/*-arrow-*/
i.right-arrow, i.down-arrow {
    border: solid #7b7b7b;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    width: 5px;
}

.down-arrow.long, .right-arrow.long {
    padding: 6px;
    border: solid #383838;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 7px;
    padding-right: 6px;
}

.right-arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all .2s ease-in-out 0s;
}

.left-arrow {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transition: all .2s ease-in-out 0s;
}

.up-arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transition: all .2s ease-in-out 0s;
}

.down-arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: all .2s ease-in-out 0s;
}

.tilde {
    float: right;
    margin: 12px;
    margin-left: 0px;
}

.tilde {
    border: solid #383838;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 7px;
}

.tilde {
    position: absolute;
    right: -15px;
    bottom: -15px;
}

.tilde {
    transform: rotate(45deg) !important;
    -webkit-transform: rotate(45deg) !important;
    transition: all .2s ease-in-out 0s !important;
}

.error-msj {
    position: relative;
}

label.error {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #898989;
    position: absolute;
    top: 40px;
    left: 10px;
    text-align: left;
    transition: all .3s ease-in-out 0s;
    padding: 10px 10px 10px 30px;
    background: white;
    border-radius: 5px;
    border: 1px solid #cac9c9;
    box-shadow: -1px 3px 11px 0px rgba(0, 0, 0, 0.25);
    z-index: 2000;
    transition: all .6s ease-in-out 0s;
    transition: opacity 1s ease-in-out;
}

    label.error:before {
        content: url("../img/exclamation-mark.png");
        position: absolute;
        left: 7px;
    }

    label.error::after {
        content: "";
        position: absolute;
        left: 3%;
        top: 0px;
        transform: translateX(-5%) translateY(-100%);
        background: rgba(200, 3, 3, 0);
        text-align: center;
        color: #ffffff;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #d0d0d0;
        padding: 7px 0px;
        min-width: 10px;
        pointer-events: none;
    }

/* WARNING MESSAGE WITHIN AN ELEMENT */
.warning-message {
    margin-top: 20px;
    padding: 15px;
    background: white;
    border-radius: 10px;
}

    .warning-message h1,
    .warning-message h2,
    .warning-message h3,
    .warning-message h4,
    .warning-message h5,
    .warning-message h6 {
        color: #d82828 !important;
        font-size: 14px !important;
        font-family: "Roboto", sans-serif !important;
        text-transform: uppercase !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .warning-message p {
        font-size: 13px;
        font-family: "Roboto", sans-serif;
    }

.radio-container.fecha-radio,
.radio-container.edad-radio {
    width: 50%;
    padding: 0px;
    text-align: center;
}

    .radio-container.fecha-radio p,
    .radio-container.edad-radio p {
        margin-bottom: 0px;
        font-size: 12px;
        border: 1px solid #808080;
        padding: 4px 10px;
        text-align: center;
    }

.fecha-radio p:hover,
.edad-radio p:hover,
.fecha-radio p:focus,
.edad-radio p:focus,
.fecha-radio p.focus,
.edad-radio p.focus,
.fecha-radio.active p,
.edad-radio.active p {
    background: #808080;
    color: #fff;
    transition: all .2s ease-in-out 0s;
}

.radio-container.fecha-radio p {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    -webkit-border-top-right-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
    -moz-border-top-right-radius: 1px;
    -moz-border-bottom-right-radius: 1px;
}

.radio-container.edad-radio p {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -moz-border-top-left-radius: 1px;
    -moz-border-bottom-left-radius: 1px;
}

@media (min-width: 768px) {
    .ageBirthday {
        padding: 0px;
    }
}

/* WARNING MESSAGE WITHIN AN ELEMENT */
.additional-payment tr td, .payment .additional-payment tr td span {
    font-weight: bold;
    font-size: 16px;
}

/* -----------------------------------------------------------------------------*/
/* Importo dentro de Layout/_header =>shared/_nav
/* -----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------*/
/* shared/Nav
/* -----------------------------------------------------------------------------*/
.navbar-wrapper {
    padding-top: 1em;
}

    .navbar-wrapper .navbar.navbar-scroll {
        /* border-bottom: 1px solid #e7eaec;*/
        border-radius: 0;
    }

        .navbar-wrapper .navbar.navbar-scroll .logo {
            width: 260px;
            transition-duration: .6s;
        }

.navbar-default .navbar-brand {
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    padding: 0px;
    transition: all .6s ease-in-out 0s;
}

.navbar p {
    color: #d8d8d8;
    font-size: 16px;
    margin-bottom: 0px;
    transition: all .6s ease-in-out 0s;
}

    .navbar p a, .navbar p label, .navbar p div, .navbar p span {
        margin: 0px;
        padding: 0px;
    }

.main-navbar, .main-navbar .navbar-nav li a {
    color: #d8d8d8;
    margin-right: .4em;
    margin-left: .4em;
    font-size: 13px;
}

    /*------Navigation--------*/
    .main-navbar, .main-navbar .navbar-nav li a {
        color: #d8d8d8;
        margin-right: .4em;
        margin-left: .4em;
        font-size: 13px;
    }

        .main-navbar:hover,
        .main-navbar .navbar-nav li a:hover,
        .second-nav ul li:hover {
            color: white !important;
        }

.second-nav {
    background-color: #9b9b9b !important;
}

    .second-nav .primer-item {
        /*sacar en mobile*/
        margin-left: 70px;
    }

    .second-nav .cool-link-top {
        padding-right: 1em;
        padding-left: 1em;
    }

.cool-link-top a {
    color: #e9e9e9 !important;
    font-size: 14px;
    font-weight: 400;
}

    .cool-link-top a:hover,
    .cool-link-top a:active,
    .cool-link-top a:focus,
    .cool-link-top.active,
    .cool-link-top.active a {
        color: white !important;
        text-decoration: none;
    }

.nav-link.chat {
    color: white !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 100;
}

    .nav-link.chat span {
        font-weight: 400;
    }

.saldo {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

    .saldo .progress {
        background-color: rgba(255, 255, 255, 0.4);
    }

.progress-bar {
    background-color: #fff;
}

.saldo span {
    font-size: 18px;
}

/*------Navigation--------*/
select.form-control:not([size]):not([multiple]) {
    height: calc(1.8rem + 0px);
}

.select-wrapper {
    position: relative;
    width: 100%;
}

    .select-wrapper .right-arrow, .select-wrapper .down-arrow {
        position: absolute;
        right: 15px;
        bottom: 13px;
    }

/*-arrow-*/
.form-inline label {
    justify-content: left;
}

.standard-icon {
    fill: #4a4a4a;
    width: 16px;
}

    .standard-icon.location, .standard-icon.calendar {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .standard-icon.calendar {
        width: 22px;
    }

.form-check-input {
    border-radius: 0px;
    padding: 10px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            border-radius: 6px 0 6px 6px;
        }

/*---------- Segunda navegacion ----------------------*/
.sesion .btn-secondary {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 0px;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 164, 176, 0);
}

.sesion .btn-secondary:hover {
    color: #dfdfdf;
    background-color: #4a4a4a;
    border-color: transparent;
    border-radius: 0px;
}

.sesion .btn-secondary:active {
    color: #dfdfdf;
    background-color: #4a4a4a;
    border-color: transparent;
    border-radius: 0px;
}

.main-home .dropdown-submenu label.dropdown-item {
    margin-bottom: 0px;
    padding: 10px;
    padding-left: 15px;
    color: #dfdfdf;
}

    .main-home .dropdown-submenu label.dropdown-item:hover {
        color: #4a4a4a;
    }

.main-home .dropdown-submenu .dropdown-item {
    padding: 0px;
    height: auto;
}

.main-home .dropdown-submenu > .dropdown-menu {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    color: #9b9b9b;
}

    .dropdown-submenu:hover > .dropdown-menu li {
        padding: 12px;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #eae9e9;
        margin-top: -1px;
    }

.dropdown-submenu .dropdown-menu li:hover {
    background-color: #c2c2c2;
}

.main-home .dropdown-submenu li.dropdown-item a {
    color: #9b9b9b;
    font-size: 14px;
}

    .main-home .dropdown-submenu li.dropdown-item a:hover {
        color: #4a4a4a;
    }

/*---------- Segunda navegacion ----------------------*/
/*----------Tercera navegacion ----------------------*/
.third-nav {
    border-bottom: 1px solid #4a4a4a !important;
    background-color: white;
}

    .third-nav .nav-item {
        padding-top: 10px;
        padding-bottom: 5px;
    }

        .third-nav .nav-item a {
            color: #4a4a4a;
            transition: all .3s ease-in-out 0s;
        }

            .third-nav .nav-item a:hover {
                color: #9b9b9b;
                transition: all .3s ease-in-out 0s;
            }

.steps li {
    position: relative;
    width: 120px;
}

    .steps li i, .steps li svg {
        width: 33px;
        font-family: "Roboto", sans-serif;
        margin-right: 20px;
        margin-left: 20px;
    }

.third-nav .steps li p {
    font-size: 9px;
    width: 110px;
    line-height: 11px;
    transform: rotate(312deg);
    writing-mode: lr-tb;
    padding-left: 30px !important;
    padding: 0px !important;
    position: absolute;
    left: 29px !important;
    bottom: 39px !important;
}

#lnkCompareProds {
    font-size: 15px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.generic .modal-header {
    padding: 15px 25px;
    margin: 0px;
    color: #d82828;
    font-weight: 400;
    font-size: 20px;
    background-color: #e9e9e9 !important;
    border-top-left-radius: .3rem !important;
    border-top-right-radius: .3rem !important;
}

.generic .modal-header,
.generic .modal-footer {
    background-color: #e9e9e9 !important;
    border: 0px !important;
}

.main-login .generic .modal-header,
.main-login .generic .modal-footer {
    background-color: transparent !important;
}

.main-login .modal-title {
    padding: 10px;
    margin: 0px;
    color: white !important;
    font-weight: 400;
    font-size: 24px;
}

.main-login .generic .modal-header {
    background-color: transparent !important;
}

.generic.modal-title {
    padding: 10px !important;
    margin: 0px !important;
    color: #d82828 !important;
    font-weight: 400 !important;
    font-size: 24px !important;
}

.main-login .generic.modal-title {
    color: #ffffff !important;
}

.generic .modal-content {
    border: none !important;
}

.generic .modal-footer {
    border-bottom-left-radius: .3rem !important;
    border-bottom-right-radius: .3rem !important;
    background-color: #e9e9e9 !important;
}

.main-login .generic .modal-footer {
    border-bottom-left-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    background-color: transparent !important;
}

.generic .modal-body {
    background-color: white !important;
    color: #767676 !important;
    border: 0px !important;
}

.main-login .generic .modal-body {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 0px !important;
}

.modal .btn-danger {
    background-color: #d82828 !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    color: white !important;
}

#smartwizard .nav-item .step {
    fill: #dcd8d8;
    color: #dcd8d8;
    width: 33px;
    height: 36px;
    cursor: not-allowed;
}

#smartwizard .nav-item p {
    color: #dcd8d8;
    cursor: not-allowed;
}

#smartwizard .nav-item a:before {
    content: ' ';
    position: absolute;
    bottom: -4px;
    left: 13%;
    display: block;
    border-radius: 50%;
    color: #428bca;
    background: #616161;
    border: none;
    width: 7px;
    height: 7px;
    text-decoration: none;
    z-index: 98;
    cursor: default;
}

#smartwizard .nav-item a:after {
    content: ' ';
    position: relative;
    left: 14%;
    bottom: -8px;
    display: block;
    width: 5px;
    height: 5px;
    background: #f5f5f5;
    border-radius: 50%;
    z-index: 99;
    cursor: default;
}

#smartwizard .nav-item.active .step, #smartwizard .nav-item.active p {
    fill: #4a4a4a;
    color: #4a4a4a;
    cursor: pointer;
}

#smartwizard .nav-item.active a:after, #smartwizard .nav-item.active a:before {
    background: #4a4a4a;
    cursor: pointer;
}

#smartwizard .nav-item.done .step, #smartwizard .nav-item.done p {
    fill: #5cb85c;
    color: #5cb85c;
    cursor: pointer;
}

#smartwizard .nav-item.done a:after, #smartwizard .nav-item.done a:before {
    background: #5cb85c;
    cursor: pointer;
}

#smartwizard .nav-item.dropdown {
    cursor: pointer;
}

/*----------Tercera navegacion ----------------------*/
/*ULTIMAS ACTUALIACIONES*/
/*-----------Cassusel de tarjetas--------------*/
.card-image {
    max-height: 15px !important;
    max-width: 55px !important;
    overflow: hidden !important;
}

.tarjetas, .tarjetas p {
    margin-bottom: 0px !important;
    height: auto;
}

.black-bg {
    background-color: black !important;
}

.image-card-cont {
    height: 35px !important;
}

.tarjetas p, .dues {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #fff !important;
    height: auto !important;
    font-size: 9px !important;
    letter-spacing: 1px;
    line-height: 12px !important;
    margin-left: 10px !important;
    max-width: 60px !important;
    text-transform: uppercase !important;
}

.tarjetas-container .white-text {
    text-align: right !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}

.sales .tarjetas-container, .user-data .tarjetas-container, .thankyou .tarjetas-container {
    display: none !important;
}

.tarjetas .image-card-cont {
    display: inline-flex !important;
}

#carousel-cards {
    max-width: 250px;
}

.tarjetas .carousel.slide {
    height: 35px;
    height: 35px;
    overflow: visible;
}

.tarjetas div {
    height: 35px;
}

.tarjetas .carousel-indicators {
    height: 5px;
    width: 250px;
    top: 15px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.tarjetas-container {
    height: 35px;
    position: fixed;
    margin-bottom: 0;
}

.bd-overlay {
    background-color: #1E2431;
}

.tarjetas-container .col-md-3-custom {
    text-align: left;
    color: white;
    font-size: 13px;
    margin-left: 35px;
}

.tarjetas-container .white-text {
    font-size: 13px;
}

.bg-tarjetas {
    background-color: transparent;
}

.tarjeta {
    background-color: transparent;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.tarjetaimg {
    max-width: 65px;
    float: left;
    margin-right: 15px;
}

    .tarjetaimg img {
        width: 100%;
    }

.tarjetas-container {
    height: 35px;
}

    .tarjetas-container .white-text {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .tarjetas-container .col-md-3-custom {
        text-align: right;
        color: white;
    }

.mt-195 {
    margin-top: 195px;
}

.nav-comment {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 9px;
    color: #bebebe;
    text-transform: uppercase;
}

.carousel-control-next {
    position: absolute;
    top: 7px;
    right: -20px;
    border: 1px solid white;
    padding: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

@media (min-width: 961px) {
    .second-nav {
        margin-top: 120px;
        height: auto;
        transition: all .6s ease-in-out 0s;
    }
    .navbarHeaderLogin {
        height: 106px;
    }
    .form-group-resp{
        display:flex;
        margin-bottom:0px!important;
    }
    .second-nav {
        margin-top: 100px;
    }
    #IdLogo{
        width: 121px;
        height: 66px;
    }

        .second-nav ul.navbar-nav li.cool-link-top,
        .second-nav .cool-link-top {
            line-height: 36px;
            transition: all .6s ease-in-out 0s;
        }

    .navbar-scroll .second-nav ul.navbar-nav li.cool-link-top,
    .navbar-scroll .second-nav .cool-link-top {
        line-height: 36px;
        transition: all .6s ease-in-out 0s;
    }

    .navbar-scroll .second-nav {
        margin-top: 87px !important;
        height: auto;
        padding: 0px !important;
        transition: all .6s ease-in-out 0s;
    }

    .sales .navbar-scroll .second-nav {
        margin-top: 100px !important;
    }

    .third-nav {
        margin-top: 172px;
        height: 57px;
        transition: all .6s ease-in-out 0s;
        width: 100%;
        /*padding-top: 10px;*/
        /*padding-bottom: 0px;*/
    }

    .user-data .third-nav {
        margin-top: 154px !important;
    }

    .third-nav ul.navbar-nav li.cool-link-top,
    .third-nav .cool-link-top {
        line-height: 36px;
        transition: all .6s ease-in-out 0s;
    }

    .third-nav ul.navbar-nav li.cool-link-top,
    .third-nav .cool-link-top {
        line-height: 36px;
        transition: all .6s ease-in-out 0s;
    }

    .third-nav .nav-item {
        padding-top: 10px;
        transition: all .6s ease-in-out 0s;
    }

    .third-nav .steps li p {
        font-size: 9px;
        transition: all .6s ease-in-out 0s;
    }

    .navbar-scroll .third-nav {
        margin-top: 154px !important;
        padding: 0px !important;
        transition: all .6s ease-in-out 0s;
    }

    .navbar-scroll .second-nav {
        margin-top: 85px !important;
        height: auto;
        padding: 0px !important;
        transition: all .6s ease-in-out 0s;
    }

    .navbar-scroll .light-font {
        font-size: 13px !important;
        transition: all .6s ease-in-out 0s;
    }

    .remove-padding {
        padding: 0px;
    }

    .navbar-fixed-top {
        background: #fff;
        transition-duration: .6s;
        z-index: 2030;
        position: fixed;
        right: 0;
        left: 0;
        padding: 0;
        top: 0;
    }

    .navbar-default {
        background-color: #d82028;
        border-color: transparent;
        transition: all .6s ease-in-out 0s;
        
    }

    .navbar-bar-container {
        position: relative;
        height: 50px;
    }
    /* Navbar*/
}


/* -----------------------------------------------------------------------------*/
/* Importo dentro de shared/_nav =>components/_dropdown
/* -----------------------------------------------------------------------------*/
.dropdown ul {
    list-style: none;
    padding-left: 0px;
}

.dropdown.btn-icon {
    position: initial;
}

.dropdown .dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    background-color: white;
    transition: all, 0.5s, ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .dropdown .dropdown-menu {
        transition: none;
    }
}

.dropdown .dropdown-menu::-webkit-input-placeholder, .dropdown .dropdown-menu::-moz-placeholder {
    /* Chrome/Opera/Safari */
    color: #c6ccd7;
}

.dropdown .dropdown-menu::-moz-placeholder {
    /* Firefox 19+ */
    color: #c6ccd7;
}

.dropdown .dropdown-menu:-ms-input-placeholder {
    /* IE 10+ */
    color: #c6ccd7;
}

.dropdown .dropdown-menu:-moz-placeholder {
    /* Firefox 18- */
    color: #c6ccd7;
}

.dropdown .dropdown-menu.recuperar-contrasena .panel {
    height: 100%;
}

    .dropdown .dropdown-menu.recuperar-contrasena .panel .panel-heading {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #434c5f;
        font-size: 0.6875em;
        height: 30%;
        margin: 0px;
    }

    .dropdown .dropdown-menu.recuperar-contrasena .panel .panel-body {
        height: 70%;
        margin-bottom: 0px;
    }

        .dropdown .dropdown-menu.recuperar-contrasena .panel .panel-body input[type="email"] {
            color: #434c5f;
            font-size: 0.75em;
            padding: 10px;
        }

        .dropdown .dropdown-menu.recuperar-contrasena .panel .panel-body input[type="button"], .dropdown .dropdown-menu.recuperar-contrasena .panel .panel-body button {
            margin-right: 0px;
        }

.dropdown .dropdown-menu .forgot-psw {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: white;
    font-size: 0.625em;
    text-transform: uppercase;
    letter-spacing: 0.03125em;
    padding: 0px;
    margin: 0px;
    left: 0;
    width: 100%;
}

.dropdown .dropdown-menu.show {
    display: block;
}

.dropdown .notifications-wrapper {
    /*alto del componente con scroll */
    max-height: 424px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #c6ccd7;
}

.dropdown .notifications-height {
    /*Esta clase va conjuntamente con la clase nano-content: 
		<ul class="nano-content notifications-height">...
		<div class="nano-content notifications-height">...
		*/
    /* 
		UTILIZA BARRA DE SCROLL NANOSCROLLER:
		Ancho y alto es lo que tiene que tener el contenido, lo que representa el nano-content es eso.
		En este caso es un ancho especifico y alto  + alto máximo/minimo para que se forme la barra de scroll 
		cuando llegue al mismo. 
		*/
    min-height: 424px;
    height: 424px;
    position: relative;
}

.dropdown .dropdown-right-nav {
    padding: 0px;
    left: -70px;
    background-color: white;
    top: 100%;
    border: none;
    border-radius: 0;
    top: 40px;
    min-height: 45px;
}

    .dropdown .dropdown-right-nav.dropdown-fixed-size {
        height: 525px;
        width: 276px;
    }

    .dropdown .dropdown-right-nav.dropdown-height-auto {
        height: auto;
        width: 276px;
    }

.dropdown .dropdown-header {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #434c5f;
    font-size: 0.875em;
    font-weight: 400;
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    white-space: nowrap;
    padding-top: 15px;
    height: 45px;
}

    .dropdown .dropdown-header.first {
        border-bottom: 1px solid #c6ccd7;
    }

    .dropdown .dropdown-header.active, .dropdown .dropdown-header:active, .dropdown .dropdown-header:hover {
        background-color: #e7e7e7;
        text-decoration: none;
    }

    .dropdown .dropdown-header a {
        padding: 0;
    }

.dropdown .dropdown-item {
    font-size: 16px;
    white-space: normal;
    padding: 0.5rem 1rem 1rem 1.5rem;
    border-bottom: 1px solid #c6ccd7;
}

    .dropdown .dropdown-item .dropdown-item-date {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        color: #8e8e93;
        font-size: 0.625em;
        line-height: 18px;
    }

    .dropdown .dropdown-item .dropdown-item-title {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        color: #d82028;
        font-size: 0.625em;
    }

    .dropdown .dropdown-item .dropdown-item-text {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        color: #434c5f;
        font-size: 0.75em;
        line-height: 1.25em;
        display: block;
        padding: 0.25rem 1.5rem;
    }

.dropdown .dropdown-footer {
    display: flex;
    background: white;
    border-bottom: none;
    padding: 1em 1em 1.7em 1em;
    border-top: 1px solid #c6ccd7;
}

    .dropdown .dropdown-footer .dropdown-link {
        font-size: 0.5625em;
        text-transform: uppercase;
    }

.dropdown .dropdown-link {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #434c5f;
}

    .dropdown .dropdown-link:hover, .dropdown .dropdown-link:active, .dropdown .dropdown-link.active {
        color: #d82028;
        text-decoration: none;
    }

    .dropdown .dropdown-link.right-link {
        margin-left: auto;
    }

    .dropdown .dropdown-link.left-link {
        margin-right: auto;
    }

.dropdown .dropdown-toggle.rounded-icon::after {
    content: none;
}

/*para modificar el alfa en el componente nano. Momentaneamente solo para el dropdown*/
.nano > .nano-pane > .nano-slider {
    background: #e7e7e7;
}

/*nano things */
/* -----------------------------------------------------------------------------*/
/* shared/ransitions
/* -----------------------------------------------------------------------------*/
.pop-down {
    -webkit-animation: pop-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: pop-down 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.fade-in {
    -webkit-animation: fade-in 1s linear forwards;
    animation: fade-in 1s linear forwards;
}

.slow-box-shaddow {
    -webkit-animation: slow-box-shaddow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slow-box-shaddow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-12-4 9:33:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * pop-down animation
 * ----------------------------------------
 */
@-webkit-keyframes pop-down {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateY(15px);
        transform-origin: 50% 50%;
    }
}

@keyframes pop-down {
    0% {
        transform: translateY(0);
        transform-origin: 50% 50%;
    }

    100% {
        transform: translateY(15px);
        transform-origin: 50% 50%;
    }
}

/**
 * ----------------------------------------
 * fade-in animation 
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
    from {
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(15px);
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
        visibility: hidden;
        transform: translateY(0px);
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateY(15px);
    }
}

@-webkit-keyframes slow-box-shaddow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
    }
}

@keyframes slow-box-shaddow {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35);
    }
}

/* -----------------------------------------------------------------------------*/
/* Layout/_header
/* -----------------------------------------------------------------------------*/
/*solicitar saldo dropdown*/
.dropdown-menu.solicitar-saldo {
    min-width: 300px;
    height: 350px;
    left: -170px;
    top: 50px;
    z-index: 2031;
    background-color: #e9e9e9;
    box-shadow: -2px 2px 50px -5px rgba(0, 0, 0, 0.65);
}

.solicitar-saldo .mb-auto {
    width: 100%;
}

.solicitar-saldo .panel-heading {
    padding: 15px 25px;
    margin: 0px;
    color: #d82028 !important;
    font-weight: 400;
    font-size: 20px;
}

.solicitar-saldo .panel-body {
    background-color: white;
    padding: 10px 25px;
    height: 190px;
}

    .solicitar-saldo .panel-body .texto-apoyo {
        font-size: 11px;
        line-height: 14px;
        margin-left: 0px;
        color: #4a4a4a;
    }

    .solicitar-saldo .panel-body input.contact {
        width: 100%;
        padding: 10px;
        border: 0px;
        border-bottom: 1px solid #d8d8d8;
        font-size: 12px;
        font-weight: 400;
        color: #4a4a4a;
    }

    .solicitar-saldo .panel-body .response {
        position: relative;
        font-size: 13px;
        padding-left: 20px;
        margin-bottom: 40px;
    }

        .solicitar-saldo .panel-body .response.error {
            color: #d82828;
        }

        .solicitar-saldo .panel-body .response svg {
            position: absolute;
            left: 0px;
            bottom: 4px;
        }

        .solicitar-saldo .panel-body .response .tilde {
            right: 180px;
            top: -10px;
            bottom: 0px;
            border: solid #0de314;
            border-width: 0 1px 1px 0;
            padding-bottom: 10px;
            padding-left: 4px;
        }

.solicitar-saldo .panel-footer {
    padding: 20px;
}

    .solicitar-saldo .panel-footer .btn {
        background-color: #d82828;
        color: white;
        padding: 10px 30px;
        border-radius: 0px;
    }

        .solicitar-saldo .panel-footer .btn:focus, .solicitar-saldo .panel-footer .btn:active {
            background-color: #555454;
        }

/*dropdown generico */
.dropdown-menu.dropdown-generico {
    min-width: 300px;
    height: 350px;
    left: 0px;
    z-index: 2031;
    background-color: #e9e9e9;
    box-shadow: -2px 2px 50px -5px rgba(0, 0, 0, 0.65);
}

.dropdown-generico .panel-heading {
    padding: 15px 25px;
    margin: 0px;
    color: #d82828;
    font-weight: 400;
    font-size: 20px;
}

.dropdown-generico .panel-body {
    background-color: white;
    padding: 10px 25px;
    height: 190px;
}

    .dropdown-generico .panel-body .texto-apoyo {
        font-size: 11px !important;
        line-height: 14px !important;
        margin-left: 0px;
    }

    .dropdown-generico .panel-body .response {
        position: relative;
        font-size: 13px;
        padding-left: 20px;
        margin-bottom: 40px;
    }

        .dropdown-generico .panel-body .response.error {
            color: #d82828;
        }

        .dropdown-generico .panel-body .response svg {
            position: absolute;
            left: 0px;
            bottom: 4px;
        }

        .dropdown-generico .panel-body .response .tilde {
            right: 180px;
            top: -10px;
            bottom: 0px;
            border: solid #0de314;
            border-width: 0 1px 1px 0;
            padding-bottom: 10px;
            padding-left: 4px;
        }

.dropdown-generico .panel-footer {
    padding: 20px;
}

    .dropdown-generico .panel-footer .btn {
        background-color: #d82828;
        color: white !important;
        padding: 10px 30px;
        border-radius: 0px;
    }

        .dropdown-generico .panel-footer .btn:focus,
        .solicitar-saldo .panel-footer .btn:active {
            background-color: #555454 !important;
        }

/* -----------------------------------------------------------------------------*/
/* Form Group styles .*/
/* -----------------------------------------------------------------------------*/
.form-group {
   
    position: relative;
}

.form-control {
    width: 100%;
}

.form-bordered {
    border: 1px solid #8e8e93;
    padding: 20px;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 0.7;
    background-color: transparent;
}

.block-formx2 {
    background-color: #f6f6f6;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    flex: 0 0 47.5%;
    max-width: 47.5%;
}

.block-formx3 {
    background-color: #f6f6f6;
    margin: 8px;
    padding-top: 30px;
    padding-bottom: 30px;
    flex: 0 0 32%;
    max-width: 32%;
}

/* -----------------------------------------------------------------------------*/
/* Partsley validation styles .*/
/* -----------------------------------------------------------------------------*/
.parsley-errors-list {
    position: absolute;
    margin-bottom: 0;
    padding-left: 0;
    left: 0;
    bottom: -15px;
    box-shadow: 0 0 0px transparent;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.6875em;
    letter-spacing: 0.39px;
    color: #d82028;
    box-sizing: border-box;
}

    .parsley-errors-list li {
        list-style-type: none;
    }

    .parsley-errors-list .parsley-required {
        color: #d82028;
    }

input.parsley-error, select .parsley-error, .checkbox .parsley-error .checkmark,
.parsley-error ~ .select2 .select2-selection {
    border: 1px solid #d82028 !important;
}

.shell {
    position: relative;
    line-height: 1;
    height: 28px;
    display: block;
}

    .shell span {
        position: absolute;
        left: 3px;
        top: 1px;
        color: #ccc;
        pointer-events: none;
        z-index: -1;
    }

        .shell span i {
            font-style: normal;
            /* any of these 3 will work */
            color: transparent;
            opacity: 0;
            visibility: hidden;
        }

    input.masked,
    .shell span {
        display: inline-block;
        font-family: "Roboto", sans-serif;
        color: #8e8e93;
        font-weight: 400;
        font-size: 0.875em;
        padding-right: 10px;
        background-color: transparent;
        z-index: 1;
    }

/* -----------------------------------------------------------------------------*/
/* This file contains all styles related to the button component.*/
/* -----------------------------------------------------------------------------*/
.btn, a.btn {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    text-decoration: none;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*button sizes*/
}

@media (prefers-reduced-motion: reduce) {
    .btn, a.btn {
        transition: none;
    }
}

.btn.disabled, .btn fieldset:disabled a.btn, a.btn.disabled, a.btn fieldset:disabled a.btn {
    cursor: not-allowed;
    opacity: 0.7;
}

.btn:focus, a.btn:focus {
    outline: none;
}

.btn.xs-btn, a.btn.xs-btn {
    font-size: 0.625em;
    padding: 0.9em 2.5em 0.9em 2.5em;
    letter-spacing: 0.09375em;
    height: 30px;
}

@media (max-width: 767px) {
    .btn.xs-btn, a.btn.xs-btn {
        font-size: 0.75em;
    }
}

.btn.sm-btn, a.btn.sm-btn {
    font-size: 0.625em;
    padding: 0.9em 2.5em 0.9em 2.5em;
    letter-spacing: 0.09375em;
    height: 3.125em;
}

@media (max-width: 767px) {
    .btn.sm-btn, a.btn.sm-btn {
        font-size: 0.75em;
    }
}

.btn.md-btn, a.btn.md-btn {
    font-size: 0.75em;
    padding: 1em 2em 1em 2em;
    letter-spacing: 0.09375em;
    height: 3.125em;
}

.btn.lg-btn, a.btn.lg-btn {
    font-size: 0.75em;
    font-weight: 700;
    padding: 1.5em 4em 1.5em 4em;
    letter-spacing: 0.09375em;
    line-height: 10px;
}

@media (min-width: 768px) {
    .btn, a.btn {
        margin: 0em 1em 0em 1em;
        font-size: 0.625em;
        font-weight: 400;
    }
}

@media (max-width: 767px) {
    .btn, a.btn {
        margin: 2em 0em 2em 0em;
        font-size: 0.8125em;
        font-weight: 500;
        letter-spacing: 0.09375em;
    }

        .btn.top-space-1, a.btn.top-space-1 {
            margin-top: 4em;
        }
}

.btn.transparent {
    font-weight: 300;
    color: #e7e7e7;
    text-decoration: none;
}

    .btn.transparent.focus, .btn.transparent:focus, .btn.transparent:hover {
        background: #d82028;
        color: white;
    }

.btn.brand-color, .btn.success, .btn.info, .btn.warning, a.btn.brand-color, a.btn.success, a.btn.info, a.btn.warning, .btn.btn-danger, a.btn.btn-danger {
    color: white;
    background: #d82028;
    text-decoration: none;
}

    .btn.brand-color.focus, .focus.btn.success, .focus.btn.info, .focus.btn.warning, .btn.brand-color:focus, .btn.success:focus, .btn.info:focus, .btn.warning:focus, .btn.brand-color:hover, .btn.success:hover, .btn.info:hover, .btn.warning:hover, a.btn.brand-color.focus, a.focus.btn.success, a.focus.btn.info, a.focus.btn.warning, a.btn.brand-color:focus, a.btn.success:focus, a.btn.info:focus, a.btn.warning:focus, a.btn.brand-color:hover, a.btn.success:hover, a.btn.info:hover, a.btn.warning:hover, .btn.btn-danger.focus, .btn.btn-danger:focus, .btn.btn-danger:hover, a.btn.btn-danger.focus, a.btn.btn-danger:focus, a.btn.btn-danger:hover {
        color: white;
        background: #ac1920;
    }

    .btn.brand-color:disabled, .btn.success:disabled, .btn.info:disabled, .btn.warning:disabled, a.btn.brand-color:disabled, a.btn.success:disabled, a.btn.info:disabled, a.btn.warning:disabled, .btn.btn-danger:disabled, a.btn.btn-danger:disabled {
        color: white;
        background: #e75d63;
        cursor: cursor;
    }

.btn.success {
    background: #3eccc9;
}

    .btn.success.focus, .btn.success:focus, .btn.success:hover {
        background: #2daaa7;
    }

.btn.info {
    background: #8e8e93;
}

    .btn.info.focus, .btn.info:focus, .btn.info:hover {
        background: #74747a;
    }

.btn.warning {
    background: #d82226;
}

    .btn.warning.focus, .btn.warning:focus, .btn.warning:hover {
        background: #ac1b1e;
    }

.btn.grey-outline, .btn.brand-outline {
    font-weight: 400;
    border: 1px solid #686868;
    letter-spacing: 0.09375em;
    color: #686868;
    font-weight: 700;
    background: transparent;
    text-decoration: none;
}

    .btn.grey-outline.tobrand.focus, .tobrand.focus.btn.brand-outline, .btn.grey-outline.tobrand:focus, .tobrand.btn.brand-outline:focus, .btn.grey-outline.tobrand:hover, .tobrand.btn.brand-outline:hover {
        background: #d82028;
        border: 1px solid #d82028;
        color: white;
    }

@media (max-width: 767px) {
    .btn.grey-outline.tobrand, .tobrand.btn.brand-outline {
        font-weight: 400;
    }
}

.btn.grey-outline.togray.focus, .togray.focus.btn.brand-outline, .btn.grey-outline.togray:focus, .togray.btn.brand-outline:focus, .btn.grey-outline.togray:hover, .togray.btn.brand-outline:hover {
    background: #686868;
    border: 1px solid #686868;
    color: white;
}

.btn.grey-outline.togray:disabled, .togray.btn.brand-outline:disabled {
    border: 1px solid #b5b5b5;
    color: #b5b5b5;
    cursor: default;
}

    .btn.grey-outline.togray:disabled.focus, .togray.btn.brand-outline:disabled.focus, .btn.grey-outline.togray:disabled:focus, .togray.btn.brand-outline:disabled:focus, .btn.grey-outline.togray:disabled:hover, .togray.btn.brand-outline:disabled:hover {
        background-color: transparent !important;
    }

@media (max-width: 767px) {
    .btn.grey-outline.togray, .togray.btn.brand-outline {
        font-weight: 400;
    }
}

.btn.grey-outline.togreen, .togreen.btn.brand-outline {
    font-weight: 400;
    border: 1px solid #c6ccd7;
    letter-spacing: 0.09375em;
    color: black;
    font-weight: 700;
    background: #3eccc9;
    text-decoration: none;
}

.btn.brand-outline {
    border: 1px solid #d82028;
    color: #d82028;
}

.btn.full-light-grey {
    color: #434c5f;
    background-color: #e7e7e7;
    font-weight: 500;
    text-decoration: none;
}

    .btn.full-light-grey.focus, .btn.full-light-grey:focus, .btn.full-light-grey:hover {
        color: #e7e7e7;
        background-color: #d82028;
    }

.btn.full-white {
    color: #434c5f;
    background-color: white;
    font-weight: 500;
}

    .btn.full-white.focus, .btn.full-white:focus, .btn.full-white:hover {
        color: #e7e7e7;
        background-color: #d82028;
    }

.btn.full-grey {
    color: white;
    background-color: #8e8e93;
    font-weight: 500;
    text-decoration: none;
}

    .btn.full-grey.focus, .btn.full-grey:focus, .btn.full-grey:hover {
        background-color: #74747a;
    }

/*start general styles */
:focus {
    outline: gray auto 2px !important;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #4a4a4a !important;
    -webkit-box-shadow: 0 0 0px 1000px #fff 0 inset;
    -webkit-box-shadow: 0 0 0px 1000px #fff0 inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}

.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus .login textarea:-webkit-autofill,
.login textarea:-webkit-autofill:hover .login textarea:-webkit-autofill:focus,
.login select:-webkit-autofill,
.login select:-webkit-autofill:hover,
.login select:-webkit-autofill:focus {
    -webkit-text-fill-color: white !important;
    background-color: transparent !important;
    -webkit-box-shadow: transparent transparent inset !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

.overlay {
    z-index: 900;
}

.navbar.navbar-fixed-top {
    z-index: 1030;
}

.navbar .navbar-brand {
    color: #fff;
    height: auto;
    display: block;
    font-size: 14px;
    padding: 0px;
    transition: all 0.6s ease-in-out 0s;
}

.navbar .navbar-brand {
    width: 270px;
}

.navbar .logo {
    width: 260px;
    margin-top: 7px;
}

.navbar .form-control {
    border-radius: 0px;
    background: transparent;
    border: 1px solid white;
    color: white;
    font-size: 13px;
    font-weight: 100;
    font-style: italic;
}

    .navbar .form-control::-moz-placeholder {
        color: white;
    }

    .navbar .form-control::placeholder {
        color: white;
    }

.navbar .ingresar-btn {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    background-color: white;
}

.navbar .brand-container img {
    display: block;
}

.navbar .btn-rounded {
    border-radius: 30px;
    padding: 8px;
    padding-left: 37px;
    padding-right: 37px;
}

.modal-header,
.modal-footer {
    background-color: transparent !important;
    border-radius: 0px !important;
}

.modal-dialog .modal-content .modal-title {
    font-weight: 500;
}

.modal-header {
    border-bottom: 1px solid white;
}

.modal-body {
    background-color: transparent !important;
    border: 0px;
}

.messagePopUp .btn-danger {
    background-color: #d82828 !important;
    border-radius: 0px !important;
    padding: 10px 20px !important;
    color: white !important;
}

.main-login .center-xs .container {
    min-height: 100px;
}

.image-bg-size {
    height: 680px;
}

.main-image-text h1 {
    color: white;
    text-align: center;
    margin: 0 auto;
    margin-top: 300px;
    font-size: 33px;
    line-height: 56px;
}

.main-image-text p {
    color: #d8d8d8;
    text-align: center;
    font-size: 19px;
    line-height: 22px;
    font-weight: 400;
}

.social-icon .social {
    width: 20px;
    height: 20px;
    fill: #d8d8d8;
    text-align: center;
    opacity: 0.8;
    transition: all 0.3s ease-in-out 0s;
}

    .social-icon .social:hover {
        opacity: 1;
        transition: all 0.3s ease-in-out 0s;
    }

    .social-icon .social:hover {
        fill: #fff;
    }

.social-icon {
    text-align: center;
}

    .social-icon ul li {
        float: left;
        display: table-row;
    }

.circle:hover {
    opacity: 0.9;
    transition: all 0.3s ease-in-out 0s;
}

.card-title:hover {
    color: #a91717;
    transition: all 0.3s ease-in-out 0s;
}

.main-3-cards .card {
    border: none;
    padding: 50px;
}

    .main-3-cards .card a {
        color: #4a4a4a;
    }

        .main-3-cards .card a:hover {
            text-decoration: none;
        }

    .main-3-cards .card .card-title {
        font-size: 15px;
        font-family: roboto, sans-serif;
        text-transform: uppercase;
    }

.section-icons {
    width: 36px;
}

.recuperar-contrasena {
    border-radius: 0;
}

    .recuperar-contrasena #tableContent {
        padding: 15px;
    }

        .recuperar-contrasena #tableContent p {
            font-size: 13px;
            margin-bottom: 20px;
        }

    .recuperar-contrasena .input-field {
        margin-bottom: 25px;
        width: 100%;
        border: none;
        border-bottom: 1px solid #434c5f;
        color: #434c5f;
        font-size: 13px;
        font-weight: 400 !important;
        font-family: "Roboto", sans-serif;
        font-style: normal;
    }

        .recuperar-contrasena .input-field::-moz-placeholder {
            color: #434c5f;
        }

        .recuperar-contrasena .input-field::placeholder {
            color: #434c5f;
        }

    .recuperar-contrasena input[type=button] {
        padding: 10px;
        border-radius: 0;
        padding-left: 27px;
        padding-right: 27px;
        font-size: 13px;
        color: white;
        border-radius: 20px;
        text-transform: capitalize;
    }

        .recuperar-contrasena input[type=button]:hover, .recuperar-contrasena input[type=button]:focus {
            opacity: 0.8;
            background-color: #d82028;
        }

#registrar-agencia .textarea-field {
    width: 100%;
    height: 193px;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    padding: 10px;
    font-size: 13px !important;
    font-style: italic;
    opacity: 9.9;
    border: 1px solid #b3b3b3;
    resize: none;
    height: 120px;
    border-radius: 0;
}

    #registrar-agencia .textarea-field::-moz-placeholder {
        color: #434c5f;
    }

    #registrar-agencia .textarea-field::placeholder {
        color: #434c5f;
    }

#registrar-agencia .modal-header {
    padding-bottom: 0;
}

#registrar-agencia .modal-body,
#registrar-agencia .modal-header {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
}

#registrar-agencia .modal-footer {
    min-height: initial;
}

#registrar-agencia .modal-content {
    width: 434px;
    margin: auto;
}

#registrar-agencia form .form-group:not(:nth-child(6)) {
    margin-bottom: 2.3rem;
}

#registrar-agencia input[type=text],
#registrar-agencia input[type=email] {
    margin-bottom: 25px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #434c5f;
    border-radius: 0;
    color: #434c5f;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    padding-left: 0;
    padding-right: 0;
}

    #registrar-agencia input[type=text]::-moz-placeholder, #registrar-agencia input[type=email]::-moz-placeholder {
        color: #434c5f;
    }

    #registrar-agencia input[type=text]::placeholder,
    #registrar-agencia input[type=email]::placeholder {
        color: #434c5f;
    }

#registrar-agencia .modal-footer {
    border: none;
    padding-right: 0;
}

#registrar-agencia .btn {
    margin-right: 0;
    padding: 10px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border-radius: 20px;
    color: white;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
}

#ListBranchs table {
    margin-bottom: 0;
}

#ListBranchs td {
    font-size: 13px;
}

#ListBranchs .modal-footer {
    border-top: 0;
}

@media (min-width: 576px) {
    #ListBranchs .modal-dialog {
        max-width: 690px;
    }
}

.branch-btn {
    margin: auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #434c5f;
    padding: 5px 10px;
    border: 0px;
    border-radius: 20px;
}

    .branch-btn:hover, .branch-btn:active {
        color: white;
        background-color: #2e3441;
        text-decoration: none;
    }

footer .container {
    border-top: 1px solid #d8d8d8;
}

footer .legales-title {
    font-size: 13px;
}

footer .legales {
    font-size: 12px;
    color: #9b9b9b;
    text-align: center;
    margin-top: 0px;
}

.Hunter-pop-up {
    position: fixed;
}

    .Hunter-pop-up .title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 18px;
        background-color: transparent;
        border-bottom: 0px;
        border-radius: 5px 5px 0 0;
        height: 35px;
    }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}

    /* Tooltip text */
    .tooltip .error {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .error {
        visibility: visible;
    }

#divSucursales table {
    width: 100%;
}

    #divSucursales table tr:not(:last-child) {
        border-bottom: 1px solid white;
    }

    #divSucursales table tr .btn-sucursal {
        display: flex;
        width: 90%;
        margin-left: auto;
    }

        #divSucursales table tr .btn-sucursal a {
            border-radius: 0px;
            padding: 10px;
            color: white;
        }

#divSucursales td:first-child {
    padding-left: 15px;
}

#divSucursales td:last-child {
    padding-right: 15px;
}

#divSucursales td {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

input[id="recuperar-psw"]:focus,
#recuperar-psw:focus {
    /*border-color: #c62828 !important;*/
    /*  box-shadow: 0 0 0 0.2rem rgba(198, 40, 40, 0.25);*/
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.form-control:focus {
    border-color: white;
    /*  box-shadow: 0 0 0 0.2rem rgba(198, 40, 40, 0.25);*/
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.white-text a {
    color: white;
}

    .white-text a:hover {
        text-decoration: none;
    }

.right-arrow {
    width: 15px;
    fill: white;
}

.white-bg {
    background-color: white;
    color: #d82028;
}

.gray-gradient-bg {
    background-image: linear-gradient(to bottom, #fff 0%, #d8d8d8 90%);
    border: none;
}

.tarifas .gray-gradient-bg {
    background-image: linear-gradient(to bottom, #fff 0%, #d8d8d8 160%);
    border-top: 1px solid #d9d9d9;
}

.pr-40px {
    padding-right: 40px !important;
}

.gray-gradient-inverse-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+1,ffffff+100 */
    background: #e6e6e6;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6e6e6 1%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.light-gray-bg {
    background-color: #f6f6f6;
}

.light-gray-bg {
    background-color: #f6f6f6;
}

.strong-gray-bg {
    background-color: #e9e9e9;
}

h3.red-AC {
    font-size: 20px;
    margin: 20px;
}

.red-AC,
.red-ac {
    color: #d82028 !important;
}

.circle {
    padding: 40px;
    border-radius: 50%;
    margin: 0 auto;
}

#input-pasajeros .col-1,
#input-pasajeros .col-2 {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    width: 40px;
}

.circle.unico {
    padding: 55px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.red-AC-bg {
    background: #d82028 !important;
}

.image-bg-size.background-image .bottom {
    vertical-align: bottom;
}

/* -----------------------------------------------------------------------------*/
/* Pages/devices
/* -----------------------------------------------------------------------------*/
.navbar-toggler-icon {
    color: white;
}

.container {
    max-width: 100%;
}

/*only desktop styles*/
@media (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }

    .cool-link-top::before {
        content: '';
        display: block;
        width: 0;
        background: #fff;
        border-color: transparent transparent #fff;
        border-top: 1px solid !important;
        transition: width .3s;
        color: white !important;
    }

    .cool-link-top:hover::before, .cool-link-top.active::before {
        width: 100%;
        transition: width .3s;
        border-color: transparent transparent #fff;
        color: white !important;
    }

    .cool-link-top.active::before {
        color: #fff;
        background-color: transparent;
        font-size: 15px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        border-top: 1px solid !important;
        border-color: transparent transparent #fff;
        transition: width .3s;
        color: white !important;
    }

    .thiner-container {
        padding-left: 3em;
        padding-right: 3em;
    }

    .panel .link-mb {
        display: none;
    }

    .sales {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,ffffff+100 */
        background: #e6e6e6;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #e6e6e6 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */
    }

    #divSucursales .modal-dialog {
        max-width: 400px;
    }

    .tarjetas-container .col-lg-2 {
        flex: 0 0 18.666667%;
        max-width: 18.666667%;
        padding: 0px;
        /*  height: 40px;
   overflow: hidden;*/
    }

        .tarjetas-container .col-lg-2 img {
            max-height: 40px;
        }

    .main-home:before {
        content: '';
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #d8d8d8;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #d8d8d8), color-stop(1%, rgba(216, 216, 216, 0.99)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: linear-gradient(to bottom, #d8d8d8 0%, rgba(216, 216, 216, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff', GradientType=0 );
    }
}

@media (min-width: 961px) {
    .cotizacion-dk {
        padding-left: 40px;
    }

    .red-AC-bg-dk {
        background: #d82028 !important;
    }

    .landing-page .navbar-wrapper .navbar {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-default.navbar-scroll {
        background-color: #d82028;
        /*border-color: #fff;*/
        padding-top: 5px;
        /*padding-bottom: 0px;*/
    }

    .white-link {
        color: white;
        text-decoration: none;
        font-size: 13px;
    }

        .white-link:hover {
            color: #d8d8d8;
            text-decoration: none;
        }

    .text-right {
        margin-top: 5px;
    }

        .text-right.small {
            font-size: 10px;
            font-style: italic;
        }

    .mi-popover {
        font-size: 12px;
    }

    .mb-quantity {
        display: none;
    }

    .products .checkbox {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .pr-40px {
        padding-right: 40px !important;
        text-align: right;
    }

    .products .diario-bg-panel, .products .multitrip-bg-panel {
        border-top: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .panel h4 {
        min-height: 50px;
    }

    .reset-padd-mb.l, .reset-padd-mb.r {
        width: 100%;
        border-right: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
        border-radius: 6px;
        overflow: hidden;
    }

    .destaque .container-destacado {
        max-width: 420px;
        margin: 0 auto;
    }

    .products .destaque {
        background: url(../img/products-bg.jpg) repeat;
        background-color: white;
        padding-top: 20px;
    }

    .cards-titles {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        width: 100%;
        background-color: white;
    }

    .white-space {
        z-index: 1;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        position: absolute;
        top: 0px;
        height: 64px;
        width: 100%;
        background-color: white;
    }

    .destaque .col-6, .destaque, .destaque.bd-highlight {
        border-bottom: 0px;
        margin: 0px;
        padding: 0px;
    }

        .destaque .col-6 {
            flex-wrap: wrap;
            width: 50%;
            width: 100vw;
        }

            .destaque .col-6.r {
                border-left: 1px solid #a8a8a8;
            }

    .thankyou .iconos span, .thankyou .iconos i {
        display: inline-block !important;
    }

    .thankyou .iconos i {
        margin-left: 10px;
    }

    .sales .dk-pr {
        padding-right: 50px;
    }

    .sales, .cancel-upgrade, .edit-voucher {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,ffffff+100 */
        background: #e6e6e6;
        /* Old browsers */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #e6e6e6 0%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 */
    }

        .sales .check-space {
            background-color: white !important;
            padding: 0px !important;
        }
}

@media (min-width: 961px) {
    .dk-nomargin {
        margin: 0px !important;
    }

    .dk-nopadding {
        padding: 0px !important;
    }

    .landing-page .navbar-wrapper .navbar {
        border-radius: 4px;
    }
    /*comportamiento de tabla responsive para dispositivos de 720w / 
	responsive table behavior for 720w devices*/
    .table-wrapper {
        position: relative;
        width: 700px;
        margin: auto;
        background: #eee;
        /*padding: 0px 30px;*/
    }

    .mobile-cursor .scroll-icon {
        font-size: 30px;
        font-size: bold;
        color: #4a4a4a;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        padding: 10px;
        /* background-color: rgba(0, 0, 0, 0.0);   
	  border-radius: 10px;  */
    }

        .mobile-cursor .scroll-icon:hover, .mobile-cursor .scroll-icon:focus {
            color: black;
            cursor: pointer;
        }

    .mobile-cursor .icon-back, .mobile-cursor .icon-go {
        display: none;
    }

    .table-wrapper {
        width: auto;
        background-color: transparent;
    }

    .user-data .prfl-type {
        text-align: right;
    }

    .products .panel {
        width: 390px;
    }

    .panel .comprar {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }
}

/*only mobile styles*/
@media (max-width: 1200px) {
    .main-country-selection h1.upperacase-title {
        font-size: 17px;
    }

    .main-country-selection h1.upperacase-title, .main-country-selection .nav-item {
        font-size: 15px;
    }

    .inputfile + label span {
        width: 170px;
    }

    .tarjetas-container {
        display: none;
    }
}

@media (max-width: 960px) {
    .container.cotizador {
        padding: 0px !important;
        justify-content: center;
    }

    .option {
        padding-left: 40px !important;
        margin-top: 0px !important;
        flex-direction:column;
    }

    .pais {
        height: 20px !important;
        padding-right: 5px !important;
    }

    .select2-selection__rendered {
        font-size: 11px !important;
    }

    .span-arrow, .apais {
        font-size: 11px !important;
    }

    .select2-container--default {
        width: 55px !important;
    }
    .form-group-resp{
        display:flex;
        justify-content:center!important;
    }
    .form-group{
        margin-bottom:0px!important;
    }
    .navbar-wrapper{
        padding-top:0px!important;
    }
    .navigation-cont-resp {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .brand-container-resp {
        background-color: #E4002B;
        padding-left: 34px;
        height:100px;
        padding-top:26px;
       
    }
    .InputUserMobile{
        display:flex;
        justify-content:center;
    }
    .InputPasswordMobile {
        display: flex;
        justify-content: center;
    }
    .form-control {
        width: 79%;
    }
    .form-row{
        padding-top:52px;
    }
    .navbar .form-group{
       margin-top:30px;
    }
    .text-right{
        padding-right:9px!important;
    }

/*    #IdLogo {
        width: 170px;
        height: 48px;
        margin-left: -33px;
    }*/
    /*navigation*/
    .dropdown-menu.solicitar-saldo {
        height: auto;
    }

    .brand-name {
        float: right;
        color: white;
        font-size: 16px !important;
    }

    .container.navigation-cont {
        max-width: 880px;
    }

    .logo, .navbar-wrapper .navbar.navbar-scroll .logo {
        width: 200px;
    }

    .ingresar-btn {
        font-size: 10px;
    }

    label.error {
        font-size: 13px;
        font-style: italic;
        color: white;
    }

    .products .cotizador .col-sm-12, .products .cotizador .col-9, .products .cotizador .col-12 {
        padding: 0px !important;
    }

    .products .cotizador .col-3 {
        padding-left: 0px !important;
        padding-right: 15px !important;
    }

    .products .diario-bg-panel, .products .multitrip-bg-panel {
        width: 50% !important;
    }

    .col-md-3-custom {
        width: 100%;
        max-width: 100%;
    }

    .products .tarjetas-container .col-md-3-custom {
        text-align: center;
    }

    .sm-w100 {
        width: 100%;
    }

    .mb-d-none {
        display: none;
    }

    section.main-home {
        background: none !important;
    }

    footer .legales {
        text-align: justify;
    }

    .dropdown-menu.show {
        z-index: 2045;
    }

    .modal#registrar-agencia {
        left: 0px;
        top: 0px;
    }

    #registrar-agencia .modal-content {
        width: 100%;
        height: auto;
    }

    .modal-dialog {
        width: 94%;
        padding: 6%;
    }

    #ListBranchs .modal-dialog {
        max-width: 100% !important;
        width: 100% !important;
    }

    .tabs-container {
        margin-top: 0px;
    }

    .main-country-selection h1.upperacase-title, .main-country-selection .nav-item {
        font-size: 18px;
        text-align: center;
    }

    .nav-tabs .nav-link,
    .nav-tabs .nav-link,
    #tabs .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 13px;
        line-height: 40px;
    }

    .item-group .item {
        flex: 1 0 50%;
        box-sizing: border-box;
        padding: 10px;
    }

    .tab-content > .active {
        margin-top: 0px;
    }

    .center-xs {
        webkit-box-pack: center;
        justify-content: center;
        text-align: center;
    }

    .second-nav {
        background-color: transparent;
        width: 100%;
        padding-top: 0px;
    }

    .cotizacion-dk {
        display: none;
    }

    .nav-item {
        width: 25%;
        padding: 10px;
        width: 100%;
    }

    .main-country-selection .nav-item,
    .main-country-selection .nav-item.active {
        line-height: 30px;
        padding-bottom: 0px;
    }

    .cotizacion {
        font-size: 13px !important;
        font-weight: 100 !important;
        text-transform: uppercase;
    }

    .no-border-bottom {
        border-bottom: 0px !important;
    }

    .cool-link-top .chat {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    div.chat {
        text-align: right !important;
    }

    .dark-gray-bg {
        background-color: #d8d8d8;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .black-gray-bg h2 {
        padding: 20px 15px 0px 15px;
        font-size: 20px;
        font-weight: 400;
    }

    .black-gray-bg p {
        font-size: 15px;
        line-height: 20px;
        font-weight: 100;
        padding: 0px 15px 20px 15px;
    }

    .black-gray-bg h2, .black-gray-bg p {
        color: white;
        text-align: center;
        margin-bottom: 0px;
    }

    .black-gray-bg {
        background-color: #4a4a4a;
    }

    .two-light-gray-bg {
        background-color: #eae9e9;
        padding: 10px 25px !important;
    }

        .two-light-gray-bg:hover,
        .two-light-gray-bg:focus,
        .two-light-gray-bg.focus {
            background-color: #c8c8c8;
            color: #808080 !important;
            transition: all .6s ease-in-out 0s;
        }

        .two-light-gray-bg a {
            color: #4a4a4a !important;
            font-size: 18px;
        }

    .datos {
        padding-bottom: 40px !important;
    }

    .sesion {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        border-top: 1px solid #a4a4a4 !important;
    }

    .d-md-inline {
        display: inline-block;
        width: auto;
    }

    .mb-header {
        width: 100%;
        padding: 20px 10px;
    }

        .mb-header a {
            float: right;
        }

    .brand-agency-mb {
        padding: 30px !important;
    }

    .mb-align-right {
        text-align: right;
    }

    .saldo-mb {
        background: #4a4a4a;
        padding: 25px;
    }

    .cotizacion {
        background: #9b9b9b;
        padding: 15px 25px;
        font-size: 14px !important;
        font-weight: 100 !important;
    }

    .mb-user {
        background: #9b9b9b;
        padding: 15px 25px;
        font-size: 13px !important;
        font-weight: 100 !important;
    }

    .remove-padding {
        padding: 0px;
    }

    .logo, .navbar-wrapper .navbar.navbar-scroll .logo {
        width: 160px !important;
    }

    .transparent-bg-mb {
        background: transparent !important;
    }

    .red-bg-mb {
        background: #d82028 !important;
    }

    .white-link {
        font-size: 12px;
        color: white;
        text-decoration: none;
    }

        .white-link:hover {
            color: white;
        }

    .right-arrow {
        width: 12px;
    }

    .ingresar-btn {
        width: 100%;
    }

    .main-image-text h1 {
        margin-top: 0px;
        font-size: 17px;
        line-height: 20px;
    }

    .main-image-text p {
        font-size: 13px;
        line-height: 16px;
    }

    .white-link {
        color: white !important;
        margin-top: 2px !important;
    }

    .ingresar-btn {
        font-size: 14px;
        width: 82%;
    }
    .ButtonMobile{
        display:flex;
        justify-content:center;
    }
    .main-image-text{
        padding-top:30px;
    }
    .select2-container--open .select2-dropdown--below{
        margin-left:-22px;
    }

    .main-3-cards .card {
        padding: 0px;
    }

    .ingresar-btn {
        font-size: 14px;
    }

    .second-nav .primer-item {
        margin-left: 0px;
    }

    .second-nav .nav-item {
        background-color: #eae9e9 !important;
        color: #4a4a4a !important;
    }

        .second-nav .nav-item a {
            color: #4a4a4a !important;
            transition: all .3s ease-in-out 0s;
        }

            .second-nav .nav-item a:hover {
                opacity: .9;
                transition: all .3s ease-in-out 0s;
            }

    .second-nav .sesion {
        border-top: 1px solid #4a4a4a !important;
    }

    .mt150 {
        margin-top: 10px;
    }

    .navbar-default .navbar-brand {
        width: 77%;
       
    }

    #input-pasajeros .col-1 {
        display: inline-block;
        margin-right: 20px;
        margin-left: 20px;
        width: 20%;
    }

    .reset-padd-mb {
        padding: 0px !important;
    }

    .reset-marg-mb {
        margin: 0px !important;
    }

    #carousel-home {
        max-width: 100%;
        width: 100%;
        height: auto;
        border-radius: 0px;
    }

    .mt-3.reset-mt {
        margin: 10px;
    }

    .mt150 {
        margin-top: 15px;
    }

    .text-mb {
        font-size: 13px;
        text-transform: uppercase;
    }

    .text-mb2, .text-mb2 p {
        font-size: 16px;
        color: #bdbdbd;
        padding: 10px;
    }

    .tarjetas-container {
        width: 100%;
        height: auto;
        margin-bottom: 0px;
    }

    .row.lateral-izq-footer {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .tarjetas-container .white-text {
        text-align: center;
        padding-right: 0px;
        color: #9b9b9b;
        background-color: white;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        padding: 15px !important;
    }

    .half-perc-mb {
        float: right;
        display: inline-block;
        width: 50%;
    }

    .saldo {
        width: 40%;
        font-size: 16px;
        margin-right: 20px;
        float: left;
    }

        .saldo span {
            font-size: 14px;
        }

    #input-pasajeros {
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 20px;
    }

        #input-pasajeros .col-1, #input-pasajeros .col-2, .col-2 {
            width: 12% !important;
            display: flex;
            flex-direction: column;
        }

        #input-pasajeros .col-2 {
            flex: 0 0 10%;
            max-width: 10%;
        }

    input.edad {
        width: 45px;
        height: 35px;
    }

    .main-navbar, .main-navbar .navbar-nav li a {
        margin-right: .0em;
        margin-left: .0em;
        font-size: 16px;
        font-weight: 400;
        color: white;
    }

    .navbar p {
        font-size: 12px;
    }

    .tarjetas-container .col-md-3-custom {
        text-align: center;
        font-size: 20px;
        color: #cdcccc;
    }

    .col-md-9-custom {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .col-md-9-custom.tarjetas .row {
            margin: 0px;
            display: flex;
            justify-content: space-around !important;
        }

    #input-pasajeros .col-1 {
        margin-right: 0px;
        margin-left: 0px;
    }

    .navbar-fixed-top {
        width: 100%;
        padding: 0px;
    }
    /*products mobile*/
    .products .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .products .dark-gray-bg {
        padding: 0px;
    }

    .products .bd-highlight {
        margin: 0px;
    }

    .colapsables-mobile {
        width: 50%;
        padding: 20px 0px 20px 0px;
        font-size: 15px;
        text-transform: uppercase;
        color: #4a4a4a;
        background-color: white;
        border-radius: 0px;
        margin: 0px;
        border: 1px solid #a8a8a8;
    }

        .colapsables-mobile:hover,
        .colapsables-mobile:focus,
        .colapsables-mobile.focus,
        .colapsables-mobile.active,
        .colapsables-mobile:active {
            background-color: #eae9e9;
            color: #4a90e2;
            border: 1px solid #4a90e2;
        }

    .products.col-md-4.dark-gray-bg {
        background-color: transparent;
    }

    .products #Buscador {
        border: 1px solid #4a4a4a;
    }

    .checkboxes.bd-highlight, .buscador.bd-highlight {
        border: 0px;
        border-bottom: 1px solid #a2a2a2;
    }

    .products .arrow-filters {
        background-color: white;
        padding: 10px;
        border-bottom: 20px solid #eae9e9;
    }

        .products .arrow-filters a {
            color: #4a4a4a;
        }

            .products .arrow-filters a:focus {
                text-decoration: none;
            }

        .products .arrow-filters .center.a {
            padding-left: 30px;
        }

        .products .arrow-filters .center.b {
            padding-right: 30px;
        }

    .products .d-md-inline .checkbox {
        display: inline;
        padding: 0px;
    }

    .products .d-md-inline .col-md-6 .container {
        display: inline-block;
        float: left;
        width: 32.5%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .products .dk-quantity {
        display: none;
    }

    .products .mb-quantity {
        display: inline-flex;
        padding-left: 5px;
    }

    .products .checkboxes {
        border-bottom: 20px solid #eae9e9;
    }

    .products #QuotSummary {
        background-color: white;
        padding: 10px;
    }

        .products #QuotSummary .titulo {
            text-transform: uppercase;
            color: #000;
            font-weight: bold;
            font-size: 13px;
        }

        .products #QuotSummary p {
            margin-bottom: 0px;
            font-size: 13px;
        }

    .products .cards-titles {
        display: none;
    }

    .products .cards-titles-mb {
        display: block;
        color: #000;
    }

    .products .panel .mmg-t, .products .panel .mmg-v {
        min-height: 84px;
    }

    .products .cards-titles-mb h2 {
        font-size: 18px;
        text-transform: uppercase;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .products .bd-highlight {
        border: 0px;
        border-radius: 0px;
    }

    .products .diario-bg-panel {
        background-color: #f7f7f7;
    }

    .products .multitrip-bg-panel {
        background-color: #eae9e9;
    }

    .vermas-products {
        padding-top: 30px;
        padding-bottom: 10px;
    }

    .pr-40px {
        padding-right: 0px !important;
        text-align: center;
        font-size: 22px;
        width: 100%;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        background-color: white;
    }

    .products .tarjetas {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .products .panel {
        padding: 7px;
        min-height: 250px;
        min-width: 210px;
    }

        .products .panel.destacado {
            min-height: 290px;
            /*ajustar despues*/
        }

    .clip, .panel .diferencia, .panel .r .link {
        left: 5px;
        top: -60px;
        /*display: none;*/
        /*CAMBIOS 10-12-2019*/
        display: block;
        position: initial;
        font-size: 11px;
        font-weight: bold;
    }

    .panel .link, .panel .precio-tachado {
        text-align: center;
        display: none;
    }

    .panel .link-mb {
        display: block;
        text-align: center;
        text-decoration: underline !important;
        font-size: 12px;
        color: #2f2f2f;
        margin-top: 10px;
    }

    .container-destacado {
        min-height: 300px;
    }

        .container-destacado .clip {
            display: block;
        }

    .products .container-destacado h4 {
        padding-top: 10px;
        display: block;
        width: 180px;
        /* max-width: 200px; */
        /* min-width: 180px; */
        line-height: 30px;
        min-height: 70px;
    }

    .products h4, .mmg-t, .mmg-v {
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .products h4 {
        font-weight: bold;
        text-transform: uppercase;
        line-height: 30px;
        font-size: 25px;
        margin-top: 40px;
        min-height: 60px;
    }

    .products .mmg-t {
        padding-top: 20px;
    }

    .panel.destacado .comprar {
        margin-top: 5px !important;
        display: block;
    }

    .panel .comprar {
        /*margin-top: .5rem !important;*/
        width: 100%;
        padding: 7px;
        display: block;
    }

    .destaque .l, .destaque .r {
        width: 100%;
        height: 100%;
    }

    .container-destacado::before {
        background-color: #7ed321;
        font-size: 11px;
        color: black;
        right: -23px;
        top: -14px;
        padding-top: 20px;
        font-weight: bold;
    }

    .container-destacado::after {
        font-weight: bold;
        font-size: 11px;
        position: absolute;
        right: -25px;
        top: 20px;
        z-index: 2001;
        padding: 0px;
        padding-right: 37px;
        padding-left: 33px;
        transform: rotate(40deg);
        color: black;
        background-color: #7ed321;
    }

    .footer img {
        width: 100% !important;
    }

    .tarjetas-container .col-lg-2 {
        flex: 0 0 33%;
        max-width: 33%;
        padding: 0px;
    }
    /*addons*/
    .addons {
        background: white;
    }

        .addons .footer .white-text {
            text-align: center;
            padding-right: 0px !important;
        }

        .addons .pl-5 {
            padding: 10px !important;
        }

        .addons .row {
            padding: 0px !important;
            margin: 0px !important;
        }

        .addons .card-val-container {
            display: none;
            visibility: hidden;
        }

        .addons #accordionPassenger .fl-left,
        .addons #accordionPassenger .fl-right {
            float: none;
            text-align: center;
            display: block;
        }

        .addons .card {
            /*max-width: 125px;*/
            display: inline-block;
        }

    .acordion {
        background-color: transparent;
    }

    .addons .card {
        border-top: 8px solid #e9e9e9;
        transition: all .4s ease-in-out 0s;
    }

        .addons .card.active {
            border-top: 10px solid #d82028;
            transition: all .4s ease-in-out 0s;
        }

    .right-side h2, .right-side h2 .ac {
        font-size: 22px;
        font-weight: 400;
        color: white;
        text-align: center;
        margin-top: 0px;
        background-color: #4a4a4a;
    }

    .right-side h2 {
        padding: 20px 30px;
        margin: 0px;
    }

    .addons .nav-pills {
        display: flex;
        justify-content: center;
    }

        .addons .nav-pills .tabs-icon {
            padding: 20px;
        }

            .addons .nav-pills .tabs-icon:hover .addon-tab {
                color: #bebebe;
            }

            .addons .nav-pills .tabs-icon a {
                color: transparent;
            }

    .addons .addon-tab {
        font-size: 40px;
        color: #d8d8d8;
    }

    .addons .upgradeNameUI .addon-title {
        font-size: 18px;
    }

    .addons .select, .addons .select option {
        height: 35px !important;
        font-size: 13px;
    }

    .addons .ulupgrades {
        padding: 15px;
        background: #eae9e9;
        margin-bottom: 0px !important;
    }

    .addons .upgrade-container {
        background-color: white;
        margin-top: 20px;
    }

        .addons .upgrade-container .addon {
            font-size: 33px;
            text-align: left;
            margin: 10px;
            display: inline-block !important;
            width: 10%;
        }

    .price {
        display: inline-block;
        width: 50%;
        margin-top: 30px;
    }

        .price .val, .price .foot-text p {
            font-size: 30px;
            text-align: left;
        }

        .price .foot-text {
            margin-top: 5px;
        }

            .price .foot-text p {
                font-size: 13px;
            }

    .addons .upgrade-container .btn-container {
        display: inline-block !important;
        width: 30%;
    }

    .addons .upgrade-container .btn.upgradeBtn {
        width: 100%;
        font-size: 16px;
    }

    .addons .summ {
        background-color: white;
        padding: 20px;
    }

    .addons .pago h4 {
        margin-top: 10px;
        font-size: 16px;
    }

    .addons .select-container {
        padding-right: 30px !important;
    }

    .addons .select-wrapper select, .addons .select-wrapper select option {
        font-size: 14px !important;
        height: auto;
    }

    .addons .summ .total {
        background-color: #eae9e9;
        margin-top: 30px;
    }

        .addons .summ .total .ac {
            margin-top: 20px !important;
        }

    .addons .summary-mb h4, .addons .summary-mb h1, .detalle h4 {
        margin-top: 30px !important;
        border-bottom: 0px;
    }

    .addons .detalle .pago {
        background-color: #ffffff;
    }

    .addons .summary-mb p {
        margin-bottom: 0px;
        text-transform: uppercase;
        font-weight: 400;
    }

    .addons .summary-mb span.res {
        text-transform: capitalize !important;
        font-weight: 500 !important;
    }

    .addons .table th, .table td {
        font-size: 14px;
    }

    .addons .detalle, .addons .summary-mb, .payment .detalle {
        padding-left: 20px;
        padding-right: 20px;
    }

    .addons .pago .upgradeBtn, .payment .pago .upgradeBtn {
        font-size: 18px;
        margin-bottom: 60px;
    }

    .addons .footer-sp-links, .payment .footer-sp-links {
        background-color: #9b9b9b;
        padding: 15px;
    }

        .addons .footer-sp-links a, .payment .footer-sp-links a {
            color: #e7e6e6;
            font-size: 17px;
            text-align: center;
            display: block;
        }
    /*payment*/
    .payment .col-lg-6 .pr-5, .payment .col-lg-6 .pl-5 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .payment-side h1 {
        display: none;
    }

    .payment #tab-pasajeros {
        padding-top: 30px;
    }

    .payment .addr, .payment .total {
        background-color: #eeeeee;
        border: 0px;
    }

        .payment .total .ac {
            margin-top: 20px !important;
            font-weight: 700;
        }

    .payment .pay {
        margin-bottom: 0px;
    }

    .payment .detalle {
        background-color: white;
        margin-top: 20px;
    }

    .payment .form-control {
        background-color: white !important;
    }

    .payment .payment-side {
        padding-bottom: 20px !important;
    }

        .payment .payment-side .tabs-wrapper {
            max-width: 100%;
            padding-left: 4% !important;
            padding-right: 4% !important;
            margin: 0px;
        }

    .payment .footer .white-text {
        text-align: center;
        padding-right: 0px !important;
    }

    .payment .footer .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .addons .pago .upgradeBtn, .payment .pago .upgradeBtn, .payment .pago .upgradeBtn:focus {
        margin-top: 30px;
    }
    /*thankyou page*/
    .thankyou .overlay-estatico {
        background-color: transparent;
    }

    .thankyou .main {
        min-height: 200px;
    }

    .thankyou .bd-overlay span {
        font-size: 14px;
    }

    .thankyou .mt150 {
        background-color: white;
        margin-top: 0px;
    }

    .thankyou .main-image-text h1 {
        margin: 0px;
        padding-top: 10px;
        color: #4a4a4a;
        font-weight: 500;
    }

    .thankyou .main-image-text p {
        color: #4a4a4a;
        margin: 0px;
        font-size: 12px;
        padding-bottom: 10px;
        font-weight: 400;
    }

    .thankyou .iconos i {
        display: block !important;
    }

    .thankyou .iconos span {
        display: none !important;
    }

    .thankyou .narrow-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .thankyou.seccion-datos th {
        font-size: 14px;
        color: #4a4a4a;
        font-weight: 500;
        text-transform: uppercase;
    }

    .thankyou.seccion-datos .narrow-content {
        margin-top: 1rem;
    }

    .thankyou.seccion-datos h3 {
        margin-left: 15px;
    }

    .thankyou .total {
        padding: 10px;
    }

        .thankyou .total .p-2 {
            width: 100%;
            text-align: center;
            padding: 0px !important;
        }

        .thankyou .total .value {
            font-size: 36px;
            color: #d82828;
        }
    /*sales*/
    .sales .table-responsive tr td {
        font-size: 13px;
        padding: 5px;
    }

    .sales .form-group.dk-nm {
        margin-top: 20px;
    }

    .sales #estado {
        margin-top: 20px;
    }

    .sales .table-responsive tr .v-number {
        min-width: 120px;
    }

    .sales h1 {
        padding-top: 50px;
        margin-top: 0px;
    }
    /*comportamiento de tabla responsive para 960px w / 
	responsive table behavior for 960w devices*/
    .sales .table-responsive {
        overflow-x: scroll;
    }

    .table-wrapper {
        position: relative;
        margin: auto;
        background: transparent;
        padding: 0px 15px;
        overflow: hidden;
    }

    .mobile-cursor .scroll-icon {
        font-size: 35px;
        font-weight: bold;
        color: #4a4a4a;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        padding: 10px;
    }

        .mobile-cursor .scroll-icon:hover, .mobile-cursor .scroll-icon:focus {
            color: black;
            cursor: pointer;
        }

    .cursor-l, .cursor-r {
        display: block;
        position: absolute;
        height: 100%;
        width: 43px;
        z-index: 10;
    }

    .cursor-l {
        left: 15px;
    }

    .cursor-r {
        right: 15px;
    }

    .cursor-l:hover, .cursor-l:focus {
        cursor: pointer;
        box-shadow: inset 25px -1px 30px -9px rgba(0, 0, 0, 0.2) !important;
    }

    .cursor-r:hover, .cursor-r:focus {
        cursor: pointer;
        box-shadow: inset -25px -1px 30px -9px rgba(0, 0, 0, 0.2) !important;
    }

    .cursor-l .icon-back, .cursor-r .icon-go {
        position: absolute;
        top: 45%;
        padding: 10px;
        opacity: .2;
    }

    .cursor-r .icon-go {
        right: 0px;
    }

        .cursor-l .icon-back:hover, .cursor-l .icon-back:focus,
        .cursor-r .icon-go:hover, .cursor-r .icon-go:focus {
            color: #4a4a4a;
            opacity: 1;
        }

    .sales div.dataTables_wrapper div.dataTables_info,
    .sales div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        float: none;
        margin: 0px;
        text-align: center;
    }

    .dataTables_paginate {
        display: flex !important;
    }

    .pagination {
        margin: 0 auto !important;
    }

    .sales h1, .sales .ac, .sales h2 {
        font-size: 22px;
        text-align: center;
    }

    .sales {
        background: transparent;
    }

        .sales .sales-nav .ml-auto {
            display: none;
        }

        .sales .sales-nav ul {
            margin: 0 auto;
        }

        .sales .sales-nav li, .sales .sales-nav li a {
            font-size: 11px;
            width: auto;
            padding: 5px;
            text-transform: uppercase;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .sales .my-sales {
            background-color: #4a4a4a !important;
            padding: 30px 20px;
            margin-top: 30px;
        }

            .sales .my-sales h2 {
                color: white !important;
                margin: 0px;
            }

        .sales .dataTables_info, .dataTables_paginate {
            margin-bottom: 40px;
        }

    .user-data .prfl-type {
        text-align: left;
    }

    .user-data .prfl-type, .user-data .usr-name {
        margin: 15px;
    }

    .user-data .form-group label {
        margin-bottom: 0px;
    }

    .user-data .edit-section .nav-item {
        width: 50%;
        text-align: left;
    }

    .user-data .usr-select {
        margin-left: 0px;
        padding: 15px;
    }

    .user-data .navbar .form-group {
        margin-top: 0px;
    }

    .user-data .navbar-nav {
        margin-top: 0px;
        padding: 15px;
    }

    .user-data .edit-section .nav-item a {
        margin-right: 0em;
        margin-left: 0em;
        font-size: 16px;
        color: #4a4a4a;
        transition: all .3s ease-in-out 0s;
    }

    .user-data .edituser-nav {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .md-remove-padd {
        padding: 0px;
    }
}

@media (max-width: 640px) {
    #input-pasajeros .col-2 {
        flex: 0 0 8.7%;
        max-width: 8.7%;
        align-self: center;
        align-items: center;
        text-align: center;
    }

    input.edad {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .products .d-md-inline .col-md-6 .container {
        width: 50%;
    }

    .addons .upgrade-container .btn.upgradeBtn {
        font-size: 13px;
    }

    .addons .upgrade-container .btn-container {
        width: auto;
    }

    #input-pasajeros .col-2 {
        flex: 0 0 6.6%;
        max-width: 6.6%;
    }
}

@media (max-width: 436px) {
    .products .panel {
        margin: 0px !important;
    }

    .addons .upgrade-container .btn-container {
        width: 100%;
        padding: 20px;
    }

    #input-pasajeros .col-2 {
        flex: 0 0 5.2%;
        max-width: 5.2%;
    }

    input.edad {
        width: 35px;
        height: 35px;
        font-size: 11px;
    }
}

@media (max-width: 380px) {
    .products .panel {
        padding: 10px;
    }

    .products h4 {
        font-size: 20px;
    }

    .products #QuotSummary p {
        font-size: 11px;
    }

    .products .panel {
        min-width: auto;
        width: auto;
    }

    .products .container-destacado h4, .products h4 {
        width: auto;
    }
}

@media (max-width: 320px) {
    .navbar-default .navbar-brand {
        width: 75%;
    }

    .carousel-indicators, .carousel-icons {
        right: -200px;
    }
}

.span-arrow, .apais {
    font-size: 14px;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-transform: uppercase;
}


.option {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -2px
}

.pais {
    display: flex;
}

.right-arrow {
    width: 11px;
    fill: #ffffff;
    transform: rotate(90deg);
    margin-left: 6px !important;
    margin-top: -6px !important;
}

.right-arrow-pais {
    width: 11px;
    fill: #ffffff;
    transform: rotate(90deg) !important;
    margin-left: 6px !important;
    vertical-align: initial !important;
}

.idioma {
    display: none;
    /*margin-left: 20px !important;*/
}

    .idioma.is-open .right-arrow {
        transform: rotate(-90deg);
    }

.select2-search__field {
    display: none;
}

.select2-selection--single {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
}

    .select2-selection--single:focus {
        outline: none !important;
    }

.select2-selection__arrow b {
    display: none;
}

.select2-results__option--selectable {
    border-bottom: 1px solid #c6ccd7;
}

.select2-container {
    border-radius: 4px !important;
}

.select2-selection__rendered {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px !important;
    color: #FFFFFF !important;
    padding: 0 !important;
    text-transform: uppercase;
    text-align: right !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent !important;
    color: #4a4a4a !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent !important;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 4px !important;
    width: auto !important;
}

.select2-results {
    text-align: center !important;
}

.select2-results__option {
    cursor: pointer;
}

.form-row {
    padding-top: 7px;
}

.btn-rounded {
    margin-top: -3px;
}

/*con esa propiedad oculto la flechita ↓ de la clase "dropdown-toggle" correspondiente el id "popover-psw-recuperar" */
#popover-psw-recuperar:after {
    display: none !important;
}

