@font-face {
    font-family: "TelefonicaWeb";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "TelefonicaWeb";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-RegularItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "TelefonicaWeb";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "TelefonicaWeb";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "TelefonicaWeb";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "TelefonicaWebHand";
    src: url("../fonts/telefonicaWeb/TelefonicaWeb-Hand.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Telefonica";
    src: url("../fonts/TelefonicaFonts/Telefonica-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Telefonica";
    src: url("../fonts/TelefonicaFonts/Telefonica-RegularItalic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Telefonica";
    src: url("../fonts/TelefonicaFonts/Telefonica-ExtraLight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Telefonica";
    src: url("../fonts/TelefonicaFonts/Telefonica-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Telefonica";
    src: url("../fonts/TelefonicaFonts/Telefonica-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-size: 16px;
    font-family: "TelefonicaWeb";
    color: #50535a;
    line-height: 1.2;
    margin: 0;
}

body * {
    box-sizing: border-box;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: inherit;
    font-weight: inherit;
}

em,
strong {
    font-style: normal;
    font-weight: bold;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

mark {
    background: transparent;
}

input:focus {
    outline: none;
    box-shadow: 0;
}

input::-moz-placeholder {
    opacity: 1;
}

input:-ms-input-placeholder {
    opacity: 1;
}

input::placeholder {
    opacity: 1;
}

fieldset {
    border-width: 0;
}

button {
    background: transparent;
    border-width: 0;
    cursor: pointer;
}

button:active {
    color: inherit;
}

button:focus {
    outline: none;
}

button:required {
    box-shadow: none;
}

ul,
ol {
    list-style: none;
}

label,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
}

span {
    vertical-align: unset;
}

[hidden] {
    display: none !important;
}

#mainbreadcrumb,
#mainfooter {
    font-family: "telefonica";
}

#mainbreadcrumb {
    padding-top: 15px;
    background: #0b2739;
    padding-bottom: 7px;
}

#mainbreadcrumb:hover a {
    color: #019df4;
}

#mainbreadcrumb:hover i {
    background-position: right top;
}

#mainbreadcrumb nav {
    max-width: 1170px;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
}

#mainbreadcrumb nav>a {
    display: flex;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.25;
}

#mainbreadcrumb i {
    display: block;
    margin-right: 10px;
    width: 30px;
    height: 22px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjMuOCIgaGVpZ2h0PSI0NS4yIj48cGF0aCBkPSJNNjEuMiAyMi44Yy4xIDMuMy0uMiA2LjYtLjkgOS44LS4zIDEtLjcgMi0xLjYgMi44LS45LjgtMS45IDEuMi0zLjIuOC0xLjMtLjQtMS45LTEuNC0yLTIuNy0uMy0yLjIuMS00LjUuMy02LjhzLjUtNC42LS4xLTYuOWMtLjctMy4yLTMuMi00LTUuNy0xLjctMS43IDEuNi0yLjkgMy43LTMuNyA1LjktMS4zIDMuNi0yLjYgNy4zLTMuOCAxMC45LTEuNiA0LjgtNC42IDcuOC05LjggOC40LTUuMy42LTkuMy0xLjQtMTEuOS02LTEuOS0zLjEtMy43LTYuNC01LjUtOS42LS41LS45LTEuMS0yLTItMi44LTEuNC0xLjMtMy0uNy0zLjYgMS0uNyAxLjktLjIgMy45LjMgNS43LjcgMi45IDEuNyA1LjcgMi40IDguNi41IDEuOS42IDMuOC0xLjcgNC43LTEuNy43LTMuNi0uMS00LjYtMi41QzAgMzMuMS0xLjYgMjMuNSAxLjkgMTMuNWMuOC0yLjMgMS45LTQuNSAzLjktNi4yIDMuNC0zIDguNy0yLjkgMTIgLjMgMi40IDIuMyA0LjEgNS4zIDUuOSA4IC43IDEuMSAxLjUgMi4zIDIuMyAzLjMgMy40IDQuMiA4IDMuNSAxMC4zLTEuNCAxLjYtMy40IDMtNi45IDQuNC0xMC40LjgtMiAyLjEtMy43IDMuOC01LjEgNC40LTMuNiAxMC42LTIuMiAxMy4zIDIuOSAyLjQgNC40IDMuMiA5LjMgMy42IDE0LjItLjEgMS4zLS4yIDIuNS0uMiAzLjd6IiBvcGFjaXR5PSIuOCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xMjMuNiAyMi44Yy4xIDMuMy0uMiA2LjYtLjkgOS44LS4zIDEtLjcgMi0xLjYgMi44LS45LjgtMS45IDEuMi0zLjIuOC0xLjMtLjQtMS45LTEuNC0yLTIuNy0uMy0yLjIuMS00LjUuMy02LjguMi0yLjMuNS00LjYtLjEtNi45LS43LTMuMi0zLjItNC01LjctMS43LTEuNyAxLjYtMi45IDMuNy0zLjcgNS45LTEuMyAzLjYtMi42IDcuMy0zLjggMTAuOS0xLjYgNC44LTQuNiA3LjgtOS44IDguNC01LjMuNi05LjMtMS40LTExLjktNi0xLjktMy4xLTMuNy02LjQtNS41LTkuNi0uNS0uOS0xLjEtMi0yLTIuOC0xLjQtMS4zLTMtLjctMy42IDEtLjcgMS45LS4yIDMuOS4zIDUuNy43IDIuOSAxLjcgNS43IDIuNCA4LjYuNSAxLjkuNiAzLjgtMS43IDQuNy0xLjcuNy0zLjYtLjEtNC42LTIuNS00LjEtOS4zLTUuNy0xOC45LTIuMi0yOC45LjgtMi4zIDEuOS00LjUgMy45LTYuMiAzLjQtMyA4LjctMi45IDEyIC4zIDIuNCAyLjMgNC4xIDUuMyA1LjkgOCAuNyAxLjEgMS41IDIuMyAyLjMgMy4zIDMuNCA0LjIgOCAzLjUgMTAuMy0xLjQgMS42LTMuNCAzLTYuOSA0LjQtMTAuNC44LTIgMi4xLTMuNyAzLjgtNS4xIDQuNC0zLjYgMTAuNi0yLjIgMTMuMyAyLjkgMi40IDQuNCAzLjIgOS4zIDMuNiAxNC4yLS4xIDEuMy0uMiAyLjUtLjIgMy43eiIgZmlsbD0iIzAxOWRmNCIvPjwvc3ZnPg==");
    background-position: left top;
    background-size: 60px;
    background-repeat: no-repeat;
}

#mainbreadcrumb ul {
    width: 100%;
    padding-left: 30px;
    display: flex;
    flex-wrap: wrap;
}

#mainbreadcrumb a {
    color: rgba(255, 255, 255, 0.8);
}

#mainbreadcrumb li {
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    font-weight: 300;
    position: relative;
    display: block;
    margin-right: 30px;
    margin-bottom: 10px;
}

#mainbreadcrumb li:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    left: -20px;
    top: calc(50% - 2px);
    transform: rotate(45deg);
}

#mainfooter {
    text-align: left;
    background-color: #0b2739;
}

#mainfooter .mvf-footer {
    padding: 20px 0;
    max-width: 1170px;
    width: calc(100% - 30px);
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#mainfooter .mvf-footer h3 {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 0 8px;
}

#mainfooter .mvf-footer li {
    padding: 5px 0;
}

#mainfooter .mvf-footer_col {
    width: calc(25% - 10px);
}

#mainfooter .mvf-footer_col a {
    position: relative;
    padding-left: 13px;
    transition: color 0.2s;
    display: block;
    color: #6d7e88;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.25;
}

#mainfooter .mvf-footer_col a:hover {
    color: white;
}

#mainfooter .mvf-footer_col a:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    border-top: 1px solid #6d7e88;
    border-right: 1px solid #6d7e88;
    transform: rotate(45deg);
    left: 0;
    top: calc(50% - 2px);
    box-sizing: border-box;
}

#mainfooter .mvf-footer_col br {
    display: block;
    margin-bottom: 5px;
}

#mainfooter .mvf-footer_last {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0;
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

#mainfooter .mvf-footer_last h3 {
    display: none;
}

#mainfooter .mvf-footer_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

#mainfooter .mvf-footer_list a {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 0 15px;
    color: #6d7e88;
    transition: color 0.2s;
    font-size: 13px;
    font-weight: 300;
    border-right: 1px solid #6d7e88;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
    line-height: 1.25;
}

#mainfooter .mvf-footer_list a:hover {
    color: white;
}

#mainfooter .mvf-footer_list a.rrss {
    opacity: 0.5;
    font-size: 0;
    height: 20px;
    max-width: 40px;
    width: 100%;
    background-size: 20px;
    transition: opacity 0.2s;
}

#mainfooter .mvf-footer_list a.rrss:hover {
    opacity: 1;
}

#mainfooter .mvf-footer_list a.fb {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6cmdiYSgyNTUsMjU1LDI1NSwuOCk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuNiwwLjRDMTYuNiwwLjQsMTYuNiwwLjQsMTYuNiwwLjRIMS40Yy0wLjUsMC0wLjksMC40LTAuOSwwLjl2MTUuM2MwLDAuNSwwLjQsMC45LDAuOSwwLjloMTAuOHYwaC0zVjExSDYuNwoJVjguNWgyLjVWNi42YzAtMi4yLDEuNS0zLjQsMy43LTMuNGMxLjEsMCwyLDAuMSwyLjIsMC4xdjIuM2gtMS41Yy0xLjIsMC0xLjQsMC41LTEuNCwxLjJ2MS42aDIuOUwxNC43LDExaC0yLjV2Ni42aDBsMCwwaDQuNAoJYzAuNSwwLDAuOS0wLjQsMC45LTAuOWMwLDAsMCwwLDAsMFYxLjRDMTcuNiwwLjgsMTcuMiwwLjQsMTYuNiwwLjR6Ii8+Cjwvc3ZnPgo=");
}

#mainfooter .mvf-footer_list a.tw {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6cmdiYSgyNTUsMjU1LDI1NSwuOCk7fQo8L3N0eWxlPgo8ZyBpZD0iaWNuX01nbV9Ud2l0dGVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KCTxwYXRoIGlkPSJpY24tc29jaWFsLXR3aXR0ZXIiIGNsYXNzPSJzdDAiIGQ9Ik0xNy43LDMuN2MtMC42LDAuMy0xLjMsMC41LTIsMC42YzAuNy0wLjQsMS4zLTEuMSwxLjYtMkMxNi41LDIuNywxNS43LDMsMTUsMy4xCgkJYy0xLjMtMS40LTMuNi0xLjUtNS0wLjJDOSwzLjgsOC42LDUuMSw4LjksNi4zQzYuMSw2LjIsMy40LDQuOSwxLjYsMi42QzAuNyw0LjMsMS4yLDYuMywyLjcsNy40Yy0wLjYsMC0xLjEtMC4yLTEuNi0wLjR2MAoJCWMwLDEuNywxLjIsMy4xLDIuOCwzLjVjLTAuMywwLjEtMC42LDAuMS0wLjksMC4xYy0wLjIsMC0wLjQsMC0wLjctMC4xYzAuNSwxLjQsMS44LDIuNCwzLjMsMi41Yy0xLjMsMS0yLjgsMS41LTQuNCwxLjUKCQljLTAuMywwLTAuNiwwLTAuOCwwYzEuNiwxLDMuNSwxLjYsNS40LDEuNmM1LjUsMCwxMC00LjQsMTAuMS05LjljMCwwLDAtMC4xLDAtMC4xbDAtMC41QzE2LjYsNSwxNy4yLDQuNCwxNy43LDMuN3oiLz4KPC9nPgo8L3N2Zz4K");
}

#mainfooter .mvf-footer_list a.logo {
    max-width: 110px;
    width: 100%;
    margin-left: auto;
    opacity: 0.6;
    width: 100%;
    display: block;
    height: 25px;
    border: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJNT1ZJU1RBUi1MT0dPIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMTE1LjFweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMTE1LjEgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExNS4xIDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6cmdiYSgyNTUsMjU1LDI1NSwuOCk7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MS44LDcuOWgtMC4zYy0yLjMsMC0zLjcsMC43LTQuMiwyLjRjLTAuNSwxLjgtMC41LDMuNywwLDUuNWMwLjYsMS44LDEuOSwyLjQsNC4yLDIuNGgwLjMKCQljMi4zLDAsMy43LTAuNyw0LjItMi40djBjMC41LTEuOCwwLjUtMy43LDAtNS41QzY1LjQsOC42LDY0LjEsNy45LDYxLjgsNy45eiBNNjQuMSwxNC42TDY0LjEsMTQuNmMtMC4xLDEuNi0xLDEuOS0yLjMsMS45aC0wLjEKCQljLTEuMywwLTIuMi0wLjMtMi4zLTEuOWMtMC4xLTAuNS0wLjEtMS0wLjEtMS41YzAtMC41LDAuMS0wLjksMC4xLTEuNWMwLjEtMS42LDEtMS45LDIuMy0xLjloMC4xYzEuMywwLDIuMiwwLjMsMi4zLDEuOQoJCWMwLjEsMC41LDAuMSwxLDAuMSwxLjVDNjQuMSwxMy43LDY0LjEsMTQuMSw2NC4xLDE0LjZ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzYuMyw4LjFDNzYuMyw4LjEsNzYuMyw4LjEsNzYuMyw4LjFsLTEuOCwwYy0wLjIsMC0wLjMsMC4xLTAuMywwLjNjLTAuMSwxLjQtMC4zLDIuNy0wLjgsNAoJCWMtMC40LDEuMy0wLjksMi41LTEuNCwzLjZjLTAuNi0xLjItMS4xLTIuNC0xLjQtMy42Yy0wLjQtMS4zLTAuNy0yLjctMC44LTQuMWMwLTAuMi0wLjEtMC4yLTAuMy0wLjJoLTEuOGMtMC4yLDAtMC4yLDAuMS0wLjIsMC4zCgkJYzAuMywzLjQsMS4zLDYuMSwzLjIsOS42YzAuMSwwLjEsMC4yLDAuMiwwLjMsMC4ySDczYzAuMSwwLDAuMi0wLjEsMC4zLTAuMmMxLjItMi4zLDMuMS02LjEsMy4yLTkuNkM3Ni41LDguMiw3Ni40LDguMSw3Ni4zLDguMXoiCgkJLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01MS4xLDhoLTAuNmMtMS4xLTAuMS0yLjIsMC4yLTMsMWMtMC44LTAuOC0yLTEuMS0zLjEtMWgtMC41Yy0xLjcsMC0zLjEsMC42LTMuNywxLjhjLTAuMywwLjYtMC40LDEuMy0wLjMsMgoJCXY2LjJjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzAsMCwwLDAsMCwwaDEuN2MwLjEsMCwwLjItMC4xLDAuMi0wLjJjMCwwLDAsMCwwLDB2LTUuMmMwLTAuNSwwLTEuMSwwLjEtMS42YzAuMS0wLjksMC44LTEuMywyLTEuMwoJCWgwLjFjMS4yLDAsMS45LDAuNCwyLjEsMS4zYzAuMSwwLjUsMC4xLDEuMSwwLjEsMS42djUuMmMwLDAuMSwwLjEsMC4yLDAuMiwwLjJjMCwwLDAsMCwwLDBoMS43YzAuMSwwLDAuMi0wLjEsMC4yLTAuM3YtNS4yCgkJYzAtMC41LDAtMS4xLDAuMS0xLjZjMC4xLTAuOSwwLjgtMS4zLDIuMS0xLjNoMC4xYzEuMiwwLDEuOSwwLjQsMiwxLjNjMC4xLDAuNSwwLjEsMS4xLDAuMSwxLjZ2NS4yYzAsMC4xLDAuMSwwLjIsMC4yLDAuMgoJCWMwLDAsMCwwLDAsMGgxLjdjMC4xLDAsMC4yLTAuMSwwLjItMC4zdi02LjJjMC0wLjctMC4xLTEuMy0wLjMtMkM1NC4zLDguNSw1Mi44LDgsNTEuMSw4eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTg3LjEsMTIuNGMtMC42LTAuMi0xLTAuMy0xLjQtMC41Yy0wLjktMC4zLTEuMS0wLjYtMS4xLTFjMC0wLjcsMC44LTEsMS45LTFoMC4xYzAuOCwwLDEuNywwLjEsMi41LDAuMwoJCWMwLjIsMCwwLjMsMCwwLjMtMC4yVjguN2MwLTAuMi0wLjEtMC4yLTAuMi0wLjNjLTAuOC0wLjItMS42LTAuMy0yLjUtMC4zaC0wLjFjLTEuMS0wLjEtMi4xLDAuMi0zLDAuOGMtMC42LDAuNS0wLjksMS4yLTAuOSwyVjExCgkJYzAsMC43LDAuMiwxLjQsMC44LDEuOGMwLjYsMC4zLDEuMiwwLjYsMS45LDAuOGMwLjUsMC4yLDAuOSwwLjMsMS4zLDAuNWMxLDAuMywxLjQsMC42LDEuNCwxLjJjMCwwLjctMC43LDEuMi0yLjIsMS4yaC0wLjEKCQljLTAuOSwwLTEuOC0wLjEtMi43LTAuNGMtMC4yLTAuMS0wLjMsMC0wLjMsMC4ydjEuM2MwLDAuMSwwLDAuMywwLjIsMC4zYzAuOSwwLjMsMS45LDAuNCwyLjksMC40aDAuMWMyLjcsMCw0LjEtMS4xLDQuMS0zCgkJYzAtMC43LTAuMi0xLjMtMC43LTEuOEM4OC43LDEzLDg3LjksMTIuNiw4Ny4xLDEyLjR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTA2LjEsMTEuOGMwLjEtMi0wLjgtMi45LTEuOS0zLjRjLTAuOC0wLjMtMS43LTAuNS0yLjYtMC40aC0wLjFjLTAuOSwwLTEuNywwLjEtMi42LDAuMwoJCWMtMC4xLDAtMC4yLDAuMS0wLjIsMC4zdjEuM2MwLDAuMSwwLjEsMC4yLDAuMywwLjJjMC44LTAuMSwxLjUtMC4yLDIuMy0wLjJoMC4xYzAuNy0wLjEsMS40LDAuMSwyLjEsMC4zYzAuNCwwLjMsMC42LDAuNywwLjYsMS42CgkJVjEyYy0wLjctMC4xLTEuNS0wLjItMi4yLTAuMmgtMC4yYy0xLjEtMC4xLTIuMiwwLjMtMy4xLDAuOWMtMC42LDAuNi0wLjksMS40LTAuOSwyLjN2MC4xYzAsMiwxLjQsMy4yLDQuMiwzLjJoMC41CgkJYzEsMCwyLTAuMywyLjgtMC44YzAuOC0wLjcsMS4yLTEuOCwxLTIuOVYxMS44eiBNMTA0LDE0LjZMMTA0LDE0LjZjLTAuMSwwLjctMC4xLDEuMi0wLjMsMS41Yy0wLjQsMC40LTEsMC41LTEuNSwwLjVoLTAuMwoJCWMtMS4zLDAtMi4xLTAuNS0yLjEtMS41YzAtMC40LDAuMi0wLjgsMC41LTEuMWMwLjUtMC4zLDEuMS0wLjUsMS43LTAuNGgwLjJjMC42LDAsMS4zLDAuMSwxLjksMC4yVjE0LjZ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAuMyw4LjJMODAuMyw4LjJsLTEuNywwYy0wLjEsMC0wLjIsMC4xLTAuMiwwLjJjMCwwLDAsMCwwLDBWMThjMCwwLjEsMC4xLDAuMiwwLjIsMC4yYzAsMCwwLDAsMCwwaDEuNwoJCWMwLjEsMCwwLjItMC4xLDAuMi0wLjJjMCwwLDAsMCwwLDBWOC40QzgwLjUsOC4yLDgwLjQsOC4yLDgwLjMsOC4yeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTExMy4xLDhDMTEzLjEsOCwxMTMuMSw4LDExMy4xLDhoLTEuMmMtMS43LDAtMywwLjUtMy42LDEuOGMtMC4zLDAuNi0wLjQsMS4zLTAuMywyVjE4YzAsMC4xLDAuMSwwLjIsMC4yLDAuMgoJCWMwLDAsMCwwLDAsMGgxLjdjMC4xLDAsMC4yLTAuMSwwLjItMC4yYzAsMCwwLDAsMCwwdi01LjNjMC0wLjUsMC0xLjEsMC4xLTEuNmMwLjEtMC45LDAuNi0xLjMsMS45LTEuM2gxYzAuMSwwLDAuMi0wLjEsMC4yLTAuMgoJCWMwLDAsMCwwLDAsMFY4LjJDMTEzLjMsOC4xLDExMy4yLDgsMTEzLjEsOHoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05NiwxNi40Qzk2LDE2LjQsOTYsMTYuNCw5NiwxNi40bC0wLjMsMGMtMC41LDAuMS0xLTAuMS0xLjQtMC40Yy0wLjMtMC41LTAuNS0xLTAuNC0xLjZWMTBoMS45CgkJQzk1LjksMTAsOTYsMTAsOTYsOS45YzAsMCwwLDAsMCwwVjguNGMwLTAuMS0wLjEtMC4yLTAuMi0wLjJjMCwwLDAsMCwwLDBoLTEuOVY2LjRjMC0wLjEtMC4xLTAuMi0wLjItMC4yYzAsMCwwLDAsMCwwaC0xLjcKCQljLTAuMSwwLTAuMiwwLjEtMC4yLDAuMmMwLDAsMCwwLDAsMHY4Yy0wLjEsMSwwLjIsMi4xLDAuOSwyLjljMC44LDAuNiwxLjgsMC45LDIuOCwwLjlsMC41LDBjMC4xLDAsMC4yLTAuMSwwLjItMC4yYzAsMCwwLDAsMCwwCgkJdi0xLjRDOTYuMiwxNi41LDk2LjEsMTYuNCw5NiwxNi40eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjYsNC4zYy0wLjgtMS44LTItMi45LTMuNS0zYy0yLjEsMC00LDEuMy00LjgsMy4zYy0xLDIuMS0xLjgsNC4yLTIuMiw1LjJjLTAuMywxLTEuMiwxLjgtMi4zLDEuOQoJCWMtMS4zLDAuMS0yLjUtMC44LTMuMy0yLjJjLTAuOC0xLjUtMS44LTIuOS0yLjktNC4yQzkuOSw0LjMsOC43LDMuNiw3LjQsMy42Yy0xLjMsMC0zLjgsMC43LTUsNS40Yy0wLjYsMi4yLTAuNyw0LjQtMC4zLDYuNwoJCWMwLjMsMS45LDAuOCwzLjcsMS42LDUuNWMwLjIsMC40LDAuNCwwLjcsMC42LDFjMC41LDAuNSwxLjIsMC43LDEuOCwwLjVjMC43LTAuNCwxLTEuMSwwLjctMS44Yy0wLjEtMC42LTAuMy0xLjItMC41LTEuOAoJCWMtMC41LTEuNC0wLjktMi44LTEuMS00LjNjLTAuMS0xLjYsMC42LTEuOCwxLTEuOWMwLjctMC4xLDEuMywwLjYsMS44LDEuNmMwLjYsMS4xLDEuOCwzLjIsMi44LDQuN2MxLDEuOCwyLjksMi45LDQuOSwyLjgKCQljMi42LTAuMSw0LjQtMS4xLDUuNC00LjFjMC42LTEuOSwxLjItMy45LDItNS43YzAuOS0yLDIuMS0zLjEsMy4yLTIuOGMwLjksMC4zLDEuMiwxLjIsMS4yLDIuNmMwLDEuMi0wLjEsMi42LTAuMiwzLjUKCQljLTAuMSwwLjUtMC4xLDEtMC4xLDEuNWMwLDAuOCwwLjUsMS41LDEuMywxLjdjMC45LDAsMS44LTAuNiwyLTEuNWMwLjEtMC40LDAuMi0wLjgsMC4zLTEuM2MwLjMtMS43LDAuNC0zLjUsMC4yLTUuMgoJCUMzMC45LDguNSwzMC40LDYuMywyOS42LDQuM3oiLz4KPC9nPgo8L3N2Zz4K");
    background-size: 110px 25px;
    transition: opacity 0.2s;
}

#mainfooter .mvf-footer_list a.logo:hover {
    opacity: 1;
}

@media all and (max-width: 991px) {
    #mainfooter .mvf-footer {
        padding: 0;
    }

    #mainfooter .mvf-footer h3 {
        position: relative;
    }

    #mainfooter .mvf-footer h3.active:after {
        top: 10px;
        transform: rotate(-135deg);
    }

    #mainfooter .mvf-footer h3.active~ul,
    #mainfooter .mvf-footer h3.active~.mvf-footer_list {
        display: block;
    }

    #mainfooter .mvf-footer h3:after {
        content: "";
        position: absolute;
        height: 10px;
        width: 10px;
        right: 0;
        top: 7px;
        border-right: 2px solid rgba(255, 255, 255, 0.8);
        border-bottom: 2px solid rgba(255, 255, 255, 0.8);
        transform: rotate(45deg);
    }

    #mainfooter .mvf-footer>div+* {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    #mainfooter .mvf-footer ul {
        margin-top: 15px;
        display: none;
    }

    #mainfooter .mvf-footer li {
        padding: 0;
    }

    #mainfooter .mvf-footer li+* {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    #mainfooter .mvf-footer_col {
        width: 100%;
        padding: 15px 0;
    }

    #mainfooter .mvf-footer_col br {
        display: none;
    }

    #mainfooter .mvf-footer_col a {
        font-size: 15px;
        padding: 15px 0 15px 13px;
    }

    #mainfooter .mvf-footer_col a::after {
        top: 22px;
    }

    #mainfooter .mvf-footer_last {
        display: block;
        width: 100%;
        border-top: 0;
        padding: 15px 0;
        margin-top: 0;
    }

    #mainfooter .mvf-footer_last h3 {
        display: block;
    }

    #mainfooter .mvf-footer_list {
        display: none;
        margin-top: 15px;
    }

    #mainfooter .mvf-footer_list a {
        width: 100%;
        padding: 10px 15px;
        font-size: 15px;
        border-right: 0;
    }

    #mainfooter .mvf-footer_list a:after {
        content: "";
        position: absolute;
        height: 5px;
        width: 5px;
        border-top: 1px solid #6d7e88;
        border-right: 1px solid #6d7e88;
        transform: rotate(45deg);
        left: 0;
        top: calc(50% - 2px);
    }

    #mainfooter .mvf-footer_list a+* {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    #mainfooter .mvf-footer_list a.rrss {
        font-size: 15px;
        max-width: 100%;
        height: auto;
        opacity: 1;
        background: none;
    }

    #mainfooter .mvf-footer_list a.logo {
        display: none;
    }
}

#mainmenu {
    position: relative;
}

#mainmenu .mvx-container {
    max-width: 1170px;
    width: calc(100% - 30px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#mainmenu .mvx-top {
    background: #0593e1;
    display: none;
}

#mainmenu .mvx-top p {
    position: relative;
    padding-left: 0;
}

#mainmenu .mvx-top p::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: calc(50% - 9px);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #019df4;
    bottom: 0;
}

#mainmenu .mvx-top p,
#mainmenu .mvx-top a {
    padding: 7px 10px 9px;
    font-size: 14px;
    margin: 0;
    color: white;
}

#mainmenu .mvx-top a {
    color: rgba(255, 255, 255, 0.7);
    transition: color 0.2s;
}

#mainmenu .mvx-top a:hover {
    color: white;
}

#mainmenu .mvx-top .convenios {
    margin-left: auto;
}

#mainmenu .mvx-bottom {
    background: #019df4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
}

#mainmenu .mvx-bottom_empresas {
    display: none;
    position: relative;
    color: white;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    align-items: center;
    margin-left: 5px;
    font-size: 14px;
    font-weight: 300;
}

#mainmenu .mvx-bottom_empresas::after {
    content: "";
    margin-top: 4px;
    margin-left: 5px;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-top: 2px solid white;
    display: inline-block;
    border-right: 2px solid white;
}

#mainmenu .mvx-bottom_logo {
    max-width: 35px;
    height: 35px;
    width: 100%;
    margin-right: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTkuNCAxMC4yYy0xLjYgMC00LjUuOC01LjkgNi4zLS43IDIuNS0uOCA1LjItLjMgNy44LjQgMi4yIDEgNC4zIDEuOCA2LjQuMi40LjQuOC43IDEuMi41LjYgMS40LjggMi4yLjYuOC0uNSAxLjEtMS40LjgtMi4zLS4xLS43LS4zLTEuNS0uNi0yLjItLjYtMS42LTEtMy4zLTEuMi01LS4xLTEuOS43LTIuMSAxLjItMi4yLjgtLjIgMS41LjcgMi4yIDEuOC43IDEuMyAyLjIgMy43IDMuMiA1LjYgMS4xIDIuMSAzLjMgMy40IDUuNyAzLjMgMy0uMSA1LjEtMS4yIDYuMy00LjguNi0yLjMgMS40LTQuNSAyLjMtNi43IDEuMS0yLjMgMi41LTMuNiAzLjctMy4yIDEuMS4zIDEuNCAxLjQgMS40IDMuMSAwIDEuNC0uMiAzLS4yIDQuMS0uMS42LS4xIDEuMi0uMSAxLjcgMCAuOS42IDEuOCAxLjUgMiAxLjEgMCAyLjEtLjcgMi4zLTEuNy4yLS41LjMtMSAuMy0xLjUuMy0yIC40LTQuMS4yLTYuMS0uMS0yLjUtLjctNS0xLjctNy40LS45LTIuMS0yLjMtMy40LTQuMS0zLjUtMi4xLS4yLTQuNCAxLjItNS42IDMuOC0xLjIgMi40LTIuMSA0LjktMi42IDYuMS0uNCAxLjItMS40IDIuMS0yLjcgMi4yLTEuNi4yLTIuOS0xLTMuOC0yLjYtMS0xLjctMi4xLTMuNC0zLjQtNC45LS43LTEuMi0yLjEtMi0zLjYtMS45eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-size: 35px;
}

#mainmenu .mvx-bottom_innernav {
    display: flex;
    align-items: center;
}

#mainmenu .mvx-bottom_innernav.active button {
    z-index: 12;
}

#mainmenu .mvx-bottom_innernav a {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    color: white;
    padding: 20px 15px;
}

#mainmenu .mvx-bottom_innernav a:focus {
    outline: 0;
}

#mainmenu .mvx-bottom_innernav a::after {
    display: inline-block;
    content: "";
    position: relative;
    margin-left: 8px;
    margin-bottom: 3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(135deg);
}

#mainmenu .mvx-bottom_innernav a.active {
    color: white;
}

#mainmenu .mvx-bottom_innernav a.active::after {
    top: 3px;
    transform: rotate(-45deg);
}

#mainmenu .mvx-bottom_innernav a:hover {
    color: white;
}

#mainmenu .mvx-bottom_innernav .club {
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 300;
    color: white;
    padding: 20px 15px;
}

#mainmenu .mvx-bottom_innernav .club::after {
    content: none;
}

#mainmenu .mvx-bottom_innernav span {
    display: none;
}

#mainmenu .mvx-bottom_buscador {
    position: relative;
    max-width: 250px;
    width: 100%;
    display: block;
    height: 35px;
    margin: 0 auto;
    padding: 0;
    background: transparent;
    line-height: inherit;
    pointer-events: inherit;
    font-family: inherit;
}

#mainmenu .mvx-bottom_buscador::after {
    position: absolute;
    content: "";
    top: calc(50% - 6px);
    left: 10px;
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTE2LjYgMTUuM2wtNC00YzEuOS0yLjYgMS42LTYuMy0uOS04LjQtMS4xLTEtMi42LTEuNS00LjEtMS41LTEuNy0uMS0zLjMuNi00LjUgMS43QzIgNC4zIDEuMyA1LjkgMS4zIDcuNmMwIDEuNi43IDMuMyAxLjggNC40IDIuMiAyLjIgNS43IDIuNCA4LjEuNmwzLjkgMy45Yy4yLjIuNC4zLjYuMy4yIDAgLjUtLjEuNi0uMy4yLS4yLjMtLjQuMy0uNi4xLS4zIDAtLjQgMC0uNnptLTUuOS00LjZjLS44LjgtMiAxLjMtMy4xIDEuMy0xLjIgMC0yLjMtLjUtMy4xLTEuM0MyLjcgOSAyLjcgNi4yIDQuNCA0LjRjLjktLjkgMi0xLjMgMy4xLTEuM3MyLjMuNCAzLjEgMS4zYzEuOCAxLjcgMS44IDQuNS4xIDYuM3oiIGZpbGw9IiMwMTlkZjQiLz48L3N2Zz4KCg==");
}

#mainmenu .mvx-bottom_buscador input {
    opacity: 1;
    text-align: left;
    position: relative;
    width: 100%;
    border-radius: 4px;
    background-color: white;
    border: 0;
    padding: 11px 10px 11px 28px;
    color: black;
    line-height: 18px;
    height: 100%;
    margin: 0;
    z-index: 0;
    font-size: 15px;
    font-weight: 300;
}

#mainmenu .mvx-bottom_buscador input::-moz-placeholder {
    color: #b6b7b7;
    font-size: 15px;
}

#mainmenu .mvx-bottom_buscador input:-ms-input-placeholder {
    color: #b6b7b7;
    font-size: 15px;
}

#mainmenu .mvx-bottom_buscador input::placeholder {
    color: #b6b7b7;
    font-size: 15px;
}

#mainmenu .mvx-bottom_buscador button {
    display: none;
}

#mainmenu .mvx-bottom_buttons {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#mainmenu .mvx-bottom_buttons.active a,
#mainmenu .mvx-bottom_buttons.active .btn,
#mainmenu .mvx-bottom_buttons.active .btn-toogle {
    z-index: 12;
}

#mainmenu .mvx-bottom_buttons a:not(.mvxdetalle):not(.mvxnotificaciones),
#mainmenu .mvx-bottom_buttons .btn-toogle {
    position: relative;
    padding: 20px 10px 20px 40px;
    line-height: 1;
    color: white;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 300;
}

#mainmenu .mvx-bottom_buttons a:not(.mvxdetalle):not(.mvxnotificaciones)::before,
#mainmenu .mvx-bottom_buttons .btn-toogle::before {
    content: "";
    position: absolute;
    background-size: cover;
    background-position: center;
    height: 25px;
    width: 25px;
    left: 10px;
    top: calc(50% - 13px);
    background-size: 16px;
    background-repeat: no-repeat;
}

#mainmenu .mvx-bottom_buttons .mvxbtn {
    position: relative;
}

#mainmenu .mvx-bottom_buttons .mvxofertas::after,
#mainmenu .mvx-bottom_buttons .mimovistar::after {
    display: inline-block;
    content: "";
    position: relative;
    margin-left: 8px;
    margin-bottom: 3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid white;
    border-right: 1px solid white;
    transform: rotate(135deg);
}

#mainmenu .mvx-bottom_buttons .mvxofertas.active::after,
#mainmenu .mvx-bottom_buttons .mimovistar.active::after {
    top: 3px;
    transform: rotate(-45deg);
}

#mainmenu .mvx-bottom_buttons .mvxofertas::before {
    background-color: #e63780;
    border-radius: 50px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZD0iTTIyLjUgMWMtMi43IDEuOC00LjcgNC43LTUuNCA3LjktLjIgMS0uMyAyLjEtLjIgMy4xLS40LS44LS42LTEuNy0uNy0yLjcgMC0uNy0uNy0xLjItMS40LTEuMi0uMyAwLS41LjEtLjcuMy00LjcgNC4xLTcuNSAxMC4xLTcuNiAxNi4zIDAgNi43IDMuOCAxMS4xIDkuMyAxNCAuNi4zIDEuNC4xIDEuNy0uNS4yLS40LjItLjggMC0xLjEtLjMtLjYtLjUtMS4yLS41LTEuOC4xLTIuMiAxLjItNC4yIDMtNS40IDEuOCAxLjIgMi45IDMuMiAzIDUuNCAwIC42LS4yIDEuMy0uNSAxLjgtLjMuNiAwIDEuNC42IDEuNy40LjIuOC4yIDEuMSAwIDUuNS0zIDkuMy03LjQgOS4zLTE0LS4yLTQuOC0yLjEtOS4zLTUuNC0xMi44LTIuNS0zLjItNC42LTUuOC00LjMtOS43IDAtLjctLjUtMS4zLTEuMy0xLjN6bS0xIDQuNGMuOSAzIDIuNSA1LjggNC42IDguMiAyLjkgMyA0LjcgNyA0LjggMTEuMy4xIDQuMS0yIDgtNS41IDEwLjItLjEtMy4zLTItNi4yLTQuOS03LjctLjMtLjItLjctLjItMS4xIDAtMi45IDEuNS00LjggNC41LTQuOSA3LjdDMTEgMzIuOSA4LjkgMjkgOSAyNC44Yy4xLTQuNyAxLjktOS4zIDUuMS0xMi44LjcgMiAyLjEgMy43IDMuOSA0LjguNi40IDEuNC4yIDEuNy0uNC4yLS4zLjItLjYuMi0uOS0uNi0yLS43LTQuMS0uNC02LjEuNC0xLjUgMS4xLTIuOCAyLTR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

#mainmenu .mvx-bottom_buttons .mimovistar::before {
    background-color: #0b2739;
    border-radius: 50px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQuMiAyMy43Yy0yLTIuNC01LTMuNy04LjEtMy41SDEzLjljLTMuMS0uMi02LjEgMS4xLTguMiAzLjVDMy45IDI2LjEgMyAyOS4xIDMuMSAzMnY0LjhjMCAuMy4xLjYuMy44LjIuMi41LjQuOC40aDMxLjZjLjYtLjEgMS0uNiAxLTEuMXYtNC44Yy4yLTMtLjctNi0yLjYtOC40em0uNiA4LjR2My42SDUuMlYzMmMtLjEtMi41LjYtNC45IDIuMS02LjggMS42LTEuOSA0LjEtMi45IDYuNi0yLjhoMTIuMmMyLjUtLjEgNC45LjkgNi41IDIuNyAxLjUgMiAyLjMgNC41IDIuMiA3ek0xMS44IDExLjljLjUgMy45IDQuMSA2LjcgOC4xIDYuMy4zIDAgLjYuMS45LjEuMyAwIC42IDAgLjktLjEgNC0uNSA2LjgtNC4xIDYuMy04IC4yLTIuMi0uNi00LjUtMi4yLTYuMi0zLjUtMi42LTguMy0yLjYtMTEuOCAwLTEuNSAxLjYtMi4zIDMuOS0yLjEgNi0uMS42LS4xIDEuMy0uMSAxLjl6bTMuNS02LjVjMS4yLTEgMi42LTEuNSA0LjEtMS41aC41YzEuNy0uMSAzLjMuNCA0LjUgMS40IDEuMSAxLjMgMS43IDMgMS42IDQuOC4xIDEuNy0uNCAzLjQtMS41IDQuNi0xLjMgMS4xLTIuOSAxLjYtNC42IDEuNS0xLjcuMS0zLjMtLjQtNC41LTEuNC0xLjEtMS4zLTEuNy0zLTEuNi00LjgtLjItMS42LjQtMy40IDEuNS00LjZ6Ii8+PC9zdmc+");
}

#mainmenu .mvx-bottom_buttons .mvxdetalle::before,
#mainmenu .mvx-bottom_buttons .mvxnotificaciones::before {
    content: "";
    position: absolute;
    background-size: cover;
    background-position: center;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    height: 20px;
    width: 20px;
}

#mainmenu .mvx-bottom_buttons .mvxdetalle {
    margin: 0;
    width: 80px;
    height: inherit;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding: 35px 0 10px;
    color: white;
    font-size: 9px;
    text-align: center;
}

#mainmenu .mvx-bottom_buttons .mvxdetalle::before {
    top: calc(50% - 15px);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPGcgaWQ9Ik1lc2EtZGUtdHJhYmFqbzEiIHNlcmlmOmlkPSJNZXNhIGRlIHRyYWJham8xIiB0cmFuc2Zvcm09Im1hdHJpeCgxLjMzNjI3LDAsMCwxLjE0NzU4LDAsMCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNC45NjciIGhlaWdodD0iMTcuNDI4IiBzdHlsZT0iZmlsbDpub25lOyIvPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzQ4MzUsMCwwLDAuODcxNCwtNi4zNDg2MywtMy4yMzYzOCkiPgogICAgICAgICAgICA8ZyBpZD0ibm91bl9idWlsZGluZ18yNTkxMTI2Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcnVwb18xMjExNSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlRyYXphZG9fOTMxOCIgZD0iTTE3LjM1NiwyMS4xMzdMMTcuMzU2LDE4LjNDMTcuMzU2LDE4LjA4OCAxNy41MzEsMTcuOTEzIDE3Ljc0MywxNy45MTNMMTkuMDE5LDE3LjkxM0MxOS4yMzEsMTcuOTEzIDE5LjQwNiwxOC4wODggMTkuNDA2LDE4LjNMMTkuNDA2LDIxLjEzMkwyMy44NjUsMjEuMTMyTDIzLjg2NSw2LjI5MUwxMy4xLDYuMjkxTDEzLjEsMjEuMTM3TDE3LjM1NiwyMS4xMzdaTTI0Ljk0MiwyMS4xOThMMjUuNTgsMjEuMTk4QzI1Ljc5MiwyMS4xOTggMjUuOTY3LDIxLjM3MyAyNS45NjcsMjEuNTg1TDI1Ljk2NywyMi40MjhMMTEsMjIuNDI4TDExLDIxLjU4NUMxMSwyMS4zNzMgMTEuMTc1LDIxLjE5OCAxMS4zODcsMjEuMTk4TDEyLjAyNSwyMS4xOThMMTIuMDI1LDUuNjQ1QzEyLjAxLDUuMzA3IDEyLjI3NCw1LjAxNyAxMi42MTIsNUwyNC4zNTUsNUMyNC42OTMsNS4wMTcgMjQuOTU3LDUuMzA3IDI0Ljk0Miw1LjY0NUwyNC45NDIsMjEuMTk4Wk0xNS42OTMsOC4wNzVMMTYuOTY5LDguMDc1QzE3LjE4MSw4LjA3NSAxNy4zNTYsOC4yNSAxNy4zNTYsOC40NjJMMTcuMzU2LDkuNzM5QzE3LjM1Niw5Ljk1MSAxNy4xODEsMTAuMTI2IDE2Ljk2OSwxMC4xMjZMMTUuNjkzLDEwLjEyNkMxNS40ODEsMTAuMTI2IDE1LjMwNiw5Ljk1MSAxNS4zMDYsOS43MzlMMTUuMzA2LDguNDYyQzE1LjMwNiw4LjI1IDE1LjQ4MSw4LjA3NSAxNS42OTMsOC4wNzVaTTE1LjY5MywxMS4zNTZMMTYuOTY5LDExLjM1NkMxNy4xODEsMTEuMzU2IDE3LjM1NiwxMS41MzEgMTcuMzU2LDExLjc0M0wxNy4zNTYsMTMuMDE5QzE3LjM1NiwxMy4yMzEgMTcuMTgxLDEzLjQwNiAxNi45NjksMTMuNDA2TDE1LjY5MywxMy40MDZDMTUuNDgxLDEzLjQwNiAxNS4zMDYsMTMuMjMxIDE1LjMwNiwxMy4wMTlMMTUuMzA2LDExLjc0M0MxNS4zMDYsMTEuNTMxIDE1LjQ4MSwxMS4zNTYgMTUuNjkzLDExLjM1NlpNMTUuNjkzLDE0LjYyNUwxNi45NjksMTQuNjI1QzE3LjE4MSwxNC42MjUgMTcuMzU2LDE0LjggMTcuMzU2LDE1LjAxMkwxNy4zNTYsMTYuMjg4QzE3LjM1NiwxNi41IDE3LjE4MSwxNi42NzUgMTYuOTY5LDE2LjY3NUwxNS42OTMsMTYuNjc1QzE1LjQ4MSwxNi42NzUgMTUuMzA2LDE2LjUgMTUuMzA2LDE2LjI4OEwxNS4zMDYsMTUuMDEyQzE1LjMwNiwxNC44IDE1LjQ4MSwxNC42MjUgMTUuNjkzLDE0LjYyNVpNMTkuNzkzLDE0LjYyNUwyMS4wNjksMTQuNjI1QzIxLjI4MSwxNC42MjUgMjEuNDU2LDE0LjggMjEuNDU2LDE1LjAxMkwyMS40NTYsMTYuMjg4QzIxLjQ1NiwxNi41IDIxLjI4MSwxNi42NzUgMjEuMDY5LDE2LjY3NUwxOS43OTQsMTYuNjc1QzE5LjU4MiwxNi42NzUgMTkuNDA3LDE2LjUgMTkuNDA3LDE2LjI4OEwxOS40MDcsMTUuMDEyQzE5LjQwNywxNC44IDE5LjU4MiwxNC42MjUgMTkuNzk0LDE0LjYyNUwxOS43OTMsMTQuNjI1Wk0xOS43OTMsMTEuMzU2TDIxLjA2OSwxMS4zNTZDMjEuMjgxLDExLjM1NiAyMS40NTYsMTEuNTMxIDIxLjQ1NiwxMS43NDNMMjEuNDU2LDEzLjAxOUMyMS40NTYsMTMuMjMxIDIxLjI4MSwxMy40MDYgMjEuMDY5LDEzLjQwNkwxOS43OTQsMTMuNDA2QzE5LjU4MiwxMy40MDYgMTkuNDA3LDEzLjIzMSAxOS40MDcsMTMuMDE5TDE5LjQwNywxMS43NDNDMTkuNDA3LDExLjUzMSAxOS41ODIsMTEuMzU2IDE5Ljc5NCwxMS4zNTZMMTkuNzkzLDExLjM1NlpNMTkuNzkzLDguMDc1TDIxLjA2OSw4LjA3NUMyMS4yODEsOC4wNzUgMjEuNDU2LDguMjUgMjEuNDU2LDguNDYyTDIxLjQ1Niw5LjczOUMyMS40NTYsOS45NTEgMjEuMjgxLDEwLjEyNiAyMS4wNjksMTAuMTI2TDE5Ljc5NCwxMC4xMjZDMTkuNTgyLDEwLjEyNiAxOS40MDcsOS45NTEgMTkuNDA3LDkuNzM5TDE5LjQwNyw4LjQ2MkMxOS40MDcsOC4yNSAxOS41ODIsOC4wNzUgMTkuNzk0LDguMDc1QzE5Ljc5NCw4LjA3NSAxOS43OTQsOC4wNzUgMTkuNzk0LDguMDc1TDE5Ljc5Myw4LjA3NVoiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
}

#mainmenu .mvx-bottom_buttons .mvxnotificaciones {
    position: relative;
    padding: 10px 10px 10px 5px;
    width: 55px;
    height: 35px;
}

#mainmenu .mvx-bottom_buttons .mvxnotificaciones::before {
    left: calc(50% - 15px);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTkgMTUuN2MuNSAwIDEtLjQgMS4yLS45SDcuOGMuMi41LjcuOSAxLjIuOXpNMTQuMiAxMi43Yy0uNiAwLTEuMS0uNS0xLjEtMS4xVjguM2MwLTEuOS0xLjItMy42LTMuMS00LjJsLS40LS4ydi0xYzAtLjMtLjItLjYtLjYtLjYtLjQgMC0uNi4zLS43LjZ2MWwtLjMuMmMtMS45LjUtMy4xIDIuMi0zLjEgNC4ydjMuM2MwIC42LS41IDEuMS0xLjEgMS4xLS4zIDAtLjUuMy0uNS41cy4yLjQuNS41aDEwLjRjLjEgMCAuMi0uMS4zLS4yLjEtLjEuMS0uMi4xLS40cy0uMi0uNC0uNC0uNHoiLz48cGF0aCBkPSJNMTUuNCAxMmMtLjMtLjMtLjctLjUtMS4xLS41VjguM2MwLTIuMy0xLjQtNC40LTMuNS01LjJWM2MwLTEtLjgtMS44LTEuOC0xLjhTNy4yIDIgNy4zIDIuOVYzYy0yLjIuOS0zLjYgMy0zLjYgNS4zdjMuMmMtLjguMS0xLjUuNy0xLjUgMS42IDAgLjQuMS45LjQgMS4yLjMuMy43LjUgMS4yLjVoMi44Yy4yIDEuMiAxLjIgMiAyLjQgMnMyLjItLjkgMi40LTIuMWgyLjljLjkgMCAxLjYtLjcgMS42LTEuNi0uMS0uMy0uMi0uOC0uNS0xLjF6TTkgMTUuN2MtLjYgMC0xLS40LTEuMi0uOWgyLjRjLS4yLjUtLjYuOS0xLjIuOXptNS41LTIuMmMtLjEuMS0uMi4yLS4zLjJIMy44Yy0uMiAwLS40LS4yLS41LS41IDAtLjMuMi0uNS41LS41LjYgMCAxLjEtLjUgMS4xLTEuMVY4LjNjMC0xLjkgMS4zLTMuNiAzLjEtNC4ybC40LS4xVjNjMC0uMy4zLS42LjctLjYuMyAwIC42LjMuNi42djFsLjMuMWMxLjguNSAzLjEgMi4zIDMuMSA0LjJ2My4zYzAgLjYuNSAxLjEgMS4xIDEuMS4yIDAgLjQuMi41LjUgMCAuMS0uMS4yLS4yLjN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+Cgo=");
}

#mainmenu .mvx-bottom_buttons .mvxalerta {
    position: absolute;
    color: white;
    font-style: normal;
    background: #ec3939;
    border-radius: 4px;
    top: -2px;
    right: 19px;
    text-align: center;
    padding: 2px 4px;
    font-size: 9px;
    font-weight: 300;
}

#mainmenu .mvx-bottom_buttons em {
    display: block;
}

#mainmenu .mvx-bottom_mob {
    display: none;
}

#mainmenu .mvx-bottom .mvs-back {
    display: none;
}

#mainmenu .mvx-bottom.active-search {
    background-color: white;
}

#mainmenu .mvx-bottom.active-search .mvx-bottom_buscador {
    margin: 0 auto;
}

#mainmenu .mvx-bottom.active-search .mvx-bottom_logo,
#mainmenu .mvx-bottom.active-search .mvx-bottom_empresas,
#mainmenu .mvx-bottom.active-search .mvx-bottom_buttons {
    display: none;
}

#mainmenu .mvx-bottom.active-search label {
    width: calc(100% - 55px);
}

#mainmenu .mvx-bottom.active-search label::after {
    background-image: none;
}

#mainmenu .mvx-bottom.active-search input {
    padding: 0;
}

#mainmenu .mvx-bottom.active-search .mvs-back {
    display: block;
}

#maincontent {
    bottom: 0;
    left: 0;
    position: absolute;
    height: calc(100vh - 59px);
    width: 100%;
    pointer-events: none;
    z-index: 10;
}

#maincontent.active-content {
    pointer-events: initial;
    background: rgba(0, 0, 0, 0.3);
}

#maincontent .mvx-content {
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    border-radius: 4px;
    padding: 20px 30px;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 20px 30px;
    pointer-events: none;
}

#maincontent .mvx-content::after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    top: -5px;
    left: 30px;
    transform: rotate(45deg);
}

#maincontent .mvx-content_container {
    position: relative;
    max-width: 1170px;
    width: calc(100% - 30px);
    margin: 0 auto;
}

#maincontent .mvx-content_poptitle {
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #dedede;
}

#maincontent .mvx-content.active {
    opacity: 1;
    pointer-events: initial;
}

#maincontent .mvx-content_top {
    display: none;
}

#maincontent .mvx-content_marcas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 300px;
    width: 100%;
}

#maincontent .mvx-content_marcas p {
    text-transform: uppercase;
    padding: 15px 0 5px;
    border-top: 1px solid #dedede;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #8a8a8a;
}

#maincontent .mvx-content_marcas a {
    max-width: 100px;
    width: calc(100% / 3);
    height: 50px;
    background-size: 300px 100px;
    background-repeat: no-repeat;
    opacity: 0.5;
    transition: opacity 0.2s;
}

#maincontent .mvx-content_marcas a:hover {
    opacity: 1;
}

#maincontent .mvx-content_marcas .mvx-iphone {
    background-position: 0 0;
}

#maincontent .mvx-content_marcas .mvx-huawei {
    background-position: -100px 0;
}

#maincontent .mvx-content_marcas .mvx-samsung {
    background-position: -200px 0;
}

#maincontent .mvx-content_marcas .mvx-motorola {
    background-position: 0 -50px;
}

#maincontent .mvx-content_marcas .mvx-xiaomi {
    background-position: -100px -50px;
}

#maincontent .mvx-content_marcas .mvx-lg {
    background-position: -200px -50px;
}

#maincontent .mvx-content_marcas.xmarcas a {
    background-image: url("../img/sprite-eq.svg");
}

#maincontent nav {
    width: 100%;
}

#maincontent nav>a {
    text-align: left;
    position: relative;
    color: #313235;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    padding-left: 10px;
}

#maincontent nav>a+* {
    margin-top: 15px;
}

#maincontent nav>a:hover {
    color: #019df4;
}

#maincontent nav>a:hover small {
    color: #019df4;
}

#maincontent nav>a::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 9px;
    left: -2px;
    border-top: 2px solid #50535a;
    border-right: 2px solid #50535a;
    transform: rotate(45deg);
}

#maincontent .mvx-cyber {
    position: relative;
    margin-top: 20px;
}

#maincontent .mvx-cyber::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: -10px;
    background: #dedede;
}

#maincontent span {
    font-size: 11px;
    color: #fff;
    background: #e63780;
    border-radius: 50px;
    padding: 2px 5px;
    margin-left: 2px;
}

#maincontent small {
    font-size: 13px;
    display: block;
    color: #86888c;
}

#maincontent .menu-equipos {
    left: 55px;
}

#maincontent .menu-movil {
    left: 145px;
}

#maincontent .menu-hogar {
    left: 220px;
}

#maincontent .menu-digital {
    left: 300px;
}

#maincontent .menu-ayuda {
    left: 380px;
}

#maincontent .menu-empresas {
    padding: 0;
    left: inherit;
    right: 3px;
    top: 0;
}

#maincontent .menu-empresas::after {
    left: inherit;
    right: 30px;
}

#maincontent .menu-notificaciones {
    padding: 0;
    left: inherit;
    right: 75px;
    max-width: 370px;
}

#maincontent .menu-notificaciones::after {
    left: inherit;
    right: 30px;
}

#maincontent .menu-notificaciones a {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    color: #313235;
}

#maincontent .menu-notificaciones a p {
    width: calc(100% - 80px);
    font-size: 14px;
}

#maincontent .menu-notificaciones a+* {
    border-top: 1px solid #dedede;
}

#maincontent .menu-notificaciones em {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

#maincontent .menu-notificaciones mark {
    margin-top: 5px;
    display: block;
    color: #019df4;
}

#maincontent .menu-ofertas {
    left: inherit;
    right: 55px;
}

#maincontent .menu-mimovistar {
    left: inherit;
    right: 140px;
    padding: 0;
}

#maincontent .menu-mimovistar::after {
    left: inherit;
    right: 30px;
}

#maincontent .menu-mimovistar .mvxlogin {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 310px;
    color: #fff;
    border-radius: 50px;
    background-color: #5cb615;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 20px;
    margin: 20px 30px;
    text-align: center;
    transition: opacity 0.2s;
}

#maincontent .menu-mimovistar .mvxlogin:hover {
    opacity: 0.8;
}

#maincontent .menu-mimovistar .mvxlogincontainer {
    background-color: #e7eef2;
    border-radius: 0 0 8px 8px;
    padding: 10px 0;
}

#maincontent .menu-mimovistar .mvxnonregister {
    padding: 0 20px 10px;
    color: #50535a;
    border-bottom: 1px solid #ccc;
}

#maincontent .menu-mimovistar a:not(.mvxlogin),
#maincontent .menu-empresas a:not(.mvxlogin) {
    display: block;
    position: relative;
    color: #313235;
    transition: color 0.2s;
    padding: 15px 70px 15px 50px;
}

#maincontent .menu-mimovistar a:not(.mvxlogin):hover,
#maincontent .menu-empresas a:not(.mvxlogin):hover {
    color: #019df4;
}

#maincontent .menu-mimovistar a:not(.mvxlogin)::after,
#maincontent .menu-empresas a:not(.mvxlogin)::after {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: 10px;
    height: 30px;
    width: 30px;
    background-size: 180px 60px;
}

#maincontent .menu-mimovistar .link-movil,
#maincontent .menu-empresas .link-movil {
    margin-top: 10px;
}

#maincontent .menu-mimovistar .link-movil::after,
#maincontent .menu-empresas .link-movil::after {
    background-position: 0 0;
}

#maincontent .menu-mimovistar .link-hogar::after,
#maincontent .menu-empresas .link-hogar::after {
    background-position: -30px 0;
}

#maincontent .menu-mimovistar .link-recarga::after,
#maincontent .menu-empresas .link-recarga::after {
    background-position: -60px 0;
}

#maincontent .menu-mimovistar .link-registro::after,
#maincontent .menu-empresas .link-registro::after {
    background-position: -60px -30px;
}

#maincontent .menu-mimovistar .corp-empresas,
#maincontent .menu-empresas .corp-empresas {
    margin-top: 10px;
}

#maincontent .menu-mimovistar .corp-empresas::after,
#maincontent .menu-empresas .corp-empresas::after {
    background-position: 0 -30px;
}

#maincontent .menu-mimovistar .corp-corporaciones,
#maincontent .menu-empresas .corp-corporaciones {
    margin-bottom: 10px;
}

#maincontent .menu-mimovistar .corp-corporaciones::after,
#maincontent .menu-empresas .corp-corporaciones::after {
    background-position: -30px -30px;
}
.detail-success {
	width: 55%;
}
@media all and (max-width: 1180px) {

    #mainmenu .mvx-bottom_innernav a,
    #mainmenu .mvx-bottom_innernav button {
        font-size: 14px;
        padding: 20px 15px;
    }

    #mainmenu .mvx-bottom_innernav .club {
        font-size: 14px;
    }

    #mainmenu .mvx-bottom_buscador {
        max-width: 100%;
        width: auto;
        margin: 0;
        height: auto;
    }

    #mainmenu .mvx-bottom_buscador button {
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        padding: 20px 15px 20px 35px;
    }

    #mainmenu .mvx-bottom_buscador::after {
        left: 15px;
        filter: brightness(0) invert(100);
    }

    #mainmenu .mvx-bottom_buscador input {
        display: none;
    }
}

@media all and (min-width: 992px) {
    #mainmenu .mvx-top {
        display: block;
    }

    #mainmenu .mvx-bottom_buttons .mvxdetalle {
        display: none;
    }

    #maincontent {
        height: calc(100vh - 90px);
    }

    #maincontent .menu-ofertas {
        right: -20px;
    }

    #maincontent .menu-mimovistar {
        right: 60px;
    }

    #maincontent .menu-notificaciones {
        right: -3px;
    }
}

@media all and (max-width: 991px) {
    #mainmenu {
        position: unset;
    }

    #mainmenu .mvx-top {
        display: none;
    }

    #mainmenu .mvx-bottom {
        padding: 8px 0;
    }

    #mainmenu .mvx-bottom_logo {
        max-width: 32px;
        margin: 0 10px 0 0;
    }

    #mainmenu .mvx-bottom.active-search {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 8;
    }

    #mainmenu .mvx-bottom.active-search .mvs-back::after {
        background: #000;
    }

    #mainmenu .mvx-bottom.active-search .mvs-back::before {
        border-color: #000;
    }

    #mainmenu .mvx-bottom_buttons a,
    #mainmenu .mvx-bottom_buttons button {
        display: none;
    }

    #mainmenu .mvx-bottom_buttons i.xjs-mobmenu {
        display: block;
        position: relative;
        padding: 3px;
        height: 25px;
        width: 25px;
    }

    #mainmenu .mvx-bottom_buttons i.xjs-mobmenu::after,
    #mainmenu .mvx-bottom_buttons i.xjs-mobmenu::before {
        content: "";
        position: absolute;
        height: 10px;
        width: 100%;
        left: 3px;
        top: 3px;
    }

    #mainmenu .mvx-bottom_buttons i.xjs-mobmenu::before {
        top: unset;
        bottom: 4px;
        border-bottom: 2px solid #fff;
    }

    #mainmenu .mvx-bottom_buttons i.xjs-mobmenu::after {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    #mainmenu .mvx-bottom_nav {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(100%);
        z-index: 1;
        transition: transform 0.2s;
    }

    #mainmenu .mvx-bottom_nav.active {
        transform: translateX(0);
        z-index: 10;
    }

    #mainmenu .mvx-bottom_innernav {
        display: block;
        height: calc(100% - 51px);
        padding: 0 15px;
        background: #f5f5f5;
        flex-wrap: wrap;
        overflow: auto;
    }

    #mainmenu .mvx-bottom_innernav a::after {
        display: inline-block;
        content: "";
        width: 8px;
        height: 8px;
        border-top: 2px solid;
        border-right: 2px solid;
    }

    #mainmenu .mvx-bottom_innernav button,
    #mainmenu .mvx-bottom_innernav a,
    #mainmenu .mvx-bottom_innernav .club {
        padding: 13px 0;
        width: 100%;
        display: flex;
        text-align: left;
        color: #313235;
        font-size: 22px;
        font-weight: 300;
    }

    #mainmenu .mvx-bottom_innernav button::after,
    #mainmenu .mvx-bottom_innernav a::after,
    #mainmenu .mvx-bottom_innernav .club::after {
        content: "";
        background: transparent;
        margin-top: 10px;
        margin-left: auto;
        transform: rotate(45deg);
        border-width: 2px;
        height: 8px;
        width: 8px;
        border-color: #019df4;
    }

    #mainmenu .mvx-bottom_innernav button:hover,
    #mainmenu .mvx-bottom_innernav a:hover,
    #mainmenu .mvx-bottom_innernav .club:hover {
        color: #313235;
    }

    #mainmenu .mvx-bottom_innernav button.active,
    #mainmenu .mvx-bottom_innernav a.active,
    #mainmenu .mvx-bottom_innernav .club.active {
        color: #313235;
    }

    #mainmenu .mvx-bottom_innernav button.active::after,
    #mainmenu .mvx-bottom_innernav a.active::after,
    #mainmenu .mvx-bottom_innernav .club.active::after {
        transform: rotate(45deg);
    }

    #mainmenu .mvx-bottom_innernav span {
        display: block;
    }

    #mainmenu .mvx-bottom_innernav .mvxofertas,
    #mainmenu .mvx-bottom_innernav .mimovistar,
    #mainmenu .mvx-bottom_innernav .mvxnotificaciones {
        position: relative;
        padding-left: 50px;
        border-top: 1px solid #dedede;
    }

    #mainmenu .mvx-bottom_innernav .mvxofertas::before,
    #mainmenu .mvx-bottom_innernav .mimovistar::before,
    #mainmenu .mvx-bottom_innernav .mvxnotificaciones::before {
        content: "";
        position: absolute;
        top: calc(50% - 20px);
        left: 0;
        height: 40px;
        width: 40px;
        background-size: 240px;
        background-image: url(/images/sprite-eq.svg?3adc2c04420268a6a07da5551df0529c);
    }

    #mainmenu .mvx-bottom_innernav .mvxofertas::before {
        background-position: -120px -80px;
    }

    #mainmenu .mvx-bottom_innernav .mimovistar::before {
        background-position: -160px -80px;
    }

    #mainmenu .mvx-bottom_innernav .mvxnotificaciones::before {
        background-position: -200px -80px;
    }

    #mainmenu .mvx-bottom_innernav .mvxalerta {
        position: absolute;
        color: #fff;
        font-style: normal;
        background: #ec3939;
        border-radius: 50px;
        top: 5px;
        left: 20px;
        padding: 2px 6px;
        font-size: 11px;
    }

    #mainmenu .mvx-bottom_buscador {
        width: calc(100% - 100px);
        max-width: 100%;
        height: 35px;
        margin: 0 auto;
    }

    #mainmenu .mvx-bottom_buscador::after {
        left: 10px;
        filter: unset;
    }

    #mainmenu .mvx-bottom_buscador input {
        display: block;
    }

    #mainmenu .mvx-bottom_buscador button {
        display: none;
    }

    #mainmenu .mvx-bottom_mob {
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #019df4;
    }

    #mainmenu .mvx-bottom_more {
        position: relative;
        display: flex;
        align-items: center;
    }

    #mainmenu .mvx-bottom_more>a {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        position: relative;
        z-index: 1;
        display: inline-block;
        margin-bottom: 0;
    }

    #mainmenu .mvx-bottom_more button {
        position: relative;
        margin-left: 15px;
        width: 30px;
        height: 30px;
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #fff;
    }

    #mainmenu .mvx-bottom_more button::after {
        position: absolute;
        top: 9px;
        left: 10px;
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }

    #mainmenu .mvx-bottom_more button.active {
        border-radius: 4px 4px 0 0;
        background: #fff;
    }

    #mainmenu .mvx-bottom_more button.active::after {
        top: 12px;
        transform: rotate(-135deg);
        border-color: #019df4;
        border-color: #019df4;
    }

    #mainmenu .mvx-bottom_more div {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        right: 0;
        background-color: #fff;
        z-index: 1;
        border-radius: 4px 0 4px 4px;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

    #mainmenu .mvx-bottom_more div.active {
        display: block;
    }

    #mainmenu .mvx-bottom_more div a {
        display: block;
        padding: 10px;
        font-size: 15px;
        font-weight: 300;
        color: #019df4;
    }

    #mainmenu .mvx-bottom_more div a+* {
        border-top: 1px solid #dedede;
    }

    .mvx-mob_back {
        display: block;
        cursor: pointer;
        position: relative;
        width: 20px;
        height: 20px;
    }

    .mvx-mob_back::before,
    .mvx-mob_back::after {
        content: "";
        position: absolute;
    }

    .mvx-mob_back::before {
        height: 12px;
        width: 12px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(-45deg);
        left: 0;
        top: 3px;
    }

    .mvx-mob_back::after {
        height: 2px;
        width: calc(100% - 3px);
        left: 0;
        top: calc(50% - 2px);
        background: #fff;
    }

    #maincontent {
        overflow: hidden;
        bottom: unset;
        left: 0;
        top: 0;
        height: 100%;
    }

    #maincontent.active-content {
        background: unset;
    }

    #maincontent .mvx-content {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 0;
        opacity: 1;
        transform: translateX(100%);
        transition: transform 0.2s;
        border-radius: 0;
        box-shadow: none;
        z-index: 11;
        background: #f5f5f5;
    }

    #maincontent .mvx-content.active {
        transform: translateX(0%);
    }

    #maincontent .mvx-content::after {
        content: none;
    }

    #maincontent .mvx-content_poptitle {
        display: none;
    }

    #maincontent .mvx-content_container {
        position: unset;
        max-width: unset;
        width: unset;
    }

    #maincontent .mvx-content div {
        display: flex;
        align-items: center;
        padding: 8px 15px;
        background: #019df4;
    }

    #maincontent .mvx-content div p {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 22px;
        font-weight: 300;
        padding: 3px 35px 3px 15px;
        position: relative;
        margin: 0;
    }

    #maincontent .mvx-content_marcas {
        max-width: 100%;
    }

    #maincontent nav {
        padding: 0 15px;
        height: calc(100% - 50px);
        overflow: auto;
    }

    #maincontent nav::after {
        content: none;
    }

    #maincontent nav a {
        margin: 0;
        font-size: 20px;
        padding: 13px 0;
    }

    #maincontent nav a::after {
        left: unset;
        right: 0;
        height: 8px;
        width: 8px;
        border-color: #019df4;
        top: calc(50% - 4px);
    }

    #maincontent .menu-mimovistar .mvxnonregister {
        display: none;
    }

    #maincontent .menu-mimovistar .mvxlogincontainer {
        border-top: 1px solid #ccc;
        padding: 0;
        background-color: transparent;
    }
}

#mainsearch {
    position: fixed;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: #f7f7f7;
    z-index: 110001;
    bottom: 0;
    left: 0;
}

#mainsearch.srxmodal-active {
    visibility: visible;
    opacity: 1;
}

.mvs-header {
    position: relative;
    background: #019df4;
    padding: 15px 15px 5px;
    text-align: center;
}

.mvs-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 768px;
    padding: 0 15px;
    margin: 0 auto;
}

.mvs-btns button {
    position: relative;
    padding: 5px 0 15px;
    width: calc((100% / 3) - 40px);
    color: #fff;
    font-size: 18px;
}

.mvs-btns .activetab {
    font-weight: bold;
}

.mvs-btns .activetab::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #fff;
    left: 0;
    bottom: 0;
}

.mvs-input {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 768px;
    width: 100%;
    margin: 0px auto 10px;
}

.mvs-input input {
    border-radius: 4px;
    color: #000;
    background-color: #fff;
    border: 0;
    box-shadow: 0 0 2px #86888c;
    height: 40px;
    padding: 0 90px 0 40px;
    width: calc(100% - 35px);
    font-size: 18px;
    transition: all 300ms ease;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiMwMTlERjQiIGQ9Ik0xNi42LDE1LjNsLTQtNGMxLjktMi42LDEuNi02LjMtMC45LTguNGMtMS4xLTEtMi42LTEuNS00LjEtMS41YzAsMCwwLDAsMCwwQzUuOSwxLjMsNC4zLDIsMy4xLDMuMQoJQzIsNC4zLDEuMyw1LjksMS4zLDcuNmMwLDEuNiwwLjcsMy4zLDEuOCw0LjRjMi4yLDIuMiw1LjcsMi40LDguMSwwLjZsMy45LDMuOWMwLjIsMC4yLDAuNCwwLjMsMC42LDAuM2MwLjIsMCwwLjUtMC4xLDAuNi0wLjMKCWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNkMxNi43LDE1LjYsMTYuNiwxNS41LDE2LjYsMTUuM3ogTTEwLjcsMTAuN0M5LjksMTEuNSw4LjcsMTIsNy42LDEyYzAsMCwwLDAsMCwwYy0xLjIsMC0yLjMtMC41LTMuMS0xLjMKCUMyLjcsOSwyLjcsNi4yLDQuNCw0LjRjMC45LTAuOSwyLTEuMywzLjEtMS4zYzEuMSwwLDIuMywwLjQsMy4xLDEuM0MxMi40LDYuMSwxMi40LDguOSwxMC43LDEwLjd6Ii8+Cjwvc3ZnPgo=");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 10px top 10px;
}

.mvs-input input:focus {
    box-shadow: 0 0 0 2px #019df4;
}

.mvs-input input::-moz-placeholder {
    color: #b6b7b7;
}

.mvs-input input:-ms-input-placeholder {
    color: #b6b7b7;
}

.mvs-input input::placeholder {
    color: #b6b7b7;
}

.mvs-input .mvs-close {
    cursor: pointer;
    position: relative;
    width: 20px;
    height: 20px;
}

.mvs-input .mvs-close::after,
.mvs-input .mvs-close::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 10px;
    border: 1px solid #fff;
}

.mvs-input .mvs-close::after {
    transform: rotate(45deg);
}

.mvs-input .mvs-close::before {
    transform: rotate(-45deg);
}

.mvs-body {
    padding: 10px 15px;
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 4px 4px;
}

.mvs-body li {
    position: relative;
    display: flex;
}

.mvs-body li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    right: 5px;
    top: calc(50% - 4px);
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-45deg);
}

.mvs-body li.active a {
    color: #019df4;
    width: 100%;
}

.mvs-body li.active::after {
    border-color: #019df4;
}

.mvs-body li a {
    color: #313235;
    width: 100%;
    padding: 13px 25px 13px 30px;
}

.mvs-body li a span {
    font-weight: bold;
}

.mvs-body li a::before {
    position: absolute;
    content: "";
    top: calc(50% - 10px);
    left: 0;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNDNkM2QzYiIGQ9Ik0xNi42LDE1LjNsLTQtNGMxLjktMi42LDEuNi02LjMtMC45LTguNGMtMS4xLTEtMi42LTEuNS00LjEtMS41YzAsMCwwLDAsMCwwQzUuOSwxLjMsNC4zLDIsMy4xLDMuMQoJQzIsNC4zLDEuMyw1LjksMS4zLDcuNmMwLDEuNiwwLjcsMy4zLDEuOCw0LjRjMi4yLDIuMiw1LjcsMi40LDguMSwwLjZsMy45LDMuOWMwLjIsMC4yLDAuNCwwLjMsMC42LDAuM2MwLjIsMCwwLjUtMC4xLDAuNi0wLjMKCWMwLjItMC4yLDAuMy0wLjQsMC4zLTAuNkMxNi43LDE1LjYsMTYuNiwxNS41LDE2LjYsMTUuM3ogTTEwLjcsMTAuN0M5LjksMTEuNSw4LjcsMTIsNy42LDEyYzAsMCwwLDAsMCwwYy0xLjIsMC0yLjMtMC41LTMuMS0xLjMKCUMyLjcsOSwyLjcsNi4yLDQuNCw0LjRjMC45LTAuOSwyLTEuMywzLjEtMS4zYzEuMSwwLDIuMywwLjQsMy4xLDEuM0MxMi40LDYuMSwxMi40LDguOSwxMC43LDEwLjd6Ii8+Cjwvc3ZnPgo=");
}

.mvs-body li a.mvs-hot::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZyBpZD0ibm91bl9Ib3RfMTY1NjcyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE5LjkgLTEyLjY5OCkiPgoJPHBhdGggaWQ9IlRyYXphZG9fMzc5MCIgZmlsbD0iI0JGQzBCRiIgZD0iTTMzLjksMTkuMWMtMC40LTAuMy0xLjQtMS4xLTEuNS0xLjFjLTEuMi0wLjktMS43LTIuNS0xLjItNGMwLjEtMC41LTAuMi0wLjktMC43LTEuMQoJCWMtMC4yLDAtMC40LDAtMC42LDAuMWMtMi42LDEuMy00LjEsNC4xLTMuOCw3Yy0wLjQtMC42LTAuNi0xLjItMC42LTEuOWMwLTAuNS0wLjUtMC44LTAuOS0wLjhjMCwwLDAsMCwwLDBjLTAuMywwLTAuNSwwLjItMC43LDAuNAoJCWMtMS4zLDEuNy0xLjksMy43LTEuOSw1LjhjMCwzLjksMy4yLDcsNyw3czctMy4yLDctN2wwLDBDMzYsMjEuNywzNS4yLDIwLjEsMzMuOSwxOS4xeiBNMjguOSwyOC44Yy0yLjksMC01LjMtMi4zLTUuMy01LjMKCQljMCwwLDAsMCwwLDB2MGMwLTEuMSwwLjItMi4xLDAuNi0zLjFjMC41LDEuMiwxLjYsMiwyLjksMi4xYzAuNSwwLDAuOS0wLjQsMC45LTAuOWMwLTAuMSwwLTAuMSwwLTAuMmMtMC44LTMuNSwwLjYtNS4zLDEuMi01LjkKCQljMC4xLDEuNCwwLjgsMi43LDIsMy42YzAuMiwwLjIsMS4zLDAuOSwxLjUsMS4yYzEsMC43LDEuNSwxLjksMS41LDMuMWMwLDIuOS0yLjMsNS4zLTUuMiw1LjNDMjksMjguOCwyOSwyOC44LDI4LjksMjguOEwyOC45LDI4LjgKCQl6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.mvs-body li a.mvs-storage::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJmYWNlYm9vay1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGZpbGw9IiNDNkM2QzYiIGlkPSJHcnVwb18xMDI4NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2Ljk2NyAtMjA2KSI+Cgk8ZyBpZD0ibm91bl9jbG9ja18xMzU1OTgxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi45NjcgMjA2KSI+CgkJPHBhdGggaWQ9IlRyYXphZG9fMTc4OSIgY2xhc3M9InN0MCIgZD0iTTksMUM0LjYsMSwxLDQuNiwxLDlzMy42LDgsOCw4czgtMy42LDgtOFMxMy40LDEsOSwxeiBNOSwxNS43Yy0zLjcsMC02LjctMy02LjctNi43CgkJCXMzLTYuNyw2LjctNi43czYuNywzLDYuNyw2LjdjMCwwLDAsMCwwLDBDMTUuNywxMi43LDEyLjcsMTUuNyw5LDE1Ljd6Ii8+CgkJPHBhdGggaWQ9IlRyYXphZG9fMTc5MCIgY2xhc3M9InN0MCIgZD0iTTEyLjYsMTAuNGwtMy0xLjhWNC42YzAtMC4zLTAuMy0wLjYtMC42LTAuNmMwLDAsMCwwLDAsMGMtMC4zLDAtMC42LDAuMi0wLjYsMC42CgkJCWMwLDAsMCwwLDAsMFY5YzAsMC4yLDAuMiwwLjQsMC40LDAuNWwzLjMsMS45YzAuMywwLjIsMC42LDAuMSwwLjgtMC4yYzAsMCwwLDAsMCwwQzEzLDExLDEyLjksMTAuNywxMi42LDEwLjQKCQkJQzEyLjcsMTAuNCwxMi42LDEwLjQsMTIuNiwxMC40eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
}

.mvs-body .actloading::after {
    content: none;
}

.mvs-body .actloading::before {
    content: "";
    position: absolute;
    right: 18px;
    top: calc(50% - 7px);
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #019df4;
    border-color: #019df4 transparent;
    -webkit-animation: loading 1.2s linear infinite;
    animation: loading 1.2s linear infinite;
}

.mvs-tab>a,
.mvs-tab>button {
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    color: #019df4;
    font-size: 16px;
}

.mvs-tab {
    display: none;
    position: relative;
    z-index: 1;
}

.mvs-tab.activetmodule {
    display: block;
}

.mvs-noresult {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 23px 0 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    padding: 0 10px;
}

.mvs-noresult .is-searching {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.mvs-noresult .is-searching::after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 1px;
    border-radius: 50%;
    border: 2px solid #019df4;
    border-color: #019df4 transparent;
    -webkit-animation: loading 1.2s linear infinite;
    animation: loading 1.2s linear infinite;
}

.mvs-nresult {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
}

.mvs-nresult.none {
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 0;
}

.mvs-nresult p {
    font-size: 18px;
    color: #313235;
    margin-top: 0;
    margin-bottom: 0;
    width: calc(100% - 65px);
}

.mvs-nresult img {
    max-width: 50px;
    width: 100%;
}

.mvs-nresult small {
    display: block;
    font-size: 16px;
    color: #737373;
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media all and (max-width: 991px) {
	.detail-success {
		width: 100%;
	}
    #mainsearch {
        height: calc(100% - 50px);
        min-height: calc(100% - 50px);
    }

    #mainsearch .mvs-header {
        padding: 0;
    }

    #mainsearch .mvs-input {
        display: none;
        margin: 0 auto;
        padding: 5px 20px;
    }

    #mainsearch .mvs-input input {
        padding: 0;
        background-image: none;
        box-shadow: none;
    }

    #mainsearch .mvs-input input:focus {
        box-shadow: none;
    }

    #mainsearch .mvs-btns {
        border-top: 0;
        padding: 0 20px;
    }

    #mainsearch .mvs-btns button {
        padding: 14px 0;
        font-size: 16px;
        width: calc((100% / 3) - 20px);
    }

    #mainsearch .mvs-body {
        background-color: transparent;
        box-shadow: none;
        padding: 0 15px;
    }

    #mainsearch .mvs-body ul {
        margin-top: 10px;
    }

    #mainsearch .mvs-body em {
        line-height: 20px;
    }

    #mainsearch .mvs-nresult.none {
        text-align: center;
    }

    #mainsearch .mvs-nresult.none img {
        margin: 20px auto 10px;
    }

    #mainsearch .mvs-nresult.none p {
        width: 100%;
    }

    #mainsearch .mvs-nresult p {
        width: calc(100% - 55px);
    }

    #mainsearch .mvs-nresult p strong {
        display: block;
        margin-top: 3px;
        margin-bottom: 10px;
    }

    #mainsearch .mvs-nresult small {
        display: inline-block;
        font-size: 15px;
        color: #737373;
    }
}

:root {
    touch-action: pan-x pan-y;
    height: 100%;
}

body {
    background-color: #f5f5f5;
}

body.success main {
    background-color: #019df4;
    padding-bottom: 0;
}

body.success .form-container {
    display: none;
}

body.success .success-container {
    display: block;
}

body.sorry main {
    background-color: #019df4;
}

body.sorry .form-container {
    display: none;
}

body.sorry .sorry-container {
    display: block;
}

main {
    background-color: #f5f5f5;
    background-size: cover;
    position: relative;
    background-position: center top;
    padding: 20px 0 55px 0;
    font-family: "telefonica";
}

.mobile-success,
.transparent-container,
.sorry-container {
    margin: 0 auto;
}

.logo-movistar {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}

.form-container {
    width: 90%;
    max-width: 800px;
    background: white;
    box-shadow: 0px 1px 3px #8a959e3d;
    padding: 0 100px 50px;
    border-radius: 8px;
    margin: 0 auto 50px;
}

.form-container .form-step {
    display: none;
}

.form-container .form-step.active {
    display: block;
}

.form-container .form-header {
    text-align: center;
    color: #656565;
    margin-bottom: 25px;
    position: relative;
    width: calc(100% + 200px);
    left: -100px;
    top: 0;
}

.form-container .form-header p {
    font-size: 18px;
    color: #50535a;
}

.form-container .form-header .banner {
    width: 100%;
    height: 74px;
    background-color: #ebf7ff;
    border-radius: 8px 8px 0 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 30px;
    position: relative;
}

.form-container .form-header .banner .arrow-back {
    position: absolute;
    top: calc(50% - 7px);
    left: 30px;
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.form-container .form-header .banner .arrow-back.desk {
    display: block;
}

.form-container .form-header .banner .arrow-back.mob {
    display: none;
}
.form-container .form-group {
    width: 356px;
    margin: 0 auto 29px;
}

.form-container .form-group:last-of-type {
    margin-bottom: 0px;
}

.form-container .form-group:last-of-type p {
    margin-bottom: 0 !important;
}

.form-container .form-group label {
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    background-color: white;
    left: 15px;
    left: 12px;
    top: calc(50% - 8px);
    top: 14.5px;
    transition: all 0.1s ease-in-out;
    z-index: 2;
    pointer-events: none;
}

.form-container .form-group input,
.form-container .form-group textarea,
.form-container .form-group select {
    font-family: "telefonica";
    width: 100%;
    height: 46px;
    padding: 12px;
    border: none;
    border-radius: 4px;
    outline: 0;
    font-size: 14px;
    color: #313235;
    transition: all 0.3s ease;
}

.form-container .form-group input::-moz-placeholder,
.form-container .form-group textarea::-moz-placeholder,
.form-container .form-group select::-moz-placeholder {
    font-size: 14px;
    color: #b6b7b7;
    vertical-align: top;
}

.form-container .form-group input:-ms-input-placeholder,
.form-container .form-group textarea:-ms-input-placeholder,
.form-container .form-group select:-ms-input-placeholder {
    font-size: 14px;
    color: #b6b7b7;
    vertical-align: top;
}

.form-container .form-group input::placeholder,
.form-container .form-group textarea::placeholder,
.form-container .form-group select::placeholder {
    font-size: 14px;
    color: #b6b7b7;
    vertical-align: top;
}

.form-container .form-group input.data,
.form-container .form-group textarea.data,
.form-container .form-group select.data {
    padding-left: 12px !important;
}

.form-container .form-group input.input-padding-l-50,
.form-container .form-group textarea.input-padding-l-50,
.form-container .form-group select.input-padding-l-50 {
    padding-left: 50px;
}

.form-container .form-group input.input-padding-l-60,
.form-container .form-group textarea.input-padding-l-60,
.form-container .form-group select.input-padding-l-60 {
    padding-left: 60px;
}

.form-container .form-group input.input-padding-l-65,
.form-container .form-group textarea.input-padding-l-65,
.form-container .form-group select.input-padding-l-65 {
    padding-left: 65px;
}

.form-container .form-group input.input-padding-l-75,
.form-container .form-group textarea.input-padding-l-75,
.form-container .form-group select.input-padding-l-75 {
    padding-left: 75px;
}

.form-container .form-group input.input-padding-l-80,
.form-container .form-group textarea.input-padding-l-80,
.form-container .form-group select.input-padding-l-80 {
    padding-left: 80px;
}

.form-container .form-group input.input-padding-l-85,
.form-container .form-group textarea.input-padding-l-85,
.form-container .form-group select.input-padding-l-85 {
    padding-left: 85px;
}
.form-container .form-group input.input-padding-l-100,
.form-container .form-group textarea.input-padding-l-100,
.form-container .form-group select.input-padding-l-100 {
    padding-left: 100px;
}
.form-container .form-group input.input-padding-l-125,
.form-container .form-group textarea.input-padding-l-125,
.form-container .form-group select.input-padding-l-125 {
    padding-left: 125px;
}

.form-container .form-group input.input-padding-l-140,
.form-container .form-group textarea.input-padding-l-140,
.form-container .form-group select.input-padding-l-140 {
    padding-left: 140px;
}

.form-container .form-group input.input-padding-l-145,
.form-container .form-group textarea.input-padding-l-145,
.form-container .form-group select.input-padding-l-145 {
    padding-left: 145px;
}

.form-container .form-group input.input-padding-l-150,
.form-container .form-group textarea.input-padding-l-150,
.form-container .form-group select.input-padding-l-150 {
    padding-left: 150px;
}
.form-container .form-group input.input-padding-l-160,
.form-container .form-group textarea.input-padding-l-160,
.form-container .form-group select.input-padding-l-160 {
    padding-left: 160px;
}
.form-container .form-group input.input-padding-l-165,
.form-container .form-group textarea.input-padding-l-165,
.form-container .form-group select.input-padding-l-165 {
    padding-left: 165px;
}

.form-container .form-group input.input-padding-l-170,
.form-container .form-group textarea.input-padding-l-170,
.form-container .form-group select.input-padding-l-170 {
    padding-left: 170px;
}

.form-container .form-group input.input-padding-l-190,
.form-container .form-group textarea.input-padding-l-190,
.form-container .form-group select.input-padding-l-190 {
    padding-left: 190px;
}

.form-container .form-group input.input-padding-l-200,
.form-container .form-group textarea.input-padding-l-200,
.form-container .form-group select.input-padding-l-200 {
    padding-left: 200px;
}

.form-container .form-group input.input-padding-l-210,
.form-container .form-group textarea.input-padding-l-210,
.form-container .form-group select.input-padding-l-210 {
    padding-left: 210px;
}

.form-container .form-group input:focus,
.form-container .form-group textarea:focus,
.form-container .form-group select:focus {
    border: solid 1px #009df4;
    outline: #009df4;
    padding-left: 12px;
}

.form-container .form-group textarea {
    height: 130px;
}

.form-container .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background-image: url(/img/ico-arrow-select.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    color: #B6B7B7;
}

.form-container .form-group select:after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
}

.form-container .form-group select.data,
.form-container .form-group select:focus {
    color: #50535a !important;
}

.form-container .form-group span {
    color: #ec624b;
    font-size: 12px;
    text-align: right;
    margin-top: 4px;
    display: none;
}

.form-container .form-group .input {
    border: solid 1px #e6e9ed;
    border-radius: 4px;
    position: relative;
}

.form-container .form-group .input.label-top label {
    top: 12px;
}

.form-container .form-group .input.active label {
    top: -8px;
}

.form-container .form-group.error>span {
    display: block;
}

.form-container .form-group.error.form-radio span {
    display: block;
}

.form-container .form-group.error>.input {
    border-color: #ec624b;
}

.form-container .form-group--direccion {
    background-color: #F8F8F8;
    border-radius: 4px;
    margin-bottom: 40px;
}

.form-container .form-group--direccion input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 24px;
}

.form-container .form-group--direccion input[type=checkbox]:checked+.checkbox-cont .checkbox-mask {
    border: 1px solid #5cb615;
    background-image: url(/img/ico-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.form-container .form-group--direccion input[type=checkbox][disabled]+.checkbox-cont .checkbox-mask {
    background-color: #dfdfdf;
}

.form-container .form-group--direccion>.field-error {
    position: relative;
    top: 25px;
}

.form-container .form-group--direccion .checkbox-cont {
    background: none;
    position: static;
    text-transform: none;
    display: flex;
    align-items: center;
}

.form-container .form-group--direccion .checkbox-mask {
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #B6B7B7;
    position: static;
    margin-right: 8px;
    display: block;
}

.form-container .form-group--direccion .checkbox-text {
    margin: 0;
    font-size: 14px;
    color: #50535A;
}

.form-container .form-group--direccion .checkbox-text strong {
    font-weight: bold;
}

.form-container .form-group--direccion hr {
    border: 1px solid #E9EAE8;
}

.form-container .form-check {
    display: flex;
    align-items: center;
    padding: 18px 5px 16px 11px;
    position: relative;
}

.form-container .custom-radio {
    width: 32px !important;
    height: 32px !important;
    position: relative;
}

.form-container .custom-radio label {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #b6b7b7;
    background-color: white !important;
    position: static !important;
    border-radius: 50%;
}

.form-container .custom-radio input {
    width: 32px !important;
    height: 32px !important;
    opacity: 0;
    position: absolute;
}

.form-container .custom-radio input:checked+label {
    position: relative;
}

.form-container .custom-radio input:checked+label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #019df4;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.form-container .form-radio {
    display: flex;
    overflow: hidden;
    justify-content: center;
    border-radius: 8px;
    background-color: white;
}

.form-container .form-radio.border p {
    font-weight: bold;
}
@media (max-width: 768px) {
    .form-container .form-radio.border {
        position: relative;
        background-color: #F5F5F5;
    }

    .form-container .form-radio.border:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 6px;
        height: 100%;
        background-color: #5CB615;
    }

    .form-container .form-radio.border .left {
        background-color: #F5F5F5;
    }

    .form-container .form-radio.border p {
        font-weight: bold !important;
    }
}

@media (min-width: 769px) {
    .form-container .form-radio.border {
        border: 3px solid #019df4;
        border-radius: 8px;
    }
}

.form-container .form-radio .input {
    margin-top: 10px;
}

@media (min-width: 769px) {
    .form-container .form-radio .input {
        margin-top: 18px;
    }
}

.form-container .form-radio>.left {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1eaea;
    flex: 1 1 15%;
}

.form-container .form-radio>.right {
    align-items: center;
    justify-content: center;
    flex: 1 1 85%;
    padding: 20px;
    border: 2px solid #f5f5f5;
}

.form-container .form-radio .radio {
    width: 25px;
}

.form-container .button-container {
    width: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto 40px;
}

.form-container .button-container button {
    display: block;
    background: #019df4;
    color: white;
    border-radius: 50px;
    box-shadow: none;
    border: none;
    padding: 18.5px 15px;
    font-size: 16px;
    font-weight: bold;
    max-width: 220px;
    cursor: pointer;
    text-align: center;
    min-height: 56px;
    width: 100%;
    font-family: "telefonica";
}

.form-container .button-container button:focus {
    outline: none;
}

.form-container .button-container button:disabled {
    opacity: 0.4;
}

.form-container .button-container .form-error {
    color: #ec624b;
    font-size: 12px;
    margin-top: 10px;
    display: none;
}

.form-container .button-container .form-error.active {
    display: block;
}

.form-container .button-container.loading button span {
    display: none;
}

.form-container .button-container.loading .loader {
    display: block;
}

.success-container,
.sorry-container {
    display: none;
    text-align: center;
    color: white;
}

.success-container h1,
.sorry-container h1 {
    font-weight: 300;
    margin: 0 0 10px;
    font-size: 40px;
}

.success-container p,
.sorry-container p {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}

.success-container hr,
.sorry-container hr {
    margin: 20px 0;
    border: none;
    border-top: 1px solid white;
    opacity: 0.25;
    outline: none;
}

.success-container img,
.sorry-container img {
    width: 140px;
    margin-bottom: 10px;
}

.success-container a,
.sorry-container a {
    background: white;
    color: #019df4;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 0;
    padding: 18px 50px;
    outline: none;
    max-width: 310px;
}

.success-container a img,
.sorry-container a img {
    width: 30px;
    margin: 0 14px 0 0;
}

.mobile-success,
.sorry-container {
    padding: 80px 0 100px;
    max-width: 460px;
}

.landline-success .transparent-container {
    max-width: 460px;
    padding: 46px 0;
}

.landline-success .transparent-container p {
    max-width: 300px;
}

.landline-success .transparent-container img {
    width: 180px;
}

.landline-success .white-container {
    width: 100%;
    background: white;
    color: #86888c;
    padding: 40px 18px 70px;
}

.landline-success .white-container p {
    font-size: 14px;
}

.landline-success .white-container a {
    background: #019df4;
    color: white;
}

.loader {
    margin: 10px auto;
    font-size: 5px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load 1.1s infinite ease;
    animation: load 1.1s infinite ease;
    transform: translateZ(0);
    display: none;
}

@-webkit-keyframes load {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

.form-container.step-1 .hide-step-1-mobile {
    display: block;
}

.form__title-mobile {
    display: none;
}

@media (max-width: 990px) {
    .form-container {
        padding: 0 50px 50px;
    }

    .form-container .form-header {
        width: calc(100% + 100px);
        left: -50px;
    }
}

@media (max-width: 768px) {
    main {
        padding: 0;
    }

    .logo-movistar {
        display: none;
    }

    .form-container {
        padding: 0 20px 20px;
        width: 100%;
        margin: 0;
    }

    .form-container .form-header {
        width: calc(100% + 40px);
        left: -20px;
        padding: 25px 14px 14px 14px;
        margin-bottom: 30px;
        background: #019df4;
        position: relative;
    }

    .form-container .form-header .banner {
        background: none;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
    }

    .form-container .form-header .banner p {
        font-size: 14px;
        opacity: 0.75;
    }

    .form-container .form-header .banner b {
        font-weight: normal;
    }

    .form-container .form-header .banner .arrow-back.desk {
        display: none;
    }

    .form-container .form-header .banner .arrow-back.mob {
        display: block;
    }

    .form-container .form-header .form-header__subtitle-mobile {
        font-weight: bold;
    }

    .form-container .form-header p {
        color: #fff;
        font-size: 16px;
    }

    .form-container .form-group {
        flex-wrap: wrap;
        width: 100%;
    }

    .form-container .form-group>label {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .form-container .form-group .input {
        width: 100%;
    }

    .form-container .form-group.two-inputs label {
        width: calc(50% - 10px) !important;
    }

    .form-container .form-group.two-inputs label:nth-of-type(1) {
        order: 1;
    }

    .form-container .form-group.two-inputs label:nth-of-type(2) {
        order: 2;
    }

    .form-container .form-group.two-inputs .input {
        width: calc(50% - 10px);
    }

    .form-container .form-group.two-inputs .input:nth-of-type(1) {
        order: 3;
    }

    .form-container .form-group.two-inputs .input:nth-of-type(2) {
        order: 4;
    }

    .form-container .form-radio {
        margin-bottom: 0;
        height: 120px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-color: white;
    }

    .form-container .form-radio:first-of-type {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .form-container .form-radio:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .form-container .form-radio.border:first-of-type .left {
        align-items: flex-start;
        padding-top: 20px;
    }

    .form-container .form-radio>.left {
        background-color: white;
    }

    .form-container .form-radio>.right {
        border: none;
        align-self: center;
    }

    .form-container .form-radio>.right>p {
        font-weight: 400;
    }

    .success-container,
    .sorry-container {
        margin: 0 auto;
        width: 100%;
        max-width: none;
    }

    .success-container h1,
    .sorry-container h1 {
        font-size: 24px;
    }

    .success-container p,
    .sorry-container p {
        font-size: 16px;
    }

    .success-container img,
    .success-container .transparent-container img,
    .sorry-container img,
    .sorry-container .transparent-container img {
        width: 100px;
    }

    .form-container.step-1 {
        background-color: #019df4;
        border-radius: 0;
        min-height: 100vh;
    }

    .form-container.step-1 .form__title-mobile {
        display: block;
    }

    .form-container.step-1 .button-white-mobile {
        background-color: white !important;
        color: #019df4 !important;
    }

    .form-container.step-1 .hide-step-1-mobile {
        display: none;
    }

    .form__title-mobile {
        text-align: center;
        color: white;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 20px;
    }
}

@media (max-width: 566px) {
    .form-container .form-header .banner .arrow-back {
        left: 16px;
    }

    .form-container .button-container {
        width: 100%;
    }

    .form-container .button-container button {
        min-width: auto;
    }

    .mobile-success,
    .sorry-container {
        padding: 50px 30px;
    }

    .mobile-success a,
    .sorry-container a {
        padding: 18px 30px;
    }

    .landline-success .transparent-container {
        padding: 50px 40px 14px;
    }
}


.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-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.6;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}


.bg-movistar{
    background: #0B2739 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bg-movistar h3{
   font: normal normal 300 24px/28px "telefonica";
   letter-spacing: 0px;
   color: #FFFFFF;
}

.icon-success{
    height: 119px;
}
.modal-body{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-body h3{
    margin-top: 24px;
    margin-bottom: 18px;
    color:#50535a;
    text-align: center;
    font: normal normal 300 24px/28px "telefonica";
}

.modal-body hr{
    border: 1px solid #D3D4D3;
    height: 1px;
    width: 80%;
}

.modal-body p{
    margin-top: 18px;
    margin-bottom: 34px;
    color: #50535A;
    font: normal normal normal 18px/22px "telefonica";
    text-align: center;
	width: 50%;
}
.icon-success {
    height: 32px;
}
.btn-mo button {
    width: 280px !important;
    max-width: 280px !important;
}


.modal-dialog-centered {
    min-height: calc(114% - 3.5rem);
}
.form-container .form-group-flex {
	display: flex;
    width: 395px;
    margin: 0 auto 29px 123px;
}
.form-container .form-group-flex-error {
    flex-wrap: wrap;
}
.form-container .form-group-flex.error>span {
    width: 90%;
}
.form-container .form-group-flex .question {
	position: relative;
    margin-left: 15px;
    cursor: pointer;
}
.form-container .form-group-flex .input.active input {
    width: 355px;
}
.modalLine .modal-content {
    border-radius: 12px;
}
.modalLine .modal-header {
    display: block;
    text-align: center;
    font-weight: normal;
    border-bottom: none;
}
.modalLine .modal-header h3 {
    font-size: 24px;
    font-family: "TelefonicaWeb";
    margin: 20px auto 15px;
}
.modalLine .modal-header p {
    font-size: 18px;
    font-family: "telefonica";
    padding: 0 15px;
}
.modalLine .modal-body .img-boleta-desk {
    margin: 0 0 30px 180px;
    display: block;
}
.modalLine .modal-body .img-boleta-mobile {
    margin: 0 0 30px 180px;
    display: none;
}
.modalLine .modal-body .button-container {
    width: 100%;
}
.modalLine .modal-body button {
    margin-left: 50px;
}
.modalLine .modal-body .btn-sv {
    margin-left: 0;
    background: #fff;
    color: #019DF4;
    border: 1px solid #019DF4;
}
.modalLine .modal-dialog .modal-content .icon-close  {
    width: 24px;
    position: absolute;
    margin-left: 94%;
    margin-top: 15px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .bg-movistar h3,
    .modal-body h3,
    .modal-body p {
        font-size: 18px;
    }
	.modal-body p {
		width: 90%;
	}
    .form-container .form-group-flex {
        width: 100%;
        margin: 0 auto 29px;
    }
    .form-container .form-group-flex .input {
        width: 85%;
    }
    .form-container .form-group-flex .input.active input {
        width: 100%;
    }
    .form-container .form-group-flex.error>span {
        width: 85%;
    }
    .modalLine .modal-dialog .modal-content .icon-close {
        margin-left: 90%;
    }
    .modalLine .modal-header h3 {
        margin: 35px auto 15px;
    }
    .modalLine .modal-body .img-boleta-desk {
        display: none;
    }
    .modalLine .modal-body .img-boleta-mobile {
        margin: 0 0 30px 70px;
        width: 100%;
        display: block;
    }
    .modalLine .modal-body button {
        margin-left: 0;
        margin-bottom: 20px;
        order: 1;
    }
    .modalLine .modal-body .btn-sv {
        margin-bottom: 0;
        order: 2;
}
}