/* mobly4Mobile.css */
@charset "UTF-8";
:host {
    overflow: hidden;
    padding: 5px;
}
.controller_catalog h1.default-title {
    position: relative;
    top: initial;
    margin-bottom: 0;
}
[class*=" icon-"]:before,
[class^="icon-"]:before,
[data-icon]:before {
    font-family: m4-awesome !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ui-bar-a,
.ui-bar-a .ui-link-inherit {
    color: #fff;
}
.ui-btn-down-a,
.ui-btn-down-b,
.ui-btn-down-c,
.ui-btn-down-d,
.ui-btn-down-e,
.ui-btn-hover-a,
.ui-btn-hover-b,
.ui-btn-hover-c,
.ui-btn-hover-d,
.ui-btn-hover-e,
.ui-btn-up-a,
.ui-btn-up-b,
.ui-btn-up-c,
.ui-btn-up-d,
.ui-btn-up-e {
    text-decoration: none;
}
.flip,
.turn {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.ui-navbar,
.ui-navbar ul {
    max-width: 100%;
}
.pswp__container,
.pswp__img,
.ui-btn-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.ui-controlgroup li,
.ui-navbar ul {
    list-style: none;
}
.ui-btn-inner,
.ui-li .ui-btn-text a.ui-link-inherit,
.ui-li-desc,
.ui-li-heading,
.ui-select .ui-btn-text {
    text-overflow: ellipsis;
}
.pswp,
.ui-mobile-viewport {
    -webkit-text-size-adjust: 100%;
}
.pswp__caption--fake,
.ui-mobile-rendering > *,
.ui-panel-closed {
    visibility: hidden;
}
.pswp__button,
.ui-btn-hidden,
.ui-select .ui-btn select,
input.ui-input-text {
    -webkit-appearance: none;
}
[data-icon]:before {
    content: attr(data-icon);
}
.ui-bar-a,
.ui-bar-a button,
.ui-bar-a input,
.ui-bar-a select,
.ui-bar-a textarea,
.ui-bar-b,
.ui-bar-b button,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-c,
.ui-bar-c button,
.ui-bar-c input,
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-d,
.ui-bar-d button,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-e,
.ui-bar-e button,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-body-a,
.ui-body-a button,
.ui-body-a input,
.ui-body-a select,
.ui-body-a textarea,
.ui-body-b,
.ui-body-b button,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-d,
.ui-body-d button,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-e,
.ui-body-e button,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-btn-active,
.ui-btn-down-a,
.ui-btn-down-b,
.ui-btn-down-c,
.ui-btn-down-d,
.ui-btn-down-e,
.ui-btn-hover-a,
.ui-btn-hover-b,
.ui-btn-hover-c,
.ui-btn-hover-d,
.ui-btn-hover-e,
.ui-btn-up-a,
.ui-btn-up-b,
.ui-btn-up-c,
.ui-btn-up-d,
.ui-btn-up-e {
    font-family: Helvetica, Arial, sans-serif;
}
.icon-2-credit-card:before {
    content: "\61";
}
.icon-3d:before {
    content: "\62";
}
.icon-angle-down:before {
    content: "\63";
}
.icon-angle-left:before {
    content: "\64";
}
.icon-angle-right:before {
    content: "\65";
}
.icon-angle-up:before {
    content: "\66";
}
.icon-arrow-down:before {
    content: "\67";
}
.icon-arrow-leftt:before {
    content: "\68";
}
.icon-arrow-right:before {
    content: "\69";
}
.icon-arrow-up:before {
    content: "\6a";
}
.icon-barcode:before {
    content: "\6b";
}
.icon-bars-list:before {
    content: "\6c";
}
.icon-bars-menu:before {
    content: "\6d";
}
.icon-caret-down:before {
    content: "\6e";
}
.icon-caret-left:before {
    content: "\6f";
}
.icon-caret-right:before {
    content: "\70";
}
.icon-caret-up:before {
    content: "\71";
}
.icon-check:before {
    content: "\72";
}
.icon-check-circle:before {
    content: "\73";
}
.icon-chevron-down-circle:before {
    content: "\74";
}
.icon-chevron-left-circle:before {
    content: "\75";
}
.icon-chevron-right-circle:before {
    content: "\76";
}
.icon-chevron-up-circle:before {
    content: "\77";
}
.icon-clock-o:before {
    content: "\78";
}
.icon-close:before {
    content: "\79";
}
.icon-comments:before {
    content: "\7a";
}
.icon-credit-card:before {
    content: "\41";
}
.icon-delivered:before {
    content: "\42";
}
.icon-depth:before {
    content: "\43";
}
.icon-exclamation-triangle:before {
    content: "\44";
}
.icon-filter:before {
    content: "\45";
}
.icon-gift:before {
    content: "\46";
}
.icon-heart:before {
    content: "\47";
}
.icon-heart-o:before {
    content: "\48";
}
.icon-height:before {
    content: "\49";
}
.icon-info-circle:before {
    content: "\4a";
}
.icon-lock:before {
    content: "\4b";
}
.icon-mail:before {
    content: "\4c";
}
.icon-map-marker:before {
    content: "\4d";
}
.icon-minus:before {
    content: "\4e";
}
.icon-money:before {
    content: "\4f";
}
.icon-order-canceled:before {
    content: "\50";
}
.icon-order-confirmation:before {
    content: "\51";
}
.icon-payment:before {
    content: "\52";
}
.icon-payment-confirmation:before {
    content: "\53";
}
.icon-payment-wait:before {
    content: "\54";
}
.icon-phone:before {
    content: "\55";
}
.icon-play:before {
    content: "\56";
}
.icon-plus:before {
    content: "\57";
}
.icon-product-sent:before {
    content: "\58";
}
.icon-question-circle:before {
    content: "\59";
}
.icon-reply:before {
    content: "\5a";
}
.icon-rotate-left:before {
    content: "\30";
}
.icon-rotate-right:before {
    content: "\31";
}
.icon-search:before {
    content: "\32";
}
.icon-separation:before {
    content: "\33";
}
.icon-share:before {
    content: "\34";
}
.icon-shield:before {
    content: "\35";
}
.icon-shopping-cart:before {
    content: "\36";
}
.icon-size:before {
    content: "\37";
}
.icon-sort:before {
    content: "\38";
}
.icon-star:before {
    content: "\39";
}
.icon-star-half:before {
    content: "\21";
}
.icon-star-o:before {
    content: "\22";
}
.icon-tag:before {
    content: "\23";
}
.icon-times:before {
    content: "\24";
}
.icon-times-circle-o:before {
    content: "\25";
}
.icon-troca-devolucao:before {
    content: "\26";
}
.icon-truck:before {
    content: "\27";
}
.icon-user:before {
    content: "\28";
}
.icon-warehouse:before {
    content: "\29";
}
.icon-weigth:before {
    content: "\2a";
}
.icon-weigth-alt:before {
    content: "\2b";
}
.icon-width:before {
    content: "\2c";
}
.icon-wrench:before {
    content: "\2d";
}
.icon-camera:before {
    content: "\2e";
}
.icon-camera-o:before {
    content: "\2f";
}
.ui-bar-a {
    border: 1px solid #333;
    background: #111;
    font-weight: 700;
    text-shadow: 0 -1px 0 #000;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#3c3c3c),
        to(#111)
    );
    background-image: -webkit-linear-gradient(#3c3c3c, #111);
    background-image: -moz-linear-gradient(#3c3c3c, #111);
    background-image: -ms-linear-gradient(#3c3c3c, #111);
    background-image: -o-linear-gradient(#3c3c3c, #111);
    background-image: linear-gradient(#3c3c3c, #111);
}
.ui-bar-a a.ui-link {
    color: #7cc4e7;
    font-weight: 700;
}
.ui-bar-a a.ui-link:active,
.ui-bar-a a.ui-link:hover,
.ui-bar-a a.ui-link:visited {
    color: #2489ce;
}
.ui-body-a,
.ui-overlay-a {
    border: 1px solid #444;
    background: #222;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    font-weight: 400;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#444),
        to(#222)
    );
    background-image: -webkit-linear-gradient(#444, #222);
    background-image: -moz-linear-gradient(#444, #222);
    background-image: -ms-linear-gradient(#444, #222);
    background-image: -o-linear-gradient(#444, #222);
    background-image: linear-gradient(#444, #222);
}
.ui-overlay-a {
    background-image: none;
    border-width: 0;
}
.ui-body-a .ui-link-inherit {
    color: #fff;
}
.ui-body-a .ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-body-a .ui-link:active,
.ui-body-a .ui-link:hover,
.ui-body-a .ui-link:visited {
    color: #2489ce;
}
.ui-btn-up-a {
    border: 1px solid #111;
    background: #333;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#444),
        to(#2d2d2d)
    );
    background-image: -webkit-linear-gradient(#444, #2d2d2d);
    background-image: -moz-linear-gradient(#444, #2d2d2d);
    background-image: -ms-linear-gradient(#444, #2d2d2d);
    background-image: -o-linear-gradient(#444, #2d2d2d);
    background-image: linear-gradient(#444, #2d2d2d);
}
.ui-btn-down-a,
.ui-btn-hover-a {
    border: 1px solid #000;
    text-shadow: 0 1px 0 #111;
    color: #fff;
    font-weight: 700;
}
.ui-btn-up-a a.ui-link-inherit,
.ui-btn-up-a:visited {
    color: #fff;
}
.ui-btn-hover-a {
    background: #444;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#555),
        to(#383838)
    );
    background-image: -webkit-linear-gradient(#555, #383838);
    background-image: -moz-linear-gradient(#555, #383838);
    background-image: -ms-linear-gradient(#555, #383838);
    background-image: -o-linear-gradient(#555, #383838);
    background-image: linear-gradient(#555, #383838);
}
.ui-btn-hover-a a.ui-link-inherit,
.ui-btn-hover-a:hover,
.ui-btn-hover-a:visited {
    color: #fff;
}
.ui-btn-down-a {
    background: #222;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#202020),
        to(#2c2c2c)
    );
    background-image: -webkit-linear-gradient(#202020, #2c2c2c);
    background-image: -moz-linear-gradient(#202020, #2c2c2c);
    background-image: -ms-linear-gradient(#202020, #2c2c2c);
    background-image: -o-linear-gradient(#202020, #2c2c2c);
    background-image: linear-gradient(#202020, #2c2c2c);
}
.ui-btn-down-a a.ui-link-inherit,
.ui-btn-down-a:hover,
.ui-btn-down-a:visited {
    color: #fff;
}
.ui-bar-b {
    border: 1px solid #456f9a;
    background: #5e87b0;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 1px 0 #3e6790;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#6facd5),
        to(#497bae)
    );
    background-image: -webkit-linear-gradient(#6facd5, #497bae);
    background-image: -moz-linear-gradient(#6facd5, #497bae);
    background-image: -ms-linear-gradient(#6facd5, #497bae);
    background-image: -o-linear-gradient(#6facd5, #497bae);
    background-image: linear-gradient(#6facd5, #497bae);
}
.ui-bar-b .ui-link-inherit {
    color: #fff;
}
.ui-bar-b a.ui-link {
    color: #ddf0f8;
    font-weight: 700;
}
.ui-bar-b a.ui-link:active,
.ui-bar-b a.ui-link:hover,
.ui-bar-b a.ui-link:visited {
    color: #ddf0f8;
}
.ui-body-b,
.ui-overlay-b {
    border: 1px solid #999;
    background: #f3f3f3;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    font-weight: 400;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ddd),
        to(#ccc)
    );
    background-image: -webkit-linear-gradient(#ddd, #ccc);
    background-image: -moz-linear-gradient(#ddd, #ccc);
    background-image: -ms-linear-gradient(#ddd, #ccc);
    background-image: -o-linear-gradient(#ddd, #ccc);
    background-image: linear-gradient(#ddd, #ccc);
}
.ui-btn-down-b,
.ui-btn-hover-b,
.ui-btn-up-b {
    text-shadow: 0 1px 0 #194b7e;
}
.ui-overlay-b {
    background-image: none;
    border-width: 0;
}
.ui-body-b .ui-link-inherit {
    color: #333;
}
.ui-body-b .ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-body-b .ui-link:active,
.ui-body-b .ui-link:hover,
.ui-body-b .ui-link:visited {
    color: #2489ce;
}
.ui-btn-down-b,
.ui-btn-down-b a.ui-link-inherit,
.ui-btn-down-b:hover,
.ui-btn-down-b:visited,
.ui-btn-hover-b a.ui-link-inherit,
.ui-btn-hover-b:hover,
.ui-btn-hover-b:visited,
.ui-btn-up-b,
.ui-btn-up-b a.ui-link-inherit,
.ui-btn-up-b:visited {
    color: #fff;
}
.ui-btn-up-b {
    border: 1px solid #044062;
    background: #396b9e;
    font-weight: 700;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#5f9cc5),
        to(#396b9e)
    );
    background-image: -webkit-linear-gradient(#5f9cc5, #396b9e);
    background-image: -moz-linear-gradient(#5f9cc5, #396b9e);
    background-image: -ms-linear-gradient(#5f9cc5, #396b9e);
    background-image: -o-linear-gradient(#5f9cc5, #396b9e);
    background-image: linear-gradient(#5f9cc5, #396b9e);
}
.ui-btn-hover-b {
    border: 1px solid #00415e;
    background: #4b88b6;
    font-weight: 700;
    color: #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#6facd5),
        to(#4272a4)
    );
    background-image: -webkit-linear-gradient(#6facd5, #4272a4);
    background-image: -moz-linear-gradient(#6facd5, #4272a4);
    background-image: -ms-linear-gradient(#6facd5, #4272a4);
    background-image: -o-linear-gradient(#6facd5, #4272a4);
    background-image: linear-gradient(#6facd5, #4272a4);
}
.ui-btn-down-b {
    border: 1px solid #225377;
    background: #4e89c5;
    font-weight: 700;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#295b8e),
        to(#3e79b5)
    );
    background-image: -webkit-linear-gradient(#295b8e, #3e79b5);
    background-image: -moz-linear-gradient(#295b8e, #3e79b5);
    background-image: -ms-linear-gradient(#295b8e, #3e79b5);
    background-image: -o-linear-gradient(#295b8e, #3e79b5);
    background-image: linear-gradient(#295b8e, #3e79b5);
}
.ui-bar-c,
.ui-body-c,
.ui-btn-down-c,
.ui-btn-hover-c,
.ui-btn-up-c,
.ui-overlay-c {
    text-shadow: 0 1px 0 #fff;
}
.ui-bar-c,
.ui-bar-c .ui-link-inherit {
    color: #3e3e3e;
}
.ui-bar-c {
    border: 1px solid #b3b3b3;
    background: #eee;
    font-weight: 700;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f0f0f0),
        to(#ddd)
    );
    background-image: -webkit-linear-gradient(#f0f0f0, #ddd);
    background-image: -moz-linear-gradient(#f0f0f0, #ddd);
    background-image: -ms-linear-gradient(#f0f0f0, #ddd);
    background-image: -o-linear-gradient(#f0f0f0, #ddd);
    background-image: linear-gradient(#f0f0f0, #ddd);
}
.ui-bar-c a.ui-link {
    color: #7cc4e7;
    font-weight: 700;
}
.ui-bar-c a.ui-link:active,
.ui-bar-c a.ui-link:hover,
.ui-bar-c a.ui-link:visited {
    color: #2489ce;
}
.ui-body-c,
.ui-overlay-c {
    border: 1px solid #aaa;
    color: #333;
    background: #f9f9f9;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f9f9f9),
        to(#eee)
    );
    background-image: -webkit-linear-gradient(#f9f9f9, #eee);
    background-image: -moz-linear-gradient(#f9f9f9, #eee);
    background-image: -ms-linear-gradient(#f9f9f9, #eee);
    background-image: -o-linear-gradient(#f9f9f9, #eee);
    background-image: linear-gradient(#f9f9f9, #eee);
}
.ui-overlay-c {
    background-image: none;
    border-width: 0;
}
.ui-body-c,
.ui-body-c button,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea {
    font-family: Helvetica, Arial, sans-serif;
}
.ui-body-c .ui-link-inherit {
    color: #333;
}
.ui-body-c .ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-body-c .ui-link:active,
.ui-body-c .ui-link:hover,
.ui-body-c .ui-link:visited {
    color: #2489ce;
}
.ui-btn-up-c {
    border: 1px solid #ccc;
    background: #eee;
    font-weight: 700;
    color: #222;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#f1f1f1)
    );
    background-image: -webkit-linear-gradient(#fff, #f1f1f1);
    background-image: -moz-linear-gradient(#fff, #f1f1f1);
    background-image: -ms-linear-gradient(#fff, #f1f1f1);
    background-image: -o-linear-gradient(#fff, #f1f1f1);
    background-image: linear-gradient(#fff, #f1f1f1);
}
.ui-bar-d,
.ui-btn-down-c,
.ui-btn-hover-c {
    border: 1px solid #bbb;
}
.ui-btn-up-c a.ui-link-inherit,
.ui-btn-up-c:visited {
    color: #2f3e46;
}
.ui-btn-hover-c {
    background: #dfdfdf;
    font-weight: 700;
    color: #222;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f6f6f6),
        to(#e0e0e0)
    );
    background-image: -webkit-linear-gradient(#f6f6f6, #e0e0e0);
    background-image: -moz-linear-gradient(#f6f6f6, #e0e0e0);
    background-image: -ms-linear-gradient(#f6f6f6, #e0e0e0);
    background-image: -o-linear-gradient(#f6f6f6, #e0e0e0);
    background-image: linear-gradient(#f6f6f6, #e0e0e0);
}
.ui-btn-hover-c a.ui-link-inherit,
.ui-btn-hover-c:hover,
.ui-btn-hover-c:visited {
    color: #2f3e46;
}
.ui-btn-down-c {
    background: #d6d6d6;
    font-weight: 700;
    color: #222;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#d0d0d0),
        to(#dfdfdf)
    );
    background-image: -webkit-linear-gradient(#d0d0d0, #dfdfdf);
    background-image: -moz-linear-gradient(#d0d0d0, #dfdfdf);
    background-image: -ms-linear-gradient(#d0d0d0, #dfdfdf);
    background-image: -o-linear-gradient(#d0d0d0, #dfdfdf);
    background-image: linear-gradient(#d0d0d0, #dfdfdf);
}
.ui-btn-down-c a.ui-link-inherit,
.ui-btn-down-c:hover,
.ui-btn-down-c:visited {
    color: #2f3e46;
}
.ui-bar-d,
.ui-bar-d .ui-link-inherit {
    color: #333;
}
.ui-bar-d {
    background: #bbb;
    font-weight: 700;
    text-shadow: 0 1px 0 #eee;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ddd),
        to(#bbb)
    );
    background-image: -webkit-linear-gradient(#ddd, #bbb);
    background-image: -moz-linear-gradient(#ddd, #bbb);
    background-image: -ms-linear-gradient(#ddd, #bbb);
    background-image: -o-linear-gradient(#ddd, #bbb);
    background-image: linear-gradient(#ddd, #bbb);
}
.ui-bar-d a.ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-bar-d a.ui-link:active,
.ui-bar-d a.ui-link:hover,
.ui-bar-d a.ui-link:visited {
    color: #2489ce;
}
.ui-body-d,
.ui-overlay-d {
    border: 1px solid #bbb;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background: #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(#fff)
    );
    background-image: -webkit-linear-gradient(#fff, #fff);
    background-image: -moz-linear-gradient(#fff, #fff);
    background-image: -ms-linear-gradient(#fff, #fff);
    background-image: -o-linear-gradient(#fff, #fff);
    background-image: linear-gradient(#fff, #fff);
}
.ui-overlay-d {
    background-image: none;
    border-width: 0;
}
.ui-body-d .ui-link-inherit {
    color: #333;
}
.ui-body-d .ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-body-d .ui-link:active,
.ui-body-d .ui-link:hover,
.ui-body-d .ui-link:visited {
    color: #2489ce;
}
.ui-btn-up-d {
    border: 1px solid #bbb;
    background: #fff;
    font-weight: 700;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fafafa),
        to(#f6f6f6)
    );
    background-image: -webkit-linear-gradient(#fafafa, #f6f6f6);
    background-image: -moz-linear-gradient(#fafafa, #f6f6f6);
    background-image: -ms-linear-gradient(#fafafa, #f6f6f6);
    background-image: -o-linear-gradient(#fafafa, #f6f6f6);
    background-image: linear-gradient(#fafafa, #f6f6f6);
}
.ui-btn-down-d,
.ui-btn-hover-d {
    border: 1px solid #aaa;
    color: #333;
    font-weight: 700;
}
.ui-btn-up-d a.ui-link-inherit,
.ui-btn-up-d:visited {
    color: #333;
}
.ui-btn-hover-d {
    background: #eee;
    cursor: pointer;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
    );
    background-image: -webkit-linear-gradient(#eee, #fff);
    background-image: -moz-linear-gradient(#eee, #fff);
    background-image: -ms-linear-gradient(#eee, #fff);
    background-image: -o-linear-gradient(#eee, #fff);
    background-image: linear-gradient(#eee, #fff);
}
.ui-btn-hover-d a.ui-link-inherit,
.ui-btn-hover-d:hover,
.ui-btn-hover-d:visited {
    color: #333;
}
.ui-btn-down-d {
    background: #eee;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#e5e5e5),
        to(#f2f2f2)
    );
    background-image: -webkit-linear-gradient(#e5e5e5, #f2f2f2);
    background-image: -moz-linear-gradient(#e5e5e5, #f2f2f2);
    background-image: -ms-linear-gradient(#e5e5e5, #f2f2f2);
    background-image: -o-linear-gradient(#e5e5e5, #f2f2f2);
    background-image: linear-gradient(#e5e5e5, #f2f2f2);
}
.ui-bar-e,
.ui-body-e,
.ui-overlay-e {
    border: 1px solid #f7c942;
    text-shadow: 0 1px 0 #fff;
}
.ui-btn-down-d a.ui-link-inherit,
.ui-btn-down-d:hover,
.ui-btn-down-d:visited {
    color: #333;
}
.ui-bar-e {
    background: #fadb4e;
    color: #333;
    font-weight: 700;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fceda7),
        to(#fbef7e)
    );
    background-image: -webkit-linear-gradient(#fceda7, #fbef7e);
    background-image: -moz-linear-gradient(#fceda7, #fbef7e);
    background-image: -ms-linear-gradient(#fceda7, #fbef7e);
    background-image: -o-linear-gradient(#fceda7, #fbef7e);
    background-image: linear-gradient(#fceda7, #fbef7e);
}
.ui-bar-e .ui-link-inherit {
    color: #333;
}
.ui-bar-e a.ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-bar-e a.ui-link:active,
.ui-bar-e a.ui-link:hover,
.ui-bar-e a.ui-link:visited {
    color: #2489ce;
}
.ui-body-e,
.ui-overlay-e {
    color: #222;
    background: #fff9df;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fffadf),
        to(#fff3a5)
    );
    background-image: -webkit-linear-gradient(#fffadf, #fff3a5);
    background-image: -moz-linear-gradient(#fffadf, #fff3a5);
    background-image: -ms-linear-gradient(#fffadf, #fff3a5);
    background-image: -o-linear-gradient(#fffadf, #fff3a5);
    background-image: linear-gradient(#fffadf, #fff3a5);
}
.ui-overlay-e {
    background-image: none;
    border-width: 0;
}
.ui-body-e .ui-link-inherit {
    color: #222;
}
.ui-body-e .ui-link {
    color: #2489ce;
    font-weight: 700;
}
.ui-body-e .ui-link:active,
.ui-body-e .ui-link:hover,
.ui-body-e .ui-link:visited {
    color: #2489ce;
}
.ui-btn-up-e {
    border: 1px solid #f4c63f;
    background: #fadb4e;
    font-weight: 700;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ffefaa),
        to(#ffe155)
    );
    background-image: -webkit-linear-gradient(#ffefaa, #ffe155);
    background-image: -moz-linear-gradient(#ffefaa, #ffe155);
    background-image: -ms-linear-gradient(#ffefaa, #ffe155);
    background-image: -o-linear-gradient(#ffefaa, #ffe155);
    background-image: linear-gradient(#ffefaa, #ffe155);
}
.ui-btn-down-e,
.ui-btn-hover-e {
    border: 1px solid #f2c43d;
    text-shadow: 0 1px 0 #fff;
    font-weight: 700;
}
.ui-btn-up-e a.ui-link-inherit,
.ui-btn-up-e:visited {
    color: #222;
}
.ui-btn-hover-e {
    background: #fbe26f;
    color: #111;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff5ba),
        to(#fbdd52)
    );
    background-image: -webkit-linear-gradient(#fff5ba, #fbdd52);
    background-image: -moz-linear-gradient(#fff5ba, #fbdd52);
    background-image: -ms-linear-gradient(#fff5ba, #fbdd52);
    background-image: -o-linear-gradient(#fff5ba, #fbdd52);
    background-image: linear-gradient(#fff5ba, #fbdd52);
}
.ui-btn-hover-e a.ui-link-inherit,
.ui-btn-hover-e:hover,
.ui-btn-hover-e:visited {
    color: #333;
}
.ui-btn-down-e {
    background: #fceda7;
    color: #111;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f8d94c),
        to(#fadb4e)
    );
    background-image: -webkit-linear-gradient(#f8d94c, #fadb4e);
    background-image: -moz-linear-gradient(#f8d94c, #fadb4e);
    background-image: -ms-linear-gradient(#f8d94c, #fadb4e);
    background-image: -o-linear-gradient(#f8d94c, #fadb4e);
    background-image: linear-gradient(#f8d94c, #fadb4e);
}
.ui-btn-down-e a.ui-link-inherit,
.ui-btn-down-e:hover,
.ui-btn-down-e:visited {
    color: #333;
}
a.ui-link-inherit {
    text-decoration: none !important;
}
.ui-btn-active {
    border: 1px solid #2373a5;
    background: #5393c5;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 0 #3373a5;
    text-decoration: none;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#5393c5),
        to(#6facd5)
    );
    background-image: -webkit-linear-gradient(#5393c5, #6facd5);
    background-image: -moz-linear-gradient(#5393c5, #6facd5);
    background-image: -ms-linear-gradient(#5393c5, #6facd5);
    background-image: -o-linear-gradient(#5393c5, #6facd5);
    background-image: linear-gradient(#5393c5, #6facd5);
}
.ui-btn-active a.ui-link-inherit,
.ui-btn-active:hover,
.ui-btn-active:visited {
    color: #fff;
}
.ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.3);
}
.ui-content,
.ui-mobile a img,
.ui-mobile fieldset {
    border-width: 0;
}
.ui-corner-all {
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em;
}
.ui-br {
    border-color: #828282;
    border-color: rgba(130, 130, 130, 0.3);
    border-style: solid;
}
.ui-disabled {
    filter: Alpha(Opacity=30);
    opacity: 0.3;
    zoom: 1;
}
.ui-disabled,
.ui-disabled a {
    cursor: default !important;
    pointer-events: none;
}
.ui-icon,
.ui-icon-searchfield:after {
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url(../../images/vendor/jquery/mobile/icons-18-white.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
.ui-icon-alt .ui-icon,
.ui-icon-alt .ui-icon-searchfield:after {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    background-image: url(../../images/vendor/jquery/mobile/icons-18-black.png);
    background-repeat: no-repeat;
}
.ui-icon-checkbox-off,
.ui-icon-nodisc .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon,
.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after,
.ui-icon-nodisc .ui-icon-searchfield:after,
.ui-icon-radio-off {
    background-color: transparent;
}
.ui-icon-plus {
    background-position: -1px -1px;
}
.ui-icon-minus {
    background-position: -37px -1px;
}
.ui-icon-delete {
    background-position: -73px -1px;
}
.ui-icon-arrow-r {
    background-position: -108px -1px;
}
.ui-icon-arrow-l {
    background-position: -144px -1px;
}
.ui-icon-arrow-u {
    background-position: -180px -1px;
}
.ui-icon-arrow-d {
    background-position: -216px -1px;
}
.ui-icon-check {
    background-position: -252px -1px;
}
.ui-icon-gear {
    background-position: -288px -1px;
}
.ui-icon-refresh {
    background-position: -323px -1px;
}
.ui-icon-forward {
    background-position: -360px -1px;
}
.ui-icon-back {
    background-position: -396px -1px;
}
.ui-icon-grid {
    background-position: -432px -1px;
}
.ui-icon-star {
    background-position: -467px -1px;
}
.ui-icon-alert {
    background-position: -503px -1px;
}
.ui-icon-info {
    background-position: -539px -1px;
}
.ui-icon-home {
    background-position: -575px -1px;
}
.ui-icon-search,
.ui-icon-searchfield:after {
    background-position: -611px -1px;
}
.ui-icon-checkbox-on {
    background-position: -647px -1px;
}
.ui-icon-checkbox-off {
    background-position: -683px -1px;
}
.ui-icon-radio-on {
    background-position: -718px -1px;
}
.ui-icon-radio-off {
    background-position: -754px -1px;
}
.ui-icon-bars {
    background-position: -788px -1px;
}
.ui-icon-edit {
    background-position: -824px -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
    only screen and (min--moz-device-pixel-ratio: 1.3),
    only screen and (min-resolution: 200dpi) {
    .ui-icon-alert,
    .ui-icon-arrow-d,
    .ui-icon-arrow-l,
    .ui-icon-arrow-r,
    .ui-icon-arrow-u,
    .ui-icon-back,
    .ui-icon-bars,
    .ui-icon-check,
    .ui-icon-checkbox-off,
    .ui-icon-checkbox-on,
    .ui-icon-delete,
    .ui-icon-edit,
    .ui-icon-forward,
    .ui-icon-gear,
    .ui-icon-grid,
    .ui-icon-home,
    .ui-icon-info,
    .ui-icon-minus,
    .ui-icon-plus,
    .ui-icon-radio-off,
    .ui-icon-radio-on,
    .ui-icon-refresh,
    .ui-icon-search,
    .ui-icon-searchfield:after,
    .ui-icon-star {
        background-image: url(../../images/vendor/jquery/mobile/icons-36-white.png);
        -moz-background-size: 864px 18px;
        -o-background-size: 864px 18px;
        -webkit-background-size: 864px 18px;
        background-size: 864px 18px;
    }
    .ui-icon-alt .ui-icon {
        background-image: url(../../images/vendor/jquery/mobile/icons-36-black.png);
    }
    .ui-icon-plus {
        background-position: 0 50%;
    }
    .ui-icon-minus {
        background-position: -36px 50%;
    }
    .ui-icon-delete {
        background-position: -72px 50%;
    }
    .ui-icon-arrow-r {
        background-position: -108px 50%;
    }
    .ui-icon-arrow-l {
        background-position: -144px 50%;
    }
    .ui-icon-arrow-u {
        background-position: -179px 50%;
    }
    .ui-icon-arrow-d {
        background-position: -215px 50%;
    }
    .ui-icon-check {
        background-position: -252px 50%;
    }
    .ui-icon-gear {
        background-position: -287px 50%;
    }
    .ui-icon-refresh {
        background-position: -323px 50%;
    }
    .ui-icon-forward {
        background-position: -360px 50%;
    }
    .ui-icon-back {
        background-position: -395px 50%;
    }
    .ui-icon-grid {
        background-position: -431px 50%;
    }
    .ui-icon-star {
        background-position: -467px 50%;
    }
    .ui-icon-alert {
        background-position: -503px 50%;
    }
    .ui-icon-info {
        background-position: -538px 50%;
    }
    .ui-icon-home {
        background-position: -575px 50%;
    }
    .ui-icon-search,
    .ui-icon-searchfield:after {
        background-position: -611px 50%;
    }
    .ui-icon-checkbox-on {
        background-position: -647px 50%;
    }
    .ui-icon-checkbox-off {
        background-position: -683px 50%;
    }
    .ui-icon-radio-on {
        background-position: -718px 50%;
    }
    .ui-icon-radio-off {
        background-position: -754px 50%;
    }
    .ui-icon-bars {
        background-position: -788px 50%;
    }
    .ui-icon-edit {
        background-position: -824px 50%;
    }
}
.ui-checkbox .ui-icon,
.ui-selectmenu-list .ui-icon {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
    background-color: #4596ce;
}
.ui-icon-loading {
    background: url(../../images/vendor/jquery/mobile/ajax-loader.gif);
    background-size: 46px 46px;
}
.ui-btn-corner-all {
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
.ui-btn-corner-all,
.ui-corner-all {
    -webkit-background-clip: padding;
    background-clip: padding-box;
}
.ui-overlay {
    background: #666;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ui-overlay-shadow {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}
.ui-shadow {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ui-bar-a .ui-shadow,
.ui-bar-b .ui-shadow,
.ui-bar-c .ui-shadow {
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.ui-shadow-inset {
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
.ui-icon-shadow {
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.ui-btn:focus,
.ui-link-inherit:focus {
    outline: 0;
}
.ui-btn.ui-focus {
    z-index: 1;
}
.ui-btn:focus,
.ui-focus {
    -moz-box-shadow:
        inset 0 0 3px #387bbe,
        0 0 9px #387bbe;
    -webkit-box-shadow:
        inset 0 0 3px #387bbe,
        0 0 9px #387bbe;
    box-shadow:
        inset 0 0 3px #387bbe,
        0 0 9px #387bbe;
}
.ui-input-search.ui-focus,
.ui-input-text.ui-focus {
    -moz-box-shadow: 0 0 12px #387bbe;
    -webkit-box-shadow: 0 0 12px #387bbe;
    box-shadow: 0 0 12px #387bbe;
}
.ui-mobile-nosupport-boxshadow * {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui-mobile-nosupport-boxshadow .ui-btn:focus,
.ui-mobile-nosupport-boxshadow .ui-focus,
.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
    outline-width: 1px;
    outline-style: auto;
}
:host.ui-mobile {
    height: 99.9%;
}
.ui-mobile fieldset,
.ui-page {
    padding: 0;
    margin: 0;
}
.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}
:host.ui-mobile-viewport,
div.ui-mobile-viewport {
    overflow-x: hidden;
}
.ui-mobile [data-role="dialog"],
.ui-mobile [data-role="page"],
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0;
}
.ui-mobile .ui-page-active {
    display: block;
    overflow: visible;
}
.ui-page {
    outline: 0;
}
@media screen and (orientation: portrait) {
    .ui-mobile .ui-page {
        min-height: 420px;
    }
}
@media screen and (orientation: landscape) {
    .ui-mobile .ui-page {
        min-height: 300px;
    }
}
.ui-loading .ui-loader {
    display: block;
}
.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
}
.ui-loader-default {
    background: 0 0;
    filter: Alpha(Opacity=18);
    opacity: 0.18;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px;
}
.ui-loader-verbose {
    width: 200px;
    filter: Alpha(Opacity=88);
    opacity: 0.88;
    box-shadow: 0 1px 1px -1px #fff;
    height: auto;
    margin-left: -110px;
    margin-top: -43px;
    padding: 10px;
}
.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.ui-loader-verbose h1 {
    font-size: 16px;
    margin: 0;
    text-align: center;
}
.ui-loader .ui-icon {
    background-color: #000;
    display: block;
    margin: 0;
    width: 44px;
    height: 44px;
    padding: 1px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
}
.ui-loader-verbose .ui-icon {
    margin: 0 auto 10px;
    filter: Alpha(Opacity=75);
    opacity: 0.75;
}
.ui-loader-textonly {
    padding: 15px;
    margin-left: -115px;
}
.ui-loader-textonly .ui-icon {
    display: none;
}
.ui-loader-fakefix {
    position: absolute;
}
.ui-bar,
.ui-body {
    position: relative;
    padding: 0.4em 15px;
    overflow: hidden;
    display: block;
    clear: both;
}
.ui-grid-a .ui-block-a,
.ui-grid-b .ui-block-a,
.ui-grid-c .ui-block-a,
.ui-grid-d .ui-block-a {
    clear: left;
}
.ui-bar {
    font-size: 16px;
    margin: 0;
}
.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    display: inline-block;
}
.ui-footer,
.ui-header {
    position: relative;
    zoom: 1;
}
.ui-mobile .ui-footer,
.ui-mobile .ui-header {
    border-left-width: 0;
    border-right-width: 0;
}
.ui-footer .ui-btn-left,
.ui-footer .ui-btn-right,
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
.ui-header-fixed.ui-fixed-hidden .ui-btn-right {
    position: absolute;
    top: 3px;
}
.ui-header-fixed .ui-btn-left,
.ui-header-fixed .ui-btn-right {
    top: 4px;
}
.ui-footer .ui-btn-left,
.ui-header .ui-btn-left {
    left: 5px;
}
.ui-footer .ui-btn-right,
.ui-header .ui-btn-right {
    right: 5px;
}
.ui-footer > .ui-btn-icon-notext,
.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext,
.ui-header > .ui-btn-icon-notext {
    top: 6px;
}
.ui-header-fixed > .ui-btn-icon-notext {
    top: 7px;
}
.ui-footer .ui-title,
.ui-header .ui-title {
    min-height: 1.1em;
    text-align: center;
    font-size: 16px;
    display: block;
    margin: 0.6em 30% 0.8em;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0 !important;
}
.ui-footer .ui-title {
    margin: 0.6em 15px 0.8em;
}
.ui-content {
    overflow: visible;
    overflow-x: hidden;
    padding: 15px;
}
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child,
.ui-corner-all > .ui-header:first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child,
.ui-corner-all > .ui-header:last-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-icon {
    width: 18px;
    height: 18px;
}
.ui-nojs {
    position: absolute;
    left: -9999px;
}
.ui-hidden-accessible,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label label.ui-input-text,
.ui-hide-label label.ui-select,
.ui-hide-label label.ui-slider,
.ui-hide-label label.ui-submit {
    position: absolute !important;
    left: -9999px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.ui-mobile-viewport-transitioning,
.ui-mobile-viewport-transitioning .ui-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-page-pre-in {
    opacity: 0;
}
.in {
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 350ms;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 350ms;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}
.out {
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 225ms;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 225ms;
    animation-timing-function: ease-in;
    animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fade.out {
    opacity: 0;
    -webkit-animation-duration: 125ms;
    -webkit-animation-name: fadeout;
    -moz-animation-duration: 125ms;
    -moz-animation-name: fadeout;
    animation-duration: 125ms;
    animation-name: fadeout;
}
.fade.in {
    opacity: 1;
    -webkit-animation-duration: 225ms;
    -webkit-animation-name: fadein;
    -moz-animation-duration: 225ms;
    -moz-animation-name: fadein;
    animation-duration: 225ms;
    animation-name: fadein;
}
.pop {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.pop.in {
    -webkit-transform: scale(1);
    -webkit-animation-name: popin;
    -webkit-animation-duration: 350ms;
    -moz-transform: scale(1);
    -moz-animation-name: popin;
    -moz-animation-duration: 350ms;
    transform: scale(1);
    animation-name: popin;
    animation-duration: 350ms;
    opacity: 1;
}
.pop.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 0.1s;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 0.1s;
    animation-name: fadeout;
    animation-duration: 0.1s;
    opacity: 0;
}
.flow.out,
.slide.in,
.slide.out {
    -webkit-animation-duration: 350ms;
    -moz-animation-duration: 350ms;
}
.pop.in.reverse {
    -webkit-animation-name: fadein;
    -moz-animation-name: fadein;
    animation-name: fadein;
}
.pop.out.reverse {
    -webkit-transform: scale(0.8);
    -webkit-animation-name: popout;
    -moz-transform: scale(0.8);
    -moz-animation-name: popout;
    transform: scale(0.8);
    animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(0.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@keyframes popin {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(0.8);
        opacity: 0;
    }
}
@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.8);
        opacity: 0;
    }
}
@-webkit-keyframes slideinfromright {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slideinfromright {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0);
    }
}
@keyframes slideinfromright {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
@-webkit-keyframes slideinfromleft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slideinfromleft {
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0);
    }
}
@keyframes slideinfromleft {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}
@-webkit-keyframes slideouttoleft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}
@-moz-keyframes slideouttoleft {
    from {
        -moz-transform: translateX(0);
    }
    to {
        -moz-transform: translateX(-100%);
    }
}
@keyframes slideouttoleft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
@-webkit-keyframes slideouttoright {
    from {
        -webkit-transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
    }
}
@-moz-keyframes slideouttoright {
    from {
        -moz-transform: translateX(0);
    }
    to {
        -moz-transform: translateX(100%);
    }
}
@keyframes slideouttoright {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}
.slide.in,
.slide.out {
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-duration: 350ms;
}
.slide.out {
    -webkit-transform: translate3d(-100%, 0, 0);
    -webkit-animation-name: slideouttoleft;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
}
.slide.in {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromright;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromright;
    transform: translateX(0);
    animation-name: slideinfromright;
}
.slide.out.reverse {
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-animation-name: slideouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    transform: translateX(100%);
    animation-name: slideouttoright;
}
.slide.in.reverse {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: slideinfromleft;
    -moz-transform: translateX(0);
    -moz-animation-name: slideinfromleft;
    transform: translateX(0);
    animation-name: slideinfromleft;
}
.slidefade.out {
    -webkit-transform: translateX(-100%);
    -webkit-animation-name: slideouttoleft;
    -webkit-animation-duration: 225ms;
    -moz-transform: translateX(-100%);
    -moz-animation-name: slideouttoleft;
    -moz-animation-duration: 225ms;
    transform: translateX(-100%);
    animation-name: slideouttoleft;
    animation-duration: 225ms;
}
.slidefade.in,
.slidefade.out.reverse {
    -webkit-animation-duration: 0.2s;
    -moz-animation-duration: 0.2s;
}
.slidefade.in {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 0.2s;
}
.slidefade.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: slideouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: slideouttoright;
    transform: translateX(100%);
    animation-name: slideouttoright;
    animation-duration: 0.2s;
}
.slidefade.in.reverse {
    -webkit-transform: translateX(0);
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 0.2s;
    -moz-transform: translateX(0);
    -moz-animation-name: fadein;
    -moz-animation-duration: 0.2s;
    transform: translateX(0);
    animation-name: fadein;
    animation-duration: 0.2s;
}
.slidedown.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 0.1s;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 0.1s;
    animation-name: fadeout;
    animation-duration: 0.1s;
}
.slidedown.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfromtop;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfromtop;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfromtop;
    animation-duration: 250ms;
}
.slidedown.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms;
}
.slidedown.out.reverse {
    -webkit-transform: translateY(-100%);
    -webkit-animation-name: slideouttotop;
    -webkit-animation-duration: 0.2s;
    -moz-transform: translateY(-100%);
    -moz-animation-name: slideouttotop;
    -moz-animation-duration: 0.2s;
    transform: translateY(-100%);
    animation-name: slideouttotop;
    animation-duration: 0.2s;
}
@-webkit-keyframes slideinfromtop {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slideinfromtop {
    from {
        -moz-transform: translateY(-100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
@keyframes slideinfromtop {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes slideouttotop {
    from {
        -webkit-transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes slideouttotop {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(-100%);
    }
}
@keyframes slideouttotop {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100%);
    }
}
.slideup.out {
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 0.1s;
    -moz-animation-name: fadeout;
    -moz-animation-duration: 0.1s;
    animation-name: fadeout;
    animation-duration: 0.1s;
}
.slideup.in {
    -webkit-transform: translateY(0);
    -webkit-animation-name: slideinfrombottom;
    -webkit-animation-duration: 250ms;
    -moz-transform: translateY(0);
    -moz-animation-name: slideinfrombottom;
    -moz-animation-duration: 250ms;
    transform: translateY(0);
    animation-name: slideinfrombottom;
    animation-duration: 250ms;
}
.slideup.in.reverse {
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 150ms;
    -moz-animation-name: fadein;
    -moz-animation-duration: 150ms;
    animation-name: fadein;
    animation-duration: 150ms;
}
.slideup.out.reverse {
    -webkit-transform: translateY(100%);
    -webkit-animation-name: slideouttobottom;
    -webkit-animation-duration: 0.2s;
    -moz-transform: translateY(100%);
    -moz-animation-name: slideouttobottom;
    -moz-animation-duration: 0.2s;
    transform: translateY(100%);
    animation-name: slideouttobottom;
    animation-duration: 0.2s;
}
@-webkit-keyframes slideinfrombottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes slideinfrombottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0);
    }
}
@keyframes slideinfrombottom {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes slideouttobottom {
    from {
        -webkit-transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes slideouttobottom {
    from {
        -moz-transform: translateY(0);
    }
    to {
        -moz-transform: translateY(100%);
    }
}
@keyframes slideouttobottom {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}
.viewport-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    position: absolute;
}
.flip {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    backface-visibility: hidden;
    transform: translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(0.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 175ms;
    -moz-transform: rotateY(-90deg) scale(0.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 175ms;
    transform: rotateY(-90deg) scale(0.9);
    animation-name: flipouttoleft;
    animation-duration: 175ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 225ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 225ms;
    animation-name: flipintoright;
    animation-duration: 225ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(0.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(0.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(0.9);
    animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft;
}
.viewport-turn {
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    -ms-perspective: 200px;
    perspective: 200px;
    position: absolute;
}
.turn {
    -webkit-transform: translateX(0);
    -webkit-transform-origin: 0;
    -moz-transform: translateX(0);
    -moz-transform-origin: 0;
    backface-visibility: hidden;
    transform: translateX(0);
    transform-origin: 0;
}
.turn.out {
    -webkit-transform: rotateY(-90deg) scale(0.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 125ms;
    -moz-transform: rotateY(-90deg) scale(0.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 125ms;
    transform: rotateY(-90deg) scale(0.9);
    animation-name: flipouttoleft;
    animation-duration: 125ms;
}
.turn.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 250ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 250ms;
    animation-name: flipintoright;
    animation-duration: 250ms;
}
.turn.out.reverse {
    -webkit-transform: rotateY(90deg) scale(0.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(0.9);
    -moz-animation-name: flipouttoright;
    transform: rotateY(90deg) scale(0.9);
    animation-name: flipouttoright;
}
.turn.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
    animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(-90deg) scale(0.9);
    }
}
@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0);
    }
    to {
        -moz-transform: rotateY(-90deg) scale(0.9);
    }
}
@keyframes flipouttoleft {
    from {
        transform: rotateY(0);
    }
    to {
        transform: rotateY(-90deg) scale(0.9);
    }
}
@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(90deg) scale(0.9);
    }
}
@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0);
    }
    to {
        -moz-transform: rotateY(90deg) scale(0.9);
    }
}
@keyframes flipouttoright {
    from {
        transform: rotateY(0);
    }
    to {
        transform: rotateY(90deg) scale(0.9);
    }
}
@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(0.9);
    }
    to {
        -webkit-transform: rotateY(0);
    }
}
@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(0.9);
    }
    to {
        -moz-transform: rotateY(0);
    }
}
@keyframes flipintoleft {
    from {
        transform: rotateY(-90deg) scale(0.9);
    }
    to {
        transform: rotateY(0);
    }
}
@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(0.9);
    }
    to {
        -webkit-transform: rotateY(0);
    }
}
@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(0.9);
    }
    to {
        -moz-transform: rotateY(0);
    }
}
@keyframes flipintoright {
    from {
        transform: rotateY(90deg) scale(0.9);
    }
    to {
        transform: rotateY(0);
    }
}
.flow {
    -webkit-transform-origin: 50% 30%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    -moz-transform-origin: 50% 30%;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    transform-origin: 50% 30%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.ui-dialog.flow {
    -webkit-transform-origin: none;
    -webkit-box-shadow: none;
    -moz-transform-origin: none;
    -moz-box-shadow: none;
    transform-origin: none;
    box-shadow: none;
}
.flow.out {
    -webkit-transform: translateX(-100%) scale(0.7);
    -webkit-animation-name: flowouttoleft;
    -webkit-animation-timing-function: ease;
    -moz-transform: translateX(-100%) scale(0.7);
    -moz-animation-name: flowouttoleft;
    -moz-animation-timing-function: ease;
    transform: translateX(-100%) scale(0.7);
    animation-name: flowouttoleft;
    animation-timing-function: ease;
    animation-duration: 350ms;
}
.flow.in {
    -webkit-transform: translateX(0) scale(1);
    -webkit-animation-name: flowinfromright;
    -webkit-animation-timing-function: ease;
    -webkit-animation-duration: 350ms;
    -moz-transform: translateX(0) scale(1);
    -moz-animation-name: flowinfromright;
    -moz-animation-timing-function: ease;
    -moz-animation-duration: 350ms;
    transform: translateX(0) scale(1);
    animation-name: flowinfromright;
    animation-timing-function: ease;
    animation-duration: 350ms;
}
.flow.out.reverse {
    -webkit-transform: translateX(100%);
    -webkit-animation-name: flowouttoright;
    -moz-transform: translateX(100%);
    -moz-animation-name: flowouttoright;
    transform: translateX(100%);
    animation-name: flowouttoright;
}
.flow.in.reverse {
    -webkit-animation-name: flowinfromleft;
    -moz-animation-name: flowinfromleft;
    animation-name: flowinfromleft;
}
@-webkit-keyframes flowouttoleft {
    0% {
        -webkit-transform: translateX(0) scale(1);
    }
    60%,
    70% {
        -webkit-transform: translateX(0) scale(0.7);
    }
    100% {
        -webkit-transform: translateX(-100%) scale(0.7);
    }
}
@-moz-keyframes flowouttoleft {
    0% {
        -moz-transform: translateX(0) scale(1);
    }
    60%,
    70% {
        -moz-transform: translateX(0) scale(0.7);
    }
    100% {
        -moz-transform: translateX(-100%) scale(0.7);
    }
}
@keyframes flowouttoleft {
    0% {
        transform: translateX(0) scale(1);
    }
    60%,
    70% {
        transform: translateX(0) scale(0.7);
    }
    100% {
        transform: translateX(-100%) scale(0.7);
    }
}
@-webkit-keyframes flowouttoright {
    0% {
        -webkit-transform: translateX(0) scale(1);
    }
    60%,
    70% {
        -webkit-transform: translateX(0) scale(0.7);
    }
    100% {
        -webkit-transform: translateX(100%) scale(0.7);
    }
}
@-moz-keyframes flowouttoright {
    0% {
        -moz-transform: translateX(0) scale(1);
    }
    60%,
    70% {
        -moz-transform: translateX(0) scale(0.7);
    }
    100% {
        -moz-transform: translateX(100%) scale(0.7);
    }
}
@keyframes flowouttoright {
    0% {
        transform: translateX(0) scale(1);
    }
    60%,
    70% {
        transform: translateX(0) scale(0.7);
    }
    100% {
        transform: translateX(100%) scale(0.7);
    }
}
@-webkit-keyframes flowinfromleft {
    0% {
        -webkit-transform: translateX(-100%) scale(0.7);
    }
    30%,
    40% {
        -webkit-transform: translateX(0) scale(0.7);
    }
    100% {
        -webkit-transform: translateX(0) scale(1);
    }
}
@-moz-keyframes flowinfromleft {
    0% {
        -moz-transform: translateX(-100%) scale(0.7);
    }
    30%,
    40% {
        -moz-transform: translateX(0) scale(0.7);
    }
    100% {
        -moz-transform: translateX(0) scale(1);
    }
}
@keyframes flowinfromleft {
    0% {
        transform: translateX(-100%) scale(0.7);
    }
    30%,
    40% {
        transform: translateX(0) scale(0.7);
    }
    100% {
        transform: translateX(0) scale(1);
    }
}
@-webkit-keyframes flowinfromright {
    0% {
        -webkit-transform: translateX(100%) scale(0.7);
    }
    30%,
    40% {
        -webkit-transform: translateX(0) scale(0.7);
    }
    100% {
        -webkit-transform: translateX(0) scale(1);
    }
}
@-moz-keyframes flowinfromright {
    0% {
        -moz-transform: translateX(100%) scale(0.7);
    }
    30%,
    40% {
        -moz-transform: translateX(0) scale(0.7);
    }
    100% {
        -moz-transform: translateX(0) scale(1);
    }
}
@keyframes flowinfromright {
    0% {
        transform: translateX(100%) scale(0.7);
    }
    30%,
    40% {
        transform: translateX(0) scale(0.7);
    }
    100% {
        transform: translateX(0) scale(1);
    }
}
.ui-grid-a,
.ui-grid-b,
.ui-grid-c,
.ui-grid-d {
    overflow: hidden;
}
.ui-block-a,
.ui-block-b,
.ui-block-c,
.ui-block-d,
.ui-block-e {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-grid-solo .ui-block-a {
    display: block;
    float: none;
}
.ui-grid-a .ui-block-a,
.ui-grid-a .ui-block-b {
    width: 49.95%;
}
.ui-grid-a > :nth-child(n) {
    width: 50%;
    margin-right: -0.5px;
}
.ui-grid-b .ui-block-a,
.ui-grid-b .ui-block-b,
.ui-grid-b .ui-block-c {
    width: 33.25%;
}
.ui-grid-b > :nth-child(n) {
    width: 33.333%;
    margin-right: -0.5px;
}
.ui-grid-c .ui-block-a,
.ui-grid-c .ui-block-b,
.ui-grid-c .ui-block-c,
.ui-grid-c .ui-block-d {
    width: 24.925%;
}
.ui-grid-c > :nth-child(n) {
    width: 25%;
    margin-right: -0.5px;
}
.ui-grid-d .ui-block-a,
.ui-grid-d .ui-block-b,
.ui-grid-d .ui-block-c,
.ui-grid-d .ui-block-d,
.ui-grid-d .ui-block-e {
    width: 19.925%;
}
.ui-grid-d > :nth-child(n) {
    width: 20%;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after,
.ui-navbar ul:after {
    clear: both;
}
@media all and (max-width: 35em) {
    .ui-responsive .ui-block-a,
    .ui-responsive .ui-block-b,
    .ui-responsive .ui-block-c,
    .ui-responsive .ui-block-d,
    .ui-responsive .ui-block-e {
        width: 100%;
        float: none;
    }
}
.ui-footer-fixed,
.ui-header-fixed {
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
}
.ui-header-fixed {
    top: -1px;
    padding-top: 1px;
}
.ui-header-fixed.ui-fixed-hidden {
    top: 0;
    padding-top: 0;
}
.ui-footer-fixed {
    bottom: -1px;
    padding-bottom: 1px;
}
.ui-footer-fixed.ui-fixed-hidden {
    bottom: 0;
    padding-bottom: 0;
}
.ui-footer-fullscreen,
.ui-header-fullscreen {
    filter: Alpha(Opacity=90);
    opacity: 0.9;
}
.ui-page-header-fixed {
    padding-top: 2.6875em;
}
.ui-page-footer-fixed {
    padding-bottom: 2.6875em;
}
.ui-page-footer-fullscreen > .ui-content,
.ui-page-header-fullscreen > .ui-content {
    padding: 0;
}
.ui-fixed-hidden {
    position: absolute;
}
.ui-btn,
.ui-btn-inner,
.ui-btn-text,
.ui-navbar ul {
    position: relative;
}
.ui-page-footer-fullscreen .ui-fixed-hidden,
.ui-page-header-fullscreen .ui-fixed-hidden {
    left: -9999px;
}
.ui-footer-fixed .ui-btn,
.ui-header-fixed .ui-btn {
    z-index: 10;
}
.ui-android-2x-fixed .ui-li-has-thumb {
    -webkit-transform: translate3d(0, 0, 0);
}
.ui-navbar.ui-mini {
    margin: 0;
}
.ui-navbar ul:after,
.ui-navbar ul:before {
    content: " ";
    display: table;
}
.ui-navbar ul {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
    overflow: visible;
    zoom: 1;
}
.ui-navbar li .ui-btn {
    display: block;
    text-align: center;
    margin: 0 -1px 0 0;
    border-right-width: 0;
}
.ui-navbar li .ui-btn-icon-right .ui-icon {
    right: 6px;
}
.ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
.ui-navbar li:last-child .ui-btn {
    margin-right: 0;
    border-right-width: 1px;
}
.ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
.ui-footer .ui-navbar li:last-child .ui-btn,
.ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
.ui-header .ui-navbar li:last-child .ui-btn {
    margin-right: -1px;
    border-right-width: 0;
}
.ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn {
    margin-right: -1px;
    border-right-width: 1px;
}
.ui-footer .ui-navbar li .ui-btn,
.ui-header .ui-navbar li .ui-btn {
    border-top-width: 0;
    border-bottom-width: 0;
}
.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn {
    margin-right: -5px;
}
.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn {
    margin-right: -4px;
}
.ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
.ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
.ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon {
    right: 8px;
}
.ui-navbar li .ui-btn .ui-btn-inner {
    padding-top: 0.7em;
    padding-bottom: 0.8em;
}
.ui-navbar li .ui-btn-icon-top .ui-btn-inner {
    padding-top: 30px;
}
.ui-navbar li .ui-btn-icon-bottom .ui-btn-inner {
    padding-bottom: 30px;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    margin: 0.5em 0;
    padding: 0;
}
.ui-mini {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}
.ui-btn-inline,
.ui-btn-left,
.ui-btn-right,
.ui-grid-a .ui-btn,
.ui-grid-b .ui-btn,
.ui-grid-c .ui-btn,
.ui-grid-d .ui-btn,
.ui-grid-e .ui-btn,
.ui-grid-solo .ui-btn,
.ui-input-clear {
    margin-right: 5px;
    margin-left: 5px;
}
.ui-btn-inner {
    font-size: 16px;
    padding: 0.6em 20px;
    min-width: 0.75em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-btn button,
.ui-btn input {
    z-index: 2;
}
.ui-btn-inline,
.ui-btn-left,
.ui-btn-right {
    display: inline-block;
    vertical-align: middle;
}
.ui-btn-left > .ui-btn,
.ui-btn-right > .ui-btn,
.ui-mobile .ui-btn-left,
.ui-mobile .ui-btn-right {
    margin: 0;
}
.ui-btn-block {
    display: block;
}
.ui-footer > .ui-btn,
.ui-header > .ui-btn {
    display: inline-block;
    margin: 0;
}
.ui-footer .ui-btn-block,
.ui-header .ui-btn-block {
    display: block;
}
.ui-footer .ui-btn-inner,
.ui-header .ui-btn-inner,
.ui-mini .ui-btn-inner {
    font-size: 12.5px;
    padding: 0.55em 11px 0.5em;
}
.ui-fullsize .ui-btn-inner {
    font-size: 16px;
    padding: 0.6em 20px;
}
.ui-btn-icon-notext {
    width: 24px;
    height: 24px;
}
.ui-btn-icon-notext .ui-btn-inner {
    padding: 0;
    height: 100%;
}
.ui-btn-icon-notext .ui-btn-inner .ui-icon {
    margin: 2px 1px 2px 3px;
    float: left;
}
.ui-btn-text {
    z-index: 1;
    width: 100%;
}
div.ui-btn-text {
    width: auto;
}
.ui-btn-icon-notext .ui-btn-text {
    position: absolute;
    left: -9999px;
}
.ui-btn-icon-left .ui-btn-inner {
    padding-left: 40px;
}
.ui-btn-icon-right .ui-btn-inner {
    padding-right: 40px;
}
.ui-btn-icon-top .ui-btn-inner {
    padding-top: 40px;
}
.ui-btn-icon-bottom .ui-btn-inner {
    padding-bottom: 40px;
}
.ui-footer .ui-btn-icon-left .ui-btn-inner,
.ui-header .ui-btn-icon-left .ui-btn-inner,
.ui-mini .ui-btn-icon-left .ui-btn-inner,
.ui-mini.ui-btn-icon-left .ui-btn-inner {
    padding-left: 30px;
}
.ui-footer .ui-btn-icon-right .ui-btn-inner,
.ui-header .ui-btn-icon-right .ui-btn-inner,
.ui-mini .ui-btn-icon-right .ui-btn-inner,
.ui-mini.ui-btn-icon-right .ui-btn-inner {
    padding-right: 30px;
}
.ui-footer .ui-btn-icon-top .ui-btn-inner,
.ui-header .ui-btn-icon-top .ui-btn-inner {
    padding: 30px 3px 0.5em;
}
.ui-mini .ui-btn-icon-top .ui-btn-inner,
.ui-mini.ui-btn-icon-top .ui-btn-inner {
    padding-top: 30px;
}
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
.ui-header .ui-btn-icon-bottom .ui-btn-inner {
    padding: 0.55em 3px 30px;
}
.ui-mini .ui-btn-icon-bottom .ui-btn-inner,
.ui-mini.ui-btn-icon-bottom .ui-btn-inner {
    padding-bottom: 30px;
}
.ui-btn-icon-notext .ui-icon {
    display: block;
    z-index: 0;
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-btn-icon-right > .ui-btn-inner > .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -9px;
}
.ui-btn-icon-bottom .ui-btn-inner .ui-icon,
.ui-btn-icon-top .ui-btn-inner .ui-icon {
    position: absolute;
    left: 50%;
    margin-left: -9px;
}
.ui-btn-icon-left .ui-icon {
    left: 10px;
}
.ui-btn-icon-right .ui-icon {
    right: 10px;
}
.ui-btn-icon-top .ui-icon {
    top: 10px;
}
.ui-btn-icon-bottom .ui-icon {
    top: auto;
    bottom: 10px;
}
.ui-footer .ui-btn-icon-left .ui-icon,
.ui-header .ui-btn-icon-left .ui-icon,
.ui-mini .ui-btn-icon-left .ui-icon,
.ui-mini.ui-btn-icon-left .ui-icon {
    left: 5px;
}
.ui-footer .ui-btn-icon-right .ui-icon,
.ui-header .ui-btn-icon-right .ui-icon,
.ui-mini .ui-btn-icon-right .ui-icon,
.ui-mini.ui-btn-icon-right .ui-icon {
    right: 5px;
}
.ui-footer .ui-btn-icon-top .ui-icon,
.ui-header .ui-btn-icon-top .ui-icon,
.ui-mini .ui-btn-icon-top .ui-icon,
.ui-mini.ui-btn-icon-top .ui-icon {
    top: 5px;
}
.ui-footer .ui-btn-icon-bottom .ui-icon,
.ui-header .ui-btn-icon-bottom .ui-icon,
.ui-mini .ui-btn-icon-bottom .ui-icon,
.ui-mini.ui-btn-icon-bottom .ui-icon {
    bottom: 5px;
}
.ui-btn-hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #fff;
    background: rgba(255, 255, 255, 0);
    filter: Alpha(Opacity=0);
    opacity: 0.1;
    font-size: 1px;
    border: none;
    text-indent: -9999px;
}
.ui-disabled .ui-btn-hidden {
    display: none;
}
.ui-disabled {
    z-index: 1;
}
.ui-field-contain .ui-btn.ui-submit {
    margin: 0;
}
label.ui-submit {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 0.3em;
    display: block;
}
@media all and (min-width: 28em) {
    .ui-field-contain label.ui-submit {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        margin: 0 2% 0 0;
    }
    .ui-field-contain .ui-btn.ui-submit {
        width: 78%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ui-hide-label .ui-btn.ui-submit {
        width: auto;
        display: block;
    }
}
.ui-collapsible-inset {
    margin: 0.5em 0;
}
.ui-collapsible-heading {
    font-size: 16px;
    display: block;
    margin: 0 -15px;
    padding: 0;
    position: relative;
}
.ui-collapsible-inset .ui-collapsible-heading {
    margin: 0;
}
.ui-collapsible-heading .ui-btn {
    text-align: left;
    margin: 0;
    border-left-width: 0;
    border-right-width: 0;
}
.ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner,
.ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
.ui-controlgroup-horizontal .ui-btn-inner {
    text-align: center;
}
.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    border-right-width: 1px;
    border-left-width: 1px;
}
.ui-collapsible-collapsed
    + .ui-collapsible:not(.ui-collapsible-inset)
    .ui-collapsible-heading
    .ui-btn {
    border-top-width: 0;
}
.ui-collapsible-set
    .ui-collapsible:not(.ui-collapsible-inset)
    .ui-collapsible-heading
    .ui-btn {
    border-top-width: 1px;
}
.ui-collapsible-heading .ui-btn-inner {
    padding-left: 12px;
    padding-right: 12px;
}
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner {
    padding-left: 40px;
}
.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    padding-right: 40px;
}
.ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner {
    padding-left: 30px;
}
.ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner {
    padding-right: 30px;
}
.ui-collapsible-heading .ui-btn span.ui-btn {
    position: absolute;
    left: 6px;
    top: 50%;
    margin: -12px 0 0;
    width: 20px;
    height: 20px;
    padding: 1px 0 1px 2px;
    text-indent: -9999px;
}
.ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner {
    padding: 10px 0;
}
.ui-collapsible-heading .ui-btn span.ui-btn .ui-icon {
    left: 0;
    margin-top: -10px;
}
.ui-collapsible-heading-status {
    position: absolute;
    top: -9999px;
    left: 0;
}
.ui-collapsible-content {
    display: block;
    margin: 0 -15px;
    padding: 10px 15px;
    border-left-width: 0;
    border-right-width: 0;
    border-top: none;
    background-image: none;
}
.ui-collapsible-inset .ui-collapsible-content {
    margin: 0;
    border-right-width: 1px;
    border-left-width: 1px;
}
.ui-collapsible-content-collapsed {
    display: none;
}
.ui-collapsible-set > .ui-collapsible.ui-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-collapsible-heading,
.ui-collapsible-heading > .ui-btn {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-collapsible-content,
.ui-collapsible-set .ui-collapsible.ui-last-child {
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-collapsible-themed-content:not(.ui-collapsible-collapsed)
    > .ui-collapsible-heading {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ui-collapsible-set {
    margin: 0.5em 0;
}
.ui-collapsible-set .ui-collapsible {
    margin: -1px 0 0;
}
.ui-collapsible-set .ui-collapsible.ui-first-child {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    margin-top: 0;
}
.ui-controlgroup,
fieldset.ui-controlgroup {
    padding: 0;
    margin: 0.5em 0;
    zoom: 1;
}
.ui-controlgroup.ui-mini,
fieldset.ui-controlgroup.ui-mini {
    margin: 0.25em 0;
}
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
    margin: 0;
}
.ui-bar .ui-controlgroup {
    margin: 0 5px;
}
.ui-controlgroup-label {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 0.4em;
}
.ui-controlgroup-controls label.ui-select,
.ui-controlgroup-controls label.ui-submit {
    position: absolute;
    left: -9999px;
}
.ui-controlgroup .ui-btn {
    margin: 0;
}
.ui-controlgroup .ui-btn-icon-notext {
    width: auto;
    height: auto;
    top: auto;
}
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
    height: 20px;
    padding: 0.6em 20px;
}
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner {
    width: 18px;
}
.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
    height: 16px;
    padding: 0.55em 11px 0.5em;
}
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -9px -9px 0 0;
}
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner {
    height: 16px;
    line-height: 16px;
}
.ui-controlgroup .ui-checkbox label,
.ui-controlgroup .ui-radio label {
    font-size: 16px;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls:after,
.ui-controlgroup-horizontal .ui-controlgroup-controls:before {
    content: "";
    display: table;
}
.ui-controlgroup-horizontal .ui-controlgroup-controls {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}
.ui-controlgroup-horizontal .ui-checkbox,
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
.ui-controlgroup-horizontal .ui-radio,
.ui-controlgroup-horizontal .ui-select {
    float: left;
    clear: none;
    margin: 0;
}
.ui-rangeslider:after,
div.ui-slider:after {
    clear: both;
}
.ui-controlgroup-horizontal .ui-select .ui-btn-text {
    width: auto;
}
.ui-controlgroup-vertical .ui-btn {
    border-bottom-width: 0;
}
.ui-controlgroup-horizontal .ui-btn {
    border-right-width: 0;
}
.ui-controlgroup .ui-btn-corner-all {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-controlgroup .ui-checkbox,
.ui-controlgroup .ui-controlgroup-controls,
.ui-controlgroup .ui-radio,
.ui-controlgroup .ui-select,
.ui-controlgroup li {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-controlgroup-vertical .ui-btn.ui-last-child {
    border-bottom-width: 1px;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-first-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
    border-right-width: 1px;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-controlgroup .ui-shadow:not(.ui-focus) {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media all and (min-width: 28em) {
    .ui-field-contain .ui-controlgroup-label {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        margin: 0 2% 0 0;
    }
    .ui-field-contain .ui-controlgroup-controls {
        width: 78%;
        display: inline-block;
    }
    .ui-field-contain .ui-controlgroup .ui-select {
        width: 100%;
        display: block;
    }
    .ui-field-contain .ui-controlgroup-horizontal .ui-select {
        width: auto;
    }
    .ui-hide-label .ui-controlgroup-controls {
        width: 100%;
    }
}
.ui-popup iframe,
.ui-popup > img {
    vertical-align: middle;
}
.ui-dialog {
    background: 0 0 !important;
}
.ui-dialog-contain {
    width: 92.5%;
    max-width: 500px;
    margin: 10% auto 15px;
    padding: 0;
    position: relative;
    top: -15px;
}
.ui-field-contain,
.ui-popup > img {
    max-width: 100%;
}
.ui-dialog-contain > .ui-content,
.ui-dialog-contain > .ui-footer,
.ui-dialog-contain > .ui-header {
    display: block;
    position: relative;
    width: auto;
    margin: 0;
}
.ui-popup > h1,
.ui-popup > h2,
.ui-popup > h3,
.ui-popup > h4,
.ui-popup > h5,
.ui-popup > h6,
.ui-popup > p,
.ui-popup > span {
    margin: 0.5em 7px;
}
.ui-dialog-contain > .ui-header {
    border: none;
    overflow: hidden;
    z-index: 10;
    padding: 0;
}
.ui-dialog-contain > .ui-content {
    padding: 15px;
}
.ui-dialog-contain > .ui-footer {
    z-index: 10;
    padding: 0 15px;
}
.ui-popup-open .ui-footer-fixed,
.ui-popup-open .ui-header-fixed {
    position: absolute !important;
}
.ui-popup-screen {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 1099;
}
.ui-popup-screen.in {
    opacity: 0.5;
    filter: Alpha(Opacity=50);
}
.ui-popup-screen.out {
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-popup-container {
    z-index: 1100;
    display: inline-block;
    position: absolute;
    padding: 0;
    outline: 0;
}
.ui-popup {
    position: relative;
}
.ui-popup .ui-content,
.ui-popup.ui-content {
    overflow: visible;
}
.ui-popup > span {
    display: block;
}
.ui-popup .ui-title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
label.ui-input-text,
label.ui-select {
    line-height: 1.4;
    font-weight: 400;
    font-size: 16px;
}
.ui-popup-container .ui-content > h1,
.ui-popup-container .ui-content > h2,
.ui-popup-container .ui-content > h3,
.ui-popup-container .ui-content > h4,
.ui-popup-container .ui-content > h5,
.ui-popup-container .ui-content > h6,
.ui-popup-container .ui-content > p {
    margin: 0.5em 0;
}
.ui-popup-container .ui-content > span {
    margin: 0;
}
.ui-popup-container .ui-content > h1:first-child,
.ui-popup-container .ui-content > h2:first-child,
.ui-popup-container .ui-content > h3:first-child,
.ui-popup-container .ui-content > h4:first-child,
.ui-popup-container .ui-content > h5:first-child,
.ui-popup-container .ui-content > h6:first-child,
.ui-popup-container .ui-content > p:first-child {
    margin-top: 0;
}
.ui-popup-container .ui-content > h1:last-child,
.ui-popup-container .ui-content > h2:last-child,
.ui-popup-container .ui-content > h3:last-child,
.ui-popup-container .ui-content > h4:last-child,
.ui-popup-container .ui-content > h5:last-child,
.ui-popup-container .ui-content > h6:last-child,
.ui-popup-container .ui-content > p:last-child {
    margin-bottom: 0;
}
.ui-popup > img {
    width: auto;
    height: auto;
    max-height: 100%;
}
.ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
.ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child,
.ui-popup:not(.ui-content) > img:only-child {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
@media all and (min-width: 28em) {
    .ui-popup .ui-field-contain .ui-controlgroup-label,
    .ui-popup .ui-field-contain label.ui-input-text,
    .ui-popup .ui-field-contain label.ui-select,
    .ui-popup .ui-field-contain label.ui-submit {
        font-size: 16px;
        line-height: 1.4;
        display: block;
        font-weight: 400;
        margin: 0 0 0.3em;
    }
    .ui-popup .ui-field-contain .ui-btn.ui-submit,
    .ui-popup .ui-field-contain .ui-controlgroup-controls,
    .ui-popup .ui-field-contain .ui-input-search,
    .ui-popup .ui-field-contain .ui-select,
    .ui-popup .ui-field-contain input.ui-input-text,
    .ui-popup .ui-field-contain textarea.ui-input-text {
        width: 100%;
        display: block;
    }
}
.ui-popup > .ui-btn-left,
.ui-popup > .ui-btn-right {
    position: absolute;
    top: -9px;
    margin: 0;
    z-index: 1101;
}
.ui-popup > .ui-btn-left {
    left: -9px;
}
.ui-popup > .ui-btn-right {
    right: -9px;
}
.ui-popup-hidden {
    top: -99999px;
    left: -9999px;
}
.ui-checkbox,
.ui-radio {
    position: relative;
    clear: both;
    margin: 0;
    z-index: 1;
}
.ui-checkbox .ui-btn,
.ui-radio .ui-btn {
    text-align: left;
    z-index: 2;
}
.ui-controlgroup .ui-checkbox .ui-btn,
.ui-controlgroup .ui-radio .ui-btn {
    margin: 0;
}
.ui-checkbox .ui-btn-inner,
.ui-radio .ui-btn-inner {
    white-space: normal;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,
.ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding-left: 45px;
}
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,
.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner {
    padding-left: 36px;
}
.ui-checkbox .ui-btn-icon-right .ui-btn-inner,
.ui-radio .ui-btn-icon-right .ui-btn-inner {
    padding-right: 45px;
}
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner,
.ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner {
    padding-right: 36px;
}
.ui-checkbox .ui-btn-icon-bottom .ui-btn-inner,
.ui-checkbox .ui-btn-icon-top .ui-btn-inner,
.ui-radio .ui-btn-icon-bottom .ui-btn-inner,
.ui-radio .ui-btn-icon-top .ui-btn-inner {
    padding-right: 0;
    padding-left: 0;
    text-align: center;
}
.ui-checkbox .ui-icon,
.ui-radio .ui-icon {
    top: 1.1em;
}
.ui-checkbox .ui-btn-icon-left .ui-icon,
.ui-radio .ui-btn-icon-left .ui-icon {
    left: 15px;
}
.ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon,
.ui-radio .ui-mini.ui-btn-icon-left .ui-icon {
    left: 9px;
}
.ui-checkbox .ui-btn-icon-top .ui-icon,
.ui-radio .ui-btn-icon-top .ui-icon {
    top: 10px;
}
.ui-checkbox .ui-btn-icon-bottom .ui-icon,
.ui-radio .ui-btn-icon-bottom .ui-icon {
    top: auto;
    bottom: 10px;
}
.ui-checkbox .ui-btn-icon-right .ui-icon,
.ui-radio .ui-btn-icon-right .ui-icon {
    right: 15px;
}
.ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon,
.ui-radio .ui-mini.ui-btn-icon-right .ui-icon {
    right: 9px;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-icon,
.ui-controlgroup-horizontal .ui-radio .ui-icon {
    display: none;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-btn-inner {
    padding: 0.6em 20px;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
.ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner {
    padding: 0.55em 11px 0.5em;
}
.ui-checkbox input,
.ui-radio input {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0;
    outline: 0 !important;
    z-index: 1;
}
.ui-field-contain,
fieldset.ui-field-contain {
    padding: 0.8em 0;
    margin: 0;
    border-width: 0 0 1px;
    overflow: visible;
}
.ui-field-contain:last-child {
    border-bottom-width: 0;
}
@media all and (min-width: 28em) {
    .ui-field-contain,
    .ui-mobile fieldset.ui-field-contain {
        border-width: 0;
        padding: 0;
        margin: 1em 0;
    }
}
.ui-select {
    display: block;
    position: relative;
}
.ui-select select {
    position: absolute;
    left: -9999px;
    top: -9999px;
}
.ui-select .ui-btn {
    opacity: 1;
}
.ui-field-contain .ui-select .ui-btn {
    margin: 0;
}
.ui-select .ui-btn select {
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 2;
}
.ui-li-divider,
.ui-selectmenu .ui-btn.ui-li-divider {
    cursor: default;
}
.ui-select .ui-disabled {
    opacity: 0.3;
}
.ui-select .ui-disabled select {
    display: none;
}
@-moz-document url-prefix() {
    .ui-select .ui-btn select {
        opacity: 0.0001;
    }
}
.ui-select .ui-btn.ui-select-nativeonly {
    border-radius: 0;
    border: 0;
}
.ui-select .ui-btn.ui-select-nativeonly select {
    opacity: 1;
    text-indent: 0;
    display: block;
}
.ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner {
    opacity: 0;
}
.ui-select .ui-btn-icon-right .ui-btn-inner,
.ui-select .ui-li-has-count .ui-btn-inner {
    padding-right: 45px;
}
.ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner {
    padding-right: 32px;
}
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner {
    padding-right: 80px;
}
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner {
    padding-right: 67px;
}
.ui-select .ui-btn-icon-right .ui-icon {
    right: 15px;
}
.ui-select .ui-mini.ui-btn-icon-right .ui-icon {
    right: 7px;
}
.ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count {
    right: 45px;
}
.ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count {
    right: 32px;
}
label.ui-select {
    margin: 0 0 0.3em;
    display: block;
}
.ui-select .ui-btn-text,
.ui-selectmenu .ui-btn-text {
    display: block;
    min-height: 1em;
    overflow: hidden !important;
}
.ui-selectmenu {
    padding: 6px;
    min-width: 160px;
}
.ui-selectmenu .ui-listview {
    margin: 0;
}
.ui-screen-hidden,
.ui-selectmenu-list .ui-li .ui-icon {
    display: none;
}
.ui-selectmenu-list .ui-li .ui-icon {
    display: block;
}
.ui-li.ui-selectmenu-placeholder {
    display: none;
}
.ui-selectmenu .ui-header {
    margin: 0;
    padding: 0;
}
.ui-selectmenu.ui-popup .ui-header {
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}
.ui-selectmenu .ui-header .ui-title {
    margin: 0.6em 46px 0.8em;
}
@media all and (min-width: 28em) {
    .ui-field-contain label.ui-select {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        margin: 0 2% 0 0;
    }
    .ui-field-contain .ui-select {
        width: 78%;
        display: inline-block;
    }
    .ui-hide-label .ui-select {
        width: 100%;
    }
}
.ui-selectmenu .ui-header h1:after {
    content: ".";
    visibility: hidden;
}
label.ui-input-text {
    display: block;
    margin: 0 0 0.3em;
}
input.ui-input-text,
textarea.ui-input-text {
    background-image: none;
    padding: 0.4em;
    margin: 0.5em 0;
    min-height: 1.4em;
    line-height: 1.4em;
    font-size: 16px;
    display: block;
    width: 100%;
    outline: 0;
}
.ui-li-divider,
.ui-mini input,
input.ui-mini,
textarea.ui-mini {
    font-size: 14px;
}
.ui-input-search input.ui-input-text,
div.ui-input-text input.ui-input-text,
div.ui-input-text textarea.ui-input-text {
    border: none;
    width: 100%;
    padding: 0.4em 0;
    margin: 0;
    display: block;
    background: 0 0;
    outline: 0 !important;
}
.ui-input-search,
div.ui-input-text {
    margin: 0.5em 0;
    background-image: none;
    position: relative;
}
.ui-input-search {
    padding: 0 30px;
}
div.ui-input-text {
    padding: 0 0.4em;
}
div.ui-input-has-clear {
    padding: 0 30px 0 0.4em;
}
.ui-input-search.ui-mini,
div.ui-input-text.ui-mini,
input.ui-input-text.ui-mini,
textarea.ui-input-text.ui-mini {
    margin: 0.25em 0;
}
.ui-field-contain .ui-input-search,
.ui-field-contain div.ui-input-text,
.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text {
    margin: 0;
}
textarea.ui-input-text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
}
textarea.ui-mini {
    height: 45px;
}
.ui-icon-searchfield:after {
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
    content: "";
    width: 18px;
    height: 18px;
    opacity: 0.5;
}
.ui-input-search .ui-input-clear,
.ui-input-text .ui-input-clear {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}
.ui-mini .ui-input-clear {
    right: -3px;
}
.ui-input-search .ui-input-clear-hidden,
.ui-input-text .ui-input-clear-hidden {
    display: none;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aaa;
}
input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
}
@media all and (min-width: 28em) {
    .ui-field-contain label.ui-input-text {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        margin: 0 2% 0 0;
    }
    .ui-field-contain .ui-input-search,
    .ui-field-contain div.ui-input-text,
    .ui-field-contain input.ui-input-text,
    .ui-field-contain textarea.ui-input-text {
        width: 78%;
        display: inline-block;
    }
    .ui-field-contain .ui-input-search,
    .ui-field-contain div.ui-input-text {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .ui-hide-label .ui-input-search,
    .ui-hide-label div.ui-input-text,
    .ui-hide-label input.ui-input-text,
    .ui-hide-label textarea.ui-input-text,
    .ui-input-search input.ui-input-text,
    div.ui-input-text input.ui-input-text {
        width: 100%;
    }
}
.ui-rangeslider {
    zoom: 1;
    margin: 0;
}
.ui-rangeslider:after,
.ui-rangeslider:before {
    content: "";
    display: table;
}
.ui-rangeslider input.ui-input-text.ui-slider-input {
    margin: 0.57143em 0;
}
.ui-rangeslider.ui-mini input.ui-slider-input {
    margin: 0.28571em 0;
}
.ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
    float: right;
}
.ui-rangeslider .ui-rangeslider-sliders {
    position: relative;
    overflow: visible;
    height: 30px;
    margin: 0.5em 68px;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders {
    margin: 0.25em 68px;
}
.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider input.ui-slider-input,
.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders,
.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input {
    margin-top: 0;
    margin-bottom: 0;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
    position: absolute;
    top: 6px;
    right: 0;
    left: 0;
    margin: 0;
}
.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
    top: 8px;
}
.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
    display: none;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
    background-color: transparent;
    background: 0 0;
    border-width: 0;
    height: 0;
}
:host .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
    height: 15px;
    border-width: 1px;
}
:host
    .ui-rangeslider.ui-mini
    .ui-rangeslider-sliders
    .ui-slider-track:first-child {
    height: 12px;
}
@media all and (min-width: 28em) {
    .ui-field-contain .ui-rangeslider label.ui-slider {
        float: left;
    }
    .ui-field-contain .ui-rangeslider input.ui-slider-input {
        position: relative;
        z-index: 1;
    }
    .ui-field-contain
        .ui-rangeslider
        input.ui-slider-input.ui-rangeslider-first,
    .ui-field-contain
        .ui-rangeslider.ui-mini
        input.ui-slider-input.ui-rangeslider-first {
        margin-right: 17px;
    }
    .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
    .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
        float: left;
        width: 78%;
        margin: 0 -68px;
    }
    .ui-field-contain .ui-rangeslider .ui-slider-track,
    .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
        right: 68px;
        left: 68px;
    }
    .ui-field-contain.ui-hide-label
        .ui-rangeslider
        input.ui-slider-input.ui-rangeslider-first {
        margin: 0;
    }
    .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
    .ui-field-contain.ui-hide-label
        .ui-rangeslider.ui-mini
        .ui-rangeslider-sliders {
        width: auto;
        float: none;
        margin: 0 68px;
    }
    .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
    .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
        right: 0;
        left: 0;
    }
}
.ui-listview {
    margin: 0;
}
ol.ui-listview,
ol.ui-listview .ui-li-divider {
    counter-reset: listnumbering;
}
.ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
    margin: -15px;
}
.ui-collapsible-content > .ui-listview {
    margin: -10px -15px;
}
.ui-content .ui-listview-inset,
.ui-panel-inner .ui-listview-inset {
    margin: 1em 0;
}
.ui-collapsible-content .ui-listview-inset {
    margin: 0.5em 0;
}
.ui-li,
.ui-listview {
    list-style: none;
    padding: 0;
}
.ui-li,
.ui-li.ui-field-contain {
    display: block;
    margin: 0;
    position: relative;
    overflow: visible;
    text-align: left;
    border-width: 0;
    border-top-width: 1px;
}
.ui-li-divider,
.ui-li-static,
.ui-li.ui-btn,
.ui-li.ui-field-contain {
    margin: 0;
}
.ui-listview-inset .ui-li {
    border-right-width: 1px;
    border-left-width: 1px;
}
.ui-li.ui-field-contain.ui-last-child,
.ui-li.ui-last-child {
    border-bottom-width: 1px;
}
.ui-collapsible-content
    > .ui-listview:not(.ui-listview-inset)
    > .ui-li.ui-first-child {
    border-top-width: 0;
}
.ui-collapsible-themed-content
    .ui-listview:not(.ui-listview-inset)
    > .ui-li.ui-last-child {
    border-bottom-width: 0;
}
.ui-li .ui-btn-text a.ui-link-inherit {
    overflow: hidden;
    white-space: nowrap;
}
.ui-li-static {
    background-image: none;
}
.ui-li-divider {
    padding: 0.5em 15px;
    font-weight: 700;
}
.ui-li-dec,
ol.ui-listview .ui-li-static:before,
ol.ui-listview .ui-link-inherit:before {
    font-size: 0.8em;
    display: inline-block;
    padding-right: 0.3em;
    font-weight: 400;
    counter-increment: listnumbering;
    content: counter(listnumbering) ". ";
}
ol.ui-listview .ui-li-jsnumbering:before {
    content: "" !important;
}
.ui-listview .ui-li > .ui-btn-text {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}
.ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit,
.ui-listview > .ui-li.ui-first-child {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
}
.ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
.ui-collapsible-content
    > .ui-listview:not(.ui-listview-inset)
    .ui-li.ui-last-child,
.ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
.ui-listview > .ui-li.ui-last-child {
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}
.ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
}
.ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.ui-li > .ui-btn-inner {
    display: block;
    position: relative;
    padding: 0;
}
.ui-li .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li {
    padding: 0.7em 15px;
    display: block;
}
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-thumb {
    min-height: 59px;
    padding-left: 100px;
}
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-icon {
    min-height: 20px;
    padding-left: 40px;
}
.ui-li-divider.ui-li-has-count,
.ui-li-has-count .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-count {
    padding-right: 45px;
}
.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-arrow {
    padding-right: 40px;
}
.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-arrow.ui-li-has-count {
    padding-right: 75px;
}
.ui-li-heading {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0.6em 0;
    overflow: hidden;
    white-space: nowrap;
}
.ui-li-desc {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: -0.5em 0 0.6em;
    overflow: hidden;
    white-space: nowrap;
}
ol.ui-listview > .ui-li .ui-li-heading {
    display: inline-block;
    width: 100%;
    margin-left: -1.3em;
    text-indent: 1.3em;
    vertical-align: middle;
}
ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) {
    text-indent: 1.55em;
}
.ui-li-thumb,
.ui-listview .ui-li-icon {
    position: absolute;
    left: 1px;
    top: 0;
    max-height: 80px;
    max-width: 80px;
}
.ui-listview .ui-li-icon {
    max-height: 16px;
    max-width: 16px;
    left: 10px;
    top: 0.9em;
}
.ui-li-content,
.ui-li-thumb,
.ui-listview .ui-li-icon {
    float: left;
    margin-right: 10px;
}
.ui-li-aside {
    float: right;
    width: 50%;
    text-align: right;
    margin: 0.3em 0;
}
@media all and (min-width: 480px) {
    .ui-li-aside {
        width: 45%;
    }
}
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-alt {
    padding-right: 53px;
}
.ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-alt.ui-li-has-count {
    padding-right: 88px;
}
.ui-li-has-count .ui-li-count {
    position: absolute;
    font-size: 11px;
    font-weight: 700;
    padding: 0.2em 0.5em;
    top: 50%;
    margin-top: -0.9em;
    right: 10px;
}
.ui-li-has-count .ui-link-inherit .ui-li-count,
.ui-li-has-count.ui-li-divider .ui-li-count {
    margin-top: -0.95em;
}
.ui-li-has-arrow.ui-li-has-count .ui-li-count {
    right: 40px;
}
.ui-li-has-alt.ui-li-has-count .ui-li-count {
    right: 53px;
}
.ui-li-link-alt {
    position: absolute;
    width: 40px;
    height: 100%;
    border-width: 0;
    border-left-width: 1px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.ui-li-link-alt .ui-btn {
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -13px 0 0;
    border-bottom-width: 1px;
    z-index: -1;
}
.ui-li-link-alt .ui-btn-inner {
    padding: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.ui-li-link-alt .ui-btn .ui-icon {
    right: 50%;
    margin-right: -9px;
}
.ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -9px;
}
.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner {
    border-top: 0;
}
.ui-listview-filter {
    border-width: 0;
    overflow: hidden;
    margin: -15px -15px 15px;
}
.ui-collapsible-content .ui-listview-filter {
    margin: -10px -15px 10px;
    border-bottom: inherit;
}
.ui-listview-filter-inset {
    margin: -15px -5px;
    background: 0 0;
}
.ui-collapsible-content .ui-listview-filter-inset {
    margin: -5px;
    border-bottom-width: 0;
}
.ui-listview-filter .ui-input-search {
    margin: 5px;
    width: auto;
    display: block;
}
.ui-li.ui-screen-hidden {
    display: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-li .ui-btn-text {
        overflow: visible;
    }
}
label.ui-slider {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
    display: block;
}
.ui-field-contain label.ui-slider {
    margin-bottom: 0.4em;
}
div.ui-slider {
    height: 30px;
    margin: 0.5em 0;
    zoom: 1;
}
div.ui-slider.ui-mini {
    margin: 0.25em 0;
}
.ui-field-contain div.ui-slider,
.ui-field-contain div.ui-slider.ui-mini {
    margin: 0;
}
div.ui-slider:after,
div.ui-slider:before {
    content: "";
    display: table;
}
input.ui-input-text.ui-slider-input {
    display: block;
    float: left;
    margin: 0;
    padding: 4px;
    width: 40px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    border-width: 0;
    background-image: none;
    font-weight: 700;
    text-align: center;
    vertical-align: text-bottom;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}
.ui-slider-input::-webkit-inner-spin-button,
.ui-slider-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.ui-slider-switch,
.ui-slider-track {
    position: relative;
    overflow: visible;
    height: 15px;
    margin: 0 15px 0 68px;
    top: 6px;
}
.ui-slider-track.ui-mini {
    height: 12px;
    top: 8px;
}
.ui-slider-bg {
    border: none;
    height: 100%;
}
.ui-slider-switch .ui-btn.ui-slider-handle,
.ui-slider-track .ui-btn.ui-slider-handle {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 28px;
    height: 28px;
    margin: -15px 0 0 -15px;
    outline: 0;
}
.ui-slider-track.ui-mini .ui-slider-handle {
    height: 14px;
    width: 14px;
    margin: -8px 0 0 -7px;
}
.ui-slider-handle .ui-btn-inner {
    padding: 0;
    height: 100%;
}
.ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
    height: 30px;
    width: 30px;
    padding: 0;
    margin: -9px 0 0 -9px;
    border-top: none;
}
select.ui-slider-switch {
    display: none;
}
div.ui-slider-switch {
    display: inline-block;
    height: 32px;
    width: 5.8em;
    margin: 0.5em 0;
    top: 0;
}
div.ui-slider-switch:after,
div.ui-slider-switch:before {
    display: none;
    clear: none;
}
div.ui-slider-switch.ui-mini {
    width: 5em;
    height: 29px;
    margin: 0.25em 0;
    top: 0;
}
.ui-field-contain .ui-slider-switch,
.ui-field-contain .ui-slider-switch.ui-mini {
    margin: 0;
}
.ui-slider-inneroffset {
    margin: 0 16px;
    position: relative;
    z-index: 1;
}
.ui-slider-switch.ui-mini .ui-slider-inneroffset {
    margin: 0 15px 0 14px;
}
.ui-slider-switch .ui-btn.ui-slider-handle {
    margin: 1px 0 0 -15px;
}
.ui-slider-switch.ui-mini .ui-slider-handle {
    width: 25px;
    height: 25px;
    margin: 1px 0 0 -13px;
    padding: 0;
}
.ui-slider-handle-snapping {
    -webkit-transition: left 70ms linear;
    -moz-transition: left 70ms linear;
}
.ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0;
    border-top: none;
}
.pswp,
.pswp__bg,
.ui-panel-dismiss {
    height: 100%;
    top: 0;
}
.ui-slider-switch .ui-slider-label {
    position: absolute;
    text-align: center;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    top: 0;
    line-height: 2;
    min-height: 100%;
    border-width: 0;
    white-space: nowrap;
    cursor: pointer;
}
.ui-slider-switch.ui-mini .ui-slider-label {
    font-size: 14px;
}
.ui-slider-switch .ui-slider-label-a {
    z-index: 1;
    left: 0;
    text-indent: -1.5em;
}
.ui-slider-switch .ui-slider-label-b {
    z-index: 0;
    right: 0;
    text-indent: 1.5em;
}
@media all and (min-width: 28em) {
    .ui-field-contain label.ui-slider {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        margin: 0 2% 0 0;
    }
    .ui-field-contain div.ui-slider {
        display: inline-block;
        width: 78%;
    }
    .ui-field-contain.ui-hide-label div.ui-slider {
        display: block;
        width: auto;
    }
    .ui-field-contain div.ui-slider-switch,
    .ui-field-contain.ui-hide-label div.ui-slider-switch {
        display: inline-block;
        width: 5.8em;
    }
    .ui-field-contain div.ui-slider-switch.ui-mini {
        width: 5em;
    }
}
.ui-table {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}
.ui-table td,
.ui-table th {
    line-height: 1.5em;
    text-align: left;
    padding: 0.4em 0.5em;
    vertical-align: top;
}
.ui-table td .ui-btn,
.ui-table th .ui-btn {
    line-height: normal;
}
.ui-table th {
    font-weight: 700;
}
.ui-table caption {
    text-align: left;
    margin-bottom: 1.4em;
    opacity: 0.5;
}
.table-stroke thead th {
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.table-stroke tbody td,
.table-stroke tbody th {
    border-bottom: 1px solid #e6e6e6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
    background-color: #eee;
    background-color: rgba(0, 0, 0, 0.04);
}
.table-stripe tbody tr:last-child,
.table-stripe thead th {
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui-table-columntoggle-btn {
    float: right;
    margin-bottom: 0.8em;
}
.ui-table-columntoggle-popup fieldset {
    margin: 0;
}
@media only all {
    td.ui-table-priority-1,
    td.ui-table-priority-2,
    td.ui-table-priority-3,
    td.ui-table-priority-4,
    td.ui-table-priority-5,
    td.ui-table-priority-6,
    th.ui-table-priority-1,
    th.ui-table-priority-2,
    th.ui-table-priority-3,
    th.ui-table-priority-4,
    th.ui-table-priority-5,
    th.ui-table-priority-6 {
        display: none;
    }
}
@media screen and (min-width: 20em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-1,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-1 {
        display: table-cell;
    }
}
@media screen and (min-width: 30em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-2,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-2 {
        display: table-cell;
    }
}
@media screen and (min-width: 40em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-3,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-3 {
        display: table-cell;
    }
}
@media screen and (min-width: 50em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-4,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-4 {
        display: table-cell;
    }
}
@media screen and (min-width: 60em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-5,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-5 {
        display: table-cell;
    }
}
@media screen and (min-width: 70em) {
    .ui-table-columntoggle.ui-responsive td.ui-table-priority-6,
    .ui-table-columntoggle.ui-responsive th.ui-table-priority-6 {
        display: table-cell;
    }
}
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden {
    display: none;
}
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible {
    display: table-cell;
}
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
    display: none;
}
@media only all {
    .ui-table-reflow thead td,
    .ui-table-reflow thead th {
        display: none;
    }
    .ui-table-reflow td,
    .ui-table-reflow th {
        text-align: left;
        display: block;
    }
    .ui-table-reflow tbody th {
        margin-top: 3em;
    }
    .ui-table-reflow td .ui-table-cell-label,
    .ui-table-reflow th .ui-table-cell-label {
        padding: 0.4em;
        min-width: 30%;
        display: inline-block;
        margin: -0.4em 1em -0.4em -0.4em;
    }
    .ui-table-reflow td .ui-table-cell-label-top,
    .ui-table-reflow th .ui-table-cell-label-top {
        display: block;
        padding: 0.4em 0;
        margin: 0.4em 0;
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: 400;
    }
}
@media (min-width: 35em) {
    .ui-table-reflow.ui-responsive {
        display: table-row-group;
    }
    .ui-table-reflow.ui-responsive tbody td,
    .ui-table-reflow.ui-responsive tbody th,
    .ui-table-reflow.ui-responsive td,
    .ui-table-reflow.ui-responsive th,
    .ui-table-reflow.ui-responsive thead td,
    .ui-table-reflow.ui-responsive thead th {
        display: table-cell;
        margin: 0;
    }
    .ui-table-reflow.ui-responsive td .ui-table-cell-label,
    .ui-table-reflow.ui-responsive th .ui-table-cell-label {
        display: none;
    }
}
@media (max-width: 35em) {
    .ui-table-reflow.ui-responsive td,
    .ui-table-reflow.ui-responsive th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}
.ui-panel {
    width: 17em;
    min-height: 100%;
    max-height: none;
    border-width: 0;
    position: absolute;
    top: 0;
    display: block;
}
.ui-panel-closed {
    width: 0;
    max-height: 100%;
    overflow: hidden;
}
.ui-panel-fixed {
    position: fixed;
    bottom: -1px;
    padding-bottom: 1px;
}
.ui-panel-display-overlay {
    z-index: 1001;
}
.ui-panel-display-reveal {
    z-index: 0;
    -webkit-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-display-push {
    z-index: 999;
}
.ui-panel-inner {
    padding: 15px;
}
.ui-panel-content-wrap {
    position: relative;
    left: 0;
    min-height: inherit;
    border: none;
    z-index: 999;
}
.ui-panel-animate.ui-panel-content-wrap > .ui-header,
.ui-panel-content-wrap-closed,
.ui-panel-content-wrap-display-overlay {
    position: static;
}
.ui-panel-dismiss {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1002;
    display: none;
}
.ui-panel-dismiss-open {
    display: block;
}
.ui-panel-animate {
    -webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    transition: transform 350ms ease;
}
.ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
.ui-panel-animate.ui-panel-content-fixed-toolbar,
.ui-panel-animate.ui-panel-content-wrap,
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.ui-panel-position-left {
    left: -17em;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
    left: 0;
    -webkit-transform: translate3d(-17em, 0, 0);
    -moz-transform: translate3d(-17em, 0, 0);
    transform: translate3d(-17em, 0, 0);
}
.ui-panel-position-left.ui-panel-display-reveal,
.ui-panel-position-left.ui-panel-open {
    left: 0;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: none;
}
.ui-panel-position-right {
    right: -17em;
}
.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
    right: 0;
    -webkit-transform: translate3d(17em, 0, 0);
    -moz-transform: translate3d(17em, 0, 0);
    transform: translate3d(17em, 0, 0);
}
.ui-panel-position-right.ui-panel-display-reveal,
.ui-panel-position-right.ui-panel-open {
    right: 0;
}
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
.ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transform: none;
}
.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 17em;
    right: -17em;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(17em, 0, 0);
    -moz-transform: translate3d(17em, 0, 0);
    transform: translate3d(17em, 0, 0);
}
.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
    left: -17em;
    right: 17em;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
.ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(-17em, 0, 0);
    -moz-transform: translate3d(-17em, 0, 0);
    transform: translate3d(-17em, 0, 0);
}
.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
.ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
    left: 0;
}
.ui-page-active.ui-page-panel {
    overflow-x: hidden;
}
.ui-panel-position-right.ui-panel-display-reveal {
    -webkit-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-display-overlay {
    -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-position-right.ui-panel-display-overlay {
    -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-left {
    border-right-width: 1px;
    margin-right: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
    margin-left: 1px;
}
.ui-panel-display-push.ui-panel-open.ui-panel-position-right {
    border-left-width: 1px;
    margin-left: -1px;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
    margin-right: 1px;
}
@media (min-width: 55em) {
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
        margin-right: 17em;
    }
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
        margin-left: 17em;
    }
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-push,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-reveal {
        width: auto;
    }
    .ui-responsive-panel .ui-panel-dismiss-display-push {
        display: none;
    }
}
.pswp,
.pswp__bg,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    width: 100%;
    position: absolute;
} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    left: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-backface-visibility: hidden;
    outline: 0;
}
.pswp--open,
.pswp__button {
    display: block;
}
.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.pswp__bg {
    left: 0;
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__scroll-wrap {
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
}
.pswp__container,
.pswp__img {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}
.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
    background: #222;
}
.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
}
.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline;
} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    position: relative;
    cursor: pointer;
    overflow: visible;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: 0;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(//static.mobly.com.br/images/mobly/mobile/default-skin.png)
        no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1),
    (-webkit-min-device-pixel-ratio: 1.09375),
    (min-resolution: 105dpi),
    (min-resolution: 1.1dppx) {
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(//static.mobly.com.br/images/mobly/mobile/default-skin.svg);
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: 0 0;
    }
}
.pswp__button--close {
    background-position: 0 -44px;
}
.pswp__button--share {
    background-position: -44px -44px;
}
.pswp__button--fs {
    display: none;
}
.pswp--supports-fs .pswp__button--fs,
.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}
.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}
.pswp__button--zoom {
    background-position: -88px 0;
}
.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}
.pswp__button--arrow--left {
    left: 0;
}
.pswp__button--arrow--right {
    right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}
.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}
.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__share-modal--hidden {
    display: none;
}
.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}
.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
    opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}
a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}
.pswp__caption--empty,
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}
.pswp__counter,
.pswp__preloader {
    height: 44px;
    top: 0;
    position: absolute;
}
a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}
a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff;
}
a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d;
}
a.pswp__share--download:hover {
    background: #ddd;
}
.pswp__counter {
    left: 0;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: 0.75;
    padding: 0 10px;
}
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #bbb;
}
.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__ui {
    visibility: visible;
}
.pswp__preloader {
    width: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}
.pswp--css_animation .pswp__preloader--active,
.pswp__preloader--active {
    opacity: 1;
}
.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}
.pswp__preloader--active .pswp__preloader__icn {
    background: url(//static.mobly.com.br/images/mobly/mobile/preloader.gif)
        no-repeat;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 0.5s linear infinite;
    animation: clockwise 0.5s linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0;
}
@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}
@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
}
@keyframes donut-rotate {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }
}
.pswp__ui {
    -webkit-font-smoothing: auto;
    opacity: 1;
    z-index: 1550;
}
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.clear,
.clearfix:after,
.owl-carousel.owl-refresh .owl-item,
li:after {
    visibility: hidden;
}
.pswp__caption,
.pswp__top-bar {
    background-color: rgba(0, 0, 0, 0.5);
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, 0.3);
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
    opacity: 0.001;
}
.pswp__element--disabled {
    display: none !important;
}
.clear,
.clearfix,
li {
    display: block;
}
.pswp--minimal--dark .pswp__top-bar {
    background: 0 0;
}
.clearfix:after,
li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
}
* :host .clearfix,
* :host li {
    height: 1%;
}
.clear {
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}
.left {
    float: left;
}
.right {
    float: right;
}
.bold {
    font-weight: 700;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.block {
    display: block !important;
}
.inline-block {
    display: inline-block !important;
}
.bd-top {
    border-top: 1px solid #aaa;
}
.bd-bottom {
    border-bottom: 1px solid #aaa;
}
.msgBox {
    padding: 7px 7px 5px;
    font-size: 13px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 5px;
}
.alert-success,
.s-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}
.alert-error,
.s-error {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}
.alert-info {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #3a87ad;
}
#dialogProcessing {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 99999;
}
#dialogProcessing .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.58;
    filter: alpha(opacity=58);
}
#dialogProcessing .overlay span {
    position: fixed;
    top: 57%;
    left: 50%;
    margin-left: -25px;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../../images/vendor/jquery/mobile/ajax-loader.gif) center
        center no-repeat;
}
#dialogProcessing .container {
    width: 300px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -150px;
    text-align: center;
}
#dialogProcessing .container p {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    color: #eee;
}
.overlay-custom {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 99999;
}
.overlay-custom .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.58;
    filter: alpha(opacity=58);
}
.overlay-custom .content {
    width: 300px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -150px;
    text-align: center;
}
.bluecircle-box {
    padding: 10px 5px;
    margin: 0;
    color: #333;
    font-weight: 700;
    border-bottom: 1px solid #aaa;
}
.bluecircle-box p {
    margin: 0;
    font-size: 16px;
    text-align: center;
}
.bluecircle-box p a {
    color: #333;
}
.bluecircle-box p i.fa {
    margin-left: 15px;
    font-size: 20px;
}
.newsletter-alert {
    width: 285px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #666;
    background: #eee !important;
}
.newsletter-alert a {
    margin: 0 20%;
}
.cart-fixed-bar {
    padding: 10px;
    border-bottom: 1px solid #aaa;
    background: #eee;
}
.cart-fixed-bar p,
.cart-fixed-bar ul {
    margin: 0;
    padding: 0 15px;
}
.cart-fixed-bar p {
    font-size: 12px;
}
.cart-fixed-bar ul li {
    padding: 5px 0;
    display: block;
}
.cart-fixed-bar ul li .fa {
    width: 16px;
    font-size: 16px;
    color: #ed423a;
}
.cart-fixed-bar ul li .desc {
    color: #446f8f;
}
.cart-fixed-bar ul li .amount {
    font-weight: 700;
    color: #333;
}
.cart-fixed-bar ul li.total {
    border-top: 1px solid #aaa;
    font-weight: 700;
    padding-bottom: 0;
}
.cart-fixed-bar ul li.total .amount {
    color: #ed423a;
    font-size: 20px;
    font-weight: 700;
}
.cart-fixed-bar ul li.total i.fa {
    display: inline-block;
    margin: 0 2px -2px 0;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #ed423a;
}
.cart-fixed-bar ul li.total i.fa i {
    display: table-cell;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    color: #fff;
}
.mb-form {
    margin: 0 15px;
}
.mb-form .form-link {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #eb4134;
}
.mb-form .form-link:visited {
    color: #eb4134;
}
.mb-form ::-webkit-input-placeholder {
    color: #777;
    font-size: 12px;
}
.mb-form :-moz-placeholder {
    color: #777;
    font-size: 12px;
}
.mb-form ::-moz-placeholder {
    color: #777;
    font-size: 12px;
}
.mb-form :-ms-input-placeholder {
    color: #777;
    font-size: 12px;
}
.mb-form input[type="text"],
.mb-form input[type="password"],
.mb-form input[type="number"],
.mb-form input[type="email"],
.mb-form input[type="tel"],
.mb-form input[type="file"],
.mb-form select,
.mb-form textarea {
    margin: 0;
    padding: 0 10px;
    width: 100%;
    font-size: 15px;
    color: #000;
    background: #fff;
    line-height: 48px;
    border: 1px solid #aaa;
    border-bottom: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}
.mb-form select {
    height: 50px;
    color: #777;
    font-size: 12px;
    background: url(//static.mobly.com.br/images/mobly/mobile/sprite-mobile-mobly3.png)
        right -175px no-repeat #fff;
}
.mb-form textarea {
    padding: 10px;
    line-height: 18px;
}
.mb-form input[type="text"]:disabled {
    color: #999;
    background: #f0f0f0;
    border: 1px solid #000;
}
.mb-form .ready-only,
.mb-form .ready-only input[type="text"] {
    background: #eee;
}
.mb-form .ready-only select {
    background: url(//static.mobly.com.br/images/mobly/mobile/sprite-mobile-mobly3.png)
        right -175px no-repeat #eee;
}
.mb-form div {
    position: relative;
}
.mb-form div .error-alert,
.mb-form div .errorMessage {
    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 9px;
    color: red;
}
.mb-form .creditcards {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 48px;
}
.mb-form .creditcards ul {
    margin: 0;
    width: 40px;
    height: 25px;
    position: absolute;
    top: 9px;
    left: 7px;
}
.mb-form .creditcards ul li.creditcard {
    background: url(//static.mobly.com.br/images/mobly/mobile/sprite-checkout.png)
        no-repeat;
    float: left;
    width: 40px;
    height: 25px;
    border: 2px solid #fff;
    text-indent: -500px;
    overflow: hidden;
    filter: alpha(opacity=20);
    opacity: 0.2;
    display: none;
}
.mb-form .creditcards ul li.creditcard.selected {
    filter: alpha(opacity=100);
    opacity: 1;
}
.mb-form .creditcards ul li.creditcard.visa {
    background-position: -39px 0;
    width: 41px;
}
.mb-form .creditcards ul li.creditcard.mastercard {
    background-position: 0 0;
}
.mb-form .creditcards ul li.creditcard.diners {
    background-position: -114px 0;
}
.mb-form .creditcards ul li.creditcard.american_express {
    background-position: -154px 0;
}
.mb-form .creditcards ul li.creditcard.hipercard {
    background-position: -194px 0;
}
.btn-shadow {
    text-shadow: 0 1px 0 #666;
}
.btn-border-grey {
    border: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.btn.back-to-top {
    text-transform: lowercase;
}
.btn.back-to-top strong {
    line-height: 34px;
}
.facebook-connect-button {
    display: block;
    padding: 10px;
    font-size: 18px;
    font-weight: 700;
    background: #4c66a4;
    color: #eee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.facebook-connect-button i.fa {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 20px;
    margin-top: 2px;
    text-align: center;
}
.facebook-connect-button strong {
    display: inherit;
}
.facebook-connect-button small {
    font-size: 18px;
    font-weight: 400;
}
.facebook-logado img {
    width: 40px;
    height: 40px;
    float: left;
}
.facebook-logado p {
    margin: 0 0 0 50px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
}
.account-manager a.title {
    display: block;
    line-height: 36px;
    text-decoration: none;
}
.account-manager a.title i.fa {
    font-size: 12px;
}
.account-manager ul.account-breadcrumb {
    display: block;
    margin: 0;
}
.account-manager ul.account-breadcrumb li {
    margin-right: 10px;
    float: left;
}
.account-manager ul.order-list li {
    padding: 10px;
    background: #eee;
}
.account-manager ul.order-list li p {
    margin: 0;
}
.account-manager ul.order-total {
    background: #eee;
    padding: 10px;
}
.account-manager ul.order-total li {
    padding: 5px 30% 5px 0;
    border-top: 1px solid #ccc;
}
.account-manager ul.order-total li:first-child {
    border-top: none;
}
.account-manager ul.order-total li.total p {
    font-size: 14px;
}
.overlayApp {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    text-align: center;
    background: #eee;
}
.overlayApp .text {
    padding: 15px 0;
    background: #fff;
}
.overlayApp .text p {
    margin-bottom: 5px;
    font-size: 18px;
    color: #ed423a;
}
.overlayApp .text span {
    font-size: 15px;
    font-weight: 400;
}
.overlayApp ul {
    width: 300px;
    margin: 10px auto 20px;
}
.overlayApp ul li {
    width: 97px;
    display: inline-block;
    float: left;
    font-size: 13px;
    text-shadow: none;
    text-align: center;
    border-left: 1px solid #ddd;
}
.overlayApp ul li:first-child {
    border-left: none;
}
.overlayApp ul li i {
    display: block;
    width: 40px;
    height: 30px;
    margin: auto;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-overlay-sprite.png)
        no-repeat;
    background-size: 150px 200px;
}
.overlayApp ul li i.inspire {
    background-position: -75px -3px;
}
.overlayApp ul li i.teste {
    background-position: -75px -37px;
}
.overlayApp ul li i.compre {
    background-position: -114px -5px;
}
.overlayApp .banner {
    padding-top: 25px;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-banner-bg.jpg)
        center no-repeat;
}
.overlayApp .banner span {
    display: block;
    width: 150px;
    height: 130px;
    margin: auto;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-overlay-sprite.png)
        0 -5px no-repeat;
}
a.go-to-site {
    display: block;
    margin-top: 20px;
    color: #333;
    text-decoration: underline;
}
a.app-store {
    display: none;
    height: 45px;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-overlay-sprite.png)
        center -297px no-repeat;
}
a.play-store {
    display: none;
    height: 57px;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-overlay-sprite.png)
        center -343px no-repeat;
}
.bannerAppFixed {
    width: 100%;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    font-size: 12px;
    background: #000;
    color: #fff;
}
.bannerAppFixed .logoAppMobly {
    display: block;
    margin: 7px;
    width: 50px;
    height: 50px;
    background: url(//static.mobly.com.br/images/mobly/mobile/app-overlay-sprite.png) -99px -81px
        no-repeat;
    background-size: 150px 200px;
}
.bannerAppFixed a.app-store {
    display: none;
    margin: 15px 0 0;
    width: 109px;
    height: 32px;
    background-position: center -197px;
    background-size: 200px 267px;
}
.bannerAppFixed a.play-store {
    display: none;
    margin: 14px 0 0;
    width: 109px;
    height: 37px;
    background-position: center -230px;
    background-size: 200px 267px;
}
.bannerAppFixed i.fa {
    padding: 10px;
    margin: 15px 0 0;
    font-size: 16px;
    color: #ccc;
}
.bannerAppFixed p {
    margin: 17px 0 0;
    width: 96px;
}
.change-location-overlay {
    display: block;
    width: 280px !important;
    height: 280px !important;
    padding: 0 10px;
    margin: -150px 0 0 -150px !important;
    background: #fff;
}
.change-location-overlay .top-bg {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.change-location-overlay .error-alert {
    display: none;
}
#mbcp-div {
    height: 60vh;
}
#catalog-mobile-vue-loading,
#catalog-mobile-vue-loading-inside {
    padding-bottom: 50%;
    padding-top: 50%;
    text-align: center;
}
.mobly-chat-main-container {
    flex-direction: column;
    position: fixed;
    align-items: center;
    right: 35px;
    bottom: 20px;
    z-index: 999;
    padding: 0;
    width: 120px;
    height: auto;
}
.mobly-chat-container-closer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-left: 70%;
    border-radius: 15px;
    cursor: pointer;
    color: #fff;
    bottom: 140px;
    opacity: 0.6;
    background: #ff5402;
}
.mobly-chat-closer-txt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    margin: 0;
    padding: 0;
}
.mobly-chat-container-image {
    text-align: center;
}
.mobly-chat-txt-helper {
    color: #fff;
    background: #ff5402;
    padding: 3px 0;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    display: block;
    margin: 2px 5px;
}
.mobly-chat-image {
    height: auto;
    width: 75%;
    cursor: pointer;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
    height: 44px;
    line-height: 44px;
    font-family: Arial, Baskerville, monospace;
}
.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
    outline: 0;
}
:host.hidden-scroll {
    overflow: hidden;
}
.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.7;
    display: none;
    z-index: 1035;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
    top: 30px;
    display: none;
    color: #000;
    position: fixed;
}
.sl-wrapper {
    z-index: 1040;
}
.sl-wrapper button {
    border: 0;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    cursor: pointer;
}
.sl-wrapper button:hover {
    opacity: 0.7;
}
.sl-wrapper .sl-close {
    right: 30px;
    z-index: 10060;
    margin-top: -14px;
    margin-right: -14px;
    width: 44px;
    font-size: 3rem;
}
.sl-wrapper .sl-counter {
    left: 30px;
    z-index: 1060;
    font-size: 1rem;
}
.sl-wrapper .sl-navigation {
    width: 100%;
    display: none;
}
.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    width: 22px;
    text-align: center;
    display: block;
    z-index: 10060;
    color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
    right: 5px;
    font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
    left: 5px;
    font-size: 2rem;
}
@media (min-width: 35.5em) {
    .sl-wrapper .sl-navigation button {
        width: 44px;
    }
    .sl-wrapper .sl-navigation button.sl-next {
        right: 10px;
        font-size: 3rem;
    }
    .sl-wrapper .sl-navigation button.sl-prev {
        left: 10px;
        font-size: 3rem;
    }
    .sl-wrapper .sl-image iframe,
    .sl-wrapper .sl-image img {
        border: 0;
    }
}
@media (min-width: 50em) {
    .sl-wrapper .sl-navigation button {
        width: 44px;
    }
    .sl-wrapper .sl-navigation button.sl-next {
        right: 20px;
        font-size: 3rem;
    }
    .sl-wrapper .sl-navigation button.sl-prev {
        left: 20px;
        font-size: 3rem;
    }
    .sl-wrapper .sl-image iframe,
    .sl-wrapper .sl-image img {
        border: 0;
    }
}
.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000;
}
.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
    width: 100%;
    height: auto;
}
.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0;
}
.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060;
}
.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.sl-transition {
    transition: -moz-transform ease 0.2s;
    transition: -ms-transform ease 0.2s;
    transition: -o-transform ease 0.2s;
    transition: -webkit-transform ease 0.2s;
    transition: transform ease 0.2s;
}
@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@-ms-keyframes pulsate {
    0%,
    100% {
        opacity: 0;
    }
    0% {
        transform: scale(0.1);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
    }
}
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

/* compiledMobly4Mobile.css */
:host {
    background: #fff !important;
    font-family: "Source Sans Pro Light" !important;
}
ul,
p {
     margin: 0;
    padding: 0;
    display: block;
}
p {
    font-size: 14px;
}
a {
    color: #5f23a8;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    color: #5f23a8;
    text-decoration: underline;
}
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 26px;
    margin: 8px 0;
}
h2 {
    font-size: 22px;
    margin: 6px 0;
}
h3 {
    font-size: 18px;
    margin: 4px 0;
}
h4 {
    font-size: 14px;
    margin: 2px 0;
}
h1.default-title {
    color: #ff4600;
    font-size: 28px;
    font-family: "Source Sans Pro Semibold";
}
strong {
    font-family: "Source Sans Pro Semibold";
}
.bold {
    font-family: "Source Sans Pro Semibold";
}
.left {
    float: left;
}
.right {
    float: right;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.uppercase {
    text-transform: uppercase !important;
}
.block {
    display: block !important;
}
.inline-block {
    display: inline-block !important;
}
.border-bottom {
    border-bottom: 1px solid;
}
.border-gray1 {
    border-color: #282d3c;
}
.border-gray2 {
    border-color: #414141;
}
.no-border {
    border: none !important;
}
.s-hidden {
    display: none;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mr-35 {
    margin-right: 35px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.ml-35 {
    margin-left: 35px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-35 {
    padding-left: 35px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-35 {
    padding-right: 35px !important;
}
.pd-v-10 {
    padding: 10px 0;
}
.pd-h-10 {
    padding: 0 10px;
}
.link-default {
    text-decoration: none;
    color: #446f8f;
}
.bg-gray1 {
    background: #282d3c;
}
.bg-gray2 {
    background: #414141;
}
.bg-gray3 {
    background: #e1e6e1;
}
.bg-purple1 {
    background: #5f23a8;
}
.bg-orange1 {
    background: #ff4600;
}
.bg-green1 {
    background: #46d25a;
}
.color-gray1 {
    color: #282d3c;
}
.color-gray2 {
    color: #414141;
}
.color-gray3 {
    color: #e1e6e1;
}
.color-purple1 {
    color: #5f23a8;
}
.color-orange1 {
    color: #ff4600;
}
.color-green1 {
    color: #46d25a;
}
.color-red1 {
    color: #ff0a1e;
}
.clearfix:after,
li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* :host .clearfix,
* :host li {
    height: 1%;
}
.clearfix,
li {
    display: block;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.ui-mobile [data-role="page"] {
    display: block !important;
}
.ui-mobile-rendering * {
    visibility: initial !important;
}
:host {
    display: block;
    margin: 0;
    -webkit-overflow-scrolling: auto;
}
.mobile-header {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    border-bottom: none;
    z-index: 999;
}
.mobile-header.float-header {
    border-bottom: 1px solid #ccc;
}
.mobile-header a.icon-bars-menu {
    position: inherit !important;
    float: left;
    padding: 14px 9px 9px 10px;
    color: #000;
    font-size: 22px;
    height: 26px;
    width: 26px;
    text-decoration: none;
}
.mobile-header a.icon-bars-menu:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-mobile-toggle.svg");
}
.mobile-header h1.logo-mobile {
    float: left;
    margin: 17px 5px 17px 57px !important;
}
.mobile-header h1.logo-mobile a {
    display: block;
}
.mobile-header h1.logo-mobile a img {
    display: block;
    vertical-align: top;
    width: 90px;
}
.mobile-header ul.header-items {
    display: block;
    float: right;
    margin: 17px 10px 0 0;
}
.mobile-header ul.header-items li {
    position: relative;
    float: left;
}
.mobile-header ul.header-items li ul.customer-dropdown {
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-top: 5px;
    position: absolute;
    right: -60px;
    z-index: 99;
    background: #fff;
    width: 170px;
}
.mobile-header ul.header-items li ul.customer-dropdown li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    width: 100%;
}
.mobile-header ul.header-items li ul.customer-dropdown li:last-child {
    border-bottom: none;
}
.mobile-header ul.header-items li ul.customer-dropdown li a {
    display: inline;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: normal;
    color: #4e4e4e;
    text-transform: initial;
    padding-left: 20px;
    font-style: normal;
}
.mobile-header ul.header-items li ul.customer-dropdown li a i {
    margin-right: 8px;
    vertical-align: middle;
}
.mobile-header
    ul.header-items
    li
    ul.customer-dropdown
    li
    a
    .icon-meus-pedidos:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-meus-pedidos.svg");
}
.mobile-header
    ul.header-items
    li
    ul.customer-dropdown
    li
    a
    .icon-logout:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-logout.svg");
}
.mobile-header ul.header-items li a {
    display: block;
    width: 30px;
    height: 27px;
    padding: 0 3px;
    text-decoration: none;
    text-align: center;
    border: none;
    background: none;
}
.mobile-header ul.header-items li a i {
    display: inline-block;
    margin-left: -5px;
    font-size: 22px;
    color: #5f23a8;
}
.mobile-header ul.header-items li a i.fa:active {
    color: #666;
}
.mobile-header ul.header-items li a .icon-user {
    margin-right: 8px;
}
.mobile-header ul.header-items li a .icon-user:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-user.svg");
}
.mobile-header ul.header-items li a .icon-heart:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-wishlist.svg");
}
.mobile-header ul.header-items li a .icon-shopping-cart:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-shopping-cart.svg");
}
.mobile-header ul.header-items li a span.cartQuantity {
    display: none;
    position: absolute;
    top: -5px;
    right: -2px;
    display: block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    background: #ee4038;
    text-shadow: initial;
    line-height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.mobile-header ul.header-items li:nth-child(2) {
    display: block !important;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched_mobil {
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
    opacity: 1;
    cursor: default;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched_mobil2 {
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
    opacity: 1;
    padding: 5px 0;
    cursor: default;
}
.ssg-result div > div > div > ul.ulSearchedXCatMobi2 {
    margin-top: 15px;
    cursor: default;
}
.spanHighLightText {
    color: #5f22a8 !important;
    font-size: 14px;
    font-family: "Source Sans Pro";
    cursor: pointer;
    width: auto;
    text-align: center;
}
.ssg-result div > div > div > ul > li > div > span > a.spamItemsXR2 {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
#divTopXSearchedTitle {
    border-top: 1px outset #e1e7ea;
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divTopXSearchedTitle_mobil {
    padding-top: 10px;
    margin-bottom: -5px;
}
#divTopXSearchedTitle_mobil2 {
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divRecentSearchsTitle {
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divRecentSearchsTitle2 {
    border-top: 1px outset #e1e7ea;
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
.ssg-result div > div > div > ul.ulSearchedX2 {
    margin-top: 15px;
    cursor: default;
}
.prodSuggestTitle {
    border-top: 1px outset #e1e7ea;
    font-family: "Source Sans Pro";
    color: #000000;
    opacity: 1;
    font-size: 16px;
    padding: 1px 0;
    margin: 0 20px;
    cursor: default;
    width: -webkit-fill-available;
}
.type-titleSugestProd {
    padding-bottom: 25px !important;
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
}
.ssg-result div > div > div > ul > li > div > span a.spamItemsX2 {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
.ssg-result div > div > div > ul.ulSearchedXCatMobi {
    margin-top: 15px;
    padding: 0px 0px 1px 20px;
    cursor: default;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched {
    font-family: "Source Sans Pro";
    color: #000000;
    opacity: 1;
    font-size: 16px;
    padding: 5px 0;
    margin: 0 20px 10px;
    cursor: default;
}
.ssg-result div.containerDropDown {
    padding: 15px 0;
    display: block;
    border-bottom: 5px solid #5f22a8;
    border-radius: 2px;
    opacity: 1;
}
.ssg-result div > div > div > ul.ulSearchedX {
    margin-top: 15px;
    cursor: default;
}
.ssg-result div > div > div > ul > li {
    margin-bottom: 11px;
}
.ssg-result div > div > div > ul > li > div > span a.spamItemsX {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    margin-left: 4px;
    text-decoration: none;
}
.ssg-result div > div > div > ul > li > div > span > a.spamItemsXR {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
.ssg-result div > div > div > ul > li > div > div.divBoxTopX {
    color: white !important;
    font-size: 14px;
    font-family: "Source Sans Pro";
    background: #5f22a8 0% 0% no-repeat padding-box;
    opacity: 1px;
    padding-right: 12px;
    border-radius: 3px;
    display: table;
    width: 20px;
    padding: 1px;
    text-align: center;
    float: left;
    margin-right: 5px;
}
.ssg-result div > div > div > ul > li > div > div span.boxTopX {
    display: table-cell;
    vertical-align: middle;
}
.menu-home-left {
    width: 89% !important;
    top: 4.7%;
    height: 97.2% !important;
    min-height: 40% !important;
}
.menu-home-left > .ui-panel-inner > .panel-wrapper > .menu-main ul li a {
    max-width: 98% !important;
}
.menu-home-left-icon-close {
    left: 87%;
    position: absolute;
    width: 10%;
    top: 1%;
    z-index: 9999 !important;
    content: "";
}
.menu-icon-close-32 {
    content: url("//static.mobly.com.br/images/mobly4/icon-close-32.png");
}
.menu-home-right-icon-close {
    left: 5%;
    position: absolute;
    width: 10%;
    top: 6%;
    z-index: 9999 !important;
    content: "";
}
.menu-home-left-font {
    padding-left: 5px !important;
    font-size: 16px !important;
    text-align: left !important;
}
.search-by-image {
    padding-top: 32px !important;
}
.search-by-image .camera-search,
.search-by-image .gallery-search {
    width: 96% !important;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    transform: translate3d(89%, 0, 0) !important;
}
@media (min-width: 55em) {
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
        margin-right: 0em;
    }
}
.bannerTopo-mobile {
    max-width: 100% !important;
}
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 89% !important;
    z-index: 999;
    pointer-events: auto;
    position: fixed;
    opacity: 0.2 !important;
    background: black;
}
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
    z-index: 999;
    pointer-events: auto;
    position: fixed;
    opacity: 0.2 !important;
    background: black;
}
.ui-panel {
    position: fixed !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ui-panel-content-wrap {
    position: static !important;
}
.seeCart {
    padding: 0 !important;
}
.banner-location {
    position: relative;
    height: 55px;
    background: url("//static.mobly.com.br/images/mobly/mobile/bg-top-geolocation-banner.jpg")
        top center;
}
.banner-location p {
    margin: 0;
}
.banner-location p.first-text {
    width: 160px;
    margin-left: 5px;
}
.banner-location i.genericon-close {
    width: 40px;
    height: 35px;
    margin: 10px 0 30px 0;
    font-size: 35px;
}
.banner-location a {
    text-shadow: 0 0 0 transparent;
}
.banner-location a.close {
    width: 30px;
    height: 55px;
    display: table !important;
    text-decoration: none;
    color: #ed423a;
}
.banner-location a.close i.fa {
    margin-left: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
form.search-input div.form-group {
    position: relative;
    padding: 0;
}
form.search-input div.form-group #search-button {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
    height: 35px;
}
form.search-input div.form-group #searchInput {
    background: #fff !important;
    border: 1px solid #e8e8e8;
    padding: 0 40px !important;
    height: 44px;
    font-family: "Source Sans Pro";
    font-size: 18px;
    opacity: 0.65;
}
form.search-input div.form-group i.icon-search {
    display: block;
    font-size: 23px;
    position: absolute;
    top: 7px;
    right: unset;
    left: 10px;
    color: #919191;
    transform: rotate(-85deg);
}
form.search-input div.form-group i.icon-image-search {
    position: absolute;
    top: 7px;
    right: 7px;
}
form.search-input div.form-group i.icon-image-search:before {
    content: url("/icons/image-search-icon.svg");
}
.search-by-image {
    padding: 0 10px;
    margin-bottom: 10px;
}
.search-by-image p {
    color: #5f23a8;
    text-align: center;
    font-family: "Source Sans Pro";
    font-size: 15px;
    margin: 10px 0;
}
.search-by-image .camera-search,
.search-by-image .gallery-search {
    background: #fff;
    border: 1px solid #5f23a8;
    border-radius: 3px;
    color: #5f23a8;
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    margin: 5px;
    padding: 8px 10px;
    width: 240px;
}
.search-by-image .search-image-icon,
.search-by-image .gallery-icon {
    vertical-align: middle;
    padding-right: 5px;
}
.search-by-image .search-image-icon {
    content: url("/icons/image-search-icon.svg");
}
.search-by-image .gallery-icon {
    content: url("/icons/gallery-icon.svg");
}
.menu-main {
    display: block;
    width: 100%;
    min-height: 200px;
    background: url("//static.mobly.com.br/images/mobly/mobile/loading-medium.gif")
        center center no-repeat;
}
.menu-main ul {
    margin: 0;
}
.menu-main ul li {
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 6px 10px 3px;
}
.menu-main ul li:first-child {
    border-top: 1px solid #ebebeb;
}
.menu-main ul li a {
    color: #4e4e4e;
    display: block;
    font-size: 18px;
    font-family: "Source Sans Pro";
    font-weight: normal;
    line-height: 42px;
    position: relative;
    padding-left: 5px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}
.menu-main ul li a i:first-child {
    margin-right: 10px;
}
.menu-main ul li a i:first-child:before {
    vertical-align: middle;
}
.menu-main ul li a i.icon-chat:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-chat.svg");
}
.menu-main ul li a i.icon-atendimento:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-atendimento.svg");
}
.menu-main ul li a i.icon-ambiente:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-ambiente.svg");
}
.menu-main ul li a i.icon-categoria:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-categoria.svg");
}
.menu-main ul li a i.icon-envio-imediato:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-envio.svg");
}
.menu-main ul li a i.icon-lancamento:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lancamentos.svg");
}
.menu-main ul li a i.icon-outlet:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-outlet.svg");
}
.menu-main ul li a i.icon-exclusivo:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-exclusivo.svg");
}
.menu-main ul li a i.icon-lojas:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lojas.svg");
}
.menu-main ul li a i.icon-corporate:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-corporativo.svg");
}
.menu-main ul li a i.icon-franchise:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-handshake.svg");
}
.menu-main ul li a i.icon-blog:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-blog.svg");
}
.menu-main ul li a i.icon-app:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-app.svg");
}
.menu-main ul li a i.icon-montagem:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-montagem.svg");
}
.menu-main ul li a i.icon-angle-right {
    float: right;
    margin: 6px 0 0 5px;
}
.menu-main ul li a i.icon-angle-right:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow.svg") !important;
}
.menu-main ul li a .orange-highlight {
    color: #ff4600;
}
.menu-main ul li.customer-service {
    background: #5527a3;
}
.menu-main ul li.customer-service a {
    color: #fff;
}
.menu-main ul li.customer-service a i.icon-angle-right:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow-white.svg") !important;
}
.menu-main .sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 98%;
    min-height: auto;
    height: 100%;
    z-index: 99;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
.menu-main .sub-menu ul {
    padding: 0 10px;
}
.menu-main .sub-menu ul li {
    padding: 6px 0;
}
.menu-main .sub-menu ul li:first-child {
    border-top: none;
}
.menu-main .sub-menu ul li a.without-icon:before {
    content: " ";
}
.menu-main .sub-menu ul li a.sub-menu-title {
    color: #5f23a8 !important;
}
.menu-main .sub-menu ul li a i.icon-angle-right {
    float: right;
    margin: 0 0 0 5px;
}
.menu-main .sub-sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
}
.menu-main .sub-sub-menu ul {
    padding: 0 10px;
}
.menu-main .sub-sub-menu ul li:first-child {
    border-top: none;
    padding-top: 3px;
}
.menu-main .sub-sub-menu ul a:before {
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 14px !important;
    color: #446f8f;
    content: "\f054";
}
.menu-main .sub-sub-menu ul a.title {
    margin-bottom: -1px;
    text-align: left;
    text-transform: none;
    font-weight: bold !important;
}
.menu-main .sub-sub-menu ul a.title:before {
    display: none;
}
.menu-main .menu-especiais a {
    margin: 0 0 -12px 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #446f8f !important;
}
.menu-main .menu-especiais ai.arrow-down {
    display: none;
}
.menu-main .menu-especiais .sub-menu {
    display: block;
}
.menu-main .menu-especiais .sub-menu ul {
    padding-left: 0;
    margin: 0;
    border-left: none;
}
.menu-main .menu-especiais .sub-menu ul li a {
    font-size: 18px;
    font-weight: 700 !important;
}
.menu-main .menu-especiais .sub-menu ul li a:after {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 10px !important;
    color: #446f8f;
    content: "\f061";
}
.menu-main i.arrow-down:before,
.menu-main i.arrow-up:before,
.menu-main a:after,
.menu-main a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-main i.arrow-up:before {
    content: "\f077";
}
.menu-main i.arrow-down:before {
    content: "\f054";
}
.menu-main strong {
    font-family: "Source Sans Pro";
    font-weight: normal;
}
.menu-main .hide-item {
    display: none;
}
#cmsLoginModal,
#cmsCreateCustomerModal {
    display: none;
}
#mainPanel .ui-panel-inner {
    padding: 5px 0;
}
@media (max-width: 420px) {
    .menu-main > ul {
        height: 400px;
    }
    .search-by-image p {
        font-size: 14px;
    }
}
.jqm-footer {
    border-top: 1px solid #ccc;
    background: #fff;
    margin: 0 -5px -5px;
}
.jqm-footer .border-bt {
    border-bottom: 1px solid #ccc;
}
.jqm-footer .search-box {
    padding: 10px;
}
.jqm-footer h2 {
    text-transform: lowercase;
}
.jqm-footer .newsletter-box {
    display: none;
    background: #eee;
    padding: 10px 15px;
    text-align: center;
}
.jqm-footer .newsletter-box h2 {
    color: #eb4134;
}
.jqm-footer .newsletter-box p {
    font-size: 14px;
    margin: 0;
    color: #38464b;
}
.jqm-footer .newsletter-box p strong {
    font-weight: bold;
    font-size: 15px;
}
.jqm-footer .newsletter-box p.success-newsletter-alert {
    display: none;
    font-weight: bold;
    font-size: 12px;
    color: #446f8f;
}
.jqm-footer .newsletter-box > div > div {
    width: 48%;
    margin-left: 4%;
}
.jqm-footer .newsletter-box > div > div.newsletter-input {
    width: 100%;
    margin-left: 0%;
}
.jqm-footer .newsletter-box > div > div:first-child {
    margin-left: 0;
}
.jqm-footer .newsletter-box label {
    padding: 0 5px !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}
.jqm-footer .newsletter-box label > input {
    display: none !important;
}
.jqm-footer .newsletter-box #cadastrar {
    display: none;
}
.jqm-footer .newsletter-box #email {
    background: #fff;
    text-align: center;
}
.jqm-footer .newsletter-box #email::-webkit-input-placeholder {
    color: #333;
}
.jqm-footer .newsletter-box #email:-moz-placeholder {
    color: #333;
}
.jqm-footer .newsletter-box #email::-moz-placeholder {
    color: #333;
}
.jqm-footer .newsletter-box #email:-ms-input-placeholder {
    color: #333;
}
.jqm-footer .phones-box {
    font-family: "Source Sans Pro";
}
.jqm-footer .footer-box {
    padding: 15px 10px;
    font-family: "Source Sans Pro";
}
.jqm-footer .footer-box .box {
    padding-bottom: 20px;
    text-align: center;
    margin: 0 -10px;
}
.jqm-footer .footer-box .box p {
    margin-bottom: 5px;
}
.jqm-footer .footer-box .box a {
    display: block;
    font-weight: normal !important;
    text-decoration: none;
    color: #38464b;
}
.jqm-footer .footer-box .box ul {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.jqm-footer .footer-box .box ul.in-block li {
    display: inline-block;
    vertical-align: top;
}
.jqm-footer .footer-box .box h2 {
    text-align: center;
}
.jqm-footer ul.pay-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 90%;
}
.jqm-footer ul.pay-options li {
    padding: 10px;
}
.jqm-footer ul.pay-options li i {
    display: block;
    width: 46px;
    height: 30px;
    margin: 0 1px;
    background: url("//static.mobly.com.br/images/mobly/mobile/sprite-mobile-mobly3.png")
        no-repeat;
    background-size: 300px 300px;
}
.jqm-footer ul.pay-options li i.cc-visa {
    background-position: -1px -1px;
}
.jqm-footer ul.pay-options li i.cc-mastercard {
    background-position: -47px -1px;
}
.jqm-footer ul.pay-options li i.cc-hiper {
    background-position: -93px -2px;
}
.jqm-footer ul.pay-options li i.cc-amex {
    background-position: -230px -2px;
}
.jqm-footer ul.pay-options li i.cc-diners-club {
    background-position: -138px -2px;
}
.jqm-footer ul.pay-options li i.barcode {
    background-position: -184px -2px;
}
.jqm-footer ul.pay-options li i.pix {
    background: none no-repeat !important;
    content: url("//static.mobly.com.br/images/mobly4/pix-logo-simple.svg");
}
.jqm-footer ul.social-media li a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 2px;
    font-size: 40px;
    color: #e37979 !important;
}
.jqm-footer ul.footer-menu li a {
    padding: 10px 0;
}
.jqm-footer ul.social-media li a {
    display: block;
    width: 32px;
    height: 32px;
}
.jqm-footer ul.social-media li a i {
    display: block;
    width: 32px;
    height: 32px;
    background: url("//static.mobly.com.br/images/mobly4/sprite-mobly-v5.png") 0
        0 no-repeat;
}
.jqm-footer ul.social-media li a i.fa-facebook-square {
    background-position: -3px -2px;
}
.jqm-footer ul.social-media li a i.fa-twitter-square {
    background-position: -83px -2px;
}
.jqm-footer ul.social-media li a i.fa-youtube-square {
    background-position: -43px -2px;
}
.jqm-footer ul.social-media li a i.fa-google-plus-square {
    background-position: -83px -2px;
}
.jqm-footer ul.social-media li a i.fa-google-plus-square {
    background-position: -123px -2px;
}
.jqm-footer ul.social-media li a i.instagram {
    background-position: -163px -2px;
}
.text-purple {
    color: #5527a3 !important;
}
.text-md {
    font-size: 18px;
}
.product-detail {
    font-size: 17px;
}
.product-detail h1 {
    margin: 0;
    font-family: "Source Sans Pro Semibold";
    font-size: 22px;
    line-height: 20px;
}
.product-detail h2 {
    margin: 0;
    font-family: "Source Sans Pro Semibold";
    font-size: 20px;
    line-height: 20px;
    color: #5f23a8;
}
.product-detail p {
    margin: 0;
    font-size: 17px;
}
.product-detail p.product-brand {
    font-size: 17px;
    color: #446f8f;
    margin: 0;
}
.detail-seal {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    line-height: 20px;
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid transparent;
}
.product-detail .special-price-economy > span {
    display: inline-block;
    font-size: 17px;
}
.slider__item .syte-discovery {
    position: relative;
    z-index: 1;
    float: right;
    top: 45px;
    right: 20px;
}
.product-detail span.itm-flag {
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.2px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: #fff;
    z-index: 90;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.product-detail span.itm-internacional-seal {
    background: #ff7039;
    display: inline-block;
    padding: 0 7px 0 0;
    position: absolute;
    top: 50px;
    left: 15px;
}
.product-detail span.itm-internacional-seal i.icon-international-seal {
    background: #ff4600;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    margin-right: 5px;
}
.product-detail span.itm-internacional-seal i.icon-international-seal:before {
    transform: scale(0.7);
    display: inline-block;
    vertical-align: middle;
}
.product-detail .bt-buy i.icon-international-seal:before {
    vertical-align: sub;
}
.product-detail i.icon-international-seal:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-international-seal.svg");
}
.product-detail #ctl-mobile {
    display: none;
}
.product-detail #ctl-mobile h3 {
    color: #5f23a8;
    font-size: 25px;
    background-image: url("//static.mobly.com.br/images/mobly4/icon-upholstery.svg");
    background-repeat: no-repeat;
    background-size: 40px;
    font-family: "Source Sans Pro Semibold";
    line-height: 40px;
    height: 40px;
    text-indent: 60px;
    background-position: 10px 0;
}
.product-detail #ctl-mobile #mobly_frame {
    border: none !important;
    height: 160vw !important;
}
.product-detail .slider-glide {
    position: relative;
    overflow: hidden;
    margin: 0 -5px;
    border-bottom: 2px solid #eee;
}
.product-detail .slider-glide div {
    margin: 0;
}
.product-detail .slider-glide div a {
    float: left;
}
.product-detail .slider-glide div a img {
    margin: 0 0 -4px 0;
    padding: 0;
}
.product-detail .slider__nav {
    position: absolute;
    bottom: 15px;
}
.product-detail .slider__nav a {
    display: block;
    float: left;
    margin: 3px;
    width: 10px;
    height: 10px;
    background: #c79fff;
    border: 2px solid #c79fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.product-detail .slider__nav a.slider__nav-item--current {
    background: #5f23a8;
    border: 2px solid #5f23a8;
}
.item-price {
    margin: 0;
    font-size: 18px !important;
    color: #414141 !important;
}
.item-price span.old-price {
    display: inline-block;
    margin-right: 15px;
    float: none;
    line-height: 25px;
}
.item-price span.old-price .product-price-value {
    text-decoration: line-through;
}
.item-price span.real-price,
.item-price span.middle-price {
    display: inline-block;
    margin-right: 15px;
    float: none;
    line-height: 25px;
}
.item-price span.real-price .special-price-value,
.item-price span.middle-price .special-price-value {
    font-size: 24px;
    font-family: "Source Sans Pro Semibold";
    color: #46d25a;
}
.detail-float {
    display: none;
    position: fixed;
    width: 100%;
    padding: 10px 10px 8px;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0px 0px 8px;
    z-index: 998;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.detail-float p {
    width: 25%;
}
.detail-float a {
    width: 55%;
}
.detail-float .item-price span.old-price {
    height: 15px;
    line-height: 14px;
}
.detail-float .item-price span.real-price {
    line-height: 35px;
    font-size: 7vw;
    line-height: 7.4vw;
}
.product-detail .installments-box {
    font-size: 16px;
}
.product-detail .wrapper-product-configs {
    position: relative;
}
.product-detail .wrapper-product-configs.mb-form {
    margin: 0;
}
.product-detail .ui-btn-active {
    background: #ccc;
    border: 1px solid #ccc;
}
.product-detail .ui-select .ui-btn-text {
    text-align: left;
}
.product-detail .catalog-mobile-rates {
    display: block;
    color: #666;
    font-size: 13px;
    text-align: right;
    font-weight: bold;
}
.product-detail ul.seals {
    margin: 0 -15px;
}
.product-detail ul.seals li {
    padding: 0 20px;
    line-height: 34px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
.product-detail ul.seals li:first-child {
    margin-top: 10px;
    border-top: 1px solid #ccc;
}
.product-detail ul.seals li i.fa {
    margin-right: 10px;
    font-size: 18px;
    color: #446f8f;
}
.product-detail ul.seals li a {
    color: #000;
    text-decoration: none;
}
.product-detail .sealinfo {
    display: flex;
    padding: 10px 0;
    margin: 20px 10px 0;
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
}
.product-detail .sealinfo .title {
    font-size: 14px;
    font-family: "Source Sans Pro Semibold";
    text-transform: uppercase;
    margin-bottom: 2px;
}
.product-detail .sealinfo .description {
    font-size: 14px;
    font-family: "Source Sans Pro";
    color: #979797;
    margin-bottom: 0;
}
.product-detail .sealinfo._1 .title {
    color: #ffb432;
}
.product-detail .sealinfo._2 .title {
    color: #5f23a8;
}
.product-detail .sealinfo._3 .title {
    color: #64d4c8;
}
.product-detail .seal-pet-attribute {
    height: 42px;
    width: 72px;
    margin-right: 8px;
}
.product-detail .sealinfo li.seal-pet-attribute._1 {
    content: url("https://static.mobly.com.br/cms/icon-economic.svg");
}
.product-detail .sealinfo li.seal-pet-attribute._2 {
    content: url("https://static.mobly.com.br/cms/icon-cust-benefit.svg");
}
.product-detail .sealinfo li.seal-pet-attribute._3 {
    content: url("https://static.mobly.com.br/cms/icon-premium.svg");
}
.product-detail .prd-installmenty.installmenty {
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.product-detail .prd-installmentsValue.installmentsValue {
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.product-detail .prd-installmentsCount.installmentsCount {
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.product-detail .message-discount {
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
    display: none;
}
.product-detail ul.discounts {
    margin: 0;
}
.product-detail ul.discounts li {
    padding: 0 5px;
    margin: 0 15% 0 15%;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px;
    border: 1px solid #5f23a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.product-detail ul.discounts li strong {
    color: #5f23a8;
}
.product-desc,
.shipping-calculate {
    margin-top: 18px;
    border-bottom: 1px solid #ccc;
}
.product-description ps,
.product-desc p {
    padding: 0;
    margin-bottom: 0;
    font-size: 17px;
    line-height: 18px;
}
.product-description br,
.product-desc br {
    content: " ";
}
.product-description font,
.product-desc font {
    display: none;
}
.product-description article h2,
.product-desc article h2 {
    display: none;
}
.product-attributes {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.product-attributes table {
    text-align: left;
    border-collapse: collapse;
}
.product-attributes table tr {
    border-bottom: 1px solid #ccc;
}
.product-attributes table tr td {
    padding: 5px 0;
    vertical-align: top;
    line-height: 18px;
}
.product-attributes table tr td i {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
    background: url("//static.mobly.com.br/images/mobly/mobile/sprite-mobile-mobly3.png")
        no-repeat;
    background-size: 300px 300px;
}
.product-attributes table tr td i.icon-height {
    background-position: -207px -75px;
}
.product-attributes table tr td i.icon-width {
    background-position: -231px -75px;
}
.product-attributes table tr td i.icon-depth {
    background-position: -254px -75px;
}
.product-attributes table tr td i.icon-weight {
    background-position: -278px -75px;
}
.product-generic-information {
    padding: 10px;
}
.product-reviews {
    padding: 10px;
}
.product-reviews ul.review-list {
    margin: 0;
}
.product-reviews ul.review-list > li {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}
.product-reviews ul.review-list > li:first-child {
    border-top: none;
}
.product-reviews ul.item-rat li {
    float: left;
    width: 32%;
    text-align: left;
}
.product-reviews ul.item-rat li small {
    display: block;
    text-align: left;
    color: #666;
}
.product-reviews .pgn-review {
    text-align: center;
}
.product-reviews .reviews {
    position: relative;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #ccc;
}
ul.page-links {
    display: block;
    width: 200px;
    margin: auto;
    text-align: center;
}
ul.page-links li {
    display: inline-block;
    vertical-align: top;
}
ul.page-links li a {
    display: inline-block;
    padding: 0 8px;
    line-height: 30px;
    font-size: 16px;
    color: #414141;
    border: 1px solid transparent;
    text-decoration: none;
}
ul.page-links li a.selected {
    font-family: "Source Sans Pro Semibold";
    color: #5f22a8;
}
.product-reviews a.pgn-link {
    color: #282d3c;
}
.product-reviews a.pgn-link.left {
    position: absolute;
    top: 15px;
    left: 5px;
}
.product-reviews a.pgn-link.right {
    position: absolute;
    top: 15px;
    right: 5px;
}
.product-reviews a.pgn-link i.icon-angle-right,
.product-reviews a.pgn-link i.icon-angle-left {
    font-size: 12px;
    color: #ff4600;
}
.panel-wrapper .product-desc {
    padding: 10px 0;
}
.panel-wrapper .product-espec ul li.special-espec {
    background: #ddd;
}
.shipping-calculate p {
    margin: 0;
}
.product-qty {
    width: 100%;
}
.product-qty p {
    margin: 0;
    padding: 0;
    padding-right: 10px;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
.product-qty .genericon {
    font-size: 30px;
    width: 30px;
    height: 30px;
    float: right;
    color: red;
}
.product-qty .ui-select div {
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
}
.product-qty .ui-select div .ui-btn-inner {
    padding: 5px;
}
.product-qty .ui-block-a {
    width: 30%;
}
.product-qty .ui-block-b {
    width: 50%;
}
.product-qty .ui-block-c {
    width: 12%;
}
.product-detail-bundle .productsCatalog {
    display: block;
    margin: 0;
    border-top: 1px solid #ccc;
}
.product-detail-bundle .productsCatalog li {
    padding: 15px 0 10px;
    border-bottom: 1px solid #ccc;
}
.product-detail-bundle .productsCatalog span.lazyImage img {
    position: relative;
    margin: 0 5px 5px 0;
    float: left;
    width: 90px;
    height: 90px;
    border: 1px transparent;
    z-index: 9;
}
.product-detail-bundle .productsCatalog span.itm-title {
    width: auto;
    display: block;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-family: "Source Sans Pro Semibold";
    color: #282d3c;
}
.product-detail-bundle .productsCatalog span.itm-priceBox {
    height: 28px;
}
.product-detail-bundle .productsCatalog span.itm-price-old {
    margin-right: 5px;
    color: #666;
    font-size: 18px;
    text-decoration: line-through;
}
.product-detail-bundle .productsCatalog span.special {
    margin-top: -2px;
    font-size: 20px;
    font-family: "Source Sans Pro Semibold";
    color: #46d25a;
}
.product-detail-bundle .productsCatalog .itm-quantity {
    padding-left: 98px;
}
.product-detail-bundle .productsCatalog .mb-form {
    margin: 0;
}
.product-detail-bundle .productsCatalog .link-bundle-description {
    text-decoration: none;
    font-size: 16px;
    color: #5f23a8;
}
.product-detail-bundle .productsCatalog .link-bundle-description i {
    font-size: 12px;
}
.prd-ratingOptionTitle {
    float: left;
    width: 100px;
    font-size: 12px;
    line-height: 20px;
}
.prd-ratingOptionRadio {
    display: none;
}
.prd-ratingOptionLabel {
    width: 18px;
    padding-top: 2px;
    float: left;
}
.prd-ratingOptionLabel > span {
    padding: 2px 8px;
    background: url("/images/mobly/bkg_rating.png") no-repeat 0 0;
    zoom: 1;
}
.prd-ratingOptionLabel > span.active {
    background-position: 0 -200px;
}
.prd-ratingOptionLabel > span.fill {
    background-position: 0 -200px;
}
.bundle-description {
    position: absolute;
    background: #fff;
    z-index: 99999;
}
.bundle-description a.link-back {
    padding: 0 10px;
    margin-bottom: 5px;
    text-decoration: none;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    background: #eee;
    color: #5f23a8;
}
.bundle-description a.link-back i {
    margin-right: 5px;
}
.morelink,
.attributes-morelink {
     display: block;
    font-family: "Source Sans Pro Semibold";
    color: #5f23a8;
}
.morelink:hover,
.attributes-morelink:hover {
    text-decoration: none;
}
.morelink > i,
.attributes-morelink > i {
    font-size: 12px;
}
.morecontent span {
    display: none;
}
a.special-link {
    display: block;
    padding: 10px 0;
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    text-align: center;
    background: #fff;
    color: #414141;
    border: 1px solid #414141;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
a.special-link:focus,
a.special-link:hover {
    background: #e1e6e1;
    text-decoration: none;
    outline: none;
}
a.special-link i {
    margin: auto;
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    line-height: 17px;
    color: #ff4600;
}
a.special-link small {
    font-size: 18px;
}
a.special-link small.special {
    font-size: 16px;
}
a.clear-button {
    padding: 0;
    font-size: 16px;
    line-height: 46px;
    font-family: "Source Sans Pro Semibold";
    color: #282d3c;
    border: 1px solid #282d3c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a.clear-button:focus,
a.clear-button:hover {
    outline: none;
    text-decoration: none;
}
a.clear-button i {
    margin: -2px 5px 0 0;
    font-size: 20px;
    line-height: 42px;
    vertical-align: middle;
    color: #282d3c;
}
.div-left-70 {
    width: 80%;
    float: left;
}
.div-right-30 {
    width: 20%;
    float: right;
}
#option-installation {
    display: none;
}
#option-installation .installation {
    background-color: #e1e6e1;
    height: 64px;
    width: 100%;
    border-radius: 3px;
}
#option-installation .installation .checkbox {
    padding: 22px 0 0 40px;
    margin: 0;
    position: relative;
}
#option-installation .installation div:nth-child(2) {
    margin-left: 14px;
}
#option-installation .installation div:nth-child(2) p {
    color: #414141;
    font-size: 14px;
}
#option-installation .installation div:nth-child(2) p:nth-child(1) {
    font-family: "Source Sans Pro Semibold";
    color: #414141;
    font-weight: bold;
    padding-top: 11px;
}
#option-installation .installation div:nth-child(2) p:nth-child(2) {
    line-height: 0;
}
#option-installation a {
    position: relative;
    top: 10px;
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
    padding-left: 2px;
    font-size: 14px;
}
.mobile-terms-and-conditions-menu iframe {
    width: 255px;
    height: auto;
}
.msg-box-success {
    padding: 8px 14px 8px 14px;
    margin: 10px 0px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.msg-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847;
}
.slide-container {
    position: relative;
}
#open3d {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
}
#open3d .icon-3d:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-real-to-u-3d.svg");
    display: inline-block;
}
#bt-renovai {
    background: #57179d;
    border: none;
    border-radius: 4px;
    box-shadow: 0px 3px 6px #0000005c;
    color: #fff;
    font-size: 14px;
    font-family: "Source Sans Pro";
    left: 15px;
    margin-top: -110px;
    padding: 8px 10px;
    position: absolute;
    text-align: left;
    width: 155px;
}
#bt-renovai:focus {
    outline: none;
}
#bt-renovai .icon-complete-the-look {
    float: left;
    margin-top: 3px;
}
#bt-renovai .icon-complete-the-look:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-complete-the-look.svg");
    margin-right: 8px;
}
#modalCompleteLook {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
#modalCompleteLook .modal-dialog {
    width: 95%;
    text-align: left;
    vertical-align: middle;
    position: relative;
    margin: 15px auto;
}
#modalCompleteLook .modal-content {
    background: #fff;
    position: relative;
}
#modalCompleteLook .modal-header {
    padding: 5px 15px;
    height: 25px;
}
#modalCompleteLook .modal-header button.close {
    background: none;
    margin: 0;
    border: 0;
    position: absolute;
    right: 15px;
}
#modalCompleteLook .modal-header button.close:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-close-renovai.svg");
}
#modalCompleteLook .modal-body {
    position: relative;
    padding: 15px;
}
div.clearfix.dimensions {
    text-align: -webkit-center;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-evenly;
}
div.clearfix.dimensions div.box {
    height: 100px;
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
@media (min-width: 478px) {
    div.clearfix.dimensions div.box {
        max-width: 100px;
    }
}
div.clearfix.dimensions div.box span.height {
    position: relative;
    top: 5px;
}
div.clearfix.dimensions div.box span.width {
    position: relative;
    top: -3px;
}
div.clearfix.dimensions div.box span.value {
    text-align: center;
    font: normal normal normal 16px/20px "Source Sans Pro";
    letter-spacing: 0px;
    color: #282d3c;
}
div.clearfix.dimensions div.box.weight {
    max-width: 80px !important;
}
.accordion {
    background-color: #fff;
    border: 1px solid #bebebe;
    font-family: "Source Sans Pro Semibold";
    cursor: pointer;
    padding: 18px 18px 10px 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    margin-top: 15px;
    border-bottom: none;
}
.accordion:after {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow.svg") !important;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.active:after {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow.svg") !important;
    transform: rotate(270deg);
}
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    border: 1px solid #bebebe;
    border-top: none;
    transition: max-height 0.2s ease-out;
}
:host {
    background: #fff !important;
    font-family: "Source Sans Pro Light" !important;
}
ul,
p {
     margin: 0;
    padding: 0;
    display: block;
}
p {
    font-size: 14px;
}
a {
    color: #5f23a8;
    cursor: pointer;
    text-decoration: none;
}
a:hover {
    color: #5f23a8;
    text-decoration: underline;
}
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
}
h1 {
    font-size: 26px;
    margin: 8px 0;
}
h2 {
    font-size: 22px;
    margin: 6px 0;
}
h3 {
    font-size: 18px;
    margin: 4px 0;
}
h4 {
    font-size: 14px;
    margin: 2px 0;
}
h1.default-title {
    color: #ff4600;
    font-size: 28px;
    font-family: "Source Sans Pro Semibold";
}
strong {
    font-family: "Source Sans Pro Semibold";
}
.bold {
    font-family: "Source Sans Pro Semibold";
}
.left {
    float: left;
}
.right {
    float: right;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.uppercase {
    text-transform: uppercase !important;
}
.block {
    display: block !important;
}
.inline-block {
    display: inline-block !important;
}
.border-bottom {
    border-bottom: 1px solid;
}
.border-gray1 {
    border-color: #282d3c;
}
.border-gray2 {
    border-color: #414141;
}
.no-border {
    border: none !important;
}
.s-hidden {
    display: none;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mr-35 {
    margin-right: 35px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.ml-35 {
    margin-left: 35px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-35 {
    padding-left: 35px !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-35 {
    padding-right: 35px !important;
}
.pd-v-10 {
    padding: 10px 0;
}
.pd-h-10 {
    padding: 0 10px;
}
.link-default {
    text-decoration: none;
    color: #446f8f;
}
.bg-gray1 {
    background: #282d3c;
}
.bg-gray2 {
    background: #414141;
}
.bg-gray3 {
    background: #e1e6e1;
}
.bg-purple1 {
    background: #5f23a8;
}
.bg-orange1 {
    background: #ff4600;
}
.bg-green1 {
    background: #46d25a;
}
.color-gray1 {
    color: #282d3c;
}
.color-gray2 {
    color: #414141;
}
.color-gray3 {
    color: #e1e6e1;
}
.color-purple1 {
    color: #5f23a8;
}
.color-orange1 {
    color: #ff4600;
}
.color-green1 {
    color: #46d25a;
}
.color-red1 {
    color: #ff0a1e;
}
.clearfix:after,
li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* :host .clearfix,
* :host li {
    height: 1%;
}
.clearfix,
li {
    display: block;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.ui-mobile [data-role="page"] {
    display: block !important;
}
.ui-mobile-rendering * {
    visibility: initial !important;
}
:host {
    display: block;
    margin: 0;
    -webkit-overflow-scrolling: auto;
}
.section {
     clear: both;
    padding: 0px;
    margin: 0px;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1%;
}
.col:first-child {
    margin-left: 0;
}
.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}
.span_4_of_4 {
    width: 100%;
}
.span_3_of_4 {
    width: 74.75%;
}
.span_2_of_4 {
    width: 49.5%;
}
.span_1_of_4 {
    width: 24.25%;
}
:host {
    background: pink;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.col-md-1 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 8.33333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-2 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 16.66667%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 33.33333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 41.66667%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-7 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 58.33333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 66.66667%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 75%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-10 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 83.33333%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-11 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 91.66667%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition:
        border-color ease-in-out 0.15s,
        -webkit-box-shadow ease-in-out 0.15s;
    -o-transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
}
.form-control {
    padding: 0 10px;
    height: 37px;
    font-size: 16px;
    color: #282d3c;
    background-color: #e1e6e1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
    background-color: #e1e6e1 !important;
    -webkit-box-shadow: 0 0 0px 1000px #e1e6e1 inset;
}
.form-control::placeholder {
    font-family: "Source Sans Pro Semibold";
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    opacity: 0.7;
}
textarea.form-control {
    padding: 10px;
}
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
label.custom-select {
    position: relative;
    display: inline-block;
    margin: 0;
    background: #e1e6e1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
label.custom-select select {
    position: relative;
    cursor: pointer;
    z-index: 5;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    font-size: 15px;
    outline: none;
    border: none;
    background: transparent;
    color: #414141;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
label.custom-select:after {
    position: absolute;
    top: 14px;
    right: 10px;
    z-index: 4;
    font-family: "m4-awesome";
    content: "\63";
    font-size: 15px;
    color: #282d3c;
}
.checkbox {
    margin: 0;
    padding-left: 20px;
    min-height: 20px;
}
.checkbox label {
    display: block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 16px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    margin-left: -20px;
    background-color: #fff;
    border: 2px solid #5f22a8;
    border-radius: 2px;
    -webkit-transition:
        border 0.15s ease-in-out,
        color 0.15s ease-in-out;
    -o-transition:
        border 0.15s ease-in-out,
        color 0.15s ease-in-out;
    transition:
        border 0.15s ease-in-out,
        color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    margin: 0 0 0 -20px;
    padding: 3px 0 0 3px;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    font-size: 12px;
    color: #414141;
}
.checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: "m4-awesome";
    content: "\72";
}
.checkbox:hover input[type="checkbox"]:checked + label::after {
    font-family: "m4-awesome";
    content: "\72";
}
.checkbox input[type="checkbox"]:checked + label::before {
    background-color: #5f23a8;
    border-color: #5f23a8;
}
.checkbox input[type="checkbox"]:checked + label::after {
    color: #fff;
}
.checkbox input[type="checkbox"]:disabled {
    cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #e1e6e1;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 16px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #5f23a8;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #5f23a8;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s
        cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled {
    cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #5f23a8;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #5f23a8;
}
.radio-primary input[type="radio"]:checked + label::after {
     background-color: #5f23a8;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: "m4-awesome";
    content: "\72";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}
label.ready-only,
div.ready-only,
div.ready-only input[type="text"],
div.ready-only input[type="password"],
div.ready-only input[type="file"],
div.ready-only textarea,
div.ready-only select {
    cursor: not-allowed;
    background: #eee !important;
}
.form-group > div.with-label {
    padding-top: 4px;
    color: #282d3c;
    background-color: #e1e6e1;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
}
.form-group > div.with-label .form-control {
    padding: 0 0 0 7px;
    height: 27px;
}
.form-group > div.with-label textarea.form-control {
    height: inherit;
}
.form-group > div.with-label label.custom-select select.form-control {
    margin-top: -4px;
    line-height: 49px;
    height: 49px;
}
.form-group > div.with-label.with-label-small label.custom-select:after {
    top: 2px;
}
.form-group
    > div.with-label.with-label-small
    label.custom-select
    select.form-control {
    margin-top: 0px;
    line-height: 27px;
    height: 27px;
    font-family: "Source Sans Pro Light";
}
.form-group > div.with-label input:focus {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.form-group > div.with-label > label {
    display: block;
    font-family: "Source Sans Pro Semibold";
    margin: 0 0 0 7px;
    font-size: 14px;
}
.errorMessage,
.s-error,
.error-alert {
    color: #ff0a1e;
    font-size: 14px;
}
.error,
.error-field {
    border: 1px solid #ff0a1e !important;
}
.form-control.error {
    border: none !important;
}
.alert-message.notice {
    color: #63b4d6;
    font-size: 14px;
} /*!
 *  UTILITIES
 */
.ui-content {
    padding: 5px;
    margin-top: 115px;
}
.ui-content p {
    margin-bottom: 15px;
}
.ui-body-c,
.ui-overlay-c {
    font-family: "Source Sans Pro Light" !important;
    color: #333;
    text-shadow: none;
    background: #fff !important;
}
.ui-panel-inner {
    padding: 5px 10px;
}
.ui-panel {
    background: #fff !important;
}
.text-with-icon {
    line-height: 25px;
}
.text-with-icon i {
    line-height: 13px;
    margin: 5px 5px 0 0;
}
.buy-steps {
    padding: 10px 15px;
    margin-top: -6px;
    background: #5f23a8;
    color: #fff;
}
.buy-steps ul {
    position: relative;
    margin: 0 auto;
}
.buy-steps ul li {
    display: inline-block;
    width: 13%;
    margin: 0;
    text-align: center;
    vertical-align: top;
    position: relative;
}
.buy-steps ul li.line {
    position: absolute;
    display: block;
    left: 50%;
    top: 14px;
    margin: 0;
    margin-left: -42%;
    width: 84%;
    height: 2px;
    background: #fff;
}
.buy-steps ul li span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    background: #5f23a8;
    color: #fff;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    z-index: 99;
}
.buy-steps ul li span.active {
    background: #fff;
    color: #5f23a8;
}
.buy-steps ul li span small {
    display: table-cell;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    text-align: center;
}
.buy-steps ul li i.line {
    display: block;
    position: absolute;
    left: 2px;
    top: 12px;
    width: 50px;
    height: 2px;
    background: #eb4134;
    z-index: 9;
}
dl.component-accordion {
    margin: 0;
}
dl.component-accordion.border-top {
    border-top: 1px solid #aaa;
}
dl.component-accordion.border-bottom {
    border-bottom: 1px solid #aaa;
}
dl.component-accordion dt {
    position: relative;
    padding: 10px;
}
dl.component-accordion dt i {
    font-size: 14px;
}
dl.component-accordion dd {
    margin: 0;
    padding: 5px 10px 10px;
}
dl.component-accordion dd small {
    display: block;
    font-size: 10px;
    line-height: 10px;
}
span.itm-stars {
    display: inline-block;
    width: 92px;
    height: 13px;
    margin: 3px 0 3px -3px;
}
span.itm-stars .itm-ratStars {
    width: 92px;
    height: 13px;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    background: url("//static.mobly.com.br/images/mobly4/sprite-mobly-v5.png")
        no-repeat 0px -248px;
}
span.itm-stars .itm-ratRating {
    background-position: 0px -232px;
}
.title {
    margin: 0;
    font-family: "Source Sans Pro Semibold";
}
.title-large {
    font-size: 24px;
}
.title-medium {
    font-size: 20px;
}
.title-small {
    font-size: 16px;
}
a.link-title {
    text-decoration: none;
    text-transform: none;
    font-size: 14px;
    line-height: 24px;
}
a.link-title i[class^="icon-"] {
    font-size: 11px;
    line-height: 20px;
}
.menu-back {
    margin: 0;
    padding: 12px 0 10px 10px;
    font-family: "Source Sans Pro Semibold";
    font-size: 18px;
    color: #5f23a8;
    background: #eee;
    display: inline-block;
    width: 100%;
}
.menu-back i.icon-angle-left {
    font-size: 12px !important;
    vertical-align: middle;
}
.menu-back i.icon-angle-left:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-back-menu-arrow.svg") !important;
}
.header-banner-location {
    display: none;
}
.banner-change-location-top {
    display: none !important;
}
.banner-location {
    position: relative;
    height: 55px;
    background: #eee;
    background: url("//static.mobly.com.br/images/mobly/bg-top-geolocation-banner.jpg")
        top center;
}
.banner-location p.first-text {
    margin-left: 80px;
    line-height: 55px;
}
.banner-location p.second-text {
    position: absolute;
    left: 320px;
    top: 25%;
    width: 390px;
    font-size: 13px;
}
.banner-location a.close:hover {
    text-decoration: none;
}
.banner-location i.genericon-close {
    width: 40px;
    height: 35px;
    margin: 10px 0 0 0;
    font-size: 35px;
}
.banner-location i.genericon-location {
    position: absolute;
    left: -10px;
    top: -18px;
    width: 100px;
    height: 100%;
    font-size: 100px;
    color: #ed423a;
}
.modal-change-location-ui .close {
    display: none;
}
.modal-change-location-ui #cepChangeLocation {
    text-align: center;
}
.modal-change-location-ui .modal-mobly .body-modal-mobly {
    padding: 0;
}
.modal-change-location-ui .modal-mobly .body-modal-mobly i.genericon-location {
    position: absolute;
    left: 50%;
    top: -7px;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    font-size: 100px;
    color: #ed423a;
    z-index: 100000000;
}
.modal-change-location-ui .modal .body-modal .top-bg {
    width: 100%;
    height: 80px;
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    background: url("//static.mobly.com.br/images/mobly/bg-top-geolocation.jpg")
        top center;
}
.modal-change-location-ui .modal .body-modal .payment-title {
    margin-top: 80px;
}
.modal-change-location-ui .modal .body-modal .error-alert {
    display: none;
}
.change-location-overlay .icon-map-marker {
    font-size: 40px;
}
#dialogProcessing .overlay {
    position: fixed;
    right: 0;
    top: 110px;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
    overflow: hidden;
    z-index: 99999;
    background: #000;
}
#dialogProcessing .container {
    width: 500px;
    height: 100px;
    position: fixed;
    bottom: 10%;
    left: 50%;
    margin: 0 0 -20px -250px;
    text-align: center;
    opacity: 1;
    z-index: 999999;
}
#dialogProcessing .container p {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #eee;
}
#dialogProcessing .container span {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #fff
        url("//static.mobly.com.br/images/mobly4/moblyv4-loading.gif") no-repeat
        center center;
}
#dialogProcessingVue {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    overflow: hidden;
    background: #000000;
    z-index: 9999;
}
#dialogProcessingVue::before {
    content: "";
    width: 100%;
    height: 50px;
    border: 1px solid #000;
    background: #000
        url("//static.mobly.com.br/images/vendor/jquery/mobile/ajax-loader.gif")
        no-repeat center center;
    position: fixed;
    filter: Alpha(Opacity=60);
    bottom: 35%;
}
#dialogProcessingVue p {
    font-weight: bold;
    font-size: 20px;
    color: #eee;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    bottom: 10%;
}
ul.step-by-step-title {
    display: table;
}
ul.step-by-step-title li {
    display: table-cell;
    vertical-align: middle;
    text-transform: lowercase;
    font-size: 15px;
    line-height: 35px;
    color: #999;
}
ul.step-by-step-title li.active {
    font-size: 35px;
    color: #446f8f;
}
ul.step-by-step-title li i.genericon-next {
    line-height: 37px;
    width: 60px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.user-area ul.step-by-step-title li.active {
    font-size: 25px;
}
.user-area ul.step-by-step-title li i.genericon-next {
    width: 30px;
}
.site-map h1 {
    text-transform: lowercase;
    font-size: 40px;
    font-family: "Arial";
    font-weight: bold;
    color: #446f8f;
}
.site-map h2 a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    color: #39464c;
}
.site-map ul > li > ul > li > a {
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: #999;
}
.site-map ul > li > ul > li > ul > li > a {
    display: block;
    font-weight: normal;
    font-size: 13px;
    color: #39464c;
}
.controller_index .ui-content {
    margin-top: 105px;
}
.controller_success .breadcrumb-v2 {
    display: none;
}
.controller_cart .shipping-msg {
    display: none;
} /*!
 *  BT BUTTONS
 */
.bt {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bt,
.bt input[type="submit"],
.bt input[type="button"] {
    display: inline-block;
    width: auto;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-family: "Source Sans Pro Semibold" !important;
    -webkit-appearance: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.bt input[type="radio"] {
    display: none;
}
.bt:focus {
    text-decoration: none;
}
.bt-xlarge {
    font-size: 20px;
    line-height: 71px;
    padding: 0 25px !important;
}
.bt-large {
    font-size: 18px;
    line-height: 51px;
    padding: 0 20px !important;
}
.bt-medium {
    font-size: 16px;
    line-height: 37px;
    padding: 0 15px !important;
}
.bt-small {
    font-size: 14px;
    line-height: 26px;
    padding: 0 10px !important;
}
.bt-full {
    width: 100% !important;
}
.bt-half {
    width: 48% !important;
}
.bt-large-apple {
    padding: 0 10px !important;
}
a.applePayment {
    padding: 0 12px !important;
    float: right;
    font-size: 14px;
    display: inline-block;
    background: #000 !important;
    height: 55px;
    text-decoration: none;
}
span.appleLabel {
    display: inline-block;
    line-height: 14px;
    margin-top: 12px;
}
a.applePayCheckout {
    background: #000 !important;
    text-decoration: none;
}
a.applePayCheckout:hover {
    text-decoration: none;
}
a.applePayCheckout > img {
    width: 46px;
    vertical-align: middle;
}
a.applePayCheckout > span {
    font-size: 18px;
}
div.my-cart div#documentApple {
    background: #fff;
}
div.my-cart div#documentApple label {
    float: left;
}
div.my-cart input#apple_customer_id {
    background: #fff;
}
div.my-cart select#apple_installments {
    background: #fff;
}
div.my-cart label.custom-select:after {
    z-index: 5 !important;
}
.applePayment img {
    width: 42px;
    vertical-align: middle;
}
p.apple-pay-label {
    text-align: left;
    font-size: 18px;
}
div#applePaymentModal .form-group {
    padding: 0;
}
a.btnGoToCheckout:hover {
    text-decoration: none;
}
.bt-primary,
.bt-primary input[type="submit"],
.bt-primary input[type="button"] {
    color: #fff !important;
    background: #5f23a8;
}
.bt-primary:active,
.bt-primary input[type="submit"]:active,
.bt-primary input[type="button"]:active {
    text-decoration: none;
    background: #2f1154;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-secondary,
.bt-secondary input[type="submit"],
.bt-secondary input[type="button"] {
    color: #fff !important;
    background: #46d25a;
}
.bt-secondary:active,
.bt-secondary input[type="submit"]:active,
.bt-secondary input[type="button"]:active {
    text-decoration: none;
    background: #3aaa4a;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-tertiary,
.bt-tertiary input[type="submit"],
.bt-tertiary input[type="button"] {
    color: #fff !important;
    background: #282d3c;
}
.bt-tertiary:active,
.bt-tertiary input[type="submit"]:active,
.bt-tertiary input[type="button"]:active {
    text-decoration: none;
    background: #14161e;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-primary.bt-primary-ghost {
    color: #5f23a8 !important;
    border: 3px solid #5f23a8;
    background: #fff;
}
.bt-tertiary.bt-tertiary-ghost {
    color: #282d3c !important;
    border: 3px solid #282d3c;
    background: #fff;
}
.bt-otp,
.bt-otp input[type="submit"],
.bt-otp input[type="button"] {
    color: #fff !important;
    background: #ff4600;
}
.bt-otp:active,
.bt-otp input[type="submit"]:active,
.bt-otp input[type="button"]:active {
    text-decoration: none;
    background: #fff;
    color: #ff4600 !important;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-otp-support,
.bt-otp-support input[type="submit"],
.bt-otp-support input[type="button"] {
    color: #ff4600 !important;
    background: #fff;
    border: solid 1px #ff4600 !important;
}
.bt-otp-support:active,
.bt-otp-support input[type="submit"]:active,
.bt-otp-support input[type="button"]:active {
    text-decoration: none;
    background: #ff4600;
    color: #fff !important;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-notification-availability,
.bt-notification-availability input[type="submit"],
.bt-notification-availability input[type="button"] {
    color: #fff !important;
    background: #5f22a8;
}
.bt-notification-availability:active,
.bt-notification-availability input[type="submit"]:active,
.bt-notification-availability input[type="button"]:active {
    text-decoration: none;
    background: #14161e;
    -webkit-box-shadow: 0px 3px 15px 0px #999;
    -moz-box-shadow: 0px 3px 15px 0px #999;
    box-shadow: 0px 3px 15px 0px #999;
}
.bt-notification-availability .bt-notification-availability-ghost {
    color: #282d3c !important;
    border: 3px solid #282d3c;
    background: #fff;
}
.bt-loading {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
.bt-buy,
.bt-buy input[type="button"] {
    font-size: 24px;
}
.loginBtn {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 15px 0 46px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #fff;
}
.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}
.loginBtn--facebook {
    background-color: #4c69ba;
    background-image: linear-gradient(#4c69ba, #3b55a0);
    text-shadow: 0 -1px 0 #354c8c;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url("//static.mobly.com.br/images/mobly4/icon_facebook.png") 6px
        6px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #5b7bd5;
    background-image: linear-gradient(#5b7bd5, #4864b1);
}
.loginBtn--google {
    background: #dd4b39;
}
.loginBtn--google:before {
    border-right: #bb3f30 1px solid;
    background: url("//static.mobly.com.br/images/mobly4/icon_google.png") 6px
        6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #e74b37;
}
.loginBtn--twitter {
    background: #2ba8e2;
}
.loginBtn--twitter:before {
    border-right: #04618c 1px solid;
    background: url("//static.mobly.com.br/images/mobly4/icon_twitter.png") 6px
        6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #e74b37;
} /*!
 *  MODAL
 */
.modal .modal-header {
    border-bottom: none;
    color: #000;
}
.modal .modal-header button.close {
    width: 24px;
    height: 24px;
    margin: -24px;
    font-family: Arial;
     text-shadow: 0 0 0;
    font-size: 23px;
    font-weight: normal;
    color: #fff;
    background: #888;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.modal-content {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-backdrop {
    background-color: #aaa;
}
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.modal-full-text {
    font-size: 14px;
}
.modal-full-text .modal-content {
    padding: 0 0 5px 0;
}
.modal-full-text .modal-body.scrollbar {
    height: 250px;
    margin-right: 5px;
}
.alert,
.msgBox {
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.msgBox {
    margin: 10px 0 10px 0;
}
.alert,
.alert-heading {
    color: #c09853;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}
.alert-success,
.alert-success .alert-heading,
.s-success {
    color: #468847;
}
.alert-limit {
    max-width: 158px;
}
.input-text.alert-required {
    background: #f2dede;
    color: #666;
}
label.alert-required {
    color: #b94a48;
}
:host.module_empty.controller_index.action_index .msgBox {
    margin-left: 215px;
}
.mobile-header {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    border-bottom: none;
    z-index: 999;
}
.mobile-header.float-header {
    border-bottom: 1px solid #ccc;
}
.mobile-header a.icon-bars-menu {
    position: inherit !important;
    float: left;
    padding: 14px 9px 9px 10px;
    color: #000;
    font-size: 22px;
    height: 26px;
    width: 26px;
    text-decoration: none;
}
.mobile-header a.icon-bars-menu:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-mobile-toggle.svg");
}
.mobile-header h1.logo-mobile {
    float: left;
    margin: 17px 5px 17px 57px !important;
}
.mobile-header h1.logo-mobile a {
    display: block;
}
.mobile-header h1.logo-mobile a img {
    display: block;
    vertical-align: top;
    width: 90px;
}
.mobile-header ul.header-items {
    display: block;
    float: right;
    margin: 17px 10px 0 0;
}
.mobile-header ul.header-items li {
    position: relative;
    float: left;
}
.mobile-header ul.header-items li ul.customer-dropdown {
    display: block;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    margin-top: 5px;
    position: absolute;
    right: -60px;
    z-index: 99;
    background: #fff;
    width: 170px;
}
.mobile-header ul.header-items li ul.customer-dropdown li {
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    width: 100%;
}
.mobile-header ul.header-items li ul.customer-dropdown li:last-child {
    border-bottom: none;
}
.mobile-header ul.header-items li ul.customer-dropdown li a {
    display: inline;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: normal;
    color: #4e4e4e;
    text-transform: initial;
    padding-left: 20px;
    font-style: normal;
}
.mobile-header ul.header-items li ul.customer-dropdown li a i {
    margin-right: 8px;
    vertical-align: middle;
}
.mobile-header
    ul.header-items
    li
    ul.customer-dropdown
    li
    a
    .icon-meus-pedidos:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-meus-pedidos.svg");
}
.mobile-header
    ul.header-items
    li
    ul.customer-dropdown
    li
    a
    .icon-logout:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-logout.svg");
}
.mobile-header ul.header-items li a {
    display: block;
    width: 30px;
    height: 27px;
    padding: 0 3px;
    text-decoration: none;
    text-align: center;
    border: none;
    background: none;
}
.mobile-header ul.header-items li a i {
    display: inline-block;
    margin-left: -5px;
    font-size: 22px;
    color: #5f23a8;
}
.mobile-header ul.header-items li a i.fa:active {
    color: #666;
}
.mobile-header ul.header-items li a .icon-user {
    margin-right: 8px;
}
.mobile-header ul.header-items li a .icon-user:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-user.svg");
}
.mobile-header ul.header-items li a .icon-heart:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-wishlist.svg");
}
.mobile-header ul.header-items li a .icon-shopping-cart:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-shopping-cart.svg");
}
.mobile-header ul.header-items li a span.cartQuantity {
    display: none;
    position: absolute;
    top: -5px;
    right: -2px;
    display: block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    background: #ee4038;
    text-shadow: initial;
    line-height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.mobile-header ul.header-items li:nth-child(2) {
    display: block !important;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched_mobil {
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
    opacity: 1;
    cursor: default;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched_mobil2 {
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
    opacity: 1;
    padding: 5px 0;
    cursor: default;
}
.ssg-result div > div > div > ul.ulSearchedXCatMobi2 {
    margin-top: 15px;
    cursor: default;
}
.spanHighLightText {
    color: #5f22a8 !important;
    font-size: 14px;
    font-family: "Source Sans Pro";
    cursor: pointer;
    width: auto;
    text-align: center;
}
.ssg-result div > div > div > ul > li > div > span > a.spamItemsXR2 {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
#divTopXSearchedTitle {
    border-top: 1px outset #e1e7ea;
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divTopXSearchedTitle_mobil {
    padding-top: 10px;
    margin-bottom: -5px;
}
#divTopXSearchedTitle_mobil2 {
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divRecentSearchsTitle {
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
#divRecentSearchsTitle2 {
    border-top: 1px outset #e1e7ea;
    padding-top: 10px;
    margin-bottom: -5px;
    margin: 0px 20px;
    width: -webkit-fill-available !important;
}
.ssg-result div > div > div > ul.ulSearchedX2 {
    margin-top: 15px;
    cursor: default;
}
.prodSuggestTitle {
    border-top: 1px outset #e1e7ea;
    font-family: "Source Sans Pro";
    color: #000000;
    opacity: 1;
    font-size: 16px;
    padding: 1px 0;
    margin: 0 20px;
    cursor: default;
    width: -webkit-fill-available;
}
.type-titleSugestProd {
    padding-bottom: 25px !important;
    font: normal normal normal 16px/20px Source Sans Pro;
    color: #000000;
}
.ssg-result div > div > div > ul > li > div > span a.spamItemsX2 {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
.ssg-result div > div > div > ul.ulSearchedXCatMobi {
    margin-top: 15px;
    padding: 0px 0px 1px 20px;
    cursor: default;
}
.ssg-result div > div > div.divTopXSearchedTitle span.topXSearched {
    font-family: "Source Sans Pro";
    color: #000000;
    opacity: 1;
    font-size: 16px;
    padding: 5px 0;
    margin: 0 20px 10px;
    cursor: default;
}
.ssg-result div.containerDropDown {
    padding: 15px 0;
    display: block;
    border-bottom: 5px solid #5f22a8;
    border-radius: 2px;
    opacity: 1;
}
.ssg-result div > div > div > ul.ulSearchedX {
    margin-top: 15px;
    cursor: default;
}
.ssg-result div > div > div > ul > li {
    margin-bottom: 11px;
}
.ssg-result div > div > div > ul > li > div > span a.spamItemsX {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    margin-left: 4px;
    text-decoration: none;
}
.ssg-result div > div > div > ul > li > div > span > a.spamItemsXR {
    font-size: 14px;
    color: #767676;
    font-family: "Source Sans Pro";
    text-decoration: none;
}
.ssg-result div > div > div > ul > li > div > div.divBoxTopX {
    color: white !important;
    font-size: 14px;
    font-family: "Source Sans Pro";
    background: #5f22a8 0% 0% no-repeat padding-box;
    opacity: 1px;
    padding-right: 12px;
    border-radius: 3px;
    display: table;
    width: 20px;
    padding: 1px;
    text-align: center;
    float: left;
    margin-right: 5px;
}
.ssg-result div > div > div > ul > li > div > div span.boxTopX {
    display: table-cell;
    vertical-align: middle;
}
.menu-home-left {
    width: 89% !important;
    top: 4.7%;
    height: 97.2% !important;
    min-height: 40% !important;
}
.menu-home-left > .ui-panel-inner > .panel-wrapper > .menu-main ul li a {
    max-width: 98% !important;
}
.menu-home-left-icon-close {
    left: 87%;
    position: absolute;
    width: 10%;
    top: 1%;
    z-index: 9999 !important;
    content: "";
}
.menu-icon-close-32 {
    content: url("//static.mobly.com.br/images/mobly4/icon-close-32.png");
}
.menu-home-right-icon-close {
    left: 5%;
    position: absolute;
    width: 10%;
    top: 6%;
    z-index: 9999 !important;
    content: "";
}
.menu-home-left-font {
    padding-left: 5px !important;
    font-size: 16px !important;
    text-align: left !important;
}
.search-by-image {
    padding-top: 32px !important;
}
.search-by-image .camera-search,
.search-by-image .gallery-search {
    width: 96% !important;
}
.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    transform: translate3d(89%, 0, 0) !important;
}
@media (min-width: 55em) {
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
    .ui-responsive-panel.ui-page-panel-open
        .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
        margin-right: 0em;
    }
}
.bannerTopo-mobile {
    max-width: 100% !important;
}
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 89% !important;
    z-index: 999;
    pointer-events: auto;
    position: fixed;
    opacity: 0.2 !important;
    background: black;
}
.ui-panel-dismiss-position-right.ui-panel-dismiss-open {
    z-index: 999;
    pointer-events: auto;
    position: fixed;
    opacity: 0.2 !important;
    background: black;
}
.ui-panel {
    position: fixed !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.ui-panel-content-wrap {
    position: static !important;
}
.seeCart {
    padding: 0 !important;
}
.banner-location {
    position: relative;
    height: 55px;
    background: url("//static.mobly.com.br/images/mobly/mobile/bg-top-geolocation-banner.jpg")
        top center;
}
.banner-location p {
    margin: 0;
}
.banner-location p.first-text {
    width: 160px;
    margin-left: 5px;
}
.banner-location i.genericon-close {
    width: 40px;
    height: 35px;
    margin: 10px 0 30px 0;
    font-size: 35px;
}
.banner-location a {
    text-shadow: 0 0 0 transparent;
}
.banner-location a.close {
    width: 30px;
    height: 55px;
    display: table !important;
    text-decoration: none;
    color: #ed423a;
}
.banner-location a.close i.fa {
    margin-left: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
form.search-input div.form-group {
    position: relative;
    padding: 0;
}
form.search-input div.form-group #search-button {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 99;
    height: 35px;
}
form.search-input div.form-group #searchInput {
    background: #fff !important;
    border: 1px solid #e8e8e8;
    padding: 0 40px !important;
    height: 44px;
    font-family: "Source Sans Pro";
    font-size: 18px;
    opacity: 0.65;
}
form.search-input div.form-group i.icon-search {
    display: block;
    font-size: 23px;
    position: absolute;
    top: 7px;
    right: unset;
    left: 10px;
    color: #919191;
    transform: rotate(-85deg);
}
form.search-input div.form-group i.icon-image-search {
    position: absolute;
    top: 7px;
    right: 7px;
}
form.search-input div.form-group i.icon-image-search:before {
    content: url("/icons/image-search-icon.svg");
}
.search-by-image {
    padding: 0 10px;
    margin-bottom: 10px;
}
.search-by-image p {
    color: #5f23a8;
    text-align: center;
    font-family: "Source Sans Pro";
    font-size: 15px;
    margin: 10px 0;
}
.search-by-image .camera-search,
.search-by-image .gallery-search {
    background: #fff;
    border: 1px solid #5f23a8;
    border-radius: 3px;
    color: #5f23a8;
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    margin: 5px;
    padding: 8px 10px;
    width: 240px;
}
.search-by-image .search-image-icon,
.search-by-image .gallery-icon {
    vertical-align: middle;
    padding-right: 5px;
}
.search-by-image .search-image-icon {
    content: url("/icons/image-search-icon.svg");
}
.search-by-image .gallery-icon {
    content: url("/icons/gallery-icon.svg");
}
.menu-main {
    display: block;
    width: 100%;
    min-height: 200px;
    background: url("//static.mobly.com.br/images/mobly/mobile/loading-medium.gif")
        center center no-repeat;
}
.menu-main ul {
    margin: 0;
}
.menu-main ul li {
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding: 6px 10px 3px;
}
.menu-main ul li:first-child {
    border-top: 1px solid #ebebeb;
}
.menu-main ul li a {
    color: #4e4e4e;
    display: block;
    font-size: 18px;
    font-family: "Source Sans Pro";
    font-weight: normal;
    line-height: 42px;
    position: relative;
    padding-left: 5px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}
.menu-main ul li a i:first-child {
    margin-right: 10px;
}
.menu-main ul li a i:first-child:before {
    vertical-align: middle;
}
.menu-main ul li a i.icon-chat:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-chat.svg");
}
.menu-main ul li a i.icon-atendimento:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-atendimento.svg");
}
.menu-main ul li a i.icon-ambiente:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-ambiente.svg");
}
.menu-main ul li a i.icon-categoria:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-categoria.svg");
}
.menu-main ul li a i.icon-envio-imediato:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-envio.svg");
}
.menu-main ul li a i.icon-lancamento:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lancamentos.svg");
}
.menu-main ul li a i.icon-outlet:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-outlet.svg");
}
.menu-main ul li a i.icon-exclusivo:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-exclusivo.svg");
}
.menu-main ul li a i.icon-lojas:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lojas.svg");
}
.menu-main ul li a i.icon-corporate:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-corporativo.svg");
}
.menu-main ul li a i.icon-franchise:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-handshake.svg");
}
.menu-main ul li a i.icon-blog:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-blog.svg");
}
.menu-main ul li a i.icon-app:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-app.svg");
}
.menu-main ul li a i.icon-montagem:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-montagem.svg");
}
.menu-main ul li a i.icon-angle-right {
    float: right;
    margin: 6px 0 0 5px;
}
.menu-main ul li a i.icon-angle-right:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow.svg") !important;
}
.menu-main ul li a .orange-highlight {
    color: #ff4600;
}
.menu-main ul li.customer-service {
    background: #5527a3;
}
.menu-main ul li.customer-service a {
    color: #fff;
}
.menu-main ul li.customer-service a i.icon-angle-right:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow-white.svg") !important;
}
.menu-main .sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 98%;
    min-height: auto;
    height: 100%;
    z-index: 99;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}
.menu-main .sub-menu ul {
    padding: 0 10px;
}
.menu-main .sub-menu ul li {
    padding: 6px 0;
}
.menu-main .sub-menu ul li:first-child {
    border-top: none;
}
.menu-main .sub-menu ul li a.without-icon:before {
    content: " ";
}
.menu-main .sub-menu ul li a.sub-menu-title {
    color: #5f23a8 !important;
}
.menu-main .sub-menu ul li a i.icon-angle-right {
    float: right;
    margin: 0 0 0 5px;
}
.menu-main .sub-sub-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
}
.menu-main .sub-sub-menu ul {
    padding: 0 10px;
}
.menu-main .sub-sub-menu ul li:first-child {
    border-top: none;
    padding-top: 3px;
}
.menu-main .sub-sub-menu ul a:before {
    position: absolute;
    top: 16px;
    right: 5px;
    font-size: 14px !important;
    color: #446f8f;
    content: "\f054";
}
.menu-main .sub-sub-menu ul a.title {
    margin-bottom: -1px;
    text-align: left;
    text-transform: none;
    font-weight: bold !important;
}
.menu-main .sub-sub-menu ul a.title:before {
    display: none;
}
.menu-main .menu-especiais a {
    margin: 0 0 -12px 0;
    padding-left: 0;
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #446f8f !important;
}
.menu-main .menu-especiais ai.arrow-down {
    display: none;
}
.menu-main .menu-especiais .sub-menu {
    display: block;
}
.menu-main .menu-especiais .sub-menu ul {
    padding-left: 0;
    margin: 0;
    border-left: none;
}
.menu-main .menu-especiais .sub-menu ul li a {
    font-size: 18px;
    font-weight: 700 !important;
}
.menu-main .menu-especiais .sub-menu ul li a:after {
    position: absolute;
    top: 15px;
    right: 5px;
    font-size: 10px !important;
    color: #446f8f;
    content: "\f061";
}
.menu-main i.arrow-down:before,
.menu-main i.arrow-up:before,
.menu-main a:after,
.menu-main a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-main i.arrow-up:before {
    content: "\f077";
}
.menu-main i.arrow-down:before {
    content: "\f054";
}
.menu-main strong {
    font-family: "Source Sans Pro";
    font-weight: normal;
}
.menu-main .hide-item {
    display: none;
}
#cmsLoginModal,
#cmsCreateCustomerModal {
    display: none;
}
#mainPanel .ui-panel-inner {
    padding: 5px 0;
}
@media (max-width: 420px) {
    .menu-main > ul {
        height: 400px;
    }
    .search-by-image p {
        font-size: 14px;
    }
} /*!
 *  CATALOG
 */
.catalog-mobile-content .catalog-title.result {
    padding: 5px 10px;
    line-height: 24px;
    text-transform: lowercase;
    color: #38464b;
}
.catalog-mobile-content .catalog-title.result h1 {
    display: inline;
    font-size: 26px;
    text-shadow: none;
    color: #eb4134;
}
.catalog-mobile-content .catalog-title.result small {
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}
.catalog-mobile-content .catalog-title.no-result {
    padding: 10px 15px;
    font-family: "Source Sans Pro Semibold";
    line-height: 28px;
    text-transform: initial;
    color: #565656;
    text-align: center;
}
.catalog-mobile-content .catalog-title.no-result .no-results-icon {
    content: url("/icons/no-results.svg");
}
.catalog-mobile-content .catalog-title.no-result .search-title {
    display: block;
    font-size: 24px;
    margin: 15px 0;
}
.catalog-mobile-content .catalog-title.no-result .search-title span {
    text-shadow: none;
    color: #5f23a8;
    font-size: 24px;
}
.catalog-mobile-content .catalog-title.no-result .new-search {
    display: block;
    font-size: 17px;
    font-family: "Source Sans Pro";
    line-height: 24px;
}
.catalog-mobile-content .catalog-title.no-result .new-search span.highlighted {
    text-transform: uppercase;
    color: #5f23a8;
    font-weight: 600;
}
.catalog-mobile-content
    .catalog-title.no-result
    .search-by-image
    .camera-search,
.catalog-mobile-content
    .catalog-title.no-result
    .search-by-image
    .gallery-search {
    font-size: 18px;
    padding: 15px 10px;
    margin: 10px 0;
    width: 100%;
}
.catalog-mobile-content .catalog-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 0;
}
.catalog-mobile-content .catalog-filter .item {
    border-right: 1px solid #e9e9e9;
    padding: 4px 12px;
    text-align: center;
    width: 110px;
}
.catalog-mobile-content .catalog-filter .item:last-child {
    border-right: none;
}
.catalog-mobile-content .catalog-filter .item--switch {
    background: #fff;
    width: 210px;
}
.catalog-mobile-content .catalog-filter .item--switch.disabled {
    opacity: 0.4;
}
.catalog-mobile-content .catalog-filter .item--switch.disabled .label--switch {
    color: #7d7d7d;
}
.catalog-mobile-content .catalog-filter .item--switch.disabled .slider {
    background-color: #ccc;
}
.catalog-mobile-content .catalog-filter .item--switch.active .label--switch {
    color: #21a872;
    font-weight: 600;
}
.catalog-mobile-content .catalog-filter .button,
.catalog-mobile-content .catalog-filter .select {
    color: #5f22a8;
    background: #fff;
    font-family: "Source Sans Pro";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}
.catalog-mobile-content .catalog-filter .label {
    font-size: 16px;
    font-family: "Source Sans Pro";
}
.catalog-mobile-content .catalog-filter .label--select .select {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align-last: center;
}
.catalog-mobile-content .catalog-filter .label--select .select:focus {
    outline: none;
}
.catalog-mobile-content .catalog-filter .label--select:after {
    display: none;
}
.catalog-mobile-content .catalog-filter .label--switch {
    color: #5f22a8;
    display: inline-block;
    vertical-align: middle;
}
.catalog-mobile-content .catalog-filter .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
    margin-top: 4px;
}
.catalog-mobile-content .catalog-filter .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.catalog-mobile-content .catalog-filter .switch input:checked + .slider {
    background-color: #21a872;
}
.catalog-mobile-content .catalog-filter .switch input:focus + .slider {
    box-shadow: 0 0 1px #21a872;
}
.catalog-mobile-content .catalog-filter .switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.catalog-mobile-content .catalog-filter .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a192a8;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.catalog-mobile-content .catalog-filter .switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 17px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.catalog-mobile-content .catalog-filter .switch .slider.round {
    border-radius: 34px;
}
.catalog-mobile-content .catalog-filter .switch .slider.round:before {
    border-radius: 50%;
}
.catalog-mobile-content .catalog-filter .icon {
    display: block;
    margin: 5px auto;
    transform: scale(1.4);
}
.catalog-mobile-content .catalog-filter .icon--filter-top {
    background: url("//static.mobly.com.br/images/mobly4/icon-filter-top.svg")
        no-repeat;
    height: 14px;
    width: 18px;
}
.catalog-mobile-content .catalog-filter .icon--filter-ordering {
    background: url("//static.mobly.com.br/images/mobly4/icon-filter-ordering.svg")
        no-repeat;
    height: 14px;
    width: 23px;
}
ul.catalog-filter li p {
    display: block;
    padding: 0 10px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #38464b;
    line-height: 33px;
    border: 1px solid #999;
    font-size: 14px;
    background: #fff;
}
.catalog-mobile {
    display: block;
    text-align: center;
    margin: 0;
}
.catalog-mobile > li {
    display: inline-block;
    text-align: center;
    width: 140px;
    height: 320px;
    margin: 0 15px 30px;
    position: relative;
}
.catalog-mobile > li > a {
    display: block;
    height: 240px;
    padding: 5px;
    position: relative;
    text-decoration: none;
    font-weight: normal !important;
    background: #fff;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.catalog-mobile > li > a span.lazyImage {
    display: block;
    position: relative;
    margin: -5px;
    margin-bottom: 10px;
    width: 138px;
    height: 138px;
    margin-bottom: 5px;
    overflow: hidden;
}
.catalog-mobile > li > a span.lazyImage img {
    width: 138px;
    height: 138px;
    margin-bottom: -4px;
}
.catalog-mobile > li > a span.lazyImage span {
    display: block;
}
.catalog-mobile > li > a span.lazyImage span.itm-imagewrapper {
    display: block;
    overflow: hidden;
}
.catalog-mobile > li > a span.itm-newFlag,
.catalog-mobile > li > a span.itm-mobly-seal,
.catalog-mobile > li > a span.itm-payAndEarn,
.catalog-mobile > li > a span.itm-hasComplimentary,
.catalog-mobile > li > a span.itm-immediate-delivery,
.catalog-mobile > li > a span.itm-saleFlagPercent {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 0 5px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-size: 11px;
    font-family: "Source Sans Pro Semibold";
    text-transform: uppercase;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.catalog-mobile > li > a span.itm-newFlag {
    background: #666;
}
.catalog-mobile > li > a span.itm-mobly-seal {
    top: 118px;
    background: #ff4600;
}
.catalog-mobile > li > a span.itm-payAndEarn {
    background: #87b0cc;
}
.catalog-mobile > li > a span.itm-immediate-delivery {
    background: #46d25a;
}
.catalog-mobile > li > a span.itm-hasComplimentary {
    background: #059582;
}
.catalog-mobile > li > a span.itm-saleFlagPercent {
    background: #ff4600;
    left: inherit;
    right: 0;
    text-transform: uppercase;
}
.catalog-mobile > li > a span.stock-available {
    width: 130px;
    color: #fff;
    padding: 0 5px;
    line-height: 20px;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    left: 0;
    top: 120px;
    background: #e1e6e1;
}
.catalog-mobile > li > a span.itm-brand {
    display: block;
    color: #85adc7;
    text-align: left;
    font-size: 13px;
}
.catalog-mobile > li > a span.itm-saleFlagPercent {
    background: #5f23a8;
    left: inherit;
    right: 0;
    text-transform: uppercase;
}
.catalog-mobile > li > a span.itm-brand {
    display: block;
    height: 15px;
    overflow: hidden;
    color: #414141;
    text-align: left;
    font-size: 13px;
}
.catalog-mobile > li > a span.itm-title {
    height: 30px;
    display: block;
    color: #282d3c;
    text-align: left;
    line-height: 14px;
    font-size: 14px;
    overflow: hidden;
}
.catalog-mobile > li > a span.itm-priceBox {
    display: block;
    margin-bottom: 3px;
    font-size: 15px;
    text-align: left;
}
.catalog-mobile > li > a span.itm-priceBox .itm-price-old {
    height: 15px;
    text-decoration: line-through;
    color: #414141;
}
.catalog-mobile > li > a span.itm-priceBox .itm-price-current {
    height: 15px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
    color: #282d3c;
}
.catalog-mobile > li > a span.price-loading {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 0 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
}
.catalog-mobile > li > a span.itm-installments-block {
    display: block;
    font-size: 14px;
    color: #000;
    text-align: left;
}
.catalog-mobile > li > a span.itm-installments-block small {
    font-size: 10px;
}
.catalog-mobile > li span.itm-delivery-time {
    display: block;
    width: 140px;
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #eb4134;
}
.catalog-mobile > li span.itm-delivery-time span {
    display: block;
    font-size: 10px;
    line-height: 20px;
    padding-top: 4px;
    background: #eb4134;
    color: #fff;
    text-align: center;
}
.catalog-mobile > li span.itm-delivery-time span i.arrow-up {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #eb4134;
}
.catalog-mobile > li span.itm-delivery-time span i.arrow-up:before {
    content: "" !important;
}
.catalog-mobile > li > a span.itm-quickview-zoom,
.catalog-mobile > li > a span.itm-stock-unavailable {
    display: none;
}
.catalog-mobile > li > a span.itm-syteDiscovery {
    display: flex;
    height: 32px;
    padding: 5px 0;
}
.catalog-mobile > li > a span.itm-syteDiscovery.international {
    position: absolute;
    top: -3px;
    left: -12px;
    padding: 0;
    height: 26px;
}
.catalog-mobile span.itm-flag {
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.2px;
    font-size: 12px;
    font-family: "Source Sans Pro";
    color: #fff;
    z-index: 90;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.catalog-mobile span.itm-internacional-seal {
    background: #ff7039;
    display: inline-block;
    padding: 0 7px 0 0;
    margin-top: 5px;
}
.catalog-mobile span.itm-internacional-seal i.icon-international-seal {
    background: #ff4600;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    margin-right: 5px;
}
.catalog-mobile span.itm-internacional-seal i.icon-international-seal:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-international-seal.svg");
    transform: scale(0.7);
    display: inline-block;
    vertical-align: middle;
}
.catalog-mobile span.itm-sealSaldao {
    display: inline-block;
    margin-top: 5px;
    margin-left: -29px;
}
.catalog-mobile span.itm-sealSaldao .icon-saldao-seal:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-saldao-m.svg");
}
.catalog-mobile > li > a span.icon-heart,
.catalog-mobile > li > a span.icon-heart-o {
    width: 37px;
    height: 37px;
    padding: 0;
    position: absolute;
    top: 115px;
    right: 0;
    font-size: 25px;
    color: #ff4600;
    z-index: 99;
}
.catalog-mobile > li > a span.icon-heart i.icon-heart,
.catalog-mobile > li > a span.icon-heart-o i.icon-heart {
    position: absolute;
    top: 4px;
    right: 6px;
    z-index: -9;
    color: #fff;
}
.catalog-mobile span.itm-stars {
    display: block;
    text-align: left;
}
.catalog-mobile > li > a span.itm-installments-discount-value {
    font-size: 14px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.catalog-mobile > li > a span.itm-installments-discount-price {
    font-size: 14px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.catalog-mobile > li > a span.itm-installments-discount-count {
    font-size: 14px;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
}
.catalog-mobile > li > a span.message-discount {
    font-size: 14px !important;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
    color: #21a872;
    display: block;
}
.mobile-filter-menu dl {
    border-bottom: none;
}
.mobile-filter-menu dl dt {
    font-family: "Source Sans Pro Semibold";
    border-bottom: 1px solid #ddd;
}
.mobile-filter-menu dl dt > i {
    position: absolute;
    right: 5px;
    top: 12px;
}
.mobile-filter-menu dl dt:first-child {
    border-top: 1px solid #ddd;
}
.mobile-filter-menu dl dt:active {
    background: #ddd;
}
.mobile-filter-menu dl dd {
    margin-bottom: -1px;
    padding: 10px 5px 5px;
    border-bottom: 1px solid #ddd;
}
.mobile-filter-menu dl dd ul {
    margin: 0;
    padding-left: 5px;
}
.mobile-filter-menu dl dd ul li a {
    display: block;
    padding: 10px 3px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}
.mobile-filter-menu dl dd ul li a:active {
    background: #ddd;
}
.mobile-filter-menu ul.selected-filters {
    display: block;
    margin: 0;
}
.mobile-filter-menu ul.selected-filters li a {
    display: inline-block;
    text-decoration: none;
    color: #333;
}
.mobile-filter-menu ul.selected-filters li a:hover {
    text-decoration: none;
}
.mobile-filter-menu ul.selected-filters li a span {
    display: inline-block;
    line-height: 25px;
    margin-right: 1px;
    padding: 0 5px;
    font-size: 14px;
    color: #fff;
    background: #5f23a8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.mobile-filter-menu ul.selected-filters li i.icon-times {
    display: inline-block;
    width: 12px;
    height: 13px;
    margin: 0;
    padding: 6px;
    font-size: 13px;
    color: #fff;
    background: #5f23a8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-panel-position-right.ui-panel-display-reveal,
.ui-panel-position-right.ui-panel-open {
    right: 0;
    overflow: scroll;
    height: 100vh;
}
#notifyModal {
    right: -279px !important;
    padding: 0px 10px;
}
@media (max-device-width: 320px) {
    .catalog-mobile > li {
        margin: 0 7px 30px;
    }
}
.catalog-mobile-content .catalog-title.result {
    display: none;
}
.controller_cart .newsletter-box {
    display: none;
}
.my-cart {
    margin: 0 -5px;
}
a.paypal-button {
    display: block;
}
.my-cart .shipping-option label {
    display: block;
}
.my-cart .shipping-option label input {
    float: left;
}
.my-cart .shipping-option label span {
    font-weight: bold;
    color: #ed423a;
}
.my-cart .shipping-option label p,
.my-cart .shipping-option label small {
    margin: 0 0 2px 30px;
}
.my-cart .total-amount {
    padding: 15px;
    text-align: center;
    background: #e1e6e1;
}
.my-cart .total-amount span.items {
    display: block;
    font-size: 14px;
    color: #446f8f;
}
.my-cart .total-amount span.totalAmount {
    font-size: 18px;
    line-height: 23px;
}
.my-cart .total-amount span.instalments {
    font-size: 14px;
    line-height: 23px;
}
.my-cart .cart-items {
    border-bottom: 1px solid #aaa;
}
.my-cart .cart-items h2 {
    padding: 10px 0;
    border-bottom: 1px solid #aaa;
}
.my-cart .terms {
    padding: 5px 5px;
    font-size: 14px;
    border-bottom: 1px solid #aaa;
}
.my-cart .terms span {
    display: block;
    padding: 5px 0;
}
.shipment-title {
    position: relative;
    padding: 10px;
    margin: 0;
    background: #eee;
    border-bottom: 1px solid #aaa;
}
.shipment-title i.fa-truck {
    font-size: 20px;
}
.shipment-title strong {
    display: block;
    font-size: 12px;
    margin-left: 30px;
}
.shipment-title small {
    display: block;
    font-size: 10px;
    margin-left: 30px;
}
table.items-list tr {
    display: block;
    border-top: 1px solid #e1e6e1;
}
table.items-list tr:first-child {
    border-top: none;
}
table.items-list td {
    padding: 5px 0;
}
table.items-list td span.vertical-line {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 34px;
}
table.items-list td span.vertical-line i {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #333;
}
table.items-list td figure {
    position: relative;
    margin: 0 5px 0 0;
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    z-index: 9;
}
table.items-list td.product-item small {
    display: block;
    font-size: 14px;
    line-height: 11px;
}
table.items-list td.product-item a {
    display: block;
    font-weight: 700;
    text-decoration: none;
}
table.items-list td.product-item a.product-name {
    font-size: 18px;
    line-height: 18px;
    color: #333;
}
table.items-list td.product-item a.remove-item {
    padding: 15px 0 10px;
}
table.items-list td.product-item a.remove-item i.fa {
    font-size: 14px;
}
table.items-list td.product-item p {
    margin: 0 0 5px;
    font-size: 16px;
}
table.items-list td.product-item p i.fa {
    width: 17px;
    font-size: 18px;
}
table.items-list td.product-item p.options {
    color: #777;
}
table.items-list td.product-item p.delivery-time,
table.items-list td.product-item p.shipping-info {
    font-size: 14px;
}
table.items-list td.product-item p.merchant {
    font-size: 14px;
    margin: 0;
}
table.items-list td.product-item p.merchant span {
    color: #5f23a8;
}
.freeShippingCart {
    color: #6022a9 !important;
}
.freeShippingRule.freeShippingCart {
    font-weight: normal !important;
    font-family: "Source Sans Pro";
    font-size: 14px;
}
.tooltip-half-shipping {
    display: inline-block;
}
.tooltip-half-shipping .info-text {
    color: #000;
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-size: 12px;
    opacity: 1;
}
.tooltip-half-shipping .info-text:before {
    content: "*";
}
table.items-list td.product-item span.price-item {
    display: block;
    padding-top: 7px;
    float: left;
}
table.items-list td.product-item span.price-item .old-price {
    font-size: 14px;
    color: #282d3c;
    text-decoration: line-through;
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
}
table.items-list td.product-item span.price-item .real-price {
    font-size: 18px;
    color: #282d3c;
    display: inline-block;
    line-height: 24px;
    vertical-align: top;
}
table.items-list td.product-item span.source-item {
    padding: 0 5px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px;
    border: 1px solid #5f23a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
table.items-list td.product-item span.source-item strong {
    color: #5f23a8;
}
table.items-list td.product-item span.seal-discount-by-region {
    display: inline-block;
    padding: 5px;
    border: 1px solid #aaa;
    font-size: 15px;
    line-height: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: lowercase;
    background: #eee;
}
table.items-list td.product-item span.seal-discount-by-region i.fa {
    color: #ee4038;
}
table.items-list td.product-item span.seal-discount-by-region strong {
    text-transform: uppercase;
}
table.items-list td.product-item h3.bundle-title {
    text-transform: uppercase;
}
table.items-list td.product-item ul.bundle-product {
    display: block;
    margin: 0;
}
table.items-list td.product-item ul.bundle-product li figure {
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
table.items-list td.product-item ul.bundle-product li {
    margin-top: 10px;
}
table.items-list td.product-item ul.bundle-product li:first-child {
    margin-top: 0;
}
table.items-list td.product-item ul.bundle-product li p {
    margin: 0;
    min-height: 30px;
    text-transform: none;
}
table.items-list td.product-item .toggle-product-services {
    font-size: 14px;
}
table.items-list td.product-item .toggle-product-services i {
    font-size: 9px;
}
table.items-list td.product-item .my-cart-product-services {
    position: relative;
    margin-right: 10%;
    padding: 10px 10px 5px 10px;
    background: #e1e6e1;
    overflow: inherit !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
table.items-list td.product-item .my-cart-product-services p.service-title {
    font-size: 14px;
}
table.items-list td.product-item .my-cart-product-services i.arrow-up {
    position: absolute;
    left: 10px;
    top: -8px !important;
    width: 0;
    height: 0;
    z-index: 99;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e1e6e1;
}
table.items-list td.product-item .my-cart-product-services label label span {
    font-size: 14px;
    line-height: 18px;
}
table.items-list
    td.product-item
    .toggle-product-services
    i.icon-angle-down:before {
    content: "\63" !important;
}
table.items-list td.product-item p.installation-not-avaiable {
    font-size: 12px;
    font-weight: normal;
}
table.items-list td.product-item span.seal-discount-pay-in-cash {
    font-weight: normal;
    font-size: 13px;
}
.quick-delivery-options,
.pickup-delivery-options {
    margin: 0 -5px !important;
    background: #282d3c;
    color: #fff;
}
.quick-delivery-items,
.pickup-delivery-items {
    margin: 0 -5px !important;
    background: #fff;
    color: #282d3c;
    border: 5px solid #282d3c !important;
}
.line-installation {
    margin: -9px -9px -3px;
    background: #e1e6e1;
    padding: 0 !important;
    border-top: 0 !important;
}
.line-installation td {
    margin: 0;
    padding: 0 !important;
}
.line-installation .cart-installation {
    margin-top: -2px;
    position: relative;
}
.line-installation .cart-installation section {
    position: relative;
    width: 100%;
}
.line-installation .cart-installation section:nth-child(1) {
    background: url(../../../images/mobly4/chavephilipsopa.png) #5f23a8
        240px -13px no-repeat;
    background-size: 96px;
    height: 51px;
    position: relative;
}
.line-installation .cart-installation section:nth-child(1) p {
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: center;
    font-size: 19px;
    font-family: "Source Sans Pro Semibold";
    margin: 0;
}
.line-installation .cart-installation section:nth-child(2) p {
    padding: 20px 15px;
    font-size: 18px;
    margin: 0;
}
.line-installation
    .cart-installation
    section:nth-child(2)
    a.button-how-assembly-works {
    display: block;
    border: 2px solid #5f23a8;
    border-radius: 4px;
    color: #5f23a8;
    margin: 0 auto;
    font-size: 16px;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-family: "Source Sans Pro Semibold";
    font-weight: 700;
    line-height: 3;
}
.line-installation .cart-installation section:nth-child(2) p.link-terms {
    font-size: 14px;
    padding: 8px 24px 23px 35px;
}
.line-installation
    .cart-installation
    section:nth-child(2)
    .cartChangeInstallation
    label.serviceInstallation {
    margin: 23px 0 18px 48px;
}
.line-installation
    .cart-installation
    section:nth-child(2)
    .cartChangeInstallation
    label.serviceInstallation
    .itemInstallation {
    font-family: "Source Sans Pro Semibold";
    font-weight: 700;
}
@media only screen and (max-width: 322px) {
    .line-installation .cart-installation section:nth-child(1) p {
        padding: 15px 36px;
        font-size: 16px;
    }
    .line-installation
        .cart-installation
        section:nth-child(2)
        a.button-how-assembly-works {
        padding: 10px 7px;
    }
    .line-installation
        .cart-installation
        .cartChangeInstallation
        label.serviceInstallation {
        margin: 23px 0 18px 35px;
    }
    .line-installation
        .cart-installation
        .cartChangeInstallation
        label.serviceInstallation
        .checkbox {
        padding-left: 8px;
    }
}
.quick-delivery .shipping-time,
.pickup-delivery .shipping-time {
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    color: #46d25a;
}
.quick-delivery .shipping-time span,
.pickup-delivery .shipping-time span {
    font-family: "Source Sans Pro";
    color: #fff;
}
.quick-delivery .shipping-time i,
.pickup-delivery .shipping-time i {
    font-family: "Source Sans Pro";
    font-style: normal;
}
.deliveryTimeContainerFreight p {
    color: #46d25a;
    font-family: "Source Sans Pro Semibold";
    font-size: "14px";
    margin-bottom: 5px;
}
.deliveryTimeContainerFreight p span {
    font-family: "Source Sans Pro";
    font-weight: normal;
}
.deliveryTimeContainerFreight p i {
    font-style: normal;
    font-weight: normal;
    font-family: "Source Sans Pro";
}
.discount-box {
    display: flex;
    justify-content: right;
}
.discount-box .discount {
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #3cd453;
    background-color: #ecf7ec73;
    border: 2px solid #3cd453;
}
.login {
    margin: 0 -5px;
}
.login-box form#CheckoutLogin > div {
    background: #3f3f3f;
}
.login-box form#CheckoutLogin > a {
    display: block;
}
.login-option label {
    position: relative;
    display: block;
    width: 50%;
    font-size: 14px;
    line-height: 40px;
    background: #e1e6e1;
    color: #3f3f3f;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.login-option label.active {
    position: relative;
    background: #3f3f3f;
    color: #fff;
}
.login-option label i {
    display: none;
}
.login-option label.active i {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 8px;
    height: 14px;
    background: #fff;
    font-size: 17px;
    color: #999;
}
.login-option input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.address-box {
    margin: 0 -5px;
}
.address-box fieldset {
    margin: 0;
    border: none;
}
.address-box label {
    display: block;
    margin-bottom: 10px;
}
.address-box label p {
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 20px;
}
.payment-content {
    margin: 0 -5px;
}
.payment-content label.payment-method-option {
    display: block;
    margin: 0;
    padding: 10px 5px;
    cursor: pointer;
    font-family: "Source Sans Pro Semibold";
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid #aaa;
    background: #fff;
}
.payment-content label.payment-method-option:active {
    background: #f5f5f5;
}
.payment-content label.payment-method-option.border-top {
    border-top: 1px solid #aaa;
}
.payment-content label.payment-method-option i.icon-method-option {
    display: inline-block;
    width: 38px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background: url("//static.mobly.com.br/images/mobly/mobile/sprite-mobile-mobly3.png")
        no-repeat;
    background-size: 200px 200px;
}
.payment-content label.payment-method-option i.one-card {
    background-position: 0px -172px;
}
.payment-content label.payment-method-option i.multiple-cards {
    background-position: -36px -172px;
}
.payment-content label.payment-method-option i.boleto {
    background-position: -109px -172px;
}
.payment-content label.payment-method-option i.paypal {
    background-position: -72px -172px;
}
.payment-content label.payment-method-option i.apple-pay {
    background-position: -109px -141px;
}
.payment-content label.payment-method-option i.pix {
    content: url("//static.mobly.com.br/images/mobly4/icon-pix.svg");
    width: 38px;
    height: 30px;
    margin-right: 10px;
}
.payment-content label.payment-method-option span {
    display: block;
    margin: 0;
    line-height: 33px;
    color: #333;
}
.payment-content label.payment-method-option span.discount-off {
    display: block !important;
    position: absolute;
    right: 30px;
    top: 18px;
    width: inherit !important;
    padding: 0 5px;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    background: #fff;
    color: #5f23a8 !important;
    border: 1px solid #5f23a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.payment-content label.payment-method-option i.fa {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 20px;
    color: #ed423a;
}
.payment-content label.payment-method-option i[class^="icon"] {
    display: inline-block;
    width: 38px;
    height: 30px;
    font-size: 30px;
    float: left;
    margin-right: 10px;
}
.payment-content label.payment-method-option div.radio {
    position: absolute;
    right: 0;
    top: 5px;
}
.payment-method-pix-payment img {
    width: 100%;
}
span.discount-off {
    display: none !important;
    position: absolute;
    right: 30px;
    top: 2px;
    width: inherit !important;
    padding: 0 5px;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: uppercase !important;
    background: #fff;
    color: #5f23a8 !important;
    border: 1px solid #5f23a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
span.discount-off-text {
    color: #5f23a8 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    padding: 2px 0px;
    font-weight: bold;
}
span.discount-off-precheckout {
    position: inherit !important;
    font-weight: bold !important;
}
span.discount-off-installments {
    display: block;
    padding: 0 5px;
}
span.discount-off-installments > span {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-transform: uppercase !important;
    padding: 0 8px;
    background: #5f23a8;
    color: #fff !important;
    border: 1px solid #5f23a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
span.discount-off-installments > span.installments {
    background: #5f23a8;
    color: #fff;
}
span.discount-off-caixapayment {
    font-size: 11px;
    margin-top: -6px !important;
}
form .form-group {
    padding: 0 5px;
}
.payment-method-creditcard > .form-group {
    position: relative;
}
.creditcards {
    position: absolute;
    right: 5px;
    top: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.payment-method-bcash .creditcards {
    top: 3px;
}
.creditcards ul li.creditcard {
    display: none;
    width: 38px;
    height: 24px;
    float: left;
    border: 2px solid #ffffff;
    text-indent: -500px;
    overflow: hidden;
    filter: alpha(opacity=20);
    opacity: 0.2;
    background: url("//static.mobly.com.br/images/mobly4/sprite-mobly-v5.png")
        no-repeat;
}
.creditcards ul li.creditcard.selected {
    filter: alpha(opacity=100);
    opacity: 1;
}
.creditcards ul li.creditcard.visa {
    background-position: -93px -209px;
}
.creditcards ul li.creditcard.mastercard {
    background-position: -131px -210px;
}
.creditcards ul li.creditcard.american_express {
    background-position: -171px -210px;
}
.creditcards ul li.creditcard.aura {
    background-position: -286px -208px;
}
.creditcards ul li.creditcard.diners {
    background-position: -209px -210px;
}
.creditcards ul li.creditcard.hipercard {
    background-position: -249px -211px;
}
.creditcards ul li.creditcard.elo {
    background-position: -92px -238px;
}
label.payment-method-option i.boleto-flex {
    position: relative;
    padding-right: 13px;
    margin-left: -7px;
    display: inline-block;
    width: 42px;
    height: 30px;
    background: url("//static.mobly.com.br/images/mobly4/vality-logo-boletoflex.png?v=1")
        no-repeat;
    background-position: center !important;
}
label.payment-method-option i.levpay {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    background-position: center;
    width: 39px;
    background-size: contain;
    height: 33px;
    background-image: url("//static.mobly.com.br/images/mobly4/levpay-icon.svg");
    background-repeat: no-repeat;
}
.payment-content .payment-method-form {
    padding: 10px;
    border-bottom: 1px solid #aaa;
    background: #eee;
}
.payment-content .payment-method-form p {
    margin: 0;
}
.payment-content .payment-method-creditcard #cc_number0 .error-alert {
    right: 65px;
}
.payment-content .payment-method-form.payment-method-levpay {
    background-color: #ffffff;
}
.success-box .payment-box {
    padding: 10px;
    background: #e1e6e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.success-box .payment-box p {
    margin: 0;
}
.success-box .payment-box.summary-box {
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    background: #5f23a8;
}
.success-box .payment-box.summary-box ul {
    margin: 5px 0;
}
.success-box .payment-box.summary-box ul li {
    margin-bottom: 3px;
}
.success-box .payment-box.summary-box ul li.total {
    margin: 10px -15px 0;
    padding: 7px 15px 0 15px;
    border-top: 1px solid #d7a1ff;
}
.success-box .payment-box.summary-box ul li i[class^="icon"] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    padding: 3px;
    font-size: 8px;
    color: #5f23a8;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.action_paypalreview .jqm-footer {
    display: none;
}
#boleto-flex-lightbox {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.6);
}
#boleto-flex-iframe {
    width: 80%;
    height: 80%;
    border: 0px;
    position: absolute;
    left: 10%;
    top: 10%;
}
#boleto-flex-lightbox-close-button {
    border: none;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    font-size: 26px;
    position: absolute;
    z-index: 2;
    top: 8%;
    right: 136px;
    background-color: #888888;
    outline: none;
    font-weight: bold;
    color: #ffffff;
}
#boleto-flex-loading {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
#boleto-flex-content {
    background: #fff;
}
#boleto-flex-content .quota {
    padding: 10px 0 15px;
}
#boleto-flex-content .quota p {
    color: #373f73;
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    padding: 6px 0;
}
.explanation {
    border-bottom: 1px solid #e1e6e1;
    padding: 15px 0 20px;
}
.explanation p {
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    color: #373f73;
}
.explanation p span {
    color: #11c49a;
    text-transform: uppercase;
}
#levpay-cms {
    display: none;
}
#levpay-banks {
    margin-top: 15px;
    display: none;
}
#levpay-banks p {
    font-size: 15px;
}
#levpay-banks #levpay-alert {
    background-color: #ff0e39;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    margin-bottom: 10px;
    display: none;
}
#levpay-banks #levpay-alert p {
    color: #fff;
}
#levpay-banks #levpay-bank-options {
    width: 100%;
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
}
#levpay-banks #levpay-bank-options li {
    position: relative;
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 70px;
    margin: 0 6px;
    filter: grayscale(100%);
}
#levpay-banks #levpay-bank-options li.active {
    filter: grayscale(0);
}
#levpay-banks #levpay-bank-options li .levpay-bank {
    position: absolute;
    bottom: 0;
    left: 15px;
}
#levpay-load {
    text-align: center;
    padding: 20px 0;
}
#levpay-load p {
    font-size: 15px;
}
.action_stepreview .jqm-footer {
    display: none;
}
.success-box {
    margin: 0 -5px;
}
.success-box .content-box .cart-fixed-bar {
    margin: 0 -10px;
    border-bottom: none;
}
.success-box .content-box span.boleto-number {
    display: block;
    word-wrap: break-word;
    font-size: 12px;
}
.success-box .footer {
    margin-bottom: 50px;
    padding: 20px;
    border-bottom: none;
    color: #999;
}
.success-box h1.success-title {
    text-transform: none;
    text-align: center;
}
.success-box h1.success-title span {
    display: block;
    line-height: 26px;
}
.success-box h1.success-title i.fa {
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;
    font-size: 70px;
    line-height: 80px;
}
.success-box .content-box-order-number p {
    font-size: 30px;
}
.success-box .content-box.content-box-products {
    padding: 0;
}
.success-box .content-box.content-box-products h1 {
    padding: 10px;
    border-bottom: 1px solid #aaa;
}
.success-box-revision .shipping-msg {
    display: none;
}
.fixed-save-step {
    padding: 0;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}
.fixed-save-step div {
    padding: 10px;
}
.action_stepaccount .register-box {
    margin: 0 -5px;
}
.action_stepaccount .register-box form {
    padding: 0 5px;
}
.cart-rules {
    border-bottom: 1px solid #ddd;
    height: 40px;
    padding: 0px;
}
.cart-rules .price {
    font-size: 19px;
    font-family: "Source Sans Pro Semibold";
}
.cart-rules .description {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: #000;
}
.cart-rules .icon-creditcard {
    margin: -5px 5px;
    content: url("//static.mobly.com.br/images/mobly4/icon-creditcard.svg");
    margin-right: 5px;
}
.cart-rules .icon-pix {
    width: 20px;
    margin: -2px 5px;
    content: url("//static.mobly.com.br/images/mobly4/icon-pix.svg");
    margin-right: 5px;
}
.cart-rules .icon-nupay {
    width: 20px;
    margin: -2px 5px;
    content: url("//static.mobly.com.br/images/mobly4/nupay-logo.svg");
    margin-right: 5px;
}
.cart {
    height: 15px;
    border-bottom: none;
}
.last-block {
    border: none;
    padding: 10px 0px;
}
.cart-rules-mobile .pix {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.cart-rules-mobile .creditcard {
    padding: 0px 0px 5px 0px;
}
.cart-rules-mobile .price {
    font-size: 20px;
    font-family: "Source Sans Pro Semibold";
}
.cart-rules-mobile .description {
    font-size: 16px;
    font-family: "Source Sans Pro";
    color: #545454;
}
.cart-rules-mobile .icon-creditcard {
    margin: -5px 0px;
    content: url("//static.mobly.com.br/images/mobly4/icon-creditcard.svg");
    margin-right: 10px;
}
.cart-rules-mobile .icon-pix {
    width: 20px;
    margin: -3px 0px;
    content: url("//static.mobly.com.br/images/mobly4/icon-pix.svg");
    margin-right: 10px;
}
.cart-rules-mobile .icon-nupay {
    width: 20px;
    margin: -3px 0px;
    content: url("//static.mobly.com.br/images/mobly4/nupay-logo.svg");
    margin-right: 10px;
}
#pix-delay,
div.ui-input-text {
    display: none;
}
.pix-main {
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
    padding: 20px;
}
.pix-main .timer p {
    display: flex;
    font-size: 14px;
    justify-content: space-around;
}
.pix-price-timer-text {
    display: flex;
    justify-content: center;
}
.timer-pix {
    background-color: #32bcad;
    color: white;
    border-radius: 25px;
    width: 100%;
    height: 25px;
    padding: 5px;
    display: flex;
    margin: 0px 0 25px 0;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
.timer-pix .pix-time-value {
    margin-left: 3px;
}
.timer-pix .icon-alarm-white {
    content: url("//static.mobly.com.br/images/mobly4/icon-alarm-white.svg");
    width: 22px;
    height: 22px;
    margin: 0 5px 0 0;
}
.pix-payment-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.pix-payment-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-family: "Source Sans Pro";
}
.pix-payment-qrcode p {
    font-size: 20px;
    font-family: "Source Sans Pro";
    margin-bottom: 0;
}
.pix-payment-qrcode img {
    width: 200px;
}
.pix-payment-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.pix-payment-info .pix-code {
    width: 100%;
    background-color: #e1e6e1;
    padding: 10px;
    overflow-x: scroll;
    white-space: nowrap;
}
.pix-payment-info p {
    font-family: "Source Sans Pro";
    font-size: 20px;
    margin-bottom: 0;
}
.pix-payment-info input {
    margin-top: 10px;
    background-color: #e1e6e1;
    padding: 10px;
    width: 100%;
    font-size: 11px !important;
    border: none;
    height: 45px;
}
.pix-payment-info .button {
    cursor: pointer;
    width: 100%;
    margin: 10px 0px 0px 0;
    padding: 10px;
    border: 2px solid #32bcad;
    color: #32bcad;
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
}
.pix-payment-request-status {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pix-payment-request-status p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: -5px;
}
.pix-payment-request-status .button {
    cursor: pointer;
    width: 100%;
    margin: 10px 0px 0px 0;
    padding: 10px;
    background-color: #32bcad;
    color: white;
    display: flex;
    justify-content: center;
    font-weight: bold;
    border-radius: 5px;
}
.pix-logo {
    width: 85%;
    content: url("//static.mobly.com.br/images/mobly4/pix-logo-thin.svg");
}
.pix-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.pix-value-info {
    width: 100%;
    display: flex;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.pix-price-container {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.pix-price-container p {
    font-size: 24px !important;
    color: #828282;
    letter-spacing: 0px;
    font-family: "Rubik Medium";
}
.pix-price-container .price-value {
    color: #32bcad;
    margin-left: 10px;
}
.pix-info-graphic {
    display: flex;
    padding: 10px;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}
.pix-info-graphic .dotted-row {
    border: none;
    border-top: 1px dotted #282d3c;
    height: 1px;
    width: 22%;
}
.pix-info-graphic .pix-info-graphic-text {
    margin: 11px 0 0px 0;
    color: #6e6e6e;
    font-size: 12px !important;
    font-family: "Rubik Medium";
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-direction: row;
    align-items: center;
}
.pix-info-graphic .spacer {
    width: 20%;
}
.pix-modal-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}
.pix-modal-content {
    margin: 600px auto;
    text-align: center;
    background: #ffffff 0% 0% no-repeat padding-box;
    padding-top: 20px;
    border: 1px solid #707070;
    border-radius: 5px;
    width: 350px;
}
.pix-modal-text-title {
    color: #ff4600;
    font-size: 24px;
    font-family: "Rubik Medium";
}
.pix-modal-container-text {
    width: 318px;
    height: 138px;
    margin: auto;
    text-align: center;
}
.pix-modal-container-text p {
    font-size: 18px;
    font-family: "Source Sans Pro Semibold";
    margin: 20px;
}
.pix-modal-btn-back {
    cursor: pointer;
    margin: 50px auto;
    border-radius: 4px;
    border: 1px solid #5f22a8;
    width: 324px;
    height: 47px;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    font-family: "Rubik Medium";
    color: #ffffff;
    background-color: #5f22a8;
}
.timingout-container-main {
    border-top: 1px solid #282d3c;
    border-bottom: 1px solid #282d3c;
    width: 100%;
    height: 325px;
    background: #ffffff 0% 0% no-repeat padding-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #282d3c;
    border-bottom: 1px solid #282d3c;
    padding: 20px 0 35px 0;
}
.timingout-alert-container {
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 20px/20px;
    width: 100%;
    height: 40px;
    background: #fff3e7 0% 0% no-repeat padding-box;
    opacity: 1;
}
.timingout-alert-container .timingout-alert-text {
    align-items: center;
    display: flex;
    margin-top: 8px;
    height: 24px;
    font-size: 16px;
    font-family: "Rubik Medium";
    letter-spacing: 1px;
}
.timingout-container-info {
    margin: auto;
    width: 100%;
    height: 60px;
    text-align: center;
}
.timingout-container-info .timingout-info-text {
    text-align: center;
    font-size: 20px;
    font-family: "Source Sans Pro Semibold";
    letter-spacing: 1px;
    color: #707070;
}
.timeout-container-main {
    border-top: 1px solid #282d3c;
    border-bottom: 1px solid #282d3c;
    width: 100%;
    height: 364px;
    background: #ffffff 0% 0% no-repeat padding-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #282d3c;
    border-bottom: 1px solid #282d3c;
    padding: 20px 0 35px 0;
}
.timeout-icon-alarm-full {
    content: url("//static.mobly.com.br/images/mobly4/icon-alarm-red.svg");
    margin-top: 30px;
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 12px;
    border: 1px solid #ff0000;
}
.timeout-icon-alarm {
    content: url("//static.mobly.com.br/images/mobly4/icon-alarm-red.svg");
    width: 23px;
    height: 23px;
}
.timeout-alert-container {
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 20px/20px;
    width: 100%;
    height: 40px;
    background: #fff3e7 0% 0% no-repeat padding-box;
    opacity: 1;
}
.timeout-alert-container .timeout-alert-text {
    align-items: center;
    display: flex;
    margin-top: 8px;
    width: 100%;
    height: 24px;
    color: #ff0000;
    font-size: 16px;
    font-family: "Rubik Medium";
    letter-spacing: 0px;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.timeout-container-info {
    margin: auto;
    width: 100%;
    height: 75px;
    text-align: center;
}
.timeout-container-info .timeout-info-text {
    text-align: center;
    font-size: 20px/25px;
    font-family: "Source Sans Pro Semibold";
    letter-spacing: 0px;
    color: #707070;
}
.timeout-btn-back {
    pointer-events: all;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #5f22a8;
    width: 100%;
    height: 40px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Source Sans Pro Semibold";
    color: #5f22a8;
    background-color: #ffffff;
}
.success-container-main {
    width: 100%;
    height: 364px;
    background: #ffffff 0% 0% no-repeat padding-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #282d3c;
    border-bottom: 1px solid #282d3c;
    padding: 20px 0 35px 0;
}
.success-icon-check-full {
    content: url("//static.mobly.com.br/images/mobly4/icon-check-pix.svg");
    margin-top: 30px;
    margin-bottom: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 12px;
    border: 1px solid #32bcad;
}
.success-alert-container {
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 20px/20px;
    width: 100%;
    height: 40px;
    opacity: 1;
}
.success-alert-container .success-alert-text {
    align-items: center;
    display: flex;
    margin-top: 8px;
    width: 100%;
    height: 24px;
    color: #828282;
    font-size: 16px;
    font-family: "Rubik Medium";
    letter-spacing: 0px;
}
.success-btn-back {
    pointer-events: all;
    margin: auto;
    border-radius: 5px;
    border: 1px solid #5f22a8;
    width: 100%;
    height: 40px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "Source Sans Pro Semibold";
    color: #5f22a8;
    background-color: #ffffff;
}
.content-box {
    padding: 10px 0;
    border-bottom: 1px solid #aaa;
}
.content-box.border-top {
    border-top: 1px solid #aaa;
}
.content-box p {
    margin: 0;
}
.content-box h1 a,
.content-box a {
    text-decoration: none;
    text-transform: none;
    color: #ff4600;
}
#wl-mobile-content {
    font-family: "Source Sans Pro";
    margin-bottom: 20px;
}
#wl-title {
    border-bottom: 1px solid #eff3f0;
    font-family: "Source Sans Pro Semibold";
    padding-bottom: 8px;
}
#wl-title > h1 {
    color: #2a293d;
    font-size: 24px;
    padding: 0 16px;
    font-weight: bold;
}
#wl-header {
    padding: 0 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #eff3f0;
}
#wl-header #wl-btn-exclude-all,
#wl-header #wl-total-products {
    font-size: 18px;
}
#wl-btn-exclude-all {
    border: none;
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO30uYntmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5OjAuNTQ7fTwvc3R5bGU+PC9kZWZzPjxyZWN0IGNsYXNzPSJhIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE5LDYuNCwxNy42LDUsMTIsMTAuNiw2LjQsNSw1LDYuNCwxMC42LDEyLDUsMTcuNiw2LjQsMTksMTIsMTMuNCwxNy42LDE5LDE5LDE3LjYsMTMuNCwxMloiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-right: 0;
    outline: none;
    color: #757575;
    font-family: "Source Sans Pro Semibold";
    background-position: 0 1px;
}
#wl-header #wl-total-products {
    position: relative;
    padding-left: 26px;
}
#wl-header #wl-total-products::before {
    font-family: "m4-awesome";
    content: "\47";
    position: absolute;
    left: 2px;
    top: 2px;
    color: #ff4600;
}
#wl-pd-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
}
#wl-pd-list .wl-btn-remove {
    padding: 0;
    margin-top: 9px;
    align-self: flex-end;
}
#wl-pd-list .wl-image {
    text-align: center;
}
#wl-pd-list .wl-image > img {
    max-width: 100%;
}
#wl-pd-list .wl-btn-remove > button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDpub25lO30uYntmaWxsLXJ1bGU6ZXZlbm9kZDtvcGFjaXR5OjAuNTQ7fTwvc3R5bGU+PC9kZWZzPjxyZWN0IGNsYXNzPSJhIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTE5LDYuNCwxNy42LDUsMTIsMTAuNiw2LjQsNSw1LDYuNCwxMC42LDEyLDUsMTcuNiw2LjQsMTksMTIsMTMuNCwxNy42LDE5LDE5LDE3LjYsMTMuNCwxMloiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    border: none;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    background-position: -2px -2px;
    outline: none;
}
#wl-pd-list .wl-pd-content {
    width: 42%;
    padding: 0 10px;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#wl-pd-list .wl-pd-title {
    color: #2a293d;
    font-size: 16px;
    font-weight: 100;
}
#wl-pd-list .wl-price-content p {
    margin: 0;
    padding: 0;
}
#wl-pd-list .wl-price-content .wl-price-from {
    text-decoration: line-through;
    color: #9f9f9f;
    font-size: 12px;
}
#wl-pd-list .wl-price-content .wl-price {
    font-size: 20px;
    color: #2a293d;
    font-family: "Source Sans Pro";
    font-weight: 600;
}
#wl-pd-list .wl-price-content .wl-price > span {
    font-size: 12px;
}
#wl-pd-list .wl-price-content .wl-price-amount {
    font-size: 14px;
    color: #2a293d;
}
#wl-pd-list .wl-link .wl-link-btn {
    display: block;
    text-align: center;
    padding: 11px 0;
    color: #fff;
    font-family: "Source Sans Pro Semibold";
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px;
}
#wl-pd-list .wl-link .wl-link-btn.green {
    background-color: #46d25a;
}
#wl-pd-list .wl-link .wl-link-btn.gray {
    background-color: #9f9f9f;
}
#wl-mobile-content #wl-load-items {
    padding: 0 9px;
    margin-top: 20px;
}
#wl-mobile-content #wl-load-items #wl-btn-load-items {
    border: 1px solid #6f00aa;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #6f00aa;
    border-radius: 3px;
    padding: 12px 0;
    font-family: "Source Sans Pro Semibold";
    outline: none;
}
#wl-empty {
    position: relative;
    height: 77vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 30px;
}
#wl-empty > h2 {
    text-align: center;
    color: #2a293d;
    font-size: 22px;
    font-weight: 100;
    position: relative;
}
#wl-empty > h2::before {
    font-family: "m4-awesome";
    content: "\48";
    position: absolute;
    margin: 0 auto;
    color: #ff4600;
    font-size: 43px;
    left: 43%;
    top: -60px;
}
.yotpo-display-wrapper .standalone-bottomline {
    border: none !important;
    padding: 5px 0 !important;
}
.yotpo-display-wrapper .standalone-bottomline .text-m {
    display: none !important;
}
.login-box.ui-panel-position-right.ui-panel-open {
    z-index: 999;
}
.login-box .ui-panel-inner {
    margin-top: 80px;
}
.login-box .title {
    text-transform: uppercase;
    font-size: 22px;
}
.login-box .form-group div.with-label {
    background: #fff;
    border-radius: 1px;
    position: relative;
}
.login-box .form-group div.with-label .field {
    display: flex;
    flex-flow: column-reverse;
}
.login-box .form-group div.with-label .field .floating-label,
.login-box .form-group div.with-label .field .form-control {
    transition: all 0.2s;
    touch-action: manipulation;
}
.login-box .form-group div.with-label .field .floating-label {
    color: #4e4e4e;
    font-family: "Source Sans Pro";
    font-size: 16px;
    padding: 0 4px;
    margin: 0 5px;
}
.login-box .form-group div.with-label .field .form-control {
    background: #fff;
    border: 1px solid #ebebeb;
    height: 50px;
}
.login-box .form-group div.with-label .field .form-control:focus {
    border: 1px solid #0075e8 !important;
    outline: none;
}
.login-box
    .form-group
    div.with-label
    .field
    .form-control:placeholder-shown
    + .floating-label {
    transform: translate(0, 35px) scale(1);
}
.login-box
    .form-group
    div.with-label
    .field
    .form-control:not(:placeholder-shown)
    + .floating-label,
.login-box
    .form-group
    div.with-label
    .field
    .form-control:focus
    + .floating-label {
    outline: none;
    color: #0075e8;
    background: #fff;
    width: fit-content;
    font-size: 14px;
    transform: translate(0, 8px) scale(1);
}
.login-box .form-group div.with-label .toggle-password {
    position: absolute;
    right: 10px;
    top: 35px;
    outline: none;
}
.login-box .form-group div.with-label .toggle-password.open-eye {
    content: url("//static.mobly.com.br/images/mobly4/icon-show-password.svg");
}
.login-box .form-group div.with-label .toggle-password.close-eye {
    content: url("//static.mobly.com.br/images/mobly4/icon-hide-password.svg");
}
.login-box .form-group.password a {
    color: #0075e8;
    text-decoration: underline;
    font-family: "Source Sans Pro";
    font-size: 14px;
    margin-bottom: 15px;
}
.login-box .form-group.btn-login .bt {
    background: #21a872;
    border-radius: 1px;
    box-shadow: 0 3px 6px #00000029;
    color: #fff;
    padding: 15px 20px;
    font-size: 18px;
    margin: 15px 0 10px;
}
.login-box .form-group.btn-login .bt:focus {
    outline: none;
}
.login-box .form-group .loginBtn {
    box-shadow: 0 3px 6px #00000029;
    font-family: "Source Sans Pro";
    margin: 0;
}
.login-box .form-group .loginBtn.loginBtn--facebook {
    background-color: #4267b2;
    text-shadow: none;
    background-image: none;
    border-radius: 1px;
    padding: 10px 47px;
    width: 100%;
    text-align: center;
}
.login-box .form-group .loginBtn.loginBtn--facebook:before {
    background-position: center;
    border-right: none;
}
.login-box .form-group.signup {
    font-family: "Source Sans Pro";
    font-size: 16px;
    margin-top: 40px;
}
.login-box .form-group.signup span {
    color: #4e4e4e;
}
.login-box .form-group.signup a {
    color: #0008ff;
    font-family: "Source Sans Pro Semibold";
    text-decoration: underline;
}
.login-box .msg-error p {
    color: #f01100;
    font-family: "Source Sans Pro";
    font-size: 12px;
    padding-left: 8px;
}
.login-box .msg-error p:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-error-alert.svg");
    vertical-align: middle;
    margin-right: 3px;
}
.login-box #login-error,
.login-box #cmsCreateCustomerModal,
.login-box #cmsLoginModal {
    display: none;
}
.login-box .login-error-hint {
    font-size: 15px;
    background-color: #5f23a8;
    border-radius: 3px;
    color: #fff;
    padding: 20px;
    margin: 4px 0 14px;
}
.login-box .login-error-hint i {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 6px;
}
.login-box .login-error-hint i:before {
    content: "\44";
    font-family: m4-awesome !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.login-box .login-error-hint p {
    font: 20px "Source Sans Pro Semibold";
    margin-bottom: 5px;
}
.login-box .login-error-hint a {
    text-align: center;
    cursor: pointer;
    color: #5f23a8;
    background: #fff;
    text-decoration: none;
    font: 18px "Source Sans Pro Semibold";
    padding: 6px 20px;
    border-radius: 3px;
    display: block;
    width: 150px;
    border: 1px solid #fff;
    transition:
        background 0.3s,
        color 0.3s;
}
.login-box .login-error-hint a:hover {
    color: #fff;
    background: #5f23a8;
}
.login-box .login-error-buttons {
    background-color: #ff4600;
    border-radius: 3px;
    color: #fff;
    padding: 20px;
    margin: 4px 0 14px;
    position: relative;
}
.login-box .login-error-buttons a {
    text-align: center;
    color: #ff4600;
    background: #fff;
    text-decoration: none;
    font: 18px "Source Sans Pro Bold";
    padding: 10px 5px;
    border-radius: 3px;
    display: block;
    width: 100%;
    border: 1px solid #fff;
    transition:
        background 0.3s,
        color 0.3s;
}
.login-box .login-error-buttons a:hover {
    color: #fff;
    background: #ff4600;
}
.login-box .login-error-buttons span {
    display: block;
    width: 100%;
    text-align: center;
    font: 15px "Source Sans Pro Semibold";
    margin: 10px 0px;
}
.login-box .login-error-buttons span:before,
.login-box .login-error-buttons span:after {
    content: "";
    background-color: #fff;
    height: 1px;
    display: block;
    position: absolute;
    width: 85px;
}
.login-box .login-error-buttons span:before {
    left: 20px;
    margin-top: 9.39px;
}
.login-box .login-error-buttons span:after {
    right: 20px;
    margin-top: -9.5px;
}
.restore-password .ui-input-text {
    display: block !important;
}
#otp-challenge.send-step #validate-block,
#otp-challenge.send-step #too-many-tries-block {
    display: none;
}
#otp-challenge.send-step #send-block {
    display: block;
}
#otp-challenge.validate-step #send-block,
#otp-challenge.validate-step #too-many-tries-block {
    display: none;
}
#otp-challenge.validate-step #validate-block {
    display: block;
}
#otp-challenge.too-many-tries-step #validate-block,
#otp-challenge.too-many-tries-step #send-block {
    display: none;
}
#otp-challenge.too-many-tries-step #too-many-tries-block {
    display: block;
}
.catalog-mobile > li.paypal {
    height: 320px;
}
.paypal-discount {
    margin-top: 10px;
}
.paypal-discount .division {
    border-bottom: 1px solid #ddd;
    display: block;
    text-align: center;
}
.paypal-discount .division .suggestion {
    color: #253b80;
    font-size: 16px;
    font-family: "Source Sans Pro Semibold";
    line-height: 18px;
    width: 28px;
    background: #fff;
    position: absolute;
    left: 35%;
    padding: 0 8px;
    margin-top: -10px;
}
.paypal-discount .box-container {
    border-radius: 4px;
    border: 1px solid #253b80;
    margin: 10px 0 15px;
    padding: 2px 4px 4px;
}
.paypal-discount .box-container .icon-paypal-logo {
    background: url("//static.mobly.com.br/images/mobly4/icon-paypal-blue.svg")
        no-repeat center #fff;
    display: inline-block;
    width: 72px;
    height: 15px;
    transform: scale(0.84);
}
.paypal-discount .box-container p {
    color: #253b80;
    font-size: 14px;
    font-family: "Source Sans Pro";
    line-height: 18px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.paypal-discount .box-container p .price,
.paypal-discount .box-container p .service {
    font-size: 16px;
    font-family: "Source Sans Pro Semibold";
}
.detail-price-box .paypal-discount,
.full-cart.cart-items .paypal-discount {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.detail-price-box .paypal-discount .division .suggestion,
.full-cart.cart-items .paypal-discount .division .suggestion {
    font-size: 24px;
    line-height: 31px;
    bottom: inherit;
    top: -8px;
    left: 42%;
}
.detail-price-box .paypal-discount .box-container,
.full-cart.cart-items .paypal-discount .box-container {
    margin: 25px 0 0;
    padding: 15px 15px 10px;
}
.detail-price-box .paypal-discount .box-container .icon-paypal-logo,
.full-cart.cart-items .paypal-discount .box-container .icon-paypal-logo {
    top: 17px;
    position: absolute;
    transform: scale(1.5);
    left: 30px;
}
.detail-price-box .paypal-discount .box-container .orange-seal-paypal,
.full-cart.cart-items .paypal-discount .box-container .orange-seal-paypal {
    background: url("//static.mobly.com.br/images/mobly4/icon-orange-seal-paypal.svg")
        no-repeat;
    width: 32px;
    height: 57px;
    position: absolute;
    right: 10px;
    top: 26px;
}
.detail-price-box .paypal-discount .box-container p,
.full-cart.cart-items .paypal-discount .box-container p {
    font-size: 18px;
    display: block;
}
.detail-price-box .paypal-discount .box-container p .small,
.full-cart.cart-items .paypal-discount .box-container p .small {
    font-family: "Source Sans Pro Semibold";
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.detail-price-box .paypal-discount .box-container p .service,
.full-cart.cart-items .paypal-discount .box-container p .service {
    font-size: 18px;
}
.detail-price-box .paypal-discount .box-container p .price,
.full-cart.cart-items .paypal-discount .box-container p .price {
    font-size: 40px;
    line-height: 50px;
}
.detail-price-box .paypal-discount .box-container p.installments,
.full-cart.cart-items .paypal-discount .box-container p.installments {
    font-size: 16px;
    display: block;
}
.detail-price-box .paypal-discount .info,
.full-cart.cart-items .paypal-discount .info {
    font-size: 14px;
    margin-top: 5px;
}
.detail-price-box .paypal-discount .info .service,
.full-cart.cart-items .paypal-discount .info .service {
    color: #888;
    font-family: "Source Sans Pro Semibold";
}
.full-cart.cart-items .paypal-discount {
    margin-top: -7px;
}
.full-cart.cart-items .paypal-discount .division .suggestion {
    left: 42%;
}
.content-box-products .additional.paypal {
    display: none;
}
.jetmobly-vue .no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.jetmobly-vue .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 14px;
    padding-right: 14px;
}
.jetmobly-vue .title h3 {
    font-family: "Source Sans Pro";
    font-size: 20px;
    margin: 0;
}
.jetmobly-vue .title a {
    color: #ff4600;
    font-family: "Source Sans Pro Semibold";
    font-size: 16px;
    text-decoration: underline;
}
.jetmobly-vue .title a:hover {
    text-decoration: none;
}
#jm-carousel {
    font-family: "Source Sans Pro";
    margin-bottom: 20px;
}
#jm-carousel .product {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    height: 420px;
    margin: 0 10px;
    padding: 10px;
}
#jm-carousel .product a {
    text-decoration: none;
}
#jm-carousel .product .tag-discount {
    display: flex;
    justify-content: flex-end;
}
#jm-carousel .product .tag-discount span {
    color: #fff;
    background: #562f8a;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
}
#jm-carousel .product img {
    margin: 0 auto;
    display: block;
}
#jm-carousel .product .itm-flag-container {
    height: 22px;
    text-align: center;
}
#jm-carousel .product .itm-flag-container .itm-flag {
    color: #fff;
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    display: block;
    width: 196px;
    margin: 0 auto;
    padding: 2px 0;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-black-friday {
    background: #000;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-black-friday span {
    color: #f00;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-immediate-delivery {
    background: #2f8a56;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-mobly-seal {
    background: #ff4600;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-saldao-seal {
    background: #562f8a;
}
#jm-carousel .product .itm-flag-container .itm-flag.itm-internacional-seal {
    background: #ff7039;
}
#jm-carousel .product h4 {
    color: #282d3c;
    font-family: "Source Sans Pro";
    font-size: 16px;
    height: 40px;
    margin-bottom: 0;
    margin-top: 10px;
}
#jm-carousel .product .rating {
    height: 25px;
}
#jm-carousel .product .price {
    height: 66px;
    display: inline-flex;
    align-items: flex-end;
}
#jm-carousel .product .price p {
    color: #282d3c;
    font-family: "Source Sans Pro";
    margin: 0;
}
#jm-carousel .product .price .original {
    color: #9f9f9f;
    font-size: 14px;
    line-height: 18px;
    height: 18px;
    text-decoration: line-through;
}
#jm-carousel .product .price .discount-disclaimer {
    font-size: 14px !important;
    font-family: "Source Sans Pro Semibold";
    font-weight: bold;
    color: #21a872;
    display: block;
    margin-top: 5px;
}
#jm-carousel .product .price .special,
#jm-carousel .product .price .final {
    font-family: "Source Sans Pro Semibold";
    font-size: 20px;
    line-height: 24px;
    height: 24px;
}
#jm-carousel .product .price .special span,
#jm-carousel .product .price .final span {
    font-size: 16px;
}
#jm-carousel .product .price .payment {
    font-size: 13px;
    line-height: 18px;
    height: 18px;
}
#jm-carousel .product .yotpo-display-wrapper .standalone-bottomline {
    border: none;
    padding: 0;
}
#jm-carousel .product .yotpo-display-wrapper .standalone-bottomline .text-m {
    display: none;
}
.VueCarousel-wrapper {
    overflow: scroll !important;
}
.VueCarousel-wrapper .VueCarousel-inner .VueCarousel-slide:last-child .product {
    margin: 0px 40px 0 10px !important;
}
.VueCarousel-navigation {
    display: none;
}
.filter-menu-slider {
    height: calc(100vh - 115px);
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: 0.5s;
}
.filter-menu-slider .filter-items {
    margin: 5px 0 0;
    padding-bottom: 60px;
}
.filter-menu-slider .filter-items dt {
    color: #4e4e4e;
    border-top: 1px solid #ebebeb !important;
    font-family: "Source Sans Pro";
    font-size: 18px;
    line-height: 23px;
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-menu-slider .filter-items dt .icon-angle-down:before,
.filter-menu-slider .filter-items dt .icon-angle-up:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-arrow.svg") !important;
    transform: rotate(90deg);
    display: block;
}
.filter-menu-slider .filter-items dt .icon-angle-up:before {
    transform: rotate(0deg);
}
.filter-menu-slider .filter-items dd {
    margin-left: 15px;
}
.filter-menu-slider .filter-items dd ul {
    margin-top: 0;
}
.filter-menu-slider .filter-items dd ul li {
    padding: 4px 0;
}
.filter-menu-slider .filter-items dd ul li a {
    color: #4e4e4e;
    font-family: "Source Sans Pro";
    font-size: 18px;
}
.filter-menu-slider .filter-items .facet-multi_option ul li .checkbox label {
    color: #5a5a5a;
    font-family: "Source Sans Pro";
    font-size: 18px;
}
.filter-menu-slider
    .filter-items
    .facet-multi_option
    ul
    li
    .checkbox
    label:before {
    border: 1px solid #aeaeae;
    margin-top: 2px;
}
.filter-menu-slider
    .filter-items
    .facet-multi_option
    ul
    li
    .checkbox
    label
    .cnv-items {
    color: #b6b6b6;
}
.filter-menu-slider .filter-items .dimension-filters {
    font-size: 14px;
    margin-bottom: 10px;
}
.filter-menu-slider .filter-items .dimension-filters.open dt {
    padding: 20px 15px 5px 15px;
}
.filter-menu-slider .filter-items .dimension-filters dt {
    border-top: none !important;
}
.filter-menu-slider .filter-items .dimension-filters .dimension-container {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    margin-right: 15px;
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .title {
    font-size: 16px;
    color: #000;
    font-family: "Source Sans Pro";
    padding: 10px 0 15px 0;
    font-weight: normal;
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    input {
    width: 56px;
    height: 48px;
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-largura,
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-altura,
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-profundidade {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-largura:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-largura.svg");
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-altura:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-altura.svg");
}
.filter-menu-slider
    .filter-items
    .dimension-filters
    .dimension-container
    .dimension-range
    .icon-profundidade:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-profundidade.svg");
}
.filter-menu-slider .filter-items .dimension-range span,
.filter-menu-slider .filter-items .price-range span,
.filter-menu-slider .filter-items .search-color span {
    color: #ababab;
    font-size: 16px;
    font-family: "Source Sans Pro Semibold";
}
.filter-menu-slider .filter-items .dimension-range input,
.filter-menu-slider .filter-items .price-range input,
.filter-menu-slider .filter-items .search-color input {
    border: 1px solid #aeaeae;
    border-radius: 2px;
    font-size: 18px;
    font-family: "Source Sans Pro";
    height: 29px;
    padding: 0 4px;
}
.filter-menu-slider .filter-items .dimension-range button,
.filter-menu-slider .filter-items .price-range button,
.filter-menu-slider .filter-items .search-color button {
    background: #5f23a8;
    border: 1px solid #5f23a8;
    border-radius: 2px;
    color: #fff;
    font-family: "Source Sans Pro";
    font-size: 22px;
    height: 48px;
    width: 48px;
}
.filter-menu-slider .filter-items .dimension-range .floating-label,
.filter-menu-slider .filter-items .price-range .floating-label,
.filter-menu-slider .filter-items .search-color .floating-label {
    display: flex;
    flex-flow: column-reverse;
    margin-top: -22px;
}
.filter-menu-slider .filter-items .dimension-range .floating-label label,
.filter-menu-slider .filter-items .dimension-range .floating-label input,
.filter-menu-slider .filter-items .price-range .floating-label label,
.filter-menu-slider .filter-items .price-range .floating-label input,
.filter-menu-slider .filter-items .search-color .floating-label label,
.filter-menu-slider .filter-items .search-color .floating-label input {
    transition: all 0.2s;
    touch-action: manipulation;
}
.filter-menu-slider .filter-items .dimension-range .floating-label label,
.filter-menu-slider .filter-items .price-range .floating-label label,
.filter-menu-slider .filter-items .search-color .floating-label label {
    color: #939292;
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-size: 18px;
    padding: 0 4px;
    margin: 0 5px;
}
.filter-menu-slider .filter-items .dimension-range .floating-label input,
.filter-menu-slider .filter-items .price-range .floating-label input,
.filter-menu-slider .filter-items .search-color .floating-label input {
    background: #fff;
    border: 1px solid #ebebeb;
}
.filter-menu-slider .filter-items .dimension-range .floating-label input:focus,
.filter-menu-slider .filter-items .price-range .floating-label input:focus,
.filter-menu-slider .filter-items .search-color .floating-label input:focus {
    outline: none;
}
.filter-menu-slider
    .filter-items
    .dimension-range
    .floating-label
    input:placeholder-shown
    + label,
.filter-menu-slider
    .filter-items
    .price-range
    .floating-label
    input:placeholder-shown
    + label,
.filter-menu-slider
    .filter-items
    .search-color
    .floating-label
    input:placeholder-shown
    + label {
    transform: translate(0, 34px) scale(1);
}
.filter-menu-slider
    .filter-items
    .dimension-range
    .floating-label
    input:not(:placeholder-shown)
    + label,
.filter-menu-slider
    .filter-items
    .dimension-range
    .floating-label
    input:focus
    + label,
.filter-menu-slider
    .filter-items
    .price-range
    .floating-label
    input:not(:placeholder-shown)
    + label,
.filter-menu-slider
    .filter-items
    .price-range
    .floating-label
    input:focus
    + label,
.filter-menu-slider
    .filter-items
    .search-color
    .floating-label
    input:not(:placeholder-shown)
    + label,
.filter-menu-slider
    .filter-items
    .search-color
    .floating-label
    input:focus
    + label {
    outline: none;
    color: #000000;
    background: #fff;
    width: fit-content;
    font-size: 16px;
    transform: translate(0, 8px) scale(1);
}
.filter-menu-slider .filter-items .price-range {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 15px 15px 0;
}
.filter-menu-slider .filter-items .price-range span {
    padding: 0 5px;
}
.filter-menu-slider .filter-items .price-range input {
    width: 58px;
    height: 49px;
}
.filter-menu-slider .filter-items .price-range button {
    margin-left: 3px;
}
.filter-menu-slider .filter-items .search-color input {
    width: 260px;
    height: 42px;
}
.filter-menu-slider .filter-items .open-list {
    color: #2b7cfd;
    font-family: "Source Sans Pro";
    font-size: 18px;
    line-height: 23px;
    text-decoration: underline;
}
.filter-menu-slider .filter-items .scrollbar {
    height: 250px;
    width: 260px;
    overflow-y: scroll;
}
.filter-menu-slider .filter-items .scrollbar::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.filter-menu-slider .filter-items .scrollbar::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 8px;
    appearance: none;
}
.filter-menu-slider .filter-items .scrollbar::-webkit-scrollbar-thumb {
    background-color: #ababab;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.filter-menu-slider .selected-filters {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 10px 15px;
    margin: 10px;
}
.filter-menu-slider .selected-filters li {
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}
.filter-menu-slider .selected-filters li:last-child {
    border-bottom: none;
}
.filter-menu-slider .selected-filters li a {
    color: #000;
    font-family: "Source Sans Pro";
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter-menu-slider .selected-filters li .filter-clean-all {
    text-decoration: underline;
}
.filter-menu-slider .selected-filters .icon-remove-filter {
    background: url("//static.mobly.com.br/images/mobly4/icon-excluir-filtro.svg");
    height: 19px;
    width: 19px;
    display: block;
    transform: scale(1.2);
}
.filter-menu-slider .checkbox label::after {
    padding: 4px 0 0 3px;
}
#filterCloseSlider {
    position: absolute;
    right: 310px;
    top: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    font-size: 36px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#filterCloseSlider .icon-close-menu {
    background: url("//static.mobly.com.br/images/mobly4/icon-close.svg");
    height: 20px;
    width: 20px;
    transform: scale(0.8);
}
#filterOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 998;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.block {
    display: block;
}
.inline {
    display: inline !important;
}
.text-sm {
    font-family: "Source Sans Pro";
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    margin: 0;
}
.text-md {
    font-family: "Source Sans Pro";
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    margin: 0;
}
.bold {
    font-family: "Source Sans Pro Bold";
    font-weight: normal;
}
.semibold {
    font-family: "Source Sans Pro Semibold";
    font-weight: normal;
}
.center {
    text-align: center;
}
.purple {
    color: #5f22a8;
}
.green {
    color: #21a872;
}
.link {
    color: #5a98ff;
    display: block;
    text-decoration: underline !important;
}
.link:focus {
    color: #5a98ff;
    outline: none;
}
.link:hover {
    color: #5a98ff;
    text-decoration: underline;
}
.icon-new {
    vertical-align: middle;
}
.icon-new:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-tag-new.svg");
}
.landing-page-mobile {
    display: inline-block !important;
}
.tooltip-info-pickup {
    vertical-align: middle;
}
.tooltip-info-pickup:after {
    content: url("//static.mobly.com.br/images/mobly4/icon-info-outline.svg");
}
.tooltip-info-pickup .info-text {
    position: absolute;
    background: #4c4c4c;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    width: 300px;
    padding: 5px 10px;
    margin-top: -96px;
    margin-left: -142px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s;
    text-align: center;
}
.tooltip-info-pickup .info-text:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4c4c4c transparent transparent transparent;
}
.tooltip-info-pickup:hover .info-text {
    visibility: visible;
    opacity: 1;
}
.no-code {
    text-align: left;
    text-decoration: underline;
    font: normal normal normal 16px/19px "Source Sans Pro";
    letter-spacing: 0px;
    color: #5a98ff;
    opacity: 1;
}
.detail-freight-box {
    color: #000;
    font-family: "Source Sans Pro";
    font-size: 14px;
    line-height: 18px;
}
.detail-freight-box p {
    margin-bottom: 0;
}
.detail-freight-box .box {
    background: #fafafa;
    border-radius: 2px;
    padding: 10px 20px 15px 20px;
}
.detail-freight-box .info-container {
    position: absolute;
    margin-left: 45px;
}
.detail-freight-box .shipping-address {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 0 10px;
}
.detail-freight-box .pickup-delivery-pdp .link.check-it-up {
    margin-left: 45px;
}
.detail-freight-box .available-stores,
.detail-freight-box .check-it-up {
    color: #5f22a8;
    display: flex;
    border: 1px solid #5f22a8;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: 50px;
}
.detail-freight-box .available-stores {
    background: #5f22a8;
    color: #fff;
}
.detail-freight-box .available-stores .icon-location:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-location-white.svg");
}
.detail-freight-box .error-message {
    color: #f00;
}
.detail-freight-box .sel-cart-postcode-input {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #bebebe;
    opacity: 1;
    height: 46px;
}
.detail-freight-box .sel-cart-postcode-input.error {
    border: 1px solid #f00 !important;
}
.detail-freight-box .icon {
    text-align: left;
    width: 40px;
    margin-top: 10px;
}
.detail-freight-box .icon-location:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-location-orange.svg");
}
.detail-freight-box .icon-normal-delivery:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-normal-delivery.svg");
}
.detail-freight-box .icon-quick-delivery:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-quick-delivery.svg");
}
.detail-freight-box .icon-express-delivery:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-express.svg");
}
.detail-freight-box .icon-pickup:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lojas.svg");
}
.pickup-delivery .icon-new {
    vertical-align: sub;
}
.pickup-delivery table {
    border-spacing: 0;
}
.pickup-delivery table tr {
    padding: 0 10px;
}
.pickup-delivery .delivery-info {
    font-family: "Source Sans Pro";
}
.pickup-delivery .delivery-info .delivery-title-mobile {
    display: block !important;
}
.pickup-delivery .delivery-info .radio {
    margin-left: 0 !important;
    padding-left: 9px;
}
.pickup-delivery .delivery-info .store-address {
    margin-right: 10px;
}
.pickup-delivery .delivery-info .link {
    font-family: "Source Sans Pro Semibold";
    font-size: 14px;
    display: inline;
}
.pickup-delivery .delivery-info .shipping-freight {
    color: #3cd453;
}
.pickup-delivery .delivery-info .edit-store {
    display: inline !important;
    float: right;
}
.pickup-delivery .delivery-info .edit-store .icon-edit:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-edit.svg");
    vertical-align: text-bottom;
}
.pickup-delivery .delivery-info .tooltip-half-shipping .info-text {
    color: #fff;
}
.success-box .selected-store {
    border-top: 1px solid #e0e5e1;
    border-bottom: 1px solid #e0e5e1;
    margin: 15px 0;
    padding: 10px 0;
}
.success-box .selected-store p {
    color: #000;
}
.success-box .box-alert {
    background: #fff1c6;
    border: 1px solid #946e00;
    padding: 15px;
}
.success-box .box-alert p {
    color: #946e00;
}
#modalStoreMaps {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
#modalStoreMaps .modal-dialog {
    width: 100%;
}
#modalStoreMaps .modal-title {
    color: #000;
    font-size: 16px;
    font-family: "Source Sans Pro Semibold";
    line-height: 20px;
    display: inline;
}
#modalStoreMaps .modal-header,
#modalStoreMaps .modal-footer {
    background: #f2f2f2;
    padding: 5px 10px;
}
#modalStoreMaps .modal-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
#modalStoreMaps .close {
    background: none;
    border: none;
    margin: 0;
}
#modalStoreMaps .modal-footer {
    border-top: none;
}
#modalStoreMaps .modal-footer.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px;
}
#modalStoreMaps .modal-footer p {
    color: #535353;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
#modalStoreMaps .modal-footer .store-choice-btn {
    background: #3cd453;
    border: none;
    border-radius: 2px;
    box-shadow: 0px 3px 6px #0000001a;
    color: #fff;
    font-family: "Source Sans Pro Semibold";
    font-size: 22px;
    line-height: 28px;
    height: 65px;
    width: 95%;
}
#modalStoreMaps .modal-footer .store-choice-btn[disabled] {
    background: #a1a1a1;
}
#modalStoreMaps .modal-body {
    display: flex;
    padding: 0;
}
#modalStoreMaps .modal-body .stores-list {
    width: 100%;
    background: #f2f2f2;
    overflow: scroll;
    height: 100vh;
}
#modalStoreMaps .modal-body .stores-list .stores-search {
    background: #fff;
    padding-top: 10px;
    z-index: 9;
}
#modalStoreMaps .modal-body .stores-list .stores-search .zipcode {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .stores-search
    .zipcode
    div.ui-input-text {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}
#modalStoreMaps .modal-body .stores-list .stores-search .zipcode .input {
    color: #969696;
    border: 1px solid #dfe1e5;
    border-radius: 4px 0 0 4px;
    height: 40px;
    width: 100%;
    padding: 0 0 0 5px;
    font-size: 16px;
}
#modalStoreMaps .modal-body .stores-list .stores-search .zipcode .input:focus {
    border: 1px solid #5a98ff;
    outline: none;
}
#modalStoreMaps .modal-body .stores-list .stores-search .zipcode .button {
    background: #5f23a8;
    height: 42px;
    width: 48px;
    border: none;
    border-radius: 0 4px 4px 0;
    z-index: 9;
}
#modalStoreMaps .modal-body .stores-list .stores-search .zipcode .button:focus {
    border: none;
    outline: none;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .stores-search
    .zipcode
    .icon-search:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-search.svg");
}
#modalStoreMaps .modal-body .stores-list .stores-search .stores-ordernation {
    border-top: 1px solid #dfe1e5;
    margin-top: 15px;
    padding: 10px;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .stores-search
    .stores-ordernation
    .ordination-inputs {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#modalStoreMaps .modal-body .stores-list .stores-search .icon-my-location {
    vertical-align: middle;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .stores-search
    .icon-my-location:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-my-location.svg");
}
#modalStoreMaps .modal-body .stores-list .store-items.clickable {
    padding-bottom: 160px;
}
#modalStoreMaps .modal-body .stores-list .store-items #loading-stores {
    text-align: center;
}
#modalStoreMaps .modal-body .stores-list .store-items #loading-stores img {
    background: #f2f2f2;
}
#modalStoreMaps .modal-body .stores-list .store-items .store-card {
    background: #fff;
    border-left: 3px solid #5f23a8;
    padding: 15px 20px;
    margin: 10px;
}
#modalStoreMaps .modal-body .stores-list .store-items .store-card.clickable {
    cursor: pointer;
    border-left: 3px solid #c8c8c8;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card.clickable.selected {
    border-left: 3px solid #5f22a8;
    padding: 15px 20px 15px 30px;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .store-select {
    position: absolute;
    left: 5px;
    top: 48%;
}
#modalStoreMaps .modal-body .stores-list .store-items .store-card .store-name {
    font-size: 21px;
    color: #5f22a8;
    margin-top: 0;
}
#modalStoreMaps .modal-body .stores-list .store-items .store-card .left-column {
    width: 70%;
    border-right: 1px solid #dfe1e5;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .right-column {
    width: 30%;
    text-align: center;
    padding: 0 5px 0 15px;
}
#modalStoreMaps .modal-body .stores-list .store-items .store-card .top {
    border-bottom: 1px solid #dfe1e5;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .icon-location-orange {
    background: url("//static.mobly.com.br/images/mobly4/icon-location-orange.svg")
        no-repeat center;
    display: inline-block;
    height: 33px;
    width: 33px;
    transform: scale(0.7);
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .icon-info:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-info-outline.svg");
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .opening-hours {
    font-size: 16px;
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .opening-hours
    p {
    padding-left: 28px;
    line-height: 22px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url("//static.mobly.com.br/images/mobly4/icon-clock.svg");
}
#modalStoreMaps
    .modal-body
    .stores-list
    .store-items
    .store-card
    .opening-hours
    .opening-hours-link {
    text-decoration: none;
    background-color: #5f23a8;
    color: #ffffff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 10px;
}
#modalStoreMaps .modal-body .stores-map {
    display: none;
}
#modalStoreMaps .icon-close:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-close-black.svg");
}
#modalStoreMaps .icon-store {
    vertical-align: middle;
}
#modalStoreMaps .icon-store:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-menu-lojas.svg");
}
#modalStoreMaps .box-alert {
    position: relative;
    background: #fff1c6;
    box-shadow: 0px 1px 1px #0000001a;
    padding: 5px 25px 5px 10px;
}
#modalStoreMaps .box-alert p {
    color: #946e00;
}
#modalStoreMaps .box-alert .icon-close-alert {
    position: absolute;
    top: 0;
    right: 0;
}
#modalStoreMaps .box-alert .icon-close-alert:before {
    content: url("//static.mobly.com.br/images/mobly4/icon-close-alert.svg");
}
#modalStoreMaps .custom-radio-btn {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#modalStoreMaps .custom-radio-btn.selected .checkmark {
    background-color: #fff;
    border: 1px solid #5f23a8;
}
#modalStoreMaps .custom-radio-btn.selected .checkmark.box {
    background-color: #5f23a8;
    border: none;
}
#modalStoreMaps .custom-radio-btn.selected .checkmark:after {
    display: block;
}
#modalStoreMaps .custom-radio-btn .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 50%;
}
#modalStoreMaps .custom-radio-btn .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5f23a8;
}
#modalStoreMaps .custom-radio-btn .checkmark.box {
    border-radius: 0;
}
#modalStoreMaps .custom-radio-btn .checkmark.box:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border-radius: 0;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#modalStoreMaps .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.contentful #ctf-event-date {
    display: none;
}
.contentful #ctf-chronometer {
    margin: 7px 20px;
    text-align: right;
}
.contentful .contentful-chronometer {
    color: #fff;
}
.contentful .chronometer-section {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
    text-align: center;
}
.contentful .block-banner-header .text {
    font-size: 20px;
    font-family: "Rubik Regular" !important;
    margin-right: 10px;
}
.contentful .block-banner-header .separator {
    color: #000;
    font-size: 25px;
    font-family: "Rubik Medium" !important;
}
.contentful .block-banner-header .digit {
    display: inline-grid;
    align-content: center;
    width: 64px;
    height: 41px;
    background-color: #fff;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    font-family: "Rubik Medium" !important;
    border-radius: 4px 4px 0 0;
}
.contentful .block-banner-header .digit-text {
    display: grid;
    align-content: center;
    width: 100%;
    height: 20px;
    background-color: #232c3d;
    color: #fff;
    font-size: 14px;
    font-family: "Rubik Regular" !important;
}
.contentful .block-slider-principal .text {
    font-size: 20px;
    font-family: "Rubik Regular" !important;
    margin-right: 10px;
}
.contentful .block-slider-principal .separator {
    color: #000;
    font-size: 32px;
    font-family: "Rubik Medium" !important;
}
.contentful .block-slider-principal .digit {
    display: inline-grid;
    align-content: center;
    width: 75px;
    height: 49px;
    background-color: #fff;
    color: #000;
    font-size: 32px;
    font-weight: bold;
    font-family: "Rubik Medium" !important;
    border-radius: 4px 4px 0 0;
}
.contentful .block-slider-principal .digit-text {
    display: grid;
    align-content: center;
    width: 100%;
    height: 23px;
    background-color: #232c3d;
    color: #fff;
    font-size: 14px;
    font-family: "Rubik Regular" !important;
}
/* owlCarousel.css */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
/* owlCarouselTheme.css */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
    margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
/* customTheme.css */
*:has(> slot) {
    height: auto !important;
}
.btn-txt-legal {
    padding: 2px 8px;
    border: 1px solid;
    border-color: currentColor;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-family: "Source Sans Pro Light", sans-serif;
    line-height: 1;
    position: absolute;
    border-radius: 4px;
    background-color: unset;
    top: 10px;
    left: 10px;
    z-index: 10;
}

.btn-txt-legal > .tooltiptext {
    visibility: hidden;
    width: 185px;
    width: 38ch;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 10;
    margin-left: initial;
    top: 25px;
    left: 0;
}

.btn-txt-legal > .tooltiptext::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 30px;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.btn-txt-legal:hover > .tooltiptext {
    visibility: visible;
    cursor: pointer;
}

.btn-txt-legal.--active > .tooltiptext {
    visibility: visible;
}

.btn-txt-legal:hover {
    cursor: pointer;
}

.btn-txt-legal:focus {
    outline-color: white;
    outline-style: dashed;
}

/* .btn-txt-legal > .tooltiptext.-bottom:after {
top: -10px;
border-color: transparent transparent black transparent; } */

/*top*/
.btn-txt-legal.-top {
    top: 10px !important;
}

.btn-txt-legal.-top > .tooltiptext {
    top: 25px;
}

.btn-txt-legal.-top > .tooltiptext:after {
    border-color: transparent transparent black transparent;
    top: -10px;
}

/*Bottom*/
.btn-txt-legal.-bottom {
    bottom: 10px !important;
    top: unset;
}

.btn-txt-legal.-bottom > .tooltiptext {
    bottom: 25px;
    top: unset;
}

.btn-txt-legal.-bottom > .tooltiptext:after {
    border-color: #000000 transparent transparent transparent;
    bottom: -10px;
    top: unset;
}

/*left*/
.btn-txt-legal.-left {
    left: 10px !important;
}

.btn-txt-legal.-left > .tooltiptext {
    left: 0;
}

.btn-txt-legal.-left > .tooltiptext:after {
    left: 30px;
}

/*Right*/
.btn-txt-legal.-right {
    right: 10px !important;
    left: unset !important;
}

.btn-txt-legal.-right > .tooltiptext {
    right: 0;
    left: unset;
}

.btn-txt-legal.-right > .tooltiptext:after {
    right: 30px;
    left: unset;
}

/*C O L O R S*/
.btn-txt-legal.-light {
    color: #ffffff !important;
}

.btn-txt-legal.-dark {
    color: #666666 !important;
}

.btn-txt-legal.-black {
    color: #000000 !important;
}

.btn-txt-legal.-static {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

.tooltiptext:empty ~ * {
    display: none;
}

.btn-txt-legal.-lp {
    bottom: 80px;
}