@charset 'UTF-8';
        /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
        
        button,
        hr,
        input {
            overflow: visible;
        }
        
        audio,
        canvas,
        progress,
        video {
            display: inline-block;
        }
        
        .muestra_txt {
            color: var(--c2-dark3);
        }
        
        button.over .muestra_txt {
            color: white;
        }
        
        progress,
        sub,
        sup {
            vertical-align: baseline;
        }
        
        [type="checkbox"],
        [type="radio"],
        legend {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
        }
        
        html {
            font-family: 'Open Sans', sans-serif;
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }
        
        body {
            margin: 0;
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        main,
        menu,
        nav,
        section {
            display: block;
        }
        
        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }
        
        figure {
            margin: 1em 40px;
        }
        
        hr {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            height: 0;
        }
        
        code,
        kbd,
        pre,
        samp {
            font-family: 'Open Sans', sans-serif;
            font-size: 1em;
        }
        
        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects;
        }
        
        a:active,
        a:hover {
            outline-width: 0;
        }
        
        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
        }
        
        b,
        strong {
            font-weight: bolder;
        }
        
        dfn {
            font-style: italic;
        }
        
        mark {
            background-color: #ff0;
            color: #000;
        }
        
        small {
            font-size: 80%;
        }
        
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
        }
        
        sub {
            bottom: -0.25em;
        }
        
        sup {
            top: -0.5em;
        }
        
        audio:not([controls]) {
            display: none;
            height: 0;
        }
        
        img {
            border-style: none;
        }
        
        svg:not(:root) {
            overflow: hidden;
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: 'Open Sans', sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0;
        }
        
        button,
        select {
            text-transform: none;
        }
        
        [type="reset"],
        [type="submit"],
        button,
        html [type="button"] {
            -webkit-appearance: button;
        }
        
        [type="button"]::-moz-focus-inner,
        [type="reset"]::-moz-focus-inner,
        [type="submit"]::-moz-focus-inner,
        button::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }
        
        [type="button"]:-moz-focusring,
        [type="reset"]:-moz-focusring,
        [type="submit"]:-moz-focusring,
        button:-moz-focusring {
            outline: ButtonText dotted 1px;
        }
        
        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em;
        }
        
        legend {
            color: inherit;
            display: table;
            max-width: 100%;
            white-space: normal;
        }
        
        textarea {
            overflow: auto;
        }
        
        [type="number"]::-webkit-inner-spin-button,
        [type="number"]::-webkit-outer-spin-button {
            height: auto;
        }
        
        [type="search"] {
            -webkit-appearance: textfield;
            outline-offset: -2px;
        }
        
        [type="search"]::-webkit-search-cancel-button,
        [type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        
         ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit;
        }
        
        summary {
            display: list-item;
        }
        
        [hidden],
        template {
            display: none;
        }
        /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
        /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
        
        html {
            font-family: 'Open Sans', sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
        }
        
        body {
            margin: 0;
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block;
        }
        
        audio,
        canvas,
        progress,
        video {
            display: inline-block;
            vertical-align: baseline;
        }
        
        audio:not([controls]) {
            display: none;
            height: 0;
        }
        
        [hidden],
        template {
            display: none;
        }
        
        a {
            background-color: transparent;
        }
        
        a:active,
        a:hover {
            outline: 0;
        }
        
        abbr[title] {
            border-bottom: 1px dotted;
        }
        
        b,
        strong {
            font-weight: 700;
        }
        
        dfn {
            font-style: italic;
        }
        
        h1 {
            margin: 0.67em 0;
            font-size: 2em;
        }
        
        mark {
            color: #000;
            background: #ff0;
        }
        
        small {
            font-size: 80%;
        }
        
        sub,
        sup {
            position: relative;
            font-size: 75%;
            line-height: 0;
            vertical-align: baseline;
        }
        
        sup {
            top: -0.5em;
        }
        
        sub {
            bottom: -0.25em;
        }
        
        img {
            border: 0;
        }
        
        svg:not(:root) {
            overflow: hidden;
        }
        
        figure {
            margin: 1em 40px;
        }
        
        hr {
            height: 0;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }
        
        pre {
            overflow: auto;
        }
        
        code,
        kbd,
        pre,
        samp {
            font-family: monospace, monospace;
            font-size: 1em;
        }
        
        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            font: inherit;
            color: inherit;
        }
        
        button {
            overflow: visible;
        }
        
        button,
        select {
            text-transform: none;
        }
        
        button,
        html input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
        }
        
        button[disabled],
        html input[disabled] {
            cursor: default;
        }
        
        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0;
        }
        
        input {
            line-height: normal;
        }
        
        input[type="checkbox"],
        input[type="radio"] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
        }
        
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            height: auto;
        }
        
        input[type="search"] {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            -webkit-appearance: textfield;
        }
        
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
        
        fieldset {
            padding: 0.35em 0.625em 0.75em;
            margin: 0 2px;
            border: 1px solid silver;
        }
        
        legend {
            padding: 0;
            border: 0;
        }
        
        textarea {
            overflow: auto;
        }
        
        optgroup {
            font-weight: 700;
        }
        
        table {
            border-spacing: 0;
            border-collapse: collapse;
        }
        
        td,
        th {
            padding: 0;
        }
        /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/_assets/css/main.css */
        
.slider-value-movil {
  -webkit-appearance: none;
  width: 15px;
  height: 2px !important;
  /*border-radius: 5px;  */
  background: #7eb4b2;
  outline: none;
  opacity: 1;
  -webkit-transition: all 1s;
  transition: all 1s;
  margin-top: 20px;
  border-bottom: none !important;
  border: 2px solid #7eb4b2;
}

.slider-value-movil::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #7eb4b2;
  cursor: pointer;
}

.slider-value-movil::-moz-range-thumb {
  width: 25px;
  height: 2px;
  border-radius: 50%;
  background: black;
  cursor: pointer;
}
        @media print {
            *,
             :after,
             :before {
                color: #000 !important;
                text-shadow: none !important;
                background: 0 0 !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important;
            }
            a,
            a:visited {
                text-decoration: underline;
            }
            a[href]:after {
                content: " (" attr(href) ")";
            }
            abbr[title]:after {
                content: " (" attr(title) ")";
            }
            a[href^="#"]:after,
            a[href^="javascript:"]:after {
                content: "";
            }
            blockquote,
            pre {
                border: 1px solid #999;
                page-break-inside: avoid;
            }
            thead {
                display: table-header-group;
            }
            img,
            tr {
                page-break-inside: avoid;
            }
            img {
                max-width: 100% !important;
            }
            h2,
            h3,
            p {
                orphans: 3;
                widows: 3;
            }
            h2,
            h3 {
                page-break-after: avoid;
            }
            .navbar {
                display: none;
            }
            .btn>.caret,
            .dropup>.btn>.caret {
                border-top-color: #000 !important;
            }
            .label {
                border: 1px solid #000;
            }
            .table {
                border-collapse: collapse !important;
            }
            .table td,
            .table th {
                background-color: #fff !important;
            }
            .table-bordered td,
            .table-bordered th {
                border: 1px solid #ddd !important;
            }
        }
        
        @font-face {
            font-family: "Glyphicons Halflings";
            font-display: auto;
            src: url(libs/fonts/glyphicons-halflings-regular.eot);
            src: url(libs/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(libs/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(libs/fonts/glyphicons-halflings-regular.woff) format("woff"), url(libs/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(libs/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
        }
        
        .glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: "Glyphicons Halflings";
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .glyphicon-asterisk:before {
            content: "\002a";
        }
        
        .glyphicon-plus:before {
            content: "\002b";
        }
        
        .glyphicon-eur:before,
        .glyphicon-euro:before {
            content: "\20ac";
        }
        
        .glyphicon-minus:before {
            content: "\2212";
        }
        
        .glyphicon-cloud:before {
            content: "\2601";
        }
        
        .glyphicon-envelope:before {
            content: "\2709";
        }
        
        .glyphicon-pencil:before {
            content: "\270f";
        }
        
        .glyphicon-glass:before {
            content: "\e001";
        }
        
        .glyphicon-music:before {
            content: "\e002";
        }
        
        .glyphicon-search:before {
            content: "\e003";
        }
        
        .glyphicon-heart:before {
            content: "\e005";
        }
        
        .glyphicon-star:before {
            content: "\e006";
        }
        
        .glyphicon-star-empty:before {
            content: "\e007";
        }
        
        .glyphicon-user:before {
            content: "\e008";
        }
        
        .glyphicon-film:before {
            content: "\e009";
        }
        
        .glyphicon-th-large:before {
            content: "\e010";
        }
        
        .glyphicon-th:before {
            content: "\e011";
        }
        
        .glyphicon-th-list:before {
            content: "\e012";
        }
        
        .glyphicon-ok:before {
            content: "\e013";
        }
        
        .glyphicon-remove:before {
            content: "\e014";
        }
        
        .glyphicon-zoom-in:before {
            content: "\e015";
        }
        
        .glyphicon-zoom-out:before {
            content: "\e016";
        }
        
        .glyphicon-off:before {
            content: "\e017";
        }
        
        .glyphicon-signal:before {
            content: "\e018";
        }
        
        .glyphicon-cog:before {
            content: "\e019";
        }
        
        .glyphicon-trash:before {
            content: "\e020";
        }
        
        .glyphicon-home:before {
            content: "\e021";
        }
        
        .glyphicon-file:before {
            content: "\e022";
        }
        
        .glyphicon-time:before {
            content: "\e023";
        }
        
        .glyphicon-road:before {
            content: "\e024";
        }
        
        .glyphicon-download-alt:before {
            content: "\e025";
        }
        
        .glyphicon-download:before {
            content: "\e026";
        }
        
        .glyphicon-upload:before {
            content: "\e027";
        }
        
        .glyphicon-inbox:before {
            content: "\e028";
        }
        
        .glyphicon-play-circle:before {
            content: "\e029";
        }
        
        .glyphicon-repeat:before {
            content: "\e030";
        }
        
        .glyphicon-refresh:before {
            content: "\e031";
        }
        
        .glyphicon-list-alt:before {
            content: "\e032";
        }
        
        .glyphicon-lock:before {
            content: "\e033";
        }
        
        .glyphicon-flag:before {
            content: "\e034";
        }
        
        .glyphicon-headphones:before {
            content: "\e035";
        }
        
        .glyphicon-volume-off:before {
            content: "\e036";
        }
        
        .glyphicon-volume-down:before {
            content: "\e037";
        }
        
        .glyphicon-volume-up:before {
            content: "\e038";
        }
        
        .glyphicon-qrcode:before {
            content: "\e039";
        }
        
        .glyphicon-barcode:before {
            content: "\e040";
        }
        
        .glyphicon-tag:before {
            content: "\e041";
        }
        
        .glyphicon-tags:before {
            content: "\e042";
        }
        
        .glyphicon-book:before {
            content: "\e043";
        }
        
        .glyphicon-bookmark:before {
            content: "\e044";
        }
        
        .glyphicon-print:before {
            content: "\e045";
        }
        
        .glyphicon-camera:before {
            content: "\e046";
        }
        
        .glyphicon-font:before {
            content: "\e047";
        }
        
        .glyphicon-bold:before {
            content: "\e048";
        }
        
        .glyphicon-italic:before {
            content: "\e049";
        }
        
        .glyphicon-text-height:before {
            content: "\e050";
        }
        
        .glyphicon-text-width:before {
            content: "\e051";
        }
        
        .glyphicon-align-left:before {
            content: "\e052";
        }
        
        .glyphicon-align-center:before {
            content: "\e053";
        }
        
        .glyphicon-align-right:before {
            content: "\e054";
        }
        
        .glyphicon-align-justify:before {
            content: "\e055";
        }
        
        .glyphicon-list:before {
            content: "\e056";
        }
        
        .glyphicon-indent-left:before {
            content: "\e057";
        }
        
        .glyphicon-indent-right:before {
            content: "\e058";
        }
        
        .glyphicon-facetime-video:before {
            content: "\e059";
        }
        
        .glyphicon-picture:before {
            content: "\e060";
        }
        
        .glyphicon-map-marker:before {
            content: "\e062";
        }
        
        .glyphicon-adjust:before {
            content: "\e063";
        }
        
        .glyphicon-tint:before {
            content: "\e064";
        }
        
        .glyphicon-edit:before {
            content: "\e065";
        }
        
        .glyphicon-share:before {
            content: "\e066";
        }
        
        .glyphicon-check:before {
            content: "\e067";
        }
        
        .glyphicon-move:before {
            content: "\e068";
        }
        
        .glyphicon-step-backward:before {
            content: "\e069";
        }
        
        .glyphicon-fast-backward:before {
            content: "\e070";
        }
        
        .glyphicon-backward:before {
            content: "\e071";
        }
        
        .glyphicon-play:before {
            content: "\e072";
        }
        
        .glyphicon-pause:before {
            content: "\e073";
        }
        
        .glyphicon-stop:before {
            content: "\e074";
        }
        
        .glyphicon-forward:before {
            content: "\e075";
        }
        
        .glyphicon-fast-forward:before {
            content: "\e076";
        }
        
        .glyphicon-step-forward:before {
            content: "\e077";
        }
        
        .glyphicon-eject:before {
            content: "\e078";
        }
        
        .glyphicon-chevron-left:before {
            content: "\e079";
        }
        
        .glyphicon-chevron-right:before {
            content: "\e080";
        }
        
        .glyphicon-plus-sign:before {
            content: "\e081";
        }
        
        .glyphicon-minus-sign:before {
            content: "\e082";
        }
        
        .glyphicon-remove-sign:before {
            content: "\e083";
        }
        
        .glyphicon-ok-sign:before {
            content: "\e084";
        }
        
        .glyphicon-question-sign:before {
            content: "\e085";
        }
        
        .glyphicon-info-sign:before {
            content: "\e086";
        }
        
        .glyphicon-screenshot:before {
            content: "\e087";
        }
        
        .glyphicon-remove-circle:before {
            content: "\e088";
        }
        
        .glyphicon-ok-circle:before {
            content: "\e089";
        }
        
        .glyphicon-ban-circle:before {
            content: "\e090";
        }
        
        .glyphicon-arrow-left:before {
            content: "\e091";
        }
        
        .glyphicon-arrow-right:before {
            content: "\e092";
        }
        
        .glyphicon-arrow-up:before {
            content: "\e093";
        }
        
        .glyphicon-arrow-down:before {
            content: "\e094";
        }
        
        .glyphicon-share-alt:before {
            content: "\e095";
        }
        
        .glyphicon-resize-full:before {
            content: "\e096";
        }
        
        .glyphicon-resize-small:before {
            content: "\e097";
        }
        
        .glyphicon-exclamation-sign:before {
            content: "\e101";
        }
        
        .glyphicon-gift:before {
            content: "\e102";
        }
        
        .glyphicon-leaf:before {
            content: "\e103";
        }
        
        .glyphicon-fire:before {
            content: "\e104";
        }
        
        .glyphicon-eye-open:before {
            content: "\e105";
        }
        
        .glyphicon-eye-close:before {
            content: "\e106";
        }
        
        .glyphicon-warning-sign:before {
            content: "\e107";
        }
        
        .glyphicon-plane:before {
            content: "\e108";
        }
        
        .glyphicon-calendar:before {
            content: "\e109";
        }
        
        .glyphicon-random:before {
            content: "\e110";
        }
        
        .glyphicon-comment:before {
            content: "\e111";
        }
        
        .glyphicon-magnet:before {
            content: "\e112";
        }
        
        .glyphicon-chevron-up:before {
            content: "\e113";
        }
        
        .glyphicon-chevron-down:before {
            content: "\e114";
        }
        
        .glyphicon-retweet:before {
            content: "\e115";
        }
        
        .glyphicon-shopping-cart:before {
            content: "\e116";
        }
        
        .glyphicon-folder-close:before {
            content: "\e117";
        }
        
        .glyphicon-folder-open:before {
            content: "\e118";
        }
        
        .glyphicon-resize-vertical:before {
            content: "\e119";
        }
        
        .glyphicon-resize-horizontal:before {
            content: "\e120";
        }
        
        .glyphicon-hdd:before {
            content: "\e121";
        }
        
        .glyphicon-bullhorn:before {
            content: "\e122";
        }
        
        .glyphicon-bell:before {
            content: "\e123";
        }
        
        .glyphicon-certificate:before {
            content: "\e124";
        }
        
        .glyphicon-thumbs-up:before {
            content: "\e125";
        }
        
        .glyphicon-thumbs-down:before {
            content: "\e126";
        }
        
        .glyphicon-hand-right:before {
            content: "\e127";
        }
        
        .glyphicon-hand-left:before {
            content: "\e128";
        }
        
        .glyphicon-hand-up:before {
            content: "\e129";
        }
        
        .glyphicon-hand-down:before {
            content: "\e130";
        }
        
        .glyphicon-circle-arrow-right:before {
            content: "\e131";
        }
        
        .glyphicon-circle-arrow-left:before {
            content: "\e132";
        }
        
        .glyphicon-circle-arrow-up:before {
            content: "\e133";
        }
        
        .glyphicon-circle-arrow-down:before {
            content: "\e134";
        }
        
        .glyphicon-globe:before {
            content: "\e135";
        }
        
        .glyphicon-wrench:before {
            content: "\e136";
        }
        
        .glyphicon-tasks:before {
            content: "\e137";
        }
        
        .glyphicon-filter:before {
            content: "\e138";
        }
        
        .glyphicon-briefcase:before {
            content: "\e139";
        }
        
        .glyphicon-fullscreen:before {
            content: "\e140";
        }
        
        .glyphicon-dashboard:before {
            content: "\e141";
        }
        
        .glyphicon-paperclip:before {
            content: "\e142";
        }
        
        .glyphicon-heart-empty:before {
            content: "\e143";
        }
        
        .glyphicon-link:before {
            content: "\e144";
        }
        
        .glyphicon-phone:before {
            content: "\e145";
        }
        
        .glyphicon-pushpin:before {
            content: "\e146";
        }
        
        .glyphicon-usd:before {
            content: "\e148";
        }
        
        .glyphicon-gbp:before {
            content: "\e149";
        }
        
        .glyphicon-sort:before {
            content: "\e150";
        }
        
        .glyphicon-sort-by-alphabet:before {
            content: "\e151";
        }
        
        .glyphicon-sort-by-alphabet-alt:before {
            content: "\e152";
        }
        
        .glyphicon-sort-by-order:before {
            content: "\e153";
        }
        
        .glyphicon-sort-by-order-alt:before {
            content: "\e154";
        }
        
        .glyphicon-sort-by-attributes:before {
            content: "\e155";
        }
        
        .glyphicon-sort-by-attributes-alt:before {
            content: "\e156";
        }
        
        .glyphicon-unchecked:before {
            content: "\e157";
        }
        
        .glyphicon-expand:before {
            content: "\e158";
        }
        
        .glyphicon-collapse-down:before {
            content: "\e159";
        }
        
        .glyphicon-collapse-up:before {
            content: "\e160";
        }
        
        .glyphicon-log-in:before {
            content: "\e161";
        }
        
        .glyphicon-flash:before {
            content: "\e162";
        }
        
        .glyphicon-log-out:before {
            content: "\e163";
        }
        
        .glyphicon-new-window:before {
            content: "\e164";
        }
        
        .glyphicon-record:before {
            content: "\e165";
        }
        
        .glyphicon-save:before {
            content: "\e166";
        }
        
        .glyphicon-open:before {
            content: "\e167";
        }
        
        .glyphicon-saved:before {
            content: "\e168";
        }
        
        .glyphicon-import:before {
            content: "\e169";
        }
        
        .glyphicon-export:before {
            content: "\e170";
        }
        
        .glyphicon-send:before {
            content: "\e171";
        }
        
        .glyphicon-floppy-disk:before {
            content: "\e172";
        }
        
        .glyphicon-floppy-saved:before {
            content: "\e173";
        }
        
        .glyphicon-floppy-remove:before {
            content: "\e174";
        }
        
        .glyphicon-floppy-save:before {
            content: "\e175";
        }
        
        .glyphicon-floppy-open:before {
            content: "\e176";
        }
        
        .glyphicon-credit-card:before {
            content: "\e177";
        }
        
        .glyphicon-transfer:before {
            content: "\e178";
        }
        
        .glyphicon-cutlery:before {
            content: "\e179";
        }
        
        .glyphicon-header:before {
            content: "\e180";
        }
        
        .glyphicon-compressed:before {
            content: "\e181";
        }
        
        .glyphicon-earphone:before {
            content: "\e182";
        }
        
        .glyphicon-phone-alt:before {
            content: "\e183";
        }
        
        .glyphicon-tower:before {
            content: "\e184";
        }
        
        .glyphicon-stats:before {
            content: "\e185";
        }
        
        .glyphicon-sd-video:before {
            content: "\e186";
        }
        
        .glyphicon-hd-video:before {
            content: "\e187";
        }
        
        .glyphicon-subtitles:before {
            content: "\e188";
        }
        
        .glyphicon-sound-stereo:before {
            content: "\e189";
        }
        
        .glyphicon-sound-dolby:before {
            content: "\e190";
        }
        
        .glyphicon-sound-5-1:before {
            content: "\e191";
        }
        
        .glyphicon-sound-6-1:before {
            content: "\e192";
        }
        
        .glyphicon-sound-7-1:before {
            content: "\e193";
        }
        
        .glyphicon-copyright-mark:before {
            content: "\e194";
        }
        
        .glyphicon-registration-mark:before {
            content: "\e195";
        }
        
        .glyphicon-cloud-download:before {
            content: "\e197";
        }
        
        .glyphicon-cloud-upload:before {
            content: "\e198";
        }
        
        .glyphicon-tree-conifer:before {
            content: "\e199";
        }
        
        .glyphicon-tree-deciduous:before {
            content: "\e200";
        }
        
        .glyphicon-cd:before {
            content: "\e201";
        }
        
        .glyphicon-save-file:before {
            content: "\e202";
        }
        
        .glyphicon-open-file:before {
            content: "\e203";
        }
        
        .glyphicon-level-up:before {
            content: "\e204";
        }
        
        .glyphicon-copy:before {
            content: "\e205";
        }
        
        .glyphicon-paste:before {
            content: "\e206";
        }
        
        .glyphicon-alert:before {
            content: "\e209";
        }
        
        .glyphicon-equalizer:before {
            content: "\e210";
        }
        
        .glyphicon-king:before {
            content: "\e211";
        }
        
        .glyphicon-queen:before {
            content: "\e212";
        }
        
        .glyphicon-pawn:before {
            content: "\e213";
        }
        
        .glyphicon-bishop:before {
            content: "\e214";
        }
        
        .glyphicon-knight:before {
            content: "\e215";
        }
        
        .glyphicon-baby-formula:before {
            content: "\e216";
        }
        
        .glyphicon-tent:before {
            content: "\26fa";
        }
        
        .glyphicon-blackboard:before {
            content: "\e218";
        }
        
        .glyphicon-bed:before {
            content: "\e219";
        }
        
        .glyphicon-apple:before {
            content: "\f8ff";
        }
        
        .glyphicon-erase:before {
            content: "\e221";
        }
        
        .glyphicon-hourglass:before {
            content: "\231b";
        }
        
        .glyphicon-lamp:before {
            content: "\e223";
        }
        
        .glyphicon-duplicate:before {
            content: "\e224";
        }
        
        .glyphicon-piggy-bank:before {
            content: "\e225";
        }
        
        .glyphicon-scissors:before {
            content: "\e226";
        }
        
        .glyphicon-bitcoin:before {
            content: "\e227";
        }
        
        .glyphicon-btc:before {
            content: "\e227";
        }
        
        .glyphicon-xbt:before {
            content: "\e227";
        }
        
        .glyphicon-yen:before {
            content: "\00a5";
        }
        
        .glyphicon-jpy:before {
            content: "\00a5";
        }
        
        .glyphicon-ruble:before {
            content: "\20bd";
        }
        
        .glyphicon-rub:before {
            content: "\20bd";
        }
        
        .glyphicon-scale:before {
            content: "\e230";
        }
        
        .glyphicon-ice-lolly:before {
            content: "\e231";
        }
        
        .glyphicon-ice-lolly-tasted:before {
            content: "\e232";
        }
        
        .glyphicon-education:before {
            content: "\e233";
        }
        
        .glyphicon-option-horizontal:before {
            content: "\e234";
        }
        
        .glyphicon-option-vertical:before {
            content: "\e235";
        }
        
        .glyphicon-menu-hamburger:before {
            content: "\e236";
        }
        
        .glyphicon-modal-window:before {
            content: "\e237";
        }
        
        .glyphicon-oil:before {
            content: "\e238";
        }
        
        .glyphicon-grain:before {
            content: "\e239";
        }
        
        .glyphicon-sunglasses:before {
            content: "\e240";
        }
        
        .glyphicon-text-size:before {
            content: "\e241";
        }
        
        .glyphicon-text-color:before {
            content: "\e242";
        }
        
        .glyphicon-text-background:before {
            content: "\e243";
        }
        
        .glyphicon-object-align-top:before {
            content: "\e244";
        }
        
        .glyphicon-object-align-bottom:before {
            content: "\e245";
        }
        
        .glyphicon-object-align-horizontal:before {
            content: "\e246";
        }
        
        .glyphicon-object-align-left:before {
            content: "\e247";
        }
        
        .glyphicon-object-align-vertical:before {
            content: "\e248";
        }
        
        .glyphicon-object-align-right:before {
            content: "\e249";
        }
        
        .glyphicon-triangle-right:before {
            content: "\e250";
        }
        
        .glyphicon-triangle-left:before {
            content: "\e251";
        }
        
        .glyphicon-triangle-bottom:before {
            content: "\e252";
        }
        
        .glyphicon-triangle-top:before {
            content: "\e253";
        }
        
        .glyphicon-console:before {
            content: "\e254";
        }
        
        .glyphicon-superscript:before {
            content: "\e255";
        }
        
        .glyphicon-subscript:before {
            content: "\e256";
        }
        
        .glyphicon-menu-left:before {
            content: "\e257";
        }
        
        .glyphicon-menu-right:before {
            content: "\e258";
        }
        
        .glyphicon-menu-down:before {
            content: "\e259";
        }
        
        .glyphicon-menu-up:before {
            content: "\e260";
        }
        
        * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
         :after,
         :before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        html {
            font-size: 10px;
            -webkit-tap-highlight-color: transparent;
        }
        
        body {
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
        }
        
        button,
        input,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
        }
        
        a {
            color: #337ab7;
            text-decoration: none;
        }
        
        a:focus,
        a:hover {
            color: #23527c;
            text-decoration: underline;
        }
        
        a:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        
        figure {
            margin: 0;
        }
        
        img {
            vertical-align: middle;
        }
        
        .carousel-inner>.item>a>img,
        .carousel-inner>.item>img,
        .img-responsive,
        .thumbnail a>img,
        .thumbnail>img {
            display: block;
            max-width: 100%;
            height: auto;
        }
        
        .img-rounded {
            border-radius: 6px;
        }
        
        .img-thumbnail {
            display: inline-block;
            max-width: 100%;
            height: auto;
            padding: 4px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        
        .img-circle {
            border-radius: 50%;
        }
        
        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #eee;
        }
        
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }
        
        .sr-only-focusable:active,
        .sr-only-focusable:focus {
            position: static;
            width: auto;
            height: auto;
            margin: 0;
            overflow: visible;
            clip: auto;
        }
        
        [role="button"] {
            cursor: pointer;
        }
        
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: inherit;
            font-weight: 500;
            line-height: 1.1;
            color: inherit;
        }
        
        .h1 .small,
        .h1 small,
        .h2 .small,
        .h2 small,
        .h3 .small,
        .h3 small,
        .h4 .small,
        .h4 small,
        .h5 .small,
        .h5 small,
        .h6 .small,
        .h6 small,
        h1 .small,
        h1 small,
        h2 .small,
        h2 small,
        h3 .small,
        h3 small,
        h4 .small,
        h4 small,
        h5 .small,
        h5 small,
        h6 .small,
        h6 small {
            font-weight: 400;
            line-height: 1;
            color: #777;
        }
        
        .h1,
        .h2,
        .h3,
        h1,
        h2,
        h3 {
            margin-top: 20px;
            margin-bottom: 10px;
        }
        
        .h1 .small,
        .h1 small,
        .h2 .small,
        .h2 small,
        .h3 .small,
        .h3 small,
        h1 .small,
        h1 small,
        h2 .small,
        h2 small,
        h3 .small,
        h3 small {
            font-size: 65%;
        }
        
        .h4,
        .h5,
        .h6,
        h4,
        h5,
        h6 {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        
        .h4 .small,
        .h4 small,
        .h5 .small,
        .h5 small,
        .h6 .small,
        .h6 small,
        h4 .small,
        h4 small,
        h5 .small,
        h5 small,
        h6 .small,
        h6 small {
            font-size: 75%;
        }
        
        .h1,
        h1 {
            font-size: 19px;
        }
        
        .h2,
        h2 {
            font-size: 19px;
        }
        
        .h3,
        h3 {
            font-size: 19px;
            /*color: #dda4a7;*/
            font-weight: 900;
        }
        
        .h4,
        h4 {
            font-size: 19px;
        }
        
        .h5,
        h5 {
            font-size: 19px;
        }
        
        .h6,
        h6 {
            font-size: 19px;
        }
        
        p {
            margin: 0 0 10px;
        }
        
        .lead {
            margin-bottom: 20px;
            font-size: 16px;
            font-weight: 300;
            line-height: 1.4;
        }
        
        @media (min-width: 768px) {
            .lead {
                font-size: 21px;
            }
        }
        
        .small,
        small {
            font-size: 85%;
        }
        
        .mark,
        mark {
            padding: 0.2em;
            background-color: #fcf8e3;
        }
        
        .text-left {
            text-align: left;
        }
        
        .text-right {
            text-align: right;
        }
        
        .text-center {
            text-align: center;
        }
        
        .text-justify {
            text-align: justify;
        }
        
        .text-nowrap {
            white-space: nowrap;
        }
        
        .text-lowercase {
            text-transform: lowercase;
        }
        
        .text-uppercase {
            text-transform: uppercase;
        }
        
        .text-capitalize {
            text-transform: capitalize;
        }
        
        .text-muted {
            color: #777;
        }
        
        .text-primary {
            color: #337ab7;
        }
        
        a.text-primary:focus,
        a.text-primary:hover {
            color: #286090;
        }
        
        .text-success {
            color: #3c763d;
        }
        
        a.text-success:focus,
        a.text-success:hover {
            color: #2b542c;
        }
        
        .text-info {
            color: #31708f;
        }
        
        a.text-info:focus,
        a.text-info:hover {
            color: #245269;
        }
        
        .text-warning {
            color: #8a6d3b;
        }
        
        a.text-warning:focus,
        a.text-warning:hover {
            color: #66512c;
        }
        
        .text-danger {
            color: #a94442;
        }
        
        a.text-danger:focus,
        a.text-danger:hover {
            color: #843534;
        }
        
        .bg-primary {
            color: #fff;
            background-color: #337ab7;
        }
        
        a.bg-primary:focus,
        a.bg-primary:hover {
            background-color: #286090;
        }
        
        .bg-success {
            background-color: #dff0d8;
        }
        
        a.bg-success:focus,
        a.bg-success:hover {
            background-color: #c1e2b3;
        }
        
        .bg-info {
            background-color: #d9edf7;
        }
        
        a.bg-info:focus,
        a.bg-info:hover {
            background-color: #afd9ee;
        }
        
        .bg-warning {
            background-color: #fcf8e3;
        }
        
        a.bg-warning:focus,
        a.bg-warning:hover {
            background-color: #f7ecb5;
        }
        
        .bg-danger {
            background-color: #f2dede;
        }
        
        a.bg-danger:focus,
        a.bg-danger:hover {
            background-color: #e4b9b9;
        }
        
        .page-header {
            padding-bottom: 9px;
            margin: 40px 0 20px;
            border-bottom: 1px solid #eee;
        }
        
        ol,
        ul {
            margin-top: 0;
            margin-bottom: 10px;
        }
        
        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0;
        }
        
        .list-unstyled {
            padding-left: 0;
            list-style: none;
        }
        
        .list-inline {
            padding-left: 0;
            margin-left: -5px;
            list-style: none;
        }
        
        .list-inline>li {
            display: inline-block;
            padding-right: 5px;
            padding-left: 5px;
        }
        
        dl {
            margin-top: 0;
            margin-bottom: 20px;
        }
        
        dd,
        dt {
            line-height: 1.42857143;
        }
        
        dt {
            font-weight: 700;
        }
        
        dd {
            margin-left: 0;
        }
        
        @media (min-width: 768px) {
            .dl-horizontal dt {
                float: left;
                width: 160px;
                overflow: hidden;
                clear: left;
                text-align: right;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .dl-horizontal dd {
                margin-left: 180px;
            }
        }
        
        abbr[data-original-title],
        abbr[title] {
            cursor: help;
            border-bottom: 1px dotted #777;
        }
        
        .initialism {
            font-size: 90%;
            text-transform: uppercase;
        }
        
        blockquote {
            padding: 10px 20px;
            margin: 0 0 20px;
            font-size: 17.5px;
            border-left: 5px solid #eee;
        }
        
        blockquote ol:last-child,
        blockquote p:last-child,
        blockquote ul:last-child {
            margin-bottom: 0;
        }
        
        blockquote .small,
        blockquote footer,
        blockquote small {
            display: block;
            font-size: 80%;
            line-height: 1.42857143;
            color: #777;
        }
        
        blockquote .small:before,
        blockquote footer:before,
        blockquote small:before {
            content: "\2014 \00A0";
        }
        
        .blockquote-reverse,
        blockquote.pull-right {
            padding-right: 15px;
            padding-left: 0;
            text-align: right;
            border-right: 5px solid #eee;
            border-left: 0;
        }
        
        .blockquote-reverse .small:before,
        .blockquote-reverse footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right .small:before,
        blockquote.pull-right footer:before,
        blockquote.pull-right small:before {
            content: "";
        }
        
        .blockquote-reverse .small:after,
        .blockquote-reverse footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right .small:after,
        blockquote.pull-right footer:after,
        blockquote.pull-right small:after {
            content: "\00A0 \2014";
        }
        
        address {
            margin-bottom: 20px;
            font-style: normal;
            line-height: 1.42857143;
        }
        
        code,
        kbd,
        pre,
        samp {
            font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        }
        
        code {
            padding: 2px 4px;
            font-size: 90%;
            color: #c7254e;
            background-color: #f9f2f4;
            border-radius: 4px;
        }
        
        kbd {
            padding: 2px 4px;
            font-size: 90%;
            color: #fff;
            background-color: #333;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
        }
        
        kbd kbd {
            padding: 0;
            font-size: 100%;
            font-weight: 700;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        pre {
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 1.42857143;
            color: #333;
            word-break: break-all;
            word-wrap: break-word;
            background-color: #f5f5f5;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        
        pre code {
            padding: 0;
            font-size: inherit;
            color: inherit;
            white-space: pre-wrap;
            background-color: transparent;
            border-radius: 0;
        }
        
        .pre-scrollable {
            max-height: 340px;
            overflow-y: scroll;
        }
        
        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        /* 
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
} */
        
        .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }
        
        .row:not(.post_container) {
            /*margin-right: -15px;
  margin-left: -15px;*/
        }
        
        .col-lg-1,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-md-1,
        .col-md-10,
        .col-md-11,
        .col-md-12,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-sm-1,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }
        
        .col-xs-1,
        .col-xs-10,
        .col-xs-11,
        .col-xs-12,
        .col-xs-2,
        .col-xs-3,
        .col-xs-4,
        .col-xs-5,
        .col-xs-6,
        .col-xs-7,
        .col-xs-8,
        .col-xs-9 {
            float: left;
        }
        
        .col-xs-12 {
            width: 100%;
        }
        
        .col-xs-11 {
            width: 91.66666667%;
        }
        
        .col-xs-10 {
            width: 83.33333333%;
        }
        
        .col-xs-9 {
            width: 75%;
        }
        
        .col-xs-8 {
            width: 66.66666667%;
        }
        
        .col-xs-7 {
            width: 58.33333333%;
        }
        
        .col-xs-6 {
            width: 50%;
        }
        
        .col-xs-5 {
            width: 41.66666667%;
        }
        
        .col-xs-4 {
            width: 33.33333333%;
        }
        
        .col-xs-3 {
            width: 25%;
        }
        
        .col-xs-2 {
            width: 16.66666667%;
        }
        
        .col-xs-1 {
            width: 8.33333333%;
        }
        
        .col-xs-pull-12 {
            right: 100%;
        }
        
        .col-xs-pull-11 {
            right: 91.66666667%;
        }
        
        .col-xs-pull-10 {
            right: 83.33333333%;
        }
        
        .col-xs-pull-9 {
            right: 75%;
        }
        
        .col-xs-pull-8 {
            right: 66.66666667%;
        }
        
        .col-xs-pull-7 {
            right: 58.33333333%;
        }
        
        .col-xs-pull-6 {
            right: 50%;
        }
        
        .col-xs-pull-5 {
            right: 41.66666667%;
        }
        
        .col-xs-pull-4 {
            right: 33.33333333%;
        }
        
        .col-xs-pull-3 {
            right: 25%;
        }
        
        .col-xs-pull-2 {
            right: 16.66666667%;
        }
        
        .col-xs-pull-1 {
            right: 8.33333333%;
        }
        
        .col-xs-pull-0 {
            right: auto;
        }
        
        .col-xs-push-12 {
            left: 100%;
        }
        
        .col-xs-push-11 {
            left: 91.66666667%;
        }
        
        .col-xs-push-10 {
            left: 83.33333333%;
        }
        
        .col-xs-push-9 {
            left: 75%;
        }
        
        .col-xs-push-8 {
            left: 66.66666667%;
        }
        
        .col-xs-push-7 {
            left: 58.33333333%;
        }
        
        .col-xs-push-6 {
            left: 50%;
        }
        
        .col-xs-push-5 {
            left: 41.66666667%;
        }
        
        .col-xs-push-4 {
            left: 33.33333333%;
        }
        
        .col-xs-push-3 {
            left: 25%;
        }
        
        .col-xs-push-2 {
            left: 16.66666667%;
        }
        
        .col-xs-push-1 {
            left: 8.33333333%;
        }
        
        .col-xs-push-0 {
            left: auto;
        }
        
        .col-xs-offset-12 {
            margin-left: 100%;
        }
        
        .col-xs-offset-11 {
            margin-left: 91.66666667%;
        }
        
        .col-xs-offset-10 {
            margin-left: 83.33333333%;
        }
        
        .col-xs-offset-9 {
            margin-left: 75%;
        }
        
        .col-xs-offset-8 {
            margin-left: 66.66666667%;
        }
        
        .col-xs-offset-7 {
            margin-left: 58.33333333%;
        }
        
        .col-xs-offset-6 {
            margin-left: 50%;
        }
        
        .col-xs-offset-5 {
            margin-left: 41.66666667%;
        }
        
        .col-xs-offset-4 {
            margin-left: 33.33333333%;
        }
        
        .col-xs-offset-3 {
            margin-left: 25%;
        }
        
        .col-xs-offset-2 {
            margin-left: 16.66666667%;
        }
        
        .col-xs-offset-1 {
            margin-left: 8.33333333%;
        }
        
        .col-xs-offset-0 {
            margin-left: 0;
        }
        
        @media (min-width: 768px) {
            .col-sm-1,
            .col-sm-10,
            .col-sm-11,
            .col-sm-12,
            .col-sm-2,
            .col-sm-3,
            .col-sm-4,
            .col-sm-5,
            .col-sm-6,
            .col-sm-7,
            .col-sm-8,
            .col-sm-9 {
                float: left;
            }
            .col-sm-12 {
                width: 100%;
            }
            .col-sm-11 {
                width: 91.66666667%;
            }
            .col-sm-10 {
                width: 83.33333333%;
            }
            .col-sm-9 {
                width: 75%;
            }
            .col-sm-8 {
                width: 66.66666667%;
            }
            .col-sm-7 {
                width: 58.33333333%;
            }
            .col-sm-6 {
                width: 50%;
            }
            .col-sm-5 {
                width: 41.66666667%;
            }
            .col-sm-4 {
                width: 33.33333333%;
            }
            .col-sm-3 {
                width: 25%;
            }
            .col-sm-2 {
                width: 16.66666667%;
            }
            .col-sm-1 {
                width: 8.33333333%;
            }
            .col-sm-pull-12 {
                right: 100%;
            }
            .col-sm-pull-11 {
                right: 91.66666667%;
            }
            .col-sm-pull-10 {
                right: 83.33333333%;
            }
            .col-sm-pull-9 {
                right: 75%;
            }
            .col-sm-pull-8 {
                right: 66.66666667%;
            }
            .col-sm-pull-7 {
                right: 58.33333333%;
            }
            .col-sm-pull-6 {
                right: 50%;
            }
            .col-sm-pull-5 {
                right: 41.66666667%;
            }
            .col-sm-pull-4 {
                right: 33.33333333%;
            }
            .col-sm-pull-3 {
                right: 25%;
            }
            .col-sm-pull-2 {
                right: 16.66666667%;
            }
            .col-sm-pull-1 {
                right: 8.33333333%;
            }
            .col-sm-pull-0 {
                right: auto;
            }
            .col-sm-push-12 {
                left: 100%;
            }
            .col-sm-push-11 {
                left: 91.66666667%;
            }
            .col-sm-push-10 {
                left: 83.33333333%;
            }
            .col-sm-push-9 {
                left: 75%;
            }
            .col-sm-push-8 {
                left: 66.66666667%;
            }
            .col-sm-push-7 {
                left: 58.33333333%;
            }
            .col-sm-push-6 {
                left: 50%;
            }
            .col-sm-push-5 {
                left: 41.66666667%;
            }
            .col-sm-push-4 {
                left: 33.33333333%;
            }
            .col-sm-push-3 {
                left: 25%;
            }
            .col-sm-push-2 {
                left: 16.66666667%;
            }
            .col-sm-push-1 {
                left: 8.33333333%;
            }
            .col-sm-push-0 {
                left: auto;
            }
            .col-sm-offset-12 {
                margin-left: 100%;
            }
            .col-sm-offset-11 {
                margin-left: 91.66666667%;
            }
            .col-sm-offset-10 {
                margin-left: 83.33333333%;
            }
            .col-sm-offset-9 {
                margin-left: 75%;
            }
            .col-sm-offset-8 {
                margin-left: 66.66666667%;
            }
            .col-sm-offset-7 {
                margin-left: 58.33333333%;
            }
            .col-sm-offset-6 {
                margin-left: 50%;
            }
            .col-sm-offset-5 {
                margin-left: 41.66666667%;
            }
            .col-sm-offset-4 {
                margin-left: 33.33333333%;
            }
            .col-sm-offset-3 {
                margin-left: 25%;
            }
            .col-sm-offset-2 {
                margin-left: 16.66666667%;
            }
            .col-sm-offset-1 {
                margin-left: 8.33333333%;
            }
            .col-sm-offset-0 {
                margin-left: 0;
            }
        }
        
        @media (min-width: 992px) {
            .col-md-1,
            .col-md-10,
            .col-md-11,
            .col-md-12,
            .col-md-2,
            .col-md-3,
            .col-md-4,
            .col-md-5,
            .col-md-6,
            .col-md-7,
            .col-md-8,
            .col-md-9 {
                float: left;
            }
            .col-md-12 {
                width: 100%;
            }
            .col-md-11 {
                width: 91.66666667%;
            }
            .col-md-10 {
                width: 83.33333333%;
            }
            .col-md-9 {
                width: 75%;
            }
            .col-md-8 {
                width: 66.66666667%;
            }
            .col-md-7 {
                width: 58.33333333%;
            }
            .col-md-6 {
                width: 50%;
            }
            .col-md-5 {
                width: 41.66666667%;
            }
            .col-md-4 {
                width: 33.33333333%;
            }
            .col-md-3 {
                width: 25%;
            }
            .col-md-2 {
                width: 16.66666667%;
            }
            .col-md-1 {
                width: 8.33333333%;
            }
            .col-md-pull-12 {
                right: 100%;
            }
            .col-md-pull-11 {
                right: 91.66666667%;
            }
            .col-md-pull-10 {
                right: 83.33333333%;
            }
            .col-md-pull-9 {
                right: 75%;
            }
            .col-md-pull-8 {
                right: 66.66666667%;
            }
            .col-md-pull-7 {
                right: 58.33333333%;
            }
            .col-md-pull-6 {
                right: 50%;
            }
            .col-md-pull-5 {
                right: 41.66666667%;
            }
            .col-md-pull-4 {
                right: 33.33333333%;
            }
            .col-md-pull-3 {
                right: 25%;
            }
            .col-md-pull-2 {
                right: 16.66666667%;
            }
            .col-md-pull-1 {
                right: 8.33333333%;
            }
            .col-md-pull-0 {
                right: auto;
            }
            .col-md-push-12 {
                left: 100%;
            }
            .col-md-push-11 {
                left: 91.66666667%;
            }
            .col-md-push-10 {
                left: 83.33333333%;
            }
            .col-md-push-9 {
                left: 75%;
            }
            .col-md-push-8 {
                left: 66.66666667%;
            }
            .col-md-push-7 {
                left: 58.33333333%;
            }
            .col-md-push-6 {
                left: 50%;
            }
            .col-md-push-5 {
                left: 41.66666667%;
            }
            .col-md-push-4 {
                left: 33.33333333%;
            }
            .col-md-push-3 {
                left: 25%;
            }
            .col-md-push-2 {
                left: 16.66666667%;
            }
            .col-md-push-1 {
                left: 8.33333333%;
            }
            .col-md-push-0 {
                left: auto;
            }
            .col-md-offset-12 {
                margin-left: 100%;
            }
            .col-md-offset-11 {
                margin-left: 91.66666667%;
            }
            .col-md-offset-10 {
                margin-left: 83.33333333%;
            }
            .col-md-offset-9 {
                margin-left: 75%;
            }
            .col-md-offset-8 {
                margin-left: 66.66666667%;
            }
            .col-md-offset-7 {
                margin-left: 58.33333333%;
            }
            .col-md-offset-6 {
                margin-left: 50%;
            }
            .col-md-offset-5 {
                margin-left: 41.66666667%;
            }
            .col-md-offset-4 {
                margin-left: 33.33333333%;
            }
            .col-md-offset-3 {
                margin-left: 25%;
            }
            .col-md-offset-2 {
                margin-left: 16.66666667%;
            }
            .col-md-offset-1 {
                margin-left: 8.33333333%;
            }
            .col-md-offset-0 {
                margin-left: 0;
            }
        }
        
        @media (min-width: 1200px) {
            .col-lg-1,
            .col-lg-10,
            .col-lg-11,
            .col-lg-12,
            .col-lg-2,
            .col-lg-3,
            .col-lg-4,
            .col-lg-5,
            .col-lg-6,
            .col-lg-7,
            .col-lg-8,
            .col-lg-9 {
                float: left;
            }
            .col-lg-12 {
                width: 100%;
            }
            .col-lg-11 {
                width: 91.66666667%;
            }
            .col-lg-10 {
                width: 83.33333333%;
            }
            .col-lg-9 {
                width: 75%;
            }
            .col-lg-8 {
                width: 66.66666667%;
            }
            .col-lg-7 {
                width: 58.33333333%;
            }
            .col-lg-6 {
                width: 50%;
            }
            .col-lg-5 {
                width: 41.66666667%;
            }
            .col-lg-4 {
                width: 33.33333333%;
            }
            .col-lg-3 {
                width: 25%;
            }
            .col-lg-2 {
                width: 16.66666667%;
            }
            .col-lg-1 {
                width: 8.33333333%;
            }
            .col-lg-pull-12 {
                right: 100%;
            }
            .col-lg-pull-11 {
                right: 91.66666667%;
            }
            .col-lg-pull-10 {
                right: 83.33333333%;
            }
            .col-lg-pull-9 {
                right: 75%;
            }
            .col-lg-pull-8 {
                right: 66.66666667%;
            }
            .col-lg-pull-7 {
                right: 58.33333333%;
            }
            .col-lg-pull-6 {
                right: 50%;
            }
            .col-lg-pull-5 {
                right: 41.66666667%;
            }
            .col-lg-pull-4 {
                right: 33.33333333%;
            }
            .col-lg-pull-3 {
                right: 25%;
            }
            .col-lg-pull-2 {
                right: 16.66666667%;
            }
            .col-lg-pull-1 {
                right: 8.33333333%;
            }
            .col-lg-pull-0 {
                right: auto;
            }
            .col-lg-push-12 {
                left: 100%;
            }
            .col-lg-push-11 {
                left: 91.66666667%;
            }
            .col-lg-push-10 {
                left: 83.33333333%;
            }
            .col-lg-push-9 {
                left: 75%;
            }
            .col-lg-push-8 {
                left: 66.66666667%;
            }
            .col-lg-push-7 {
                left: 58.33333333%;
            }
            .col-lg-push-6 {
                left: 50%;
            }
            .col-lg-push-5 {
                left: 41.66666667%;
            }
            .col-lg-push-4 {
                left: 33.33333333%;
            }
            .col-lg-push-3 {
                left: 25%;
            }
            .col-lg-push-2 {
                left: 16.66666667%;
            }
            .col-lg-push-1 {
                left: 8.33333333%;
            }
            .col-lg-push-0 {
                left: auto;
            }
            .col-lg-offset-12 {
                margin-left: 100%;
            }
            .col-lg-offset-11 {
                margin-left: 91.66666667%;
            }
            .col-lg-offset-10 {
                margin-left: 83.33333333%;
            }
            .col-lg-offset-9 {
                margin-left: 75%;
            }
            .col-lg-offset-8 {
                margin-left: 66.66666667%;
            }
            .col-lg-offset-7 {
                margin-left: 58.33333333%;
            }
            .col-lg-offset-6 {
                margin-left: 50%;
            }
            .col-lg-offset-5 {
                margin-left: 41.66666667%;
            }
            .col-lg-offset-4 {
                margin-left: 33.33333333%;
            }
            .col-lg-offset-3 {
                margin-left: 25%;
            }
            .col-lg-offset-2 {
                margin-left: 16.66666667%;
            }
            .col-lg-offset-1 {
                margin-left: 8.33333333%;
            }
            .col-lg-offset-0 {
                margin-left: 0;
            }
        }
        
        table {
            background-color: transparent;
        }
        
        caption {
            padding-top: 8px;
            padding-bottom: 8px;
            color: #777;
            text-align: left;
        }
        
        th {
            text-align: left;
        }
        
        .table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }
        
        .table>tbody>tr>td,
        .table>tbody>tr>th,
        .table>tfoot>tr>td,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>thead>tr>th {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }
        
        .table>thead>tr>th {
            vertical-align: bottom;
            border-bottom: 2px solid #ddd;
        }
        
        .table>caption+thead>tr:first-child>td,
        .table>caption+thead>tr:first-child>th,
        .table>colgroup+thead>tr:first-child>td,
        .table>colgroup+thead>tr:first-child>th,
        .table>thead:first-child>tr:first-child>td,
        .table>thead:first-child>tr:first-child>th {
            border-top: 0;
        }
        
        .table>tbody+tbody {
            border-top: 2px solid #ddd;
        }
        
        .table .table {
            background-color: #fff;
        }
        
        .table-condensed>tbody>tr>td,
        .table-condensed>tbody>tr>th,
        .table-condensed>tfoot>tr>td,
        .table-condensed>tfoot>tr>th,
        .table-condensed>thead>tr>td,
        .table-condensed>thead>tr>th {
            padding: 5px;
        }
        
        .table-bordered {
            border: 1px solid #ddd;
        }
        
        .table-bordered>tbody>tr>td,
        .table-bordered>tbody>tr>th,
        .table-bordered>tfoot>tr>td,
        .table-bordered>tfoot>tr>th,
        .table-bordered>thead>tr>td,
        .table-bordered>thead>tr>th {
            border: 1px solid #ddd;
        }
        
        .table-bordered>thead>tr>td,
        .table-bordered>thead>tr>th {
            border-bottom-width: 2px;
        }
        
        .table-striped>tbody>tr:nth-of-type(odd) {
            background-color: #f9f9f9;
        }
        
        .table-hover>tbody>tr:hover {
            background-color: #f5f5f5;
        }
        
        table col[class*="col-"] {
            position: static;
            display: table-column;
            float: none;
        }
        
        table td[class*="col-"],
        table th[class*="col-"] {
            position: static;
            display: table-cell;
            float: none;
        }
        
        .table>tbody>tr.active>td,
        .table>tbody>tr.active>th,
        .table>tbody>tr>td.active,
        .table>tbody>tr>th.active,
        .table>tfoot>tr.active>td,
        .table>tfoot>tr.active>th,
        .table>tfoot>tr>td.active,
        .table>tfoot>tr>th.active,
        .table>thead>tr.active>td,
        .table>thead>tr.active>th,
        .table>thead>tr>td.active,
        .table>thead>tr>th.active {
            background-color: #f5f5f5;
        }
        
        .table-hover>tbody>tr.active:hover>td,
        .table-hover>tbody>tr.active:hover>th,
        .table-hover>tbody>tr:hover>.active,
        .table-hover>tbody>tr>td.active:hover,
        .table-hover>tbody>tr>th.active:hover {
            background-color: #e8e8e8;
        }
        
        .table>tbody>tr.success>td,
        .table>tbody>tr.success>th,
        .table>tbody>tr>td.success,
        .table>tbody>tr>th.success,
        .table>tfoot>tr.success>td,
        .table>tfoot>tr.success>th,
        .table>tfoot>tr>td.success,
        .table>tfoot>tr>th.success,
        .table>thead>tr.success>td,
        .table>thead>tr.success>th,
        .table>thead>tr>td.success,
        .table>thead>tr>th.success {
            background-color: #dff0d8;
        }
        
        .table-hover>tbody>tr.success:hover>td,
        .table-hover>tbody>tr.success:hover>th,
        .table-hover>tbody>tr:hover>.success,
        .table-hover>tbody>tr>td.success:hover,
        .table-hover>tbody>tr>th.success:hover {
            background-color: #d0e9c6;
        }
        
        .table>tbody>tr.info>td,
        .table>tbody>tr.info>th,
        .table>tbody>tr>td.info,
        .table>tbody>tr>th.info,
        .table>tfoot>tr.info>td,
        .table>tfoot>tr.info>th,
        .table>tfoot>tr>td.info,
        .table>tfoot>tr>th.info,
        .table>thead>tr.info>td,
        .table>thead>tr.info>th,
        .table>thead>tr>td.info,
        .table>thead>tr>th.info {
            background-color: #d9edf7;
        }
        
        .table-hover>tbody>tr.info:hover>td,
        .table-hover>tbody>tr.info:hover>th,
        .table-hover>tbody>tr:hover>.info,
        .table-hover>tbody>tr>td.info:hover,
        .table-hover>tbody>tr>th.info:hover {
            background-color: #c4e3f3;
        }
        
        .table>tbody>tr.warning>td,
        .table>tbody>tr.warning>th,
        .table>tbody>tr>td.warning,
        .table>tbody>tr>th.warning,
        .table>tfoot>tr.warning>td,
        .table>tfoot>tr.warning>th,
        .table>tfoot>tr>td.warning,
        .table>tfoot>tr>th.warning,
        .table>thead>tr.warning>td,
        .table>thead>tr.warning>th,
        .table>thead>tr>td.warning,
        .table>thead>tr>th.warning {
            background-color: #fcf8e3;
        }
        
        .table-hover>tbody>tr.warning:hover>td,
        .table-hover>tbody>tr.warning:hover>th,
        .table-hover>tbody>tr:hover>.warning,
        .table-hover>tbody>tr>td.warning:hover,
        .table-hover>tbody>tr>th.warning:hover {
            background-color: #faf2cc;
        }
        
        .table>tbody>tr.danger>td,
        .table>tbody>tr.danger>th,
        .table>tbody>tr>td.danger,
        .table>tbody>tr>th.danger,
        .table>tfoot>tr.danger>td,
        .table>tfoot>tr.danger>th,
        .table>tfoot>tr>td.danger,
        .table>tfoot>tr>th.danger,
        .table>thead>tr.danger>td,
        .table>thead>tr.danger>th,
        .table>thead>tr>td.danger,
        .table>thead>tr>th.danger {
            background-color: #f2dede;
        }
        
        .table-hover>tbody>tr.danger:hover>td,
        .table-hover>tbody>tr.danger:hover>th,
        .table-hover>tbody>tr:hover>.danger,
        .table-hover>tbody>tr>td.danger:hover,
        .table-hover>tbody>tr>th.danger:hover {
            background-color: #ebcccc;
        }
        
        .table-responsive {
            min-height: 0.01%;
            overflow-x: auto;
        }
        .gaticornio {
            display: none;
            z-index: 999999999;
            position: fixed;
            right: 10px;
            bottom: 0px;
            text-align: right;
            pointer-events: none;
        }
        
        .gaticornio .msn {
            pointer-events: all;
        }
        
        .gaticornio .img-cont {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            transform-origin: bottom right;
            /* filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, .25)); */
        }
        
        .gaticornio li::marker {
            content: "🌟 ";
            content: "✪ ";
            content: "☆ ";
            content: "✨ ";
            font-size: 20px;
            content: "⭐ ";
            font-size: 15px;
        }
        
        .gaticornio .msn {
            text-align: left;
            position: relative;
            top: 40px;
            right: 180px;
            width: 250px;
            /* background: #f4f4f4; */
            background: var(--c1-medium);
            color: white;
            padding: 1em;
            border-radius: 10px;
            transform-origin: bottom right;
        }
        
        
        .gaticornio .msn:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 20px 0 20px;
            border-color: var(--c1-medium) transparent transparent transparent;
            position: absolute;
            bottom: -3px;
            right: -15px;
            -webkit-transform: rotate(50deg);
            transform: rotate(55deg);
        }
        .gaticornio .cerrar_container{
            position: absolute;
            
            pointer-events: none;
            height: 25px;
            width: 25px;
             top: 30px;
                right: 195px;
        }
        .gaticornio .cerrar {
                background: white;
                height: 25px;
                width: 25px;
                text-align: center;
                position: absolute;
                top: 0;
            right: 0;
                line-height: 12px;
                border-radius: 50px;
                opacity: 1;
                padding: 6px;
                font-weight: normal;
                font-size: 15px;
                border: 1px solid #7eb4b2;
                cursor: pointer;
                pointer-events: all;
        }
        .gaticornio .cerrar.over {
            background: #7eb4b2;
            color: white;
        }
        @media screen and (max-width: 767px) {
            .gaticornio .cerrar_container{
                top: -10px;
    right: -110px;
            }
            .table-responsive {
                width: 100%;
                margin-bottom: 15px;
                overflow-y: hidden;
                -ms-overflow-style: -ms-autohiding-scrollbar;
                border: 1px solid #ddd;
            }
            .table-responsive>.table {
                margin-bottom: 0;
            }
            .table-responsive>.table>tbody>tr>td,
            .table-responsive>.table>tbody>tr>th,
            .table-responsive>.table>tfoot>tr>td,
            .table-responsive>.table>tfoot>tr>th,
            .table-responsive>.table>thead>tr>td,
            .table-responsive>.table>thead>tr>th {
                white-space: nowrap;
            }
            .table-responsive>.table-bordered {
                border: 0;
            }
            .table-responsive>.table-bordered>tbody>tr>td:first-child,
            .table-responsive>.table-bordered>tbody>tr>th:first-child,
            .table-responsive>.table-bordered>tfoot>tr>td:first-child,
            .table-responsive>.table-bordered>tfoot>tr>th:first-child,
            .table-responsive>.table-bordered>thead>tr>td:first-child,
            .table-responsive>.table-bordered>thead>tr>th:first-child {
                border-left: 0;
            }
            .table-responsive>.table-bordered>tbody>tr>td:last-child,
            .table-responsive>.table-bordered>tbody>tr>th:last-child,
            .table-responsive>.table-bordered>tfoot>tr>td:last-child,
            .table-responsive>.table-bordered>tfoot>tr>th:last-child,
            .table-responsive>.table-bordered>thead>tr>td:last-child,
            .table-responsive>.table-bordered>thead>tr>th:last-child {
                border-right: 0;
            }
            .table-responsive>.table-bordered>tbody>tr:last-child>td,
            .table-responsive>.table-bordered>tbody>tr:last-child>th,
            .table-responsive>.table-bordered>tfoot>tr:last-child>td,
            .table-responsive>.table-bordered>tfoot>tr:last-child>th {
                border-bottom: 0;
            }
        }
        
        fieldset {
            min-width: 0;
            padding: 0;
            margin: 0;
            border: 0;
        }
        
        legend {
            display: block;
            width: 100%;
            padding: 0;
            margin-bottom: 20px;
            font-size: 21px;
            line-height: inherit;
            color: #333;
            border: 0;
            border-bottom: 1px solid #e5e5e5;
        }
        
        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 10px;
            font-size: 14px;
        }
        
        input[type="search"] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        input[type="checkbox"],
        input[type="radio"] {
            margin: 4px 0 0;
            line-height: normal;
        }
        
        input[type="file"] {
            display: block;
        }
        
        input[type="range"] {
            display: block;
            width: 100%;
        }
        
        select[multiple],
        select[size] {
            height: auto;
        }
        
        input[type="checkbox"]:focus,
        input[type="file"]:focus,
        input[type="radio"]:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        
        output {
            display: block;
            padding-top: 7px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
        }
        
        .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;
            transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
            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, -webkit-box-shadow ease-in-out 0.15s;
        }
        
        .form-control:focus {
            border-color: #7eb4b2;
            border: 2px solid #7eb4b2;
            /* border: none; */
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(126 180 178);
            box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(126 180 178);
            box-shadow: none;
        }
        
        .form-control::-moz-placeholder {
            color: #999;
            opacity: 1;
        }
        
        .form-control:-ms-input-placeholder {
            color: #999;
        }
        
        .form-control::-webkit-input-placeholder {
            color: #999;
        }
        
        .form-control::-ms-expand {
            background-color: transparent;
            border: 0;
        }
        
        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            background-color: #eee;
            opacity: 1;
        }
        
        .form-control[disabled],
        fieldset[disabled] .form-control {
            cursor: not-allowed;
        }
        
        textarea.form-control {
            height: auto;
        }
        
        input[type="search"] {
            -webkit-appearance: none;
        }
        
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            input[type="date"].form-control,
            input[type="datetime-local"].form-control,
            input[type="month"].form-control,
            input[type="time"].form-control {
                line-height: 34px;
            }
            .input-group-sm input[type="date"],
            .input-group-sm input[type="datetime-local"],
            .input-group-sm input[type="month"],
            .input-group-sm input[type="time"],
            input[type="date"].input-sm,
            input[type="datetime-local"].input-sm,
            input[type="month"].input-sm,
            input[type="time"].input-sm {
                line-height: 30px;
            }
            .input-group-lg input[type="date"],
            .input-group-lg input[type="datetime-local"],
            .input-group-lg input[type="month"],
            .input-group-lg input[type="time"],
            input[type="date"].input-lg,
            input[type="datetime-local"].input-lg,
            input[type="month"].input-lg,
            input[type="time"].input-lg {
                line-height: 46px;
            }
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .checkbox,
        .radio {
            position: relative;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
        }
        
        .checkbox label,
        .radio label {
            min-height: 20px;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: 400;
            cursor: pointer;
        }
        
        .checkbox input[type="checkbox"],
        .checkbox-inline input[type="checkbox"],
        .radio input[type="radio"],
        .radio-inline input[type="radio"] {
            position: absolute;
            margin-left: -20px;
        }
        
        .checkbox+.checkbox,
        .radio+.radio {
            margin-top: -5px;
        }
        
        .checkbox-inline,
        .radio-inline {
            position: relative;
            display: inline-block;
            padding-left: 20px;
            margin-bottom: 0;
            font-weight: 400;
            vertical-align: middle;
            cursor: pointer;
        }
        
        .checkbox-inline+.checkbox-inline,
        .radio-inline+.radio-inline {
            margin-top: 0;
            margin-left: 10px;
        }
        
        fieldset[disabled] input[type="checkbox"],
        fieldset[disabled] input[type="radio"],
        input[type="checkbox"].disabled,
        input[type="checkbox"][disabled],
        input[type="radio"].disabled,
        input[type="radio"][disabled] {
            cursor: not-allowed;
        }
        
        .checkbox-inline.disabled,
        .radio-inline.disabled,
        fieldset[disabled] .checkbox-inline,
        fieldset[disabled] .radio-inline {
            cursor: not-allowed;
        }
        
        .checkbox.disabled label,
        .radio.disabled label,
        fieldset[disabled] .checkbox label,
        fieldset[disabled] .radio label {
            cursor: not-allowed;
        }
        
        .form-control-static {
            min-height: 34px;
            padding-top: 7px;
            padding-bottom: 7px;
            margin-bottom: 0;
        }
        
        .form-control-static.input-lg,
        .form-control-static.input-sm {
            padding-right: 0;
            padding-left: 0;
        }
        
        .input-sm {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }
        
        select.input-sm {
            height: 30px;
            line-height: 30px;
        }
        
        select[multiple].input-sm,
        textarea.input-sm {
            height: auto;
        }
        
        .form-group-sm .form-control {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }
        
        .form-group-sm select.form-control {
            height: 30px;
            line-height: 30px;
        }
        
        .form-group-sm select[multiple].form-control,
        .form-group-sm textarea.form-control {
            height: auto;
        }
        
        .form-group-sm .form-control-static {
            height: 30px;
            min-height: 32px;
            padding: 6px 10px;
            font-size: 12px;
            line-height: 1.5;
        }
        
        .input-lg {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        select.input-lg {
            height: 46px;
            line-height: 46px;
        }
        
        select[multiple].input-lg,
        textarea.input-lg {
            height: auto;
        }
        
        .form-group-lg .form-control {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        .form-group-lg select.form-control {
            height: 46px;
            line-height: 46px;
        }
        
        .form-group-lg select[multiple].form-control,
        .form-group-lg textarea.form-control {
            height: auto;
        }
        
        .form-group-lg .form-control-static {
            height: 46px;
            min-height: 38px;
            padding: 11px 16px;
            font-size: 18px;
            line-height: 1.3333333;
        }
        
        .has-feedback {
            position: relative;
        }
        
        .has-feedback .form-control {
            padding-right: 42.5px;
        }
        
        .form-control-feedback {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 2;
            display: block;
            width: 34px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            pointer-events: none;
        }
        
        .form-group-lg .form-control+.form-control-feedback,
        .input-group-lg+.form-control-feedback,
        .input-lg+.form-control-feedback {
            width: 46px;
            height: 46px;
            line-height: 46px;
        }
        
        .form-group-sm .form-control+.form-control-feedback,
        .input-group-sm+.form-control-feedback,
        .input-sm+.form-control-feedback {
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
        
        .has-success .checkbox,
        .has-success .checkbox-inline,
        .has-success .control-label,
        .has-success .help-block,
        .has-success .radio,
        .has-success .radio-inline,
        .has-success.checkbox label,
        .has-success.checkbox-inline label,
        .has-success.radio label,
        .has-success.radio-inline label {
            color: #3c763d;
        }
        
        .has-success .form-control {
            border-color: #3c763d;
            -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);
        }
        
        .has-success .form-control:focus {
            border-color: #2b542c;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        }
        
        .has-success .input-group-addon {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #3c763d;
        }
        
        .has-success .form-control-feedback {
            color: #3c763d;
        }
        
        .has-warning .checkbox,
        .has-warning .checkbox-inline,
        .has-warning .control-label,
        .has-warning .help-block,
        .has-warning .radio,
        .has-warning .radio-inline,
        .has-warning.checkbox label,
        .has-warning.checkbox-inline label,
        .has-warning.radio label,
        .has-warning.radio-inline label {
            color: #8a6d3b;
        }
        
        .has-warning .form-control {
            border-color: #8a6d3b;
            -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);
        }
        
        .has-warning .form-control:focus {
            border-color: #66512c;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        }
        
        .has-warning .input-group-addon {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #8a6d3b;
        }
        
        .has-warning .form-control-feedback {
            color: #8a6d3b;
        }
        
        .has-error .checkbox,
        .has-error .checkbox-inline,
        .has-error .control-label,
        .has-error .help-block,
        .has-error .radio,
        .has-error .radio-inline,
        .has-error.checkbox label,
        .has-error.checkbox-inline label,
        .has-error.radio label,
        .has-error.radio-inline label {
            color: #a94442;
        }
        
        .has-error .form-control {
            border-color: #a94442;
            -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);
        }
        
        .has-error .form-control:focus {
            border-color: #843534;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        }
        
        .has-error .input-group-addon {
            color: #a94442;
            background-color: #f2dede;
            border-color: #a94442;
        }
        
        .has-error .form-control-feedback {
            color: #a94442;
        }
        
        .has-feedback label~.form-control-feedback {
            top: 10px;
        }
        
        .has-feedback label.sr-only~.form-control-feedback {
            top: 0;
        }
        
        .help-block {
            display: block;
            margin-top: 5px;
            margin-bottom: 10px;
            color: #737373;
        }
        
        @media (min-width: 768px) {
            .form-inline .form-group {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
            }
            .form-inline .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle;
            }
            .form-inline .form-control-static {
                display: inline-block;
            }
            .form-inline .input-group {
                display: inline-table;
                vertical-align: middle;
            }
            .form-inline .input-group .form-control,
            .form-inline .input-group .input-group-addon,
            .form-inline .input-group .input-group-btn {
                width: auto;
            }
            .form-inline .input-group>.form-control {
                width: 100%;
            }
            .form-inline .control-label {
                margin-bottom: 0;
                vertical-align: middle;
            }
            .form-inline .checkbox,
            .form-inline .radio {
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0;
                vertical-align: middle;
            }
            .form-inline .checkbox label,
            .form-inline .radio label {
                padding-left: 0;
            }
            .form-inline .checkbox input[type="checkbox"],
            .form-inline .radio input[type="radio"] {
                position: relative;
                margin-left: 0;
            }
            .form-inline .has-feedback .form-control-feedback {
                top: 0;
            }
        }
        
        .form-horizontal .checkbox,
        .form-horizontal .checkbox-inline,
        .form-horizontal .radio,
        .form-horizontal .radio-inline {
            padding-top: 7px;
            margin-top: 0;
            margin-bottom: 0;
        }
        
        .form-horizontal .checkbox,
        .form-horizontal .radio {
            min-height: 27px;
        }
        
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: -15px;
        }
        
        @media (min-width: 768px) {
            .form-horizontal .control-label {
                padding-top: 7px;
                margin-bottom: 0;
                text-align: right;
            }
        }
        
        .form-horizontal .has-feedback .form-control-feedback {
            right: 15px;
        }
        
        @media (min-width: 768px) {
            .form-horizontal .form-group-lg .control-label {
                padding-top: 11px;
                font-size: 18px;
            }
        }
        
        @media (min-width: 768px) {
            .form-horizontal .form-group-sm .control-label {
                padding-top: 6px;
                font-size: 12px;
            }
        }
        
        .btn {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        
        .btn.active.focus,
        .btn.active:focus,
        .btn.focus,
        .btn:active.focus,
        .btn:active:focus,
        .btn:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }
        
        .btn.focus,
        .btn:focus,
        .btn:hover {
            color: #333;
            text-decoration: none;
        }
        
        .btn.active,
        .btn:active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }
        
        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            cursor: not-allowed;
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: 0.65;
        }
        
        .noicpstock button {
            padding-top: 0px !important;
            padding-bottom: 12px !important;
            top: -6px !important;
        }
        
        .noicpstock::after {
            content: 'PRÓXIMAMENTE';
            position: absolute;
            font-size: 12px;
            margin-left: -98px;
            margin-top: 30px;
        }
        /* .destacado-info-boton .botones {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
} */
        
        .noicpstock::before {
            content: '';
        }
        
        a.btn.disabled,
        fieldset[disabled] a.btn {
            pointer-events: none;
        }
        
        .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc;
        }
        
        .btn-default.focus,
        .btn-default:focus {
            color: #333;
            background-color: #e6e6e6;
            border-color: #8c8c8c;
        }
        
        .btn-default:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }
        
        .btn-default.active,
        .btn-default:active,
        .open>.dropdown-toggle.btn-default {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }
        
        .btn-default.active.focus,
        .btn-default.active:focus,
        .btn-default.active:hover,
        .btn-default:active.focus,
        .btn-default:active:focus,
        .btn-default:active:hover,
        .open>.dropdown-toggle.btn-default.focus,
        .open>.dropdown-toggle.btn-default:focus,
        .open>.dropdown-toggle.btn-default:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }
        
        .btn-default.active,
        .btn-default:active,
        .open>.dropdown-toggle.btn-default {
            background-image: none;
        }
        
        .btn-default.disabled.focus,
        .btn-default.disabled:focus,
        .btn-default.disabled:hover,
        .btn-default[disabled].focus,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:hover,
        fieldset[disabled] .btn-default.focus,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:hover {
            background-color: #fff;
            border-color: #ccc;
        }
        
        .btn-default .badge {
            color: #fff;
            background-color: #333;
        }
        
        .btn-primary {
            color: #fff;
            background-color: #337ab7;
            border-color: #2e6da4;
        }
        
        .btn-primary.focus,
        .btn-primary:focus {
            color: #fff;
            background-color: #286090;
            border-color: #122b40;
        }
        
        .btn-primary:hover {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }
        
        .btn-primary.active,
        .btn-primary:active,
        .open>.dropdown-toggle.btn-primary {
            color: #fff;
            background-color: #286090;
            border-color: #204d74;
        }
        
        .btn-primary.active.focus,
        .btn-primary.active:focus,
        .btn-primary.active:hover,
        .btn-primary:active.focus,
        .btn-primary:active:focus,
        .btn-primary:active:hover,
        .open>.dropdown-toggle.btn-primary.focus,
        .open>.dropdown-toggle.btn-primary:focus,
        .open>.dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }
        
        .btn-primary.active,
        .btn-primary:active,
        .open>.dropdown-toggle.btn-primary {
            background-image: none;
        }
        
        .btn-primary.disabled.focus,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:hover,
        .btn-primary[disabled].focus,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary.focus,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:hover {
            background-color: #337ab7;
            border-color: #2e6da4;
        }
        
        .btn-primary .badge {
            color: #337ab7;
            background-color: #fff;
        }
        
        .btn-success {
            color: #fff;
            background-color: #5cb85c;
            border-color: #4cae4c;
        }
        
        .btn-success.focus,
        .btn-success:focus {
            color: #fff;
            background-color: #449d44;
            border-color: #255625;
        }
        
        .btn-success:hover {
            color: #fff;
            background-color: #449d44;
            border-color: #398439;
        }
        
        .btn-success.active,
        .btn-success:active,
        .open>.dropdown-toggle.btn-success {
            color: #fff;
            background-color: #449d44;
            border-color: #398439;
        }
        
        .btn-success.active.focus,
        .btn-success.active:focus,
        .btn-success.active:hover,
        .btn-success:active.focus,
        .btn-success:active:focus,
        .btn-success:active:hover,
        .open>.dropdown-toggle.btn-success.focus,
        .open>.dropdown-toggle.btn-success:focus,
        .open>.dropdown-toggle.btn-success:hover {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }
        
        .btn-success.active,
        .btn-success:active,
        .open>.dropdown-toggle.btn-success {
            background-image: none;
        }
        
        .btn-success.disabled.focus,
        .btn-success.disabled:focus,
        .btn-success.disabled:hover,
        .btn-success[disabled].focus,
        .btn-success[disabled]:focus,
        .btn-success[disabled]:hover,
        fieldset[disabled] .btn-success.focus,
        fieldset[disabled] .btn-success:focus,
        fieldset[disabled] .btn-success:hover {
            background-color: #5cb85c;
            border-color: #4cae4c;
        }
        
        .btn-success .badge {
            color: #5cb85c;
            background-color: #fff;
        }
        
        .btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
        }
        
        .btn-info.focus,
        .btn-info:focus {
            color: #fff;
            background-color: #31b0d5;
            border-color: #1b6d85;
        }
        
        .btn-info:hover {
            color: #fff;
            background-color: #31b0d5;
            border-color: #269abc;
        }
        
        .btn-info.active,
        .btn-info:active,
        .open>.dropdown-toggle.btn-info {
            color: #fff;
            background-color: #31b0d5;
            border-color: #269abc;
        }
        
        .btn-info.active.focus,
        .btn-info.active:focus,
        .btn-info.active:hover,
        .btn-info:active.focus,
        .btn-info:active:focus,
        .btn-info:active:hover,
        .open>.dropdown-toggle.btn-info.focus,
        .open>.dropdown-toggle.btn-info:focus,
        .open>.dropdown-toggle.btn-info:hover {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }
        
        .btn-info.active,
        .btn-info:active,
        .open>.dropdown-toggle.btn-info {
            background-image: none;
        }
        
        .btn-info.disabled.focus,
        .btn-info.disabled:focus,
        .btn-info.disabled:hover,
        .btn-info[disabled].focus,
        .btn-info[disabled]:focus,
        .btn-info[disabled]:hover,
        fieldset[disabled] .btn-info.focus,
        fieldset[disabled] .btn-info:focus,
        fieldset[disabled] .btn-info:hover {
            background-color: #5bc0de;
            border-color: #46b8da;
        }
        
        .btn-info .badge {
            color: #5bc0de;
            background-color: #fff;
        }
        
        .btn-warning {
            color: #fff;
            background-color: #f0ad4e;
            border-color: #eea236;
        }
        
        .btn-warning.focus,
        .btn-warning:focus {
            color: #fff;
            background-color: #ec971f;
            border-color: #985f0d;
        }
        
        .btn-warning:hover {
            color: #fff;
            background-color: #ec971f;
            border-color: #d58512;
        }
        
        .btn-warning.active,
        .btn-warning:active,
        .open>.dropdown-toggle.btn-warning {
            color: #fff;
            background-color: #ec971f;
            border-color: #d58512;
        }
        
        .btn-warning.active.focus,
        .btn-warning.active:focus,
        .btn-warning.active:hover,
        .btn-warning:active.focus,
        .btn-warning:active:focus,
        .btn-warning:active:hover,
        .open>.dropdown-toggle.btn-warning.focus,
        .open>.dropdown-toggle.btn-warning:focus,
        .open>.dropdown-toggle.btn-warning:hover {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }
        
        .btn-warning.active,
        .btn-warning:active,
        .open>.dropdown-toggle.btn-warning {
            background-image: none;
        }
        
        .btn-warning.disabled.focus,
        .btn-warning.disabled:focus,
        .btn-warning.disabled:hover,
        .btn-warning[disabled].focus,
        .btn-warning[disabled]:focus,
        .btn-warning[disabled]:hover,
        fieldset[disabled] .btn-warning.focus,
        fieldset[disabled] .btn-warning:focus,
        fieldset[disabled] .btn-warning:hover {
            background-color: #f0ad4e;
            border-color: #eea236;
        }
        
        .btn-warning .badge {
            color: #f0ad4e;
            background-color: #fff;
        }
        
        .btn-danger {
            color: #fff;
            background-color: #d9534f;
            border-color: #d43f3a;
        }
        
        .btn-danger.focus,
        .btn-danger:focus {
            color: #fff;
            background-color: #c9302c;
            border-color: #761c19;
        }
        
        .btn-danger:hover {
            color: #fff;
            background-color: #c9302c;
            border-color: #ac2925;
        }
        
        .btn-danger.active,
        .btn-danger:active,
        .open>.dropdown-toggle.btn-danger {
            color: #fff;
            background-color: #c9302c;
            border-color: #ac2925;
        }
        
        .btn-danger.active.focus,
        .btn-danger.active:focus,
        .btn-danger.active:hover,
        .btn-danger:active.focus,
        .btn-danger:active:focus,
        .btn-danger:active:hover,
        .open>.dropdown-toggle.btn-danger.focus,
        .open>.dropdown-toggle.btn-danger:focus,
        .open>.dropdown-toggle.btn-danger:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }
        
        .btn-danger.active,
        .btn-danger:active,
        .open>.dropdown-toggle.btn-danger {
            background-image: none;
        }
        
        .btn-danger.disabled.focus,
        .btn-danger.disabled:focus,
        .btn-danger.disabled:hover,
        .btn-danger[disabled].focus,
        .btn-danger[disabled]:focus,
        .btn-danger[disabled]:hover,
        fieldset[disabled] .btn-danger.focus,
        fieldset[disabled] .btn-danger:focus,
        fieldset[disabled] .btn-danger:hover {
            background-color: #d9534f;
            border-color: #d43f3a;
        }
        
        .btn-danger .badge {
            color: #d9534f;
            background-color: #fff;
        }
        
        .btn-link {
            font-weight: 400;
            color: #337ab7;
            border-radius: 0;
        }
        
        .btn-link,
        .btn-link.active,
        .btn-link:active,
        .btn-link[disabled],
        fieldset[disabled] .btn-link {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .btn-link,
        .btn-link:active,
        .btn-link:focus,
        .btn-link:hover {
            border-color: transparent;
        }
        
        .btn-link:focus,
        .btn-link:hover {
            color: #23527c;
            text-decoration: underline;
            background-color: transparent;
        }
        
        .btn-link[disabled]:focus,
        .btn-link[disabled]:hover,
        fieldset[disabled] .btn-link:focus,
        fieldset[disabled] .btn-link:hover {
            color: #777;
            text-decoration: none;
        }
        
        .btn-group-lg>.btn,
        .btn-lg {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        .btn-group-sm>.btn,
        .btn-sm {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }
        
        .btn-group-xs>.btn,
        .btn-xs {
            padding: 1px 5px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }
        
        .btn-block {
            display: block;
            width: 100%;
        }
        
        .btn-block+.btn-block {
            margin-top: 5px;
        }
        
        input[type="button"].btn-block,
        input[type="reset"].btn-block,
        input[type="submit"].btn-block {
            width: 100%;
        }
        
        .fade {
            opacity: 0;
            -webkit-transition: opacity 0.15s linear;
            transition: opacity 0.15s linear;
        }
        
        .fade.in {
            opacity: 1;
        }
        
        .collapse {
            display: none;
        }
        
        .collapse.in {
            display: block;
        }
        
        tr.collapse.in {
            display: table-row;
        }
        
        tbody.collapse.in {
            display: table-row-group;
        }
        
        .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
        }
        
        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }
        
        .dropdown,
        .dropup {
            position: relative;
        }
        
        .dropdown-toggle:focus {
            outline: 0;
        }
        
        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        }
        
        .dropdown-menu.pull-right {
            right: 0;
            left: auto;
        }
        
        .dropdown-menu .divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5;
        }
        
        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        
        .dropdown-menu>li>a:focus,
        .dropdown-menu>li>a:hover {
            color: #262626;
            text-decoration: none;
            background-color: #f5f5f5;
        }
        
        .dropdown-menu>.active>a,
        .dropdown-menu>.active>a:focus,
        .dropdown-menu>.active>a:hover {
            color: #fff;
            text-decoration: none;
            background-color: #337ab7;
            outline: 0;
        }
        
        .dropdown-menu>.disabled>a,
        .dropdown-menu>.disabled>a:focus,
        .dropdown-menu>.disabled>a:hover {
            color: #777;
        }
        
        .dropdown-menu>.disabled>a:focus,
        .dropdown-menu>.disabled>a:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
        }
        
        .open>.dropdown-menu {
            display: block;
        }
        
        .open>a {
            outline: 0;
        }
        
        .dropdown-menu-right {
            right: 0;
            left: auto;
        }
        
        .dropdown-menu-left {
            right: auto;
            left: 0;
        }
        
        .dropdown-header {
            display: block;
            padding: 3px 20px;
            font-size: 12px;
            line-height: 1.42857143;
            color: #777;
            white-space: nowrap;
        }
        
        .dropdown-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 990;
        }
        
        .pull-right>.dropdown-menu {
            right: 0;
            left: auto;
        }
        
        .dropup .caret,
        .navbar-fixed-bottom .dropdown .caret {
            content: "";
            border-top: 0;
            border-bottom: 4px dashed;
        }
        
        .dropup .dropdown-menu,
        .navbar-fixed-bottom .dropdown .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-bottom: 2px;
        }
        
        @media (min-width: 768px) {
            .navbar-right .dropdown-menu {
                right: 0;
                left: auto;
            }
            .navbar-right .dropdown-menu-left {
                right: auto;
                left: 0;
            }
        }
        
        .btn-group,
        .btn-group-vertical {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        
        .btn-group-vertical>.btn,
        .btn-group>.btn {
            position: relative;
            float: left;
        }
        
        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus,
        .btn-group>.btn:hover {
            z-index: 2;
        }
        
        .btn-group .btn+.btn,
        .btn-group .btn+.btn-group,
        .btn-group .btn-group+.btn,
        .btn-group .btn-group+.btn-group {
            margin-left: -1px;
        }
        
        .btn-toolbar {
            margin-left: -5px;
        }
        
        .btn-toolbar .btn,
        .btn-toolbar .btn-group,
        .btn-toolbar .input-group {
            float: left;
        }
        
        .btn-toolbar>.btn,
        .btn-toolbar>.btn-group,
        .btn-toolbar>.input-group {
            margin-left: 5px;
        }
        
        .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
            border-radius: 0;
        }
        
        .btn-group>.btn:first-child {
            margin-left: 0;
        }
        
        .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        
        .btn-group>.btn:last-child:not(:first-child),
        .btn-group>.dropdown-toggle:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .btn-group>.btn-group {
            float: left;
        }
        
        .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
            border-radius: 0;
        }
        
        .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
        .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        
        .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .btn-group .dropdown-toggle:active,
        .btn-group.open .dropdown-toggle {
            outline: 0;
        }
        
        .btn-group>.btn+.dropdown-toggle {
            padding-right: 8px;
            padding-left: 8px;
        }
        
        .btn-group>.btn-lg+.dropdown-toggle {
            padding-right: 12px;
            padding-left: 12px;
        }
        
        .btn-group.open .dropdown-toggle {
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }
        
        .btn-group.open .dropdown-toggle.btn-link {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .btn .caret {
            margin-left: 0;
        }
        
        .btn-lg .caret {
            border-width: 5px 5px 0;
            border-bottom-width: 0;
        }
        
        .dropup .btn-lg .caret {
            border-width: 0 5px 5px;
        }
        
        .btn-group-vertical>.btn,
        .btn-group-vertical>.btn-group,
        .btn-group-vertical>.btn-group>.btn {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%;
        }
        
        .btn-group-vertical>.btn-group>.btn {
            float: none;
        }
        
        .btn-group-vertical>.btn+.btn,
        .btn-group-vertical>.btn+.btn-group,
        .btn-group-vertical>.btn-group+.btn,
        .btn-group-vertical>.btn-group+.btn-group {
            margin-top: -1px;
            margin-left: 0;
        }
        
        .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
            border-radius: 0;
        }
        
        .btn-group-vertical>.btn:first-child:not(:last-child) {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .btn-group-vertical>.btn:last-child:not(:first-child) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        
        .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
            border-radius: 0;
        }
        
        .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
        .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .btn-group-justified {
            display: table;
            width: 100%;
            table-layout: fixed;
            border-collapse: separate;
        }
        
        .btn-group-justified>.btn,
        .btn-group-justified>.btn-group {
            display: table-cell;
            float: none;
            width: 1%;
        }
        
        .btn-group-justified>.btn-group .btn {
            width: 100%;
        }
        
        .btn-group-justified>.btn-group .dropdown-menu {
            left: auto;
        }
        
        [data-toggle="buttons"]>.btn input[type="checkbox"],
        [data-toggle="buttons"]>.btn input[type="radio"],
        [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"],
        [data-toggle="buttons"]>.btn-group>.btn input[type="radio"] {
            position: absolute;
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
        }
        
        .input-group {
            position: relative;
            display: table;
            border-collapse: separate;
        }
        
        .input-group[class*="col-"] {
            float: none;
            padding-right: 0;
            padding-left: 0;
        }
        
        .input-group .form-control {
            position: relative;
            z-index: 2;
            float: left;
            width: 100%;
            margin-bottom: 0;
        }
        
        .input-group .form-control:focus {
            z-index: 3;
        }
        
        .input-group-lg>.form-control,
        .input-group-lg>.input-group-addon,
        .input-group-lg>.input-group-btn>.btn {
            height: 46px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        select.input-group-lg>.form-control,
        select.input-group-lg>.input-group-addon,
        select.input-group-lg>.input-group-btn>.btn {
            height: 46px;
            line-height: 46px;
        }
        
        select[multiple].input-group-lg>.form-control,
        select[multiple].input-group-lg>.input-group-addon,
        select[multiple].input-group-lg>.input-group-btn>.btn,
        textarea.input-group-lg>.form-control,
        textarea.input-group-lg>.input-group-addon,
        textarea.input-group-lg>.input-group-btn>.btn {
            height: auto;
        }
        
        .input-group-sm>.form-control,
        .input-group-sm>.input-group-addon,
        .input-group-sm>.input-group-btn>.btn {
            height: 30px;
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: 3px;
        }
        
        select.input-group-sm>.form-control,
        select.input-group-sm>.input-group-addon,
        select.input-group-sm>.input-group-btn>.btn {
            height: 30px;
            line-height: 30px;
        }
        
        select[multiple].input-group-sm>.form-control,
        select[multiple].input-group-sm>.input-group-addon,
        select[multiple].input-group-sm>.input-group-btn>.btn,
        textarea.input-group-sm>.form-control,
        textarea.input-group-sm>.input-group-addon,
        textarea.input-group-sm>.input-group-btn>.btn {
            height: auto;
        }
        
        .input-group .form-control,
        .input-group-addon,
        .input-group-btn {
            display: table-cell;
        }
        
        .input-group .form-control:not(:first-child):not(:last-child),
        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child) {
            border-radius: 0;
        }
        
        .input-group-addon,
        .input-group-btn {
            width: 1%;
            white-space: nowrap;
            vertical-align: middle;
        }
        
        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        
        .input-group-addon.input-sm {
            padding: 5px 10px;
            font-size: 12px;
            border-radius: 3px;
        }
        
        .input-group-addon.input-lg {
            padding: 10px 16px;
            font-size: 18px;
            border-radius: 6px;
        }
        
        .input-group-addon input[type="checkbox"],
        .input-group-addon input[type="radio"] {
            margin-top: 0;
        }
        
        .input-group .form-control:first-child,
        .input-group-addon:first-child,
        .input-group-btn:first-child>.btn,
        .input-group-btn:first-child>.btn-group>.btn,
        .input-group-btn:first-child>.dropdown-toggle,
        .input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
        .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }
        
        .input-group-addon:first-child {
            border-right: 0;
        }
        
        .input-group .form-control:last-child,
        .input-group-addon:last-child,
        .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
        .input-group-btn:first-child>.btn:not(:first-child),
        .input-group-btn:last-child>.btn,
        .input-group-btn:last-child>.btn-group>.btn,
        .input-group-btn:last-child>.dropdown-toggle {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .input-group-addon:last-child {
            border-left: 0;
        }
        
        .input-group-btn {
            position: relative;
            font-size: 0;
            white-space: nowrap;
        }
        
        .input-group-btn>.btn {
            position: relative;
        }
        
        .input-group-btn>.btn+.btn {
            margin-left: -1px;
        }
        
        .input-group-btn>.btn:active,
        .input-group-btn>.btn:focus,
        .input-group-btn>.btn:hover {
            z-index: 2;
        }
        
        .input-group-btn:first-child>.btn,
        .input-group-btn:first-child>.btn-group {
            margin-right: -1px;
        }
        
        .input-group-btn:last-child>.btn,
        .input-group-btn:last-child>.btn-group {
            z-index: 2;
            margin-left: -1px;
        }
        
        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
        
        .nav>li {
            position: relative;
            display: block;
        }
        
        .nav>li>a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }
        
        .nav>li>a:focus,
        .nav>li>a:hover {
            text-decoration: none;
            background-color: #eee;
        }
        
        .nav>li.disabled>a {
            color: #777;
        }
        
        .nav>li.disabled>a:focus,
        .nav>li.disabled>a:hover {
            color: #777;
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
        }
        
        .nav .open>a,
        .nav .open>a:focus,
        .nav .open>a:hover {
            background-color: #eee;
            border-color: #337ab7;
        }
        
        .nav .nav-divider {
            height: 1px;
            margin: 9px 0;
            overflow: hidden;
            background-color: #e5e5e5;
        }
        
        .nav>li>a>img {
            max-width: none;
        }
        
        .nav-tabs {
            border-bottom: 1px solid #ddd;
        }
        
        .nav-tabs>li {
            float: left;
            margin-bottom: -1px;
        }
        
        .nav-tabs>li>a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }
        
        .nav-tabs>li>a:hover {
            border-color: #eee #eee #ddd;
        }
        
        .nav-tabs>li.active>a,
        .nav-tabs>li.active>a:focus,
        .nav-tabs>li.active>a:hover {
            color: #555;
            cursor: default;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }
        
        .nav-tabs.nav-justified {
            width: 100%;
            border-bottom: 0;
        }
        
        .nav-tabs.nav-justified>li {
            float: none;
        }
        
        .nav-tabs.nav-justified>li>a {
            margin-bottom: 5px;
            text-align: center;
        }
        
        .nav-tabs.nav-justified>.dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }
        
        @media (min-width: 768px) {
            .nav-tabs.nav-justified>li {
                display: table-cell;
                width: 1%;
            }
            .nav-tabs.nav-justified>li>a {
                margin-bottom: 0;
            }
        }
        
        .nav-tabs.nav-justified>li>a {
            margin-right: 0;
            border-radius: 4px;
        }
        
        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:focus,
        .nav-tabs.nav-justified>.active>a:hover {
            border: 1px solid #ddd;
        }
        
        @media (min-width: 768px) {
            .nav-tabs.nav-justified>li>a {
                border-bottom: 1px solid #ddd;
                border-radius: 4px 4px 0 0;
            }
            .nav-tabs.nav-justified>.active>a,
            .nav-tabs.nav-justified>.active>a:focus,
            .nav-tabs.nav-justified>.active>a:hover {
                border-bottom-color: #fff;
            }
        }
        
        .nav-pills>li {
            float: left;
        }
        
        .nav-pills>li>a {
            border-radius: 4px;
        }
        
        .nav-pills>li+li {
            margin-left: 2px;
        }
        
        .nav-pills>li.active>a,
        .nav-pills>li.active>a:focus,
        .nav-pills>li.active>a:hover {
            color: #fff;
            background-color: #337ab7;
        }
        
        .nav-stacked>li {
            float: none;
        }
        
        .nav-stacked>li+li {
            margin-top: 2px;
            margin-left: 0;
        }
        
        .nav-justified {
            width: 100%;
        }
        
        .nav-justified>li {
            float: none;
        }
        
        .nav-justified>li>a {
            margin-bottom: 5px;
            text-align: center;
        }
        
        .nav-justified>.dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }
        
        @media (min-width: 768px) {
            .nav-justified>li {
                display: table-cell;
                width: 1%;
            }
            .nav-justified>li>a {
                margin-bottom: 0;
            }
        }
        
        .nav-tabs-justified {
            border-bottom: 0;
        }
        
        .nav-tabs-justified>li>a {
            margin-right: 0;
            border-radius: 4px;
        }
        
        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:focus,
        .nav-tabs-justified>.active>a:hover {
            border: 1px solid #ddd;
        }
        
        @media (min-width: 768px) {
            .nav-tabs-justified>li>a {
                border-bottom: 1px solid #ddd;
                border-radius: 4px 4px 0 0;
            }
            .nav-tabs-justified>.active>a,
            .nav-tabs-justified>.active>a:focus,
            .nav-tabs-justified>.active>a:hover {
                border-bottom-color: #fff;
            }
        }
        
        .tab-content>.tab-pane {
            display: none;
        }
        
        .tab-content>.active {
            display: block;
        }
        
        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent;
        }
        
        @media (min-width: 768px) {
            .navbar {
                border-radius: 4px;
            }
        }
        
        @media (min-width: 768px) {
            .navbar-header {
                float: left;
            }
        }
        
        .navbar-collapse {
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            -webkit-overflow-scrolling: touch;
            border-top: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        .navbar-collapse.in {
            overflow-y: auto;
        }
        
        @media (min-width: 768px) {
            .navbar-collapse {
                width: auto;
                border-top: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            .navbar-collapse.collapse {
                display: block !important;
                height: auto !important;
                padding-bottom: 0;
                overflow: visible !important;
            }
            .navbar-collapse.in {
                overflow-y: visible;
            }
            .navbar-fixed-bottom .navbar-collapse,
            .navbar-fixed-top .navbar-collapse,
            .navbar-static-top .navbar-collapse {
                padding-right: 0;
                padding-left: 0;
            }
        }
        
        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse {
            max-height: 340px;
        }
        
        @media (max-device-width: 480px) and (orientation: landscape) {
            .navbar-fixed-bottom .navbar-collapse,
            .navbar-fixed-top .navbar-collapse {
                max-height: 200px;
            }
        }
        
        .container-fluid>.navbar-collapse,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container>.navbar-header {
            margin-right: -15px;
            margin-left: -15px;
        }
        
        @media (min-width: 768px) {
            .container-fluid>.navbar-collapse,
            .container-fluid>.navbar-header,
            .container>.navbar-collapse,
            .container>.navbar-header {
                margin-right: 0;
                margin-left: 0;
            }
        }
        
        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px;
        }
        
        @media (min-width: 768px) {
            .navbar-static-top {
                border-radius: 0;
            }
        }
        
        .navbar-fixed-bottom,
        .navbar-fixed-top {
            position: fixed;
            right: 0;
            left: 0;
            z-index: 1030;
        }
        
        @media (min-width: 768px) {
            .navbar-fixed-bottom,
            .navbar-fixed-top {
                border-radius: 0;
            }
        }
        
        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }
        
        .navbar-fixed-bottom {
            bottom: 0;
            margin-bottom: 0;
            border-width: 1px 0 0;
        }
        
        .navbar-brand {
            float: left;
            height: 50px;
            padding: 15px 15px;
            font-size: 18px;
            line-height: 20px;
        }
        
        .navbar-brand:focus,
        .navbar-brand:hover {
            text-decoration: none;
        }
        
        .navbar-brand>img {
            display: block;
        }
        
        @media (min-width: 768px) {
            .navbar>.container .navbar-brand,
            .navbar>.container-fluid .navbar-brand {
                margin-left: -15px;
            }
        }
        
        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        
        .navbar-toggle:focus {
            outline: 0;
        }
        
        .navbar-toggle .icon-bar {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
        }
        
        .navbar-toggle .icon-bar+.icon-bar {
            margin-top: 4px;
        }
        
        @media (min-width: 768px) {
            .navbar-toggle {
                display: none;
            }
        }
        
        .navbar-nav {
            margin: 7.5px -15px;
        }
        
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px;
        }
        
        @media (max-width: 767px) {
            .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            .navbar-nav .open .dropdown-menu .dropdown-header,
            .navbar-nav .open .dropdown-menu>li>a {
                padding: 5px 15px 5px 25px;
            }
            .navbar-nav .open .dropdown-menu>li>a {
                line-height: 20px;
            }
            .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-nav .open .dropdown-menu>li>a:hover {
                background-image: none;
            }
        }
        
        @media (min-width: 768px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav>li {
                float: left;
            }
            .navbar-nav>li>a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
        }
        
        .navbar-form {
            padding: 10px 15px;
            margin-top: 8px;
            margin-right: -15px;
            margin-bottom: 8px;
            margin-left: -15px;
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        }
        
        @media (min-width: 768px) {
            .navbar-form .form-group {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
            }
            .navbar-form .form-control {
                display: inline-block;
                width: auto;
                vertical-align: middle;
            }
            .navbar-form .form-control-static {
                display: inline-block;
            }
            .navbar-form .input-group {
                display: inline-table;
                vertical-align: middle;
            }
            .navbar-form .input-group .form-control,
            .navbar-form .input-group .input-group-addon,
            .navbar-form .input-group .input-group-btn {
                width: auto;
            }
            .navbar-form .input-group>.form-control {
                width: 100%;
            }
            .navbar-form .control-label {
                margin-bottom: 0;
                vertical-align: middle;
            }
            .navbar-form .checkbox,
            .navbar-form .radio {
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0;
                vertical-align: middle;
            }
            .navbar-form .checkbox label,
            .navbar-form .radio label {
                padding-left: 0;
            }
            .navbar-form .checkbox input[type="checkbox"],
            .navbar-form .radio input[type="radio"] {
                position: relative;
                margin-left: 0;
            }
            .navbar-form .has-feedback .form-control-feedback {
                top: 0;
            }
        }
        
        @media (max-width: 767px) {
            .navbar-form .form-group {
                margin-bottom: 5px;
            }
            .navbar-form .form-group:last-child {
                margin-bottom: 0;
            }
        }
        
        @media (min-width: 768px) {
            .navbar-form {
                width: auto;
                padding-top: 0;
                padding-bottom: 0;
                margin-right: 0;
                margin-left: 0;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
        }
        
        .navbar-nav>li>.dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
            margin-bottom: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        .navbar-btn {
            margin-top: 8px;
            margin-bottom: 8px;
        }
        
        .navbar-btn.btn-sm {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        
        .navbar-btn.btn-xs {
            margin-top: 14px;
            margin-bottom: 14px;
        }
        
        .navbar-text {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        
        @media (min-width: 768px) {
            .navbar-text {
                float: left;
                margin-right: 15px;
                margin-left: 15px;
            }
        }
        
        @media (min-width: 768px) {
            .navbar-left {
                float: left !important;
            }
            .navbar-right {
                float: right !important;
                margin-right: -15px;
            }
            .navbar-right~.navbar-right {
                margin-right: 0;
            }
        }
        
        .navbar-default {
            background-color: #f8f8f8;
            border-color: #e7e7e7;
        }
        
        .navbar-default .navbar-brand {
            color: #777;
        }
        
        .navbar-default .navbar-brand:focus,
        .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }
        
        .navbar-default .navbar-text {
            color: #777;
        }
        
        .navbar-default .navbar-nav>li>a {
            color: #777;
        }
        
        .navbar-default .navbar-nav>li>a:focus,
        .navbar-default .navbar-nav>li>a:hover {
            color: #333;
            background-color: transparent;
        }
        
        .navbar-default .navbar-nav>.active>a,
        .navbar-default .navbar-nav>.active>a:focus,
        .navbar-default .navbar-nav>.active>a:hover {
            color: #555;
            background-color: #e7e7e7;
        }
        
        .navbar-default .navbar-nav>.disabled>a,
        .navbar-default .navbar-nav>.disabled>a:focus,
        .navbar-default .navbar-nav>.disabled>a:hover {
            color: #ccc;
            background-color: transparent;
        }
        
        .navbar-default .navbar-toggle {
            border-color: #ddd;
        }
        
        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }
        
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }
        
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border-color: #e7e7e7;
        }
        
        .navbar-default .navbar-nav>.open>a,
        .navbar-default .navbar-nav>.open>a:focus,
        .navbar-default .navbar-nav>.open>a:hover {
            color: #555;
            background-color: #e7e7e7;
        }
        
        @media (max-width: 767px) {
            .navbar-default .navbar-nav .open .dropdown-menu>li>a {
                color: #777;
            }
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
                color: #333;
                background-color: transparent;
            }
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
                color: #555;
                background-color: #e7e7e7;
            }
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
            .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                color: #ccc;
                background-color: transparent;
            }
        }
        
        .navbar-default .navbar-link {
            color: #777;
        }
        
        .navbar-default .navbar-link:hover {
            color: #333;
        }
        
        .navbar-default .btn-link {
            color: #777;
        }
        
        .navbar-default .btn-link:focus,
        .navbar-default .btn-link:hover {
            color: #333;
        }
        
        .navbar-default .btn-link[disabled]:focus,
        .navbar-default .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-default .btn-link:focus,
        fieldset[disabled] .navbar-default .btn-link:hover {
            color: #ccc;
        }
        
        .navbar-inverse {
            background-color: #222;
            border-color: #080808;
        }
        
        .navbar-inverse .navbar-brand {
            color: #9d9d9d;
        }
        
        .navbar-inverse .navbar-brand:focus,
        .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }
        
        .navbar-inverse .navbar-text {
            color: #9d9d9d;
        }
        
        .navbar-inverse .navbar-nav>li>a {
            color: #9d9d9d;
        }
        
        .navbar-inverse .navbar-nav>li>a:focus,
        .navbar-inverse .navbar-nav>li>a:hover {
            color: #fff;
            background-color: transparent;
        }
        
        .navbar-inverse .navbar-nav>.active>a,
        .navbar-inverse .navbar-nav>.active>a:focus,
        .navbar-inverse .navbar-nav>.active>a:hover {
            color: #fff;
            background-color: #080808;
        }
        
        .navbar-inverse .navbar-nav>.disabled>a,
        .navbar-inverse .navbar-nav>.disabled>a:focus,
        .navbar-inverse .navbar-nav>.disabled>a:hover {
            color: #444;
            background-color: transparent;
        }
        
        .navbar-inverse .navbar-toggle {
            border-color: #333;
        }
        
        .navbar-inverse .navbar-toggle:focus,
        .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }
        
        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }
        
        .navbar-inverse .navbar-collapse,
        .navbar-inverse .navbar-form {
            border-color: #101010;
        }
        
        .navbar-inverse .navbar-nav>.open>a,
        .navbar-inverse .navbar-nav>.open>a:focus,
        .navbar-inverse .navbar-nav>.open>a:hover {
            color: #fff;
            background-color: #080808;
        }
        
        @media (max-width: 767px) {
            .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
                border-color: #080808;
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
                background-color: #080808;
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
                color: #9d9d9d;
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
                color: #fff;
                background-color: transparent;
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
                color: #fff;
                background-color: #080808;
            }
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
            .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
                color: #444;
                background-color: transparent;
            }
        }
        
        .navbar-inverse .navbar-link {
            color: #9d9d9d;
        }
        
        .navbar-inverse .navbar-link:hover {
            color: #fff;
        }
        
        .navbar-inverse .btn-link {
            color: #9d9d9d;
        }
        
        .navbar-inverse .btn-link:focus,
        .navbar-inverse .btn-link:hover {
            color: #fff;
        }
        
        .navbar-inverse .btn-link[disabled]:focus,
        .navbar-inverse .btn-link[disabled]:hover,
        fieldset[disabled] .navbar-inverse .btn-link:focus,
        fieldset[disabled] .navbar-inverse .btn-link:hover {
            color: #444;
        }
        
        .breadcrumb {
            padding: 8px 15px;
            margin-bottom: 20px;
            list-style: none;
            background-color: #f5f5f5;
            border-radius: 4px;
        }
        
        .breadcrumb>li {
            display: inline-block;
        }
        
        .breadcrumb>li+li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }
        
        .breadcrumb>.active {
            color: #777;
        }
        
        .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
        }
        
        .pagination>li {
            display: inline;
        }
        
        .pagination>li>a,
        .pagination>li>span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }
        
        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        
        .pagination>li:last-child>a,
        .pagination>li:last-child>span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
        
        .pagination>li>a:focus,
        .pagination>li>a:hover,
        .pagination>li>span:focus,
        .pagination>li>span:hover {
            z-index: 2;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }
        
        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            z-index: 3;
            color: #fff;
            cursor: default;
            background-color: #337ab7;
            border-color: #337ab7;
        }
        
        .pagination>.disabled>a,
        .pagination>.disabled>a:focus,
        .pagination>.disabled>a:hover,
        .pagination>.disabled>span,
        .pagination>.disabled>span:focus,
        .pagination>.disabled>span:hover {
            color: #777;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd;
        }
        
        .pagination-lg>li>a,
        .pagination-lg>li>span {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.3333333;
        }
        
        .pagination-lg>li:first-child>a,
        .pagination-lg>li:first-child>span {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
        
        .pagination-lg>li:last-child>a,
        .pagination-lg>li:last-child>span {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }
        
        .pagination-sm>li>a,
        .pagination-sm>li>span {
            padding: 5px 10px;
            font-size: 12px;
            line-height: 1.5;
        }
        
        .pagination-sm>li:first-child>a,
        .pagination-sm>li:first-child>span {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        
        .pagination-sm>li:last-child>a,
        .pagination-sm>li:last-child>span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }
        
        .pager {
            padding-left: 0;
            margin: 20px 0;
            text-align: center;
            list-style: none;
        }
        
        .pager li {
            display: inline;
        }
        
        .pager li>a,
        .pager li>span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }
        
        .pager li>a:focus,
        .pager li>a:hover {
            text-decoration: none;
            background-color: #eee;
        }
        
        .pager .next>a,
        .pager .next>span {
            float: right;
        }
        
        .pager .previous>a,
        .pager .previous>span {
            float: left;
        }
        
        .pager .disabled>a,
        .pager .disabled>a:focus,
        .pager .disabled>a:hover,
        .pager .disabled>span {
            color: #777;
            cursor: not-allowed;
            background-color: #fff;
        }
        
        .label {
            display: inline;
            padding: 0.2em 0.6em 0.3em;
            font-size: 14px;
            /*font-weight: 700;*/
            /*line-height: 1;*/
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: 0.25em;
        }
        
        a.label:focus,
        a.label:hover {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
        
        .label:empty {
            display: none;
        }
        
        .btn .label {
            position: relative;
            top: -1px;
        }
        
        .label-default {
            background-color: #777;
        }
        
        .label-default[href]:focus,
        .label-default[href]:hover {
            background-color: #5e5e5e;
        }
        
        .label-primary {
            background-color: #337ab7;
        }
        
        .label-primary[href]:focus,
        .label-primary[href]:hover {
            background-color: #286090;
        }
        
        .label-success {
            background-color: #5cb85c;
        }
        
        .label-success[href]:focus,
        .label-success[href]:hover {
            background-color: #449d44;
        }
        
        .label-info {
            background-color: #5bc0de;
        }
        
        .label-info[href]:focus,
        .label-info[href]:hover {
            background-color: #31b0d5;
        }
        
        .label-warning {
            background-color: #f0ad4e;
        }
        
        .label-warning[href]:focus,
        .label-warning[href]:hover {
            background-color: #ec971f;
        }
        
        .label-danger {
            background-color: #d9534f;
        }
        
        .label-danger[href]:focus,
        .label-danger[href]:hover {
            background-color: #c9302c;
        }
        
        .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 12px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            background-color: #777;
            border-radius: 10px;
        }
        
        .badge:empty {
            display: none;
        }
        
        .btn .badge {
            position: relative;
            top: -1px;
        }
        
        .btn-group-xs>.btn .badge,
        .btn-xs .badge {
            top: 0;
            padding: 1px 5px;
        }
        
        a.badge:focus,
        a.badge:hover {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
        
        .list-group-item.active>.badge,
        .nav-pills>.active>a>.badge {
            color: #337ab7;
            background-color: #fff;
        }
        
        .list-group-item>.badge {
            float: right;
        }
        
        .list-group-item>.badge+.badge {
            margin-right: 5px;
        }
        
        .nav-pills>li>a>.badge {
            margin-left: 3px;
        }
        
        .jumbotron {
            padding-top: 30px;
            padding-bottom: 30px;
            margin-bottom: 30px;
            color: inherit;
            background-color: #eee;
        }
        
        .jumbotron .h1,
        .jumbotron h1 {
            color: inherit;
        }
        
        .jumbotron p {
            margin-bottom: 15px;
            font-size: 21px;
            font-weight: 200;
        }
        
        .jumbotron>hr {
            border-top-color: #d5d5d5;
        }
        
        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-right: 15px;
            padding-left: 15px;
            border-radius: 6px;
        }
        
        .jumbotron .container {
            max-width: 100%;
        }
        
        @media screen and (min-width: 768px) {
            .jumbotron {
                padding-top: 48px;
                padding-bottom: 48px;
            }
            .container .jumbotron,
            .container-fluid .jumbotron {
                padding-right: 60px;
                padding-left: 60px;
            }
            .jumbotron .h1,
            .jumbotron h1 {
                font-size: 63px;
            }
        }
        
        .thumbnail {
            display: block;
            padding: 4px;
            margin-bottom: 20px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: border 0.2s ease-in-out;
            transition: border 0.2s ease-in-out;
        }
        
        .thumbnail a>img,
        .thumbnail>img {
            margin-right: auto;
            margin-left: auto;
        }
        
        a.thumbnail.active,
        a.thumbnail:focus,
        a.thumbnail:hover {
            border-color: #337ab7;
        }
        
        .thumbnail .caption {
            padding: 9px;
            color: #333;
        }
        
        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        
        .alert h4 {
            margin-top: 0;
            color: inherit;
        }
        
        .alert .alert-link {
            font-weight: 700;
        }
        
        .alert>p,
        .alert>ul {
            margin-bottom: 0;
        }
        
        .alert>p+p {
            margin-top: 5px;
        }
        
        .alert-dismissable,
        .alert-dismissible {
            padding-right: 35px;
        }
        
        .alert-dismissable .close,
        .alert-dismissible .close {
            position: relative;
            top: -2px;
            right: -21px;
            color: inherit;
        }
        
        .alert-success {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }
        
        .alert-success hr {
            border-top-color: #c9e2b3;
        }
        
        .alert-success .alert-link {
            color: #2b542c;
        }
        
        .alert-info {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }
        
        .alert-info hr {
            border-top-color: #a6e1ec;
        }
        
        .alert-info .alert-link {
            color: #245269;
        }
        
        .alert-warning {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc;
        }
        
        .alert-warning hr {
            border-top-color: #f7e1b5;
        }
        
        .alert-warning .alert-link {
            color: #66512c;
        }
        
        .alert-danger {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1;
        }
        
        .alert-danger hr {
            border-top-color: #e4b9c0;
        }
        
        .alert-danger .alert-link {
            color: #843534;
        }
        
        @-webkit-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0;
            }
            to {
                background-position: 0 0;
            }
        }
        
        @keyframes progress-bar-stripes {
            from {
                background-position: 40px 0;
            }
            to {
                background-position: 0 0;
            }
        }
        
        .progress {
            height: 20px;
            margin-bottom: 20px;
            overflow: hidden;
            background-color: #f5f5f5;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        }
        
        .progress-bar {
            float: left;
            width: 0;
            height: 100%;
            font-size: 12px;
            line-height: 20px;
            color: #fff;
            text-align: center;
            background-color: #337ab7;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
            -webkit-transition: width 0.6s ease;
            transition: width 0.6s ease;
        }
        
        .progress-bar-striped,
        .progress-striped .progress-bar {
            background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
            background-size: 40px 40px;
        }
        
        .progress-bar.active,
        .progress.active .progress-bar {
            -webkit-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite;
        }
        
        .progress-bar-success {
            background-color: #5cb85c;
        }
        
        .progress-striped .progress-bar-success {
            background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        }
        
        .progress-bar-info {
            background-color: #5bc0de;
        }
        
        .progress-striped .progress-bar-info {
            background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        }
        
        .progress-bar-warning {
            background-color: #f0ad4e;
        }
        
        .progress-striped .progress-bar-warning {
            background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        }
        
        .progress-bar-danger {
            background-color: #d9534f;
        }
        
        .progress-striped .progress-bar-danger {
            background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        }
        
        .media {
            margin-top: 15px;
        }
        
        .media:first-child {
            margin-top: 0;
        }
        
        .media,
        .media-body {
            overflow: hidden;
            zoom: 1;
        }
        
        .media-body {
            width: 10000px;
        }
        
        .media-object {
            display: block;
        }
        
        .media-object.img-thumbnail {
            max-width: none;
        }
        
        .media-right,
        .media>.pull-right {
            padding-left: 10px;
        }
        
        .media-left,
        .media>.pull-left {
            padding-right: 10px;
        }
        
        .media-body,
        .media-left,
        .media-right {
            display: table-cell;
            vertical-align: top;
        }
        
        .media-middle {
            vertical-align: middle;
        }
        
        .media-bottom {
            vertical-align: bottom;
        }
        
        .media-heading {
            margin-top: 0;
            margin-bottom: 5px;
        }
        
        .media-list {
            padding-left: 0;
            list-style: none;
        }
        
        .list-group {
            padding-left: 0;
            margin-bottom: 20px;
        }
        
        .list-group-item {
            position: relative;
            display: block;
            padding: 10px 15px;
            margin-bottom: -1px;
            background-color: #fff;
            border: 1px solid #ddd;
        }
        
        .list-group-item:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }
        
        .list-group-item:last-child {
            margin-bottom: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        
        a.list-group-item,
        button.list-group-item {
            color: #555;
        }
        
        a.list-group-item .list-group-item-heading,
        button.list-group-item .list-group-item-heading {
            color: #333;
        }
        
        a.list-group-item:focus,
        a.list-group-item:hover,
        button.list-group-item:focus,
        button.list-group-item:hover {
            color: #555;
            text-decoration: none;
            background-color: #f5f5f5;
        }
        
        button.list-group-item {
            width: 100%;
            text-align: left;
        }
        
        .list-group-item.disabled,
        .list-group-item.disabled:focus,
        .list-group-item.disabled:hover {
            color: #777;
            cursor: not-allowed;
            background-color: #eee;
        }
        
        .list-group-item.disabled .list-group-item-heading,
        .list-group-item.disabled:focus .list-group-item-heading,
        .list-group-item.disabled:hover .list-group-item-heading {
            color: inherit;
        }
        
        .list-group-item.disabled .list-group-item-text,
        .list-group-item.disabled:focus .list-group-item-text,
        .list-group-item.disabled:hover .list-group-item-text {
            color: #777;
        }
        
        .list-group-item.active,
        .list-group-item.active:focus,
        .list-group-item.active:hover {
            z-index: 2;
            color: #fff;
            background-color: #337ab7;
            border-color: #337ab7;
        }
        
        .list-group-item.active .list-group-item-heading,
        .list-group-item.active .list-group-item-heading>.small,
        .list-group-item.active .list-group-item-heading>small,
        .list-group-item.active:focus .list-group-item-heading,
        .list-group-item.active:focus .list-group-item-heading>.small,
        .list-group-item.active:focus .list-group-item-heading>small,
        .list-group-item.active:hover .list-group-item-heading,
        .list-group-item.active:hover .list-group-item-heading>.small,
        .list-group-item.active:hover .list-group-item-heading>small {
            color: inherit;
        }
        
        .list-group-item.active .list-group-item-text,
        .list-group-item.active:focus .list-group-item-text,
        .list-group-item.active:hover .list-group-item-text {
            color: #c7ddef;
        }
        
        .list-group-item-success {
            color: #3c763d;
            background-color: #dff0d8;
        }
        
        a.list-group-item-success,
        button.list-group-item-success {
            color: #3c763d;
        }
        
        a.list-group-item-success .list-group-item-heading,
        button.list-group-item-success .list-group-item-heading {
            color: inherit;
        }
        
        a.list-group-item-success:focus,
        a.list-group-item-success:hover,
        button.list-group-item-success:focus,
        button.list-group-item-success:hover {
            color: #3c763d;
            background-color: #d0e9c6;
        }
        
        a.list-group-item-success.active,
        a.list-group-item-success.active:focus,
        a.list-group-item-success.active:hover,
        button.list-group-item-success.active,
        button.list-group-item-success.active:focus,
        button.list-group-item-success.active:hover {
            color: #fff;
            background-color: #3c763d;
            border-color: #3c763d;
        }
        
        .list-group-item-info {
            color: #31708f;
            background-color: #d9edf7;
        }
        
        a.list-group-item-info,
        button.list-group-item-info {
            color: #31708f;
        }
        
        a.list-group-item-info .list-group-item-heading,
        button.list-group-item-info .list-group-item-heading {
            color: inherit;
        }
        
        a.list-group-item-info:focus,
        a.list-group-item-info:hover,
        button.list-group-item-info:focus,
        button.list-group-item-info:hover {
            color: #31708f;
            background-color: #c4e3f3;
        }
        
        a.list-group-item-info.active,
        a.list-group-item-info.active:focus,
        a.list-group-item-info.active:hover,
        button.list-group-item-info.active,
        button.list-group-item-info.active:focus,
        button.list-group-item-info.active:hover {
            color: #fff;
            background-color: #31708f;
            border-color: #31708f;
        }
        
        .list-group-item-warning {
            color: #8a6d3b;
            background-color: #fcf8e3;
        }
        
        a.list-group-item-warning,
        button.list-group-item-warning {
            color: #8a6d3b;
        }
        
        a.list-group-item-warning .list-group-item-heading,
        button.list-group-item-warning .list-group-item-heading {
            color: inherit;
        }
        
        a.list-group-item-warning:focus,
        a.list-group-item-warning:hover,
        button.list-group-item-warning:focus,
        button.list-group-item-warning:hover {
            color: #8a6d3b;
            background-color: #faf2cc;
        }
        
        a.list-group-item-warning.active,
        a.list-group-item-warning.active:focus,
        a.list-group-item-warning.active:hover,
        button.list-group-item-warning.active,
        button.list-group-item-warning.active:focus,
        button.list-group-item-warning.active:hover {
            color: #fff;
            background-color: #8a6d3b;
            border-color: #8a6d3b;
        }
        
        .list-group-item-danger {
            color: #a94442;
            background-color: #f2dede;
        }
        
        a.list-group-item-danger,
        button.list-group-item-danger {
            color: #a94442;
        }
        
        a.list-group-item-danger .list-group-item-heading,
        button.list-group-item-danger .list-group-item-heading {
            color: inherit;
        }
        
        a.list-group-item-danger:focus,
        a.list-group-item-danger:hover,
        button.list-group-item-danger:focus,
        button.list-group-item-danger:hover {
            color: #a94442;
            background-color: #ebcccc;
        }
        
        a.list-group-item-danger.active,
        a.list-group-item-danger.active:focus,
        a.list-group-item-danger.active:hover,
        button.list-group-item-danger.active,
        button.list-group-item-danger.active:focus,
        button.list-group-item-danger.active:hover {
            color: #fff;
            background-color: #a94442;
            border-color: #a94442;
        }
        
        .list-group-item-heading {
            margin-top: 0;
            margin-bottom: 5px;
        }
        
        .list-group-item-text {
            margin-bottom: 0;
            line-height: 1.3;
        }
        
        .panel {
            margin-bottom: 20px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        }
        
        .panel-body {
            padding: 15px;
        }
        
        .panel-heading {
            padding: 10px 15px;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        
        .panel-heading>.dropdown .dropdown-toggle {
            color: inherit;
        }
        
        .panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 16px;
            color: inherit;
        }
        
        .panel-title>.small,
        .panel-title>.small>a,
        .panel-title>a,
        .panel-title>small,
        .panel-title>small>a {
            color: inherit;
        }
        
        .panel-footer {
            padding: 10px 15px;
            background-color: #f5f5f5;
            border-top: 1px solid #ddd;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        
        .panel>.list-group,
        .panel>.panel-collapse>.list-group {
            margin-bottom: 0;
        }
        
        .panel>.list-group .list-group-item,
        .panel>.panel-collapse>.list-group .list-group-item {
            border-width: 1px 0;
            border-radius: 0;
        }
        
        .panel>.list-group:first-child .list-group-item:first-child,
        .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
            border-top: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        
        .panel>.list-group:last-child .list-group-item:last-child,
        .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
            border-bottom: 0;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        
        .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .panel-heading+.list-group .list-group-item:first-child {
            border-top-width: 0;
        }
        
        .list-group+.panel-footer {
            border-top-width: 0;
        }
        
        .panel>.panel-collapse>.table,
        .panel>.table,
        .panel>.table-responsive>.table {
            margin-bottom: 0;
        }
        
        .panel>.panel-collapse>.table caption,
        .panel>.table caption,
        .panel>.table-responsive>.table caption {
            padding-right: 15px;
            padding-left: 15px;
        }
        
        .panel>.table-responsive:first-child>.table:first-child,
        .panel>.table:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }
        
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
        .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
            border-top-left-radius: 3px;
        }
        
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
        .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
        .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
        .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
        .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
        .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
            border-top-right-radius: 3px;
        }
        
        .panel>.table-responsive:last-child>.table:last-child,
        .panel>.table:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
            border-bottom-left-radius: 3px;
        }
        
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
        .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
        .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
        .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
            border-bottom-right-radius: 3px;
        }
        
        .panel>.panel-body+.table,
        .panel>.panel-body+.table-responsive,
        .panel>.table+.panel-body,
        .panel>.table-responsive+.panel-body {
            border-top: 1px solid #ddd;
        }
        
        .panel>.table>tbody:first-child>tr:first-child td,
        .panel>.table>tbody:first-child>tr:first-child th {
            border-top: 0;
        }
        
        .panel>.table-bordered,
        .panel>.table-responsive>.table-bordered {
            border: 0;
        }
        
        .panel>.table-bordered>tbody>tr>td:first-child,
        .panel>.table-bordered>tbody>tr>th:first-child,
        .panel>.table-bordered>tfoot>tr>td:first-child,
        .panel>.table-bordered>tfoot>tr>th:first-child,
        .panel>.table-bordered>thead>tr>td:first-child,
        .panel>.table-bordered>thead>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
        .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
            border-left: 0;
        }
        
        .panel>.table-bordered>tbody>tr>td:last-child,
        .panel>.table-bordered>tbody>tr>th:last-child,
        .panel>.table-bordered>tfoot>tr>td:last-child,
        .panel>.table-bordered>tfoot>tr>th:last-child,
        .panel>.table-bordered>thead>tr>td:last-child,
        .panel>.table-bordered>thead>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
        .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
            border-right: 0;
        }
        
        .panel>.table-bordered>tbody>tr:first-child>td,
        .panel>.table-bordered>tbody>tr:first-child>th,
        .panel>.table-bordered>thead>tr:first-child>td,
        .panel>.table-bordered>thead>tr:first-child>th,
        .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
        .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
        .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
        .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
            border-bottom: 0;
        }
        
        .panel>.table-bordered>tbody>tr:last-child>td,
        .panel>.table-bordered>tbody>tr:last-child>th,
        .panel>.table-bordered>tfoot>tr:last-child>td,
        .panel>.table-bordered>tfoot>tr:last-child>th,
        .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
        .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
        .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
        .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
            border-bottom: 0;
        }
        
        .panel>.table-responsive {
            margin-bottom: 0;
            border: 0;
        }
        
        .panel-group {
            margin-bottom: 20px;
        }
        
        .panel-group .panel {
            margin-bottom: 0;
            border-radius: 4px;
        }
        
        .panel-group .panel+.panel {
            margin-top: 5px;
        }
        
        .panel-group .panel-heading {
            border-bottom: 0;
        }
        
        .panel-group .panel-heading+.panel-collapse>.list-group,
        .panel-group .panel-heading+.panel-collapse>.panel-body {
            border-top: 1px solid #ddd;
        }
        
        .panel-group .panel-footer {
            border-top: 0;
        }
        
        .panel-group .panel-footer+.panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }
        
        .panel-default {
            border-color: #ddd;
        }
        
        .panel-default>.panel-heading {
            color: #333;
            background-color: #f5f5f5;
            border-color: #ddd;
        }
        
        .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #ddd;
        }
        
        .panel-default>.panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }
        
        .panel-default>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #ddd;
        }
        
        .panel-primary {
            border-color: #337ab7;
        }
        
        .panel-primary>.panel-heading {
            color: #fff;
            background-color: #337ab7;
            border-color: #337ab7;
        }
        
        .panel-primary>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #337ab7;
        }
        
        .panel-primary>.panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }
        
        .panel-primary>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #337ab7;
        }
        
        .panel-success {
            border-color: #d6e9c6;
        }
        
        .panel-success>.panel-heading {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }
        
        .panel-success>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #d6e9c6;
        }
        
        .panel-success>.panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }
        
        .panel-success>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #d6e9c6;
        }
        
        .panel-info {
            border-color: #bce8f1;
        }
        
        .panel-info>.panel-heading {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }
        
        .panel-info>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #bce8f1;
        }
        
        .panel-info>.panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }
        
        .panel-info>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #bce8f1;
        }
        
        .panel-warning {
            border-color: #faebcc;
        }
        
        .panel-warning>.panel-heading {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc;
        }
        
        .panel-warning>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #faebcc;
        }
        
        .panel-warning>.panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }
        
        .panel-warning>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #faebcc;
        }
        
        .panel-danger {
            border-color: #ebccd1;
        }
        
        .panel-danger>.panel-heading {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1;
        }
        
        .panel-danger>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #ebccd1;
        }
        
        .panel-danger>.panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }
        
        .panel-danger>.panel-footer+.panel-collapse>.panel-body {
            border-bottom-color: #ebccd1;
        }
        
        .embed-responsive {
            position: relative;
            display: block;
            height: 0;
            padding: 0;
            overflow: hidden;
        }
        
        .embed-responsive .embed-responsive-item,
        .embed-responsive embed,
        .embed-responsive iframe,
        .embed-responsive object,
        .embed-responsive video {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
        
        .embed-responsive-16by9 {
            padding-bottom: 56.25%;
        }
        
        .embed-responsive-4by3 {
            padding-bottom: 75%;
        }
        
        .well {
            min-height: 20px;
            padding: 19px;
            margin-bottom: 20px;
            background-color: #f5f5f5;
            border: 1px solid #e3e3e3;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        }
        
        .well blockquote {
            border-color: #ddd;
            border-color: rgba(0, 0, 0, 0.15);
        }
        
        .well-lg {
            padding: 24px;
            border-radius: 6px;
        }
        
        .well-sm {
            padding: 9px;
            border-radius: 3px;
        }
        
        .close {
            float: right;
            font-size: 21px;
            font-weight: 700;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            opacity: 0.2;
        }
        
        .close:focus,
        .close:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: 0.5;
        }
        
        button.close {
            -webkit-appearance: none;
            padding: 0;
            cursor: pointer;
            background: 0 0;
            border: 0;
        }
        
        .modal-open {
            overflow: hidden;
        }
        /*body.modal-open{
    overflow: auto;
}
*/
        
        body.modal-open::-webkit-scrollbar-track {
            background: transparent;
        }
        /* Handle */
        
        body.modal-open::-webkit-scrollbar-thumb {
            background: transparent;
        }
        
        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1050;
            padding: 0 !important;
            display: none;
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            outline: 0;
        }
        
        .modal.fade .modal-dialog {
            /*-webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);*/
            transition: transform .75s ease-in-out;
            transform: translate(110%, 0);
        }
        
        .modal.in .modal-dialog {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        
        .modal .modal-dialog {
            width: 50%;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0px;
            padding-top: 130px;
            margin: 0px 50%;
            overflow: hidden;
            background: white;
        }
        
        .modal.in .modal-dialog {
            width: 50% !important;
            min-height: 100vh;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            padding: 0px;
            padding-top: 130px;
            margin: 0px 50%;
            overflow: hidden;
            background: white;
        }
        
        body.scroll2 .modal.in .modal-dialog {
            padding-top: 50px;
        }
        
        .modal-open .modal {
            overflow-x: hidden;
            overflow-y: auto;
        }
        
        .modal-dialog {
            position: relative;
            width: auto;
            margin: 10px;
        }
        
        .modal-content {
            position: relative;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #999;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            outline: 0;
            -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        }
        
        .modal-backdrop {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
            transition: opacity 0.15s linear;
        }
        
        .modal-backdrop.fade {
            opacity: 0;
        }
        
        .modal-backdrop.in {
            opacity: 0.5;
        }
        
        .modal-header {
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
        }
        
        .modal-title {
            margin: 0;
            line-height: 1.42857143;
        }
        
        .modal-body {
            position: relative;
            width: 100%;
            display: flex;
        }
        
        .modal-footer {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #e5e5e5;
        }
        
        .modal-footer .btn+.btn {
            margin-bottom: 0;
            margin-left: 5px;
        }
        
        .modal-footer .btn-group .btn+.btn {
            margin-left: -1px;
        }
        
        .modal-footer .btn-block+.btn-block {
            margin-left: 0;
        }
        
        .modal-scrollbar-measure {
            position: absolute;
            top: -9999px;
            width: 50px;
            height: 50px;
            overflow: scroll;
        }
        
        @media (min-width: 768px) {
            .modal-dialog {
                width: 600px;
                margin: 30px auto;
            }
            .modal-content {
                -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            }
            .modal-sm {
                width: 300px;
            }
        }
        
        @media (min-width: 992px) {
            .modal-lg {
                width: 900px;
            }
        }
        
        .tooltip {
            position: absolute;
            z-index: 1070;
            display: block;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: normal;
            opacity: 0;
            line-break: auto;
        }
        
        .tooltip.in {
            opacity: 0.9;
        }
        
        .tooltip.top {
            padding: 5px 0;
            margin-top: -3px;
        }
        
        .tooltip.right {
            padding: 0 5px;
            margin-left: 3px;
        }
        
        .tooltip.bottom {
            padding: 5px 0;
            margin-top: 3px;
        }
        
        .tooltip.left {
            padding: 0 5px;
            margin-left: -3px;
        }
        
        .tooltip-inner {
            max-width: 200px;
            padding: 3px 8px;
            color: #fff;
            text-align: center;
            background-color: #000;
            border-radius: 4px;
        }
        
        .tooltip-arrow {
            position: absolute;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }
        
        .tooltip.top .tooltip-arrow {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            border-width: 5px 5px 0;
            border-top-color: #000;
        }
        
        .tooltip.top-left .tooltip-arrow {
            right: 5px;
            bottom: 0;
            margin-bottom: -5px;
            border-width: 5px 5px 0;
            border-top-color: #000;
        }
        
        .tooltip.top-right .tooltip-arrow {
            bottom: 0;
            left: 5px;
            margin-bottom: -5px;
            border-width: 5px 5px 0;
            border-top-color: #000;
        }
        
        .tooltip.right .tooltip-arrow {
            top: 50%;
            left: 0;
            margin-top: -5px;
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
        }
        
        .tooltip.left .tooltip-arrow {
            top: 50%;
            right: 0;
            margin-top: -5px;
            border-width: 5px 0 5px 5px;
            border-left-color: #000;
        }
        
        .tooltip.bottom .tooltip-arrow {
            top: 0;
            left: 50%;
            margin-left: -5px;
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }
        
        .tooltip.bottom-left .tooltip-arrow {
            top: 0;
            right: 5px;
            margin-top: -5px;
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }
        
        .tooltip.bottom-right .tooltip-arrow {
            top: 0;
            left: 5px;
            margin-top: -5px;
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }
        
        .popover {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1060;
            display: none;
            max-width: 276px;
            padding: 1px;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            word-wrap: normal;
            white-space: normal;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 6px;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            line-break: auto;
        }
        
        .popover.top {
            margin-top: -10px;
        }
        
        .popover.right {
            margin-left: 10px;
        }
        
        .popover.bottom {
            margin-top: 10px;
        }
        
        .popover.left {
            margin-left: -10px;
        }
        
        .popover-title {
            padding: 8px 14px;
            margin: 0;
            font-size: 14px;
            background-color: #f7f7f7;
            border-bottom: 1px solid #ebebeb;
            border-radius: 5px 5px 0 0;
        }
        
        .popover-content {
            padding: 9px 14px;
        }
        
        .popover>.arrow,
        .popover>.arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }
        
        .popover>.arrow {
            border-width: 11px;
        }
        
        .popover>.arrow:after {
            content: "";
            border-width: 10px;
        }
        
        .popover.top>.arrow {
            bottom: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-color: #999;
            border-top-color: rgba(0, 0, 0, 0.25);
            border-bottom-width: 0;
        }
        
        .popover.top>.arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0;
        }
        
        .popover.right>.arrow {
            top: 50%;
            left: -11px;
            margin-top: -11px;
            border-right-color: #999;
            border-right-color: rgba(0, 0, 0, 0.25);
            border-left-width: 0;
        }
        
        .popover.right>.arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0;
        }
        
        .popover.bottom>.arrow {
            top: -11px;
            left: 50%;
            margin-left: -11px;
            border-top-width: 0;
            border-bottom-color: #999;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }
        
        .popover.bottom>.arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff;
        }
        
        .popover.left>.arrow {
            top: 50%;
            right: -11px;
            margin-top: -11px;
            border-right-width: 0;
            border-left-color: #999;
            border-left-color: rgba(0, 0, 0, 0.25);
        }
        
        .popover.left>.arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #fff;
        }
        
        .carousel {
            position: relative;
        }
        
        .carousel-inner {
            position: relative;
            width: 100%;
            overflow: hidden;
        }
        
        .carousel-inner>.item {
            position: relative;
            display: none;
            -webkit-transition: 0.6s ease-in-out left;
            transition: 0.6s ease-in-out left;
        }
        
        .carousel-inner>.item>a>img,
        .carousel-inner>.item>img {
            line-height: 1;
        }
        
        @media all and (transform-3d),
        (-webkit-transform-3d) {
            .carousel-inner>.item {
                -webkit-transition: -webkit-transform 0.6s ease-in-out;
                transition: -webkit-transform 0.6s ease-in-out;
                transition: transform 0.6s ease-in-out;
                transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                -webkit-perspective: 1000px;
                perspective: 1000px;
            }
            .carousel-inner>.item.active.right,
            .carousel-inner>.item.next {
                left: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
            .carousel-inner>.item.active.left,
            .carousel-inner>.item.prev {
                left: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
            .carousel-inner>.item.active,
            .carousel-inner>.item.next.left,
            .carousel-inner>.item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .carousel-inner>.active,
        .carousel-inner>.next,
        .carousel-inner>.prev {
            display: block;
        }
        
        .carousel-inner>.active {
            left: 0;
        }
        
        .carousel-inner>.next,
        .carousel-inner>.prev {
            position: absolute;
            top: 0;
            width: 100%;
        }
        
        .carousel-inner>.next {
            left: 100%;
        }
        
        .carousel-inner>.prev {
            left: -100%;
        }
        
        .carousel-inner>.next.left,
        .carousel-inner>.prev.right {
            left: 0;
        }
        
        .carousel-inner>.active.left {
            left: -100%;
        }
        
        .carousel-inner>.active.right {
            left: 100%;
        }
        
        .carousel-control {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
            background-color: rgba(0, 0, 0, 0);
            opacity: 0.5;
        }
        
        .carousel-control.left {
            background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
            background-repeat: repeat-x;
        }
        
        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
            background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
            background-repeat: repeat-x;
        }
        
        .carousel-control:focus,
        .carousel-control:hover {
            color: #fff;
            text-decoration: none;
            outline: 0;
            opacity: 0.9;
        }
        
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            position: absolute;
            top: 50%;
            z-index: 5;
            display: inline-block;
            margin-top: -10px;
        }
        
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            left: 50%;
            margin-left: -10px;
        }
        
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            right: 50%;
            margin-right: -10px;
        }
        
        .carousel-control .icon-next,
        .carousel-control .icon-prev {
            width: 20px;
            height: 20px;
            font-family: serif;
            line-height: 1;
        }
        
        .carousel-control .icon-prev:before {
            content: "\2039";
        }
        
        .carousel-control .icon-next:before {
            content: "\203a";
        }
        
        .carousel-indicators {
            position: absolute;
            bottom: 10px;
            left: 50%;
            z-index: 15;
            width: 60%;
            padding-left: 0;
            margin-left: -30%;
            text-align: center;
            list-style: none;
        }
        
        .carousel-indicators li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid #fff;
            border-radius: 10px;
        }
        
        .carousel-indicators .active {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #fff;
        }
        
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        }
        
        .carousel-caption .btn {
            text-shadow: none;
        }
        
        @media screen and (min-width: 768px) {
            .carousel-control .glyphicon-chevron-left,
            .carousel-control .glyphicon-chevron-right,
            .carousel-control .icon-next,
            .carousel-control .icon-prev {
                width: 30px;
                height: 30px;
                margin-top: -10px;
                font-size: 30px;
            }
            .carousel-control .glyphicon-chevron-left,
            .carousel-control .icon-prev {
                margin-left: -10px;
            }
            .carousel-control .glyphicon-chevron-right,
            .carousel-control .icon-next {
                margin-right: -10px;
            }
            .carousel-caption {
                right: 20%;
                left: 20%;
                padding-bottom: 30px;
            }
            .carousel-indicators {
                bottom: 20px;
            }
        }
        
        .btn-group-vertical>.btn-group:after,
        .btn-group-vertical>.btn-group:before,
        .btn-toolbar:after,
        .btn-toolbar:before,
        .clearfix:after,
        .clearfix:before,
        .container-fluid:after,
        .container-fluid:before,
        .container:after,
        .container:before,
        .dl-horizontal dd:after,
        .dl-horizontal dd:before,
        .form-horizontal .form-group:after,
        .form-horizontal .form-group:before,
        .modal-footer:after,
        .modal-footer:before,
        .modal-header:after,
        .modal-header:before,
        .nav:after,
        .nav:before,
        .navbar-collapse:after,
        .navbar-collapse:before,
        .navbar-header:after,
        .navbar-header:before,
        .navbar:after,
        .navbar:before,
        .pager:after,
        .pager:before,
        .panel-body:after,
        .panel-body:before,
        .row:after,
        .row:before {
            display: table;
            content: " ";
        }
        
        .btn-group-vertical>.btn-group:after,
        .btn-toolbar:after,
        .clearfix:after,
        .container-fluid:after,
        .container:after,
        .dl-horizontal dd:after,
        .form-horizontal .form-group:after,
        .modal-footer:after,
        .modal-header:after,
        .nav:after,
        .navbar-collapse:after,
        .navbar-header:after,
        .navbar:after,
        .pager:after,
        .panel-body:after,
        .row:after {
            clear: both;
        }
        
        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto;
        }
        
        .pull-right {
            float: right !important;
        }
        
        .pull-left {
            float: left !important;
        }
        
        .modal-interior {
            display: none;
        }
        
        .modal-interior h2,
        .modal-interior-pa h2 {
            font-size: 30px;
        }
        
        .modal-interior h2:first-letter,
        .modal-interior-pa h2:first-letter {
            text-transform: uppercase;
        }
        
        .modal-interior .volver,
        .modal-interior .frase-intro,
        .modal-interior-pa .volver,
        .modal-interior-pa .frase-intro {
            display: none !important;
        }
        
        .modal-interior .edit-img,
        .modal-interior-pa .edit-img {
            top: 60px;
            left: -25px;
        }
        
        .modal-interior.mi-misdatos .fieldgroup .fields,
        .modal-interior-pa.mi-misdatos .fieldgroup .fields {
            display: flex;
            flex-direction: row;
            align-items: baseline;
            flex-flow: wrap;
        }
        
        .modal-interior.mi-misdatos .fieldgroup .fields .FIELD,
        .modal-interior-pa.mi-misdatos .fieldgroup .fields .FIELD {
            width: 50%;
            padding: 10px;
            padding: 0;
            padding-right: 20px;
            min-height: 40px;
            height: 0px;
        }
        
        .modal-interior.mi-misdatos .fieldgroup .fields .FIELD[data-name="password"],
        .modal-interior-pa.mi-misdatos .fieldgroup .fields .FIELD[data-name="password"] {
            /* height: 100px; */
        }
        
        .modal-interior.mi-misdatos .fieldgroup .fields .FIELD #password-strength-meter,
        .modal-interior-pa.mi-misdatos .fieldgroup .fields .FIELD #password-strength-meter {
            margin-top: -10px;
        }
        
        .modal-interior.mi-misdatos.userdata_container,
        .modal-interior-pa.mi-misdatos.userdata_container {
            max-width: unset;
        }
        
        .modal-interior.mi-misdatos.userdata_container .userdata_foto,
        .modal-interior-pa.mi-misdatos.userdata_container .userdata_foto {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
        
        .modal-interior.mi-misdatos.userdata_container .userdata_foto .foto,
        .modal-interior-pa.mi-misdatos.userdata_container .userdata_foto .foto {
            width: 200px;
            height: 200px;
        }
        
        .modal-interior.mi-misdatos .fieldgroup .fields .FIELD.select,
        .modal-interior-pa.mi-misdatos .fieldgroup .fields .FIELD.select {
            margin-top: 25px !important;
        }
        
        .modal-interior.mi-summary,
        .modal-interior-pa.mi-summary {
            display: flex;
            flex-direction: column;
        }
        
        .modal-interior .action,
        .modal-interior-pa .action {
            border-bottom: 2px solid black;
        }
        
        .prata.big {
            font-size: 20px;
        }
        
        .blue {
            color: var(--c2-dark3);
        }
        
        .hide {
            display: none !important;
        }
        
        .show {
            display: block !important;
        }
        
        .invisible {
            visibility: hidden;
        }
        
        .text-hide {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
        }
        
        .hidden {
            display: none !important;
        }
        
        .affix {
            position: fixed;
        }
        
        @-ms-viewport {
            width: device-width;
        }
        
        .visible-lg,
        .visible-md,
        .visible-sm,
        .visible-xs {
            display: none !important;
        }
        
        .visible-lg-block,
        .visible-lg-inline,
        .visible-lg-inline-block,
        .visible-md-block,
        .visible-md-inline,
        .visible-md-inline-block,
        .visible-sm-block,
        .visible-sm-inline,
        .visible-sm-inline-block,
        .visible-xs-block,
        .visible-xs-inline,
        .visible-xs-inline-block {
            display: none !important;
        }
        
        @media (max-width: 767px) {
            .visible-xs {
                display: block !important;
            }
            table.visible-xs {
                display: table !important;
            }
            tr.visible-xs {
                display: table-row !important;
            }
            td.visible-xs,
            th.visible-xs {
                display: table-cell !important;
            }
        }
        
        @media (max-width: 767px) {
            .visible-xs-block {
                display: block !important;
            }
        }
        
        @media (max-width: 767px) {
            .visible-xs-inline {
                display: inline !important;
            }
        }
        
        @media (max-width: 767px) {
            .visible-xs-inline-block {
                display: inline-block !important;
            }
        }
        
        @media (min-width: 768px) and (max-width: 991px) {
            .visible-sm {
                display: block !important;
            }
            table.visible-sm {
                display: table !important;
            }
            tr.visible-sm {
                display: table-row !important;
            }
            td.visible-sm,
            th.visible-sm {
                display: table-cell !important;
            }
        }
        
        @media (min-width: 768px) and (max-width: 991px) {
            .visible-sm-block {
                display: block !important;
            }
        }
        
        @media (min-width: 768px) and (max-width: 991px) {
            .visible-sm-inline {
                display: inline !important;
            }
        }
        
        @media (min-width: 768px) and (max-width: 991px) {
            .visible-sm-inline-block {
                display: inline-block !important;
            }
        }
        
        @media (min-width: 992px) and (max-width: 1199px) {
            .visible-md {
                display: block !important;
            }
            table.visible-md {
                display: table !important;
            }
            tr.visible-md {
                display: table-row !important;
            }
            td.visible-md,
            th.visible-md {
                display: table-cell !important;
            }
        }
        
        @media (min-width: 992px) and (max-width: 1199px) {
            .visible-md-block {
                display: block !important;
            }
        }
        
        @media (min-width: 992px) and (max-width: 1199px) {
            .visible-md-inline {
                display: inline !important;
            }
        }
        
        @media (min-width: 992px) and (max-width: 1199px) {
            .visible-md-inline-block {
                display: inline-block !important;
            }
        }
        
        @media (min-width: 1200px) {
            .visible-lg {
                display: block !important;
            }
            table.visible-lg {
                display: table !important;
            }
            tr.visible-lg {
                display: table-row !important;
            }
            td.visible-lg,
            th.visible-lg {
                display: table-cell !important;
            }
        }
        
        @media (min-width: 1200px) {
            .visible-lg-block {
                display: block !important;
            }
        }
        
        @media (min-width: 1200px) {
            .visible-lg-inline {
                display: inline !important;
            }
        }
        
        @media (min-width: 1200px) {
            .visible-lg-inline-block {
                display: inline-block !important;
            }
        }
        
        @media (max-width: 767px) {
            .hidden-xs {
                display: none !important;
            }
        }
        
        @media (min-width: 768px) and (max-width: 991px) {
            .hidden-sm {
                display: none !important;
            }
        }
        
        @media (min-width: 992px) and (max-width: 1199px) {
            .hidden-md {
                display: none !important;
            }
        }
        
        @media (min-width: 1200px) {
            .hidden-lg {
                display: none !important;
            }
        }
        
        .visible-print {
            display: none !important;
        }
        
        @media print {
            .visible-print {
                display: block !important;
            }
            table.visible-print {
                display: table !important;
            }
            tr.visible-print {
                display: table-row !important;
            }
            td.visible-print,
            th.visible-print {
                display: table-cell !important;
            }
        }
        
        .visible-print-block {
            display: none !important;
        }
        
        @media print {
            .visible-print-block {
                display: block !important;
            }
        }
        
        .visible-print-inline {
            display: none !important;
        }
        
        @media print {
            .visible-print-inline {
                display: inline !important;
            }
        }
        
        .visible-print-inline-block {
            display: none !important;
        }
        
        @media print {
            .visible-print-inline-block {
                display: inline-block !important;
            }
        }
        
        @media print {
            .hidden-print {
                display: none !important;
            }
        }
        
        .slick-list,
        .slick-slider,
        .slick-track {
            position: relative;
            display: block;
        }
        
        .slick-loading .slick-slide,
        .slick-loading .slick-track {
            visibility: hidden;
        }
        
        .slick-slider {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }
        
        .slick-list {
            overflow: hidden;
            margin: 0;
            padding: 0;
        }
        
        .slick-list:focus {
            outline: 0;
        }
        
        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }
        
        .slick-slider .slick-list,
        .slick-slider .slick-track {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
        
        .slick-track {
            top: 0;
            left: 0;
            margin-left: auto;
            margin-right: auto;
        }
        
        .slick-track:after,
        .slick-track:before {
            display: table;
            content: "";
        }
        
        .slick-track:after {
            clear: both;
        }
        
        .slick-slide {
            display: none;
            float: left;
            min-height: 1px;
        }
        
        [dir="rtl"] .slick-slide {
            float: right;
        }
        
        .slick-slide img {
            display: block;
        }
        
        .slick-slide.slick-loading img {
            display: none;
        }
        
        .slick-slide.dragging img {
            pointer-events: none;
        }
        
        .slick-initialized .slick-slide {
            display: block;
        }
        
        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }
        
        .slick-arrow.slick-hidden {
            display: none;
        }
        
        .slick-dots,
        .slick-next,
        .slick-prev {
            position: absolute;
            display: block;
            padding: 0;
        }
        
        .slick-dots li button:before,
        .slick-next:before,
        .slick-prev:before {
            font-family: slick;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .slick-loading .slick-list {
            background: url(libs/slick/ajax-loader.gif) center center no-repeat #fff;
        }
        
        @font-face {
            font-family: slick;
            font-display: auto;
            font-weight: 400;
            font-style: normal;
            src: url(libs/slick/fonts/slick.eot);
            src: url(libs/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(libs/slick/fonts/slick.woff) format("woff"), url(libs/slick/fonts/slick.ttf) format("truetype"), url(libs/slick/fonts/slick.svg#slick) format("svg");
        }
        
        .slick-next,
        .slick-prev {
            font-size: 0;
            line-height: 0;
            top: 50%;
            width: 20px;
            height: 20px;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            cursor: pointer;
            color: transparent;
            border: none;
            outline: 0;
            background: 0 0;
        }
        
        .slick-next:focus,
        .slick-next:hover,
        .slick-prev:focus,
        .slick-prev:hover {
            color: transparent;
            outline: 0;
            background: 0 0;
        }
        
        .slick-next:focus:before,
        .slick-next:hover:before,
        .slick-prev:focus:before,
        .slick-prev:hover:before {
            opacity: 1;
        }
        
        .slick-next.slick-disabled:before,
        .slick-prev.slick-disabled:before {
            opacity: 0.25;
        }
        
        .slick-next:before,
        .slick-prev:before {
            font-size: 20px;
            line-height: 1;
            opacity: 0.75;
            color: #fff;
        }
        
        .slick-prev {
            left: -25px;
        }
        
        [dir="rtl"] .slick-prev {
            right: -25px;
            left: auto;
        }
        
        .slick-prev:before {
            content: "←";
        }
        
        .slick-next:before,
        [dir="rtl"] .slick-prev:before {
            content: "→";
        }
        
        .slick-next {
            right: -25px;
        }
        
        [dir="rtl"] .slick-next {
            right: auto;
            left: -25px;
        }
        
        [dir="rtl"] .slick-next:before {
            content: "←";
        }
        
        .slick-dotted.slick-slider {
            /* margin-bottom: 30px; */
        }
        
        .slick-dots {
            bottom: -25px;
            width: 100%;
            margin: 0;
            list-style: none;
            text-align: center;
        }
        
        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }
        
        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 10px;
            height: 10px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 2px solid black;
            border-radius: 100px;
            outline: 0;
            background: 0 0;
        }
        
        .slick-dots li button:hover,
        .slick-dots li.slick-active button {
            background: black;
        }
        
        .slick-dots li button::before {
            content: '';
            /* font-size: 6px;
            line-height: 20px;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 20px;
            height: 20px;
            content: "•";
            text-align: center;
            opacity: 0.25;
            color: rgb(0, 0, 0); */
        }
        
        .slick-dots li button:focus,
        .slick-dots li button:hover {
            outline: 0;
        }
        
        .slick-dots li button:focus:before,
        .slick-dots li button:hover:before {
            opacity: 1;
        }
        
        .slick-dots li.slick-active button:before {
            opacity: 0.75;
            color: #000;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        body {
            font-family: "Josefin Sans", sans-serif;
            background: #fff;
        }
        
        @media screen and (max-width: 768px) {
            body {
                padding-top: 80px;
            }
        }
        
        body.mobile-show {
            height: 100vh;
            overflow: hidden;
        }
        
        img {
            max-width: 100%;
        }
        
        a,
        a.visited,
        a:focus {
            text-decoration: none;
        }
        
        .image-nosize {
            position: absolute;
            z-index: -300;
        }
        
        .image-nosize img {
            display: block;
        }
        
        .slick-track>*,
        .slick-track> :focus {
            outline: 0;
        }
        
        .slick-next:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/right-arrow.png) no-repeat center center/cover;
            display: block;
        }
        
        .slick-prev:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/left-arrow.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-points {
            font-weight: 700;
            color: #cbc2da;
        }
        
        .disabled {
            opacity: 0.6;
        }
        
        .aside-container {
            position: relative;
        }
        
        .average {
            width: 124px;
            position: relative;
        }
        
        .average .full {
            position: absolute;
            top: 0;
            z-index: 1;
            left: 0;
            width: 0;
            height: 30px;
            background: url(../../../img/common/full-heart.svg) no-repeat left top;
        }
        
        .waiter {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .waiter.waiting {
            position: fixed;
            top: 0;
        }
        
        .waiter.waiting.footing {
            position: absolute;
            bottom: 0;
            top: inherit;
        }
        
        .misc-container {
            padding-top: 3em;
            padding-bottom: 3em;
            height: 100vh;
            /*background-color: #f7f1f4;*/
        }
        
        .lost {
            padding-top: 3em;
            text-align: center;
        }
        
        .lost .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .lost .img-container {
            text-align: center;
            margin: 0 auto;
            width: 567px;
            max-width: 100%;
            padding: 16px;
        }
        
        .lost .text {
            padding-top: 1.5em;
            color: #ef81a3;
            font-size: 36px;
            font-family: Playfair, Times, serif;
        }
        
        .lost .cta-container {
            padding-top: 2em;
            text-align: center;
        }
        
        .lost .cta-container a {
            font-size: 18px;
            text-decoration: none;
            color: #ef81a3;
            text-transform: uppercase;
            padding: 0.5em 2em 0.2em 2em;
            background: #fff;
            border: 2px solid #ef81a3;
        }
        
        .lost .cta-container a:focus,
        .lost .cta-container a:hover,
        .lost .cta-container a:visited {
            text-decoration: none;
            color: #ef81a3;
            outline: 0;
        }
        
        .lost .cta-container a:hover {
            background: #ef81a3;
            color: #fff;
        }
        
        #loader {
            bottom: 0;
            height: 175px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 175px;
        }
        
        #loader {
            bottom: 0;
            height: 175px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 175px;
        }
        
        #loader .dot {
            bottom: 0;
            height: 100%;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 87.5px;
        }
        
        #loader .dot::before {
            border-radius: 100%;
            content: "";
            height: 87.5px;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
            width: 87.5px;
        }
        
        #loader .dot:nth-child(7n + 1) {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        #loader .dot:nth-child(7n + 1)::before {
            -webkit-animation: 0.8s linear 0.1s normal none infinite running load;
            animation: 0.8s linear 0.1s normal none infinite running load;
            background: #c7e4da none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 2) {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        #loader .dot:nth-child(7n + 2)::before {
            -webkit-animation: 0.8s linear 0.2s normal none infinite running load;
            animation: 0.8s linear 0.2s normal none infinite running load;
            background: #d2e4ef none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 3) {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
        }
        
        #loader .dot:nth-child(7n + 3)::before {
            -webkit-animation: 0.8s linear 0.3s normal none infinite running load;
            animation: 0.8s linear 0.3s normal none infinite running load;
            background: #d2e4ef none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 4) {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        
        #loader .dot:nth-child(7n + 4)::before {
            -webkit-animation: 0.8s linear 0.4s normal none infinite running load;
            animation: 0.8s linear 0.4s normal none infinite running load;
            background: #d2e4ef none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 5) {
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
        }
        
        #loader .dot:nth-child(7n + 5)::before {
            -webkit-animation: 0.8s linear 0.5s normal none infinite running load;
            animation: 0.8s linear 0.5s normal none infinite running load;
            background: #d2e4ef none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 6) {
            -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
        }
        
        #loader .dot:nth-child(7n + 6)::before {
            -webkit-animation: 0.8s linear 0.6s normal none infinite running load;
            animation: 0.8s linear 0.6s normal none infinite running load;
            background: #c7e4da none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 7) {
            -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
        }
        
        #loader .dot:nth-child(7n + 7)::before {
            -webkit-animation: 0.8s linear 0.7s normal none infinite running load;
            animation: 0.8s linear 0.7s normal none infinite running load;
            background: #c7e4da none repeat scroll 0 0;
        }
        
        #loader .dot:nth-child(7n + 8) {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
        
        #loader .dot:nth-child(7n + 8)::before {
            -webkit-animation: 0.8s linear 0.8s normal none infinite running load;
            animation: 0.8s linear 0.8s normal none infinite running load;
            background: #d2e4ef none repeat scroll 0 0;
        }
        
        #loader .lading {
            background-image: url(../images/loading.gif);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            bottom: -40px;
            height: 20px;
            left: 0;
            position: absolute;
            right: 0;
            width: 180px;
        }
        
        @-webkit-keyframes load {
            100% {
                opacity: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        
        @keyframes load {
            100% {
                opacity: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        
        @keyframes load {
            100% {
                opacity: 0;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .two-cols .main-container {
            min-height: 100vh;
        }
        
        @media screen and (max-width: 768px) {
            .two-cols .main-container {
                width: 100%;
                float: none;
            }
            .two-cols .aside-container {
                width: 100%;
                float: none;
            }
        }
        
        @media screen and (max-width: 550px) {
            .two-cols>.container {
                padding: 0;
                width: 100%;
            }
        }
        
        @media screen and (max-width: 768px) {
            .two-cols.post-detail .aside-container {
                padding: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .mobile-scroll {
            display: block;
            width: 100%;
            position: absolute;
            height: 3px;
            background: #666;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }
        
        .mobile-scroll .progress {
            background: #dda4a7;
            border-radius: 0;
            position: absolute;
            padding: 0;
            margin: 0;
            bottom: 0;
            width: 0%;
        }
        
        .bread-crumbs {
            display: none;
            background: #666;
            padding: 0.5em 0 0 0;
            font-size: 10px;
        }
        
        .bread-crumbs h1 {
            font-size: 10px;
            margin-top: 0.1em;
            margin-bottom: 0;
        }
        
        .bread-crumbs ul {
            padding-left: 0.5em;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            color: #fff;
        }
        
        .bread-crumbs ul a {
            text-decoration: none;
            color: #fff;
            text-transform: uppercase;
        }
        
        .bread-crumbs ul a:focus,
        .bread-crumbs ul a:hover,
        .bread-crumbs ul a:visited {
            text-decoration: none;
            color: #fff;
            outline: 0;
        }
        
        .breadcum {
            /*margin-top: 50px;*/
            /*z-index: 1111111;*/
            /*margin-top: 150px;*/
            padding-top: 10px;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        @media screen and (max-width: 767px) {
            .breadcum {
                margin-top: 50px;
                margin-top: 10px;
                padding-left: 20px;
                box-sizing: border-box;
                width: 100%;
                overflow: hidden;
                padding: 0px !important;
                margin: 0px !important;
                
            }
             .personal-area .breadcum{
        padding-top: 40px !important;   
    }
            .breadcum .container {
                padding: 10px !important;
            }
            .bread-crumbs {
                display: block;
            }
        }
        
        .bread-crumbs.toppin {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
        }
        
        .bread-crumbs-desktop {
            display: block;
            /*background: #fff;*/
            padding: 0.2em 0 0 0;
        }
        
        .bread-crumbs-desktop h1 {
            margin-top: 0.15em;
            font-size: 14px;
        }
        
        .bread-crumbs-desktop ul {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            color: #000;
        }
        
        .bread-crumbs-desktop ul a {
            text-decoration: none;
            color: #000;
            /*text-transform: uppercase;*/
        }
        
        .bread-crumbs-desktop ul a:focus,
        .bread-crumbs-desktop ul a:hover,
        .bread-crumbs-desktop ul a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        @media screen and (max-width: 767px) {
            .bread-crumbs-desktop {
                /*display: none;*/
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .cloned-filter {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: fixed;
            top: -200px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding-top: 2em;
            padding-bottom: 1em;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            background: #dda4a7;
            z-index: 99;
        }
        
        .cloned-filter.showing {
            top: 0;
        }
        
        .cloned-filter a {
            text-transform: uppercase;
            font-weight: 700;
            padding: 0.5em 0.5em 0.2em 0.5em;
            border: 1px solid #dda4a7;
            text-decoration: none;
            color: #fff;
        }
        
        .cloned-filter a:focus,
        .cloned-filter a:hover,
        .cloned-filter a:visited {
            text-decoration: none;
            color: #fff;
            outline: 0;
        }
        
        .cloned-filter a:hover {
            border: 1px solid #fff;
        }
        
        .header {
            padding-top: 1em;
            height: 180px;
            overflow: hidden;
        }
        
        .header a {
            color: #000;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .header a:hover {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .header .top-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            padding-bottom: 1em;
        }
        
        .header .top-container>div {
            width: 33%;
        }
        
        .header .top-container>div ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 0;
        }
        
        .header .top-container>div ul li {
            padding: 1em;
            padding-bottom: 0;
        }
        
        .header .top-container a {
            font-size: 17px;
        }
        
        @media screen and (max-width: 992px) {
            .header .top-container {
                width: 100%;
            }
        }
        
        .header .top-left-nav {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        .header .top-left-nav ul {
            margin-bottom: 0;
            width: 100%;
        }
        
        .header .top-left-nav ul li {
            width: 40%;
        }
        
        .header .top-left-nav ul li.search {
            width: 20%;
        }
        
        @media screen and (max-width: 992px) {
            .header .top-left-nav ul li {
                width: 50%;
            }
            .header .top-left-nav ul .search {
                width: 100%;
            }
        }
        
        .header .top-left-nav .search-text {
            width: 100%;
            padding-bottom: 0;
        }
        
        .header .top-left-nav .search-text.open {
            width: 100%;
        }
        
        .header .top-left-nav .search-text.open .input {
            width: 100%;
        }
        
        .header .top-left-nav .search-text .input {
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 0;
            border: none;
            padding: 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .header .top-left-nav .search-text .input input {
            width: 80%;
            padding: 0.5em;
        }
        
        .header .top-left-nav .search-text .input input:focus {
            outline: 0;
        }
        
        .header .top-left-nav .search-text .input .search-start {
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 10%;
            border: 1px solid #000;
            text-align: center;
        }
        
        .header .top-left-nav .search-text .input .search-close {
            cursor: pointer;
            padding-top: 3px;
            width: 10%;
            text-align: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1em;
            color: #000;
            border-width: 1px 1px 1px 0;
            border-color: #000;
            border-style: solid solid solid none;
            font-size: 22px;
        }
        
        .header .top-left-nav .search-text .input svg {
            width: 22px;
            height: 22px;
            display: block;
            margin: 0 auto;
        }
        
        .header .top-left-nav .search-text .input svg path {
            stroke: #000;
            fill: none;
        }
        
        .header .top-left-nav .search a {
            display: block;
            width: 32;
            height: 32;
        }
        
        .header .top-left-nav .search a:hover svg path {
            stroke: #dda4a7;
        }
        
        .header .top-left-nav .search svg {
            cursor: pointer;
            display: block;
            width: 32px;
            height: 32px;
        }
        
        .header .top-left-nav .search svg path {
            stroke: #000;
            fill: none;
        }
        
        .header .top-left-nav .search.action {
            opacity: 0;
            pointer-events: none;
        }
        
        .header .logo-container {
            text-align: center;
        }
        
        .header .logo-container img {
            -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
            width: 100px;
            height: 100px;
        }
        
        .header .top-right-nav ul li {
            width: 100%;
        }
        
        .header .top-right-nav ul li a {
            text-transform: uppercase;
        }
        
        .header .user-container {
            font-family: "Open Sans", sans-serif;
        }
        
        .header .user-container .user {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }
        
        .header .user-container .user .img {
            width: 80px;
            height: 80px;
            -webkit-mask-image: url(../../../img/common/heart_user.svg);
            mask-image: url(../../../img/common/heart_user.svg);
            text-align: center;
            margin-right: 1em;
        }
        
        .header .user-container .user .img.no-kit {
            overflow: hidden;
            border-radius: 50%;
        }
        
        .header .user-container .user .img img {
            -webkit-transition: all 15s ease-out;
            transition: all 15s ease-out;
        }
        
        .header .user-container .user .img:hover img {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
        
        .header .user-container .user .info {
            text-align: left;
            min-width: 185px;
        }
        
        .header .user-container .user .info .name {
            color: #dda4a7;
            font-size: 17px;
            text-transform: uppercase;
            margin-bottom: 0;
        }
        
        .header .user-container .user .info .level {
            font-size: 17px;
            font-weight: 700;
            margin-bottom: 0;
        }
        
        .header .user-container .user .info .level span {
            font-weight: 400;
        }
        
        .header .user-container .user .info .level span.new-level {
            color: #000;
            letter-spacing: 0;
            -webkit-animation: blur 2s 2;
            animation: blur 2s 2;
            text-shadow: 0 0 5px #f99, 0 0 7px #f99;
        }
        
        .header .user-container .user .info .derms {
            margin-bottom: 0;
        }
        
        .header .user-container .user .info .derms span {
            color: #dda4a7;
        }
        
        .header .user-container .user .info ul {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            margin-left: 0;
        }
        
        .header .user-container .user .info ul li {
            width: 50%;
            padding: 0;
        }
        
        .header .user-container .user .info ul li a {
            font-size: 11.33333px;
        }
        
        @media screen and (max-width: 992px) {
            .header .user-container .user {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
        }
        
        .header .user-container .cta-login {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
            padding: 0.3em;
        }
        
        .header .user-container .cta-login:hover {
            color: #dda4a7;
            background: #fff;
        }
        
        .header .line {
            border-bottom: 1px solid #000;
            max-width: 1500px;
            margin: 0 auto;
        }
        
        .header .bottom-container {
            padding-top: 1em;
        }
        
        @media screen and (max-width: 992px) {
            .header .bottom-container {
                width: 100%;
            }
        }
        
        .header nav {
            padding-bottom: 0;
        }
        
        .header nav>ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative;
        }
        
        .header nav>ul li.more {
            padding-top: 0.5em;
            text-align: center;
        }
        
        .header nav>ul li.more .lvl2 {
            text-align: left;
        }
        
        .header nav>ul li.more .lvl2 li {
            margin-top: 0.3em;
        }
        
        .header nav>ul li.more .lvl2 li a {
            text-transform: none;
            white-space: nowrap;
        }
        
        .header nav>ul li.more.open {
            background: #fff;
            z-index: 9;
        }
        
        .header nav>ul li.more.open>a {
            color: #dda4a7;
        }
        
        .header nav>ul li.more.open .lvl2 {
            opacity: 1;
            pointer-events: inherit;
        }
        
        .header nav>ul li.more.open>a:after {
            width: 100%;
            text-align: center;
        }
        
        .header nav a {
            font-size: 14.16667px;
            text-transform: uppercase;
        }
        
        @media screen and (max-width: 992px) {
            .header nav a {
                font-size: 14.16667px;
            }
        }
        
        .header .lvl2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            opacity: 0;
            pointer-events: none;
            top: 50px;
            width: 100%;
            left: 0;
            position: relative;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            z-index: 99;
            padding: 0.5em;
            padding-right: 0;
            top: 0;
            overflow: hidden;
        }
        
        .header .lvl2.no-kit {
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        
        .header .lvl2 a {
            font-size: 14.16667px;
            width: 100%;
            display: block;
        }
        
        .header #menu-toggle {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
            width: 100px;
            height: 100px;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            border-radius: 5px;
        }
        
        .header #menu-toggle * {
            -webkit-transition: 0.25s ease-in-out;
            transition: 0.25s ease-in-out;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        .header #menu-toggle span {
            display: block;
            background: #000;
            border-radius: 2px;
        }
        
        .header #menu-toggle #hamburger {
            position: absolute;
            height: 100%;
            width: 100%;
        }
        
        .header #menu-toggle #hamburger span {
            width: 60px;
            height: 4px;
            position: relative;
            top: 24px;
            left: 20px;
            margin: 10px 0;
        }
        
        .header #menu-toggle #hamburger span:nth-child(1) {
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }
        
        .header #menu-toggle #hamburger span:nth-child(2) {
            -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
        }
        
        .header #menu-toggle #hamburger span:nth-child(3) {
            -webkit-transition-delay: 0.75s;
            transition-delay: 0.75s;
        }
        
        .header #menu-toggle #cross {
            position: absolute;
            height: 100%;
            width: 100%;
            -webkit-transform: rotate(45deg) scale(0.8);
            transform: rotate(45deg) scale(0.8);
        }
        
        .header #menu-toggle #cross span:nth-child(1) {
            height: 0%;
            width: 4px;
            position: absolute;
            top: 10%;
            left: 48px;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }
        
        .header #menu-toggle #cross span:nth-child(2) {
            width: 0%;
            height: 4px;
            position: absolute;
            left: 10%;
            top: 48px;
            -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
        }
        
        .header #menu-toggle.open #hamburger span {
            width: 0%;
        }
        
        .header #menu-toggle.open #hamburger span:nth-child(1) {
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }
        
        .header #menu-toggle.open #hamburger span:nth-child(2) {
            -webkit-transition-delay: 0.125s;
            transition-delay: 0.125s;
        }
        
        .header #menu-toggle.open #hamburger span:nth-child(3) {
            -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
        }
        
        .header #menu-toggle.open #cross span:nth-child(1) {
            height: 80%;
            -webkit-transition-delay: 0.625s;
            transition-delay: 0.625s;
        }
        
        .header #menu-toggle.open #cross span:nth-child(2) {
            width: 80%;
            -webkit-transition-delay: 0.375s;
            transition-delay: 0.375s;
        }
        
        .header .burguer-container {
            display: none;
        }
        
        .header .mobile {
            display: none;
        }
        
        .header.mobile-header,
        .home .dark.header.mobile-header,
        .home .header.mobile-header {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: fixed;
            top: 0;
            z-index: 99;
            width: 100%;
            background: #fff;
            padding-top: 0.5em;
            height: auto;
            top: 0;
            display: fixed;
        }
        
        .header.mobile-header .burguer-container,
        .home .dark.header.mobile-header .burguer-container,
        .home .header.mobile-header .burguer-container {
            display: block;
            position: relative;
            top: -50px;
            left: -30px;
        }
        
        .header.mobile-header .top-container,
        .home .dark.header.mobile-header .top-container,
        .home .header.mobile-header .top-container {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-bottom: 0.5em;
        }
        
        .header.mobile-header .logo-container img,
        .home .dark.header.mobile-header .logo-container img,
        .home .header.mobile-header .logo-container img {
            width: 65px;
            height: 65px;
        }
        
        .header.mobile-header .line,
        .home .dark.header.mobile-header .line,
        .home .header.mobile-header .line {
            display: none;
        }
        
        .header.mobile-header .user-container,
        .home .dark.header.mobile-header .user-container,
        .home .header.mobile-header .user-container {
            padding: 0;
        }
        
        .header.mobile-header .user-container .cta-login,
        .home .dark.header.mobile-header .user-container .cta-login,
        .home .header.mobile-header .user-container .cta-login {
            color: #fff;
        }
        
        .header.mobile-header .user-container .user,
        .home .dark.header.mobile-header .user-container .user,
        .home .header.mobile-header .user-container .user {
            position: relative;
            top: -5px;
        }
        
        .header.mobile-header .user-container .user .img,
        .home .dark.header.mobile-header .user-container .user .img,
        .home .header.mobile-header .user-container .user .img {
            width: 45px;
            height: 45px;
            -webkit-mask-image: url(../../../img/common/heart_user_mobile.svg);
            mask-image: url(../../../img/common/heart_user_mobile.svg);
        }
        
        .header.mobile-header .user-container .user .info,
        .home .dark.header.mobile-header .user-container .user .info,
        .home .header.mobile-header .user-container .user .info {
            display: none;
        }
        
        .header.mobile-header nav>ul,
        .home .dark.header.mobile-header nav>ul,
        .home .header.mobile-header nav>ul {
            border-bottom: none;
            display: block;
        }
        
        .header.mobile-header nav>ul li,
        .header.mobile-header nav>ul li.more,
        .header.mobile-header nav>ul li.more.open,
        .home .dark.header.mobile-header nav>ul li,
        .home .dark.header.mobile-header nav>ul li.more,
        .home .dark.header.mobile-header nav>ul li.more.open,
        .home .header.mobile-header nav>ul li,
        .home .header.mobile-header nav>ul li.more,
        .home .header.mobile-header nav>ul li.more.open {
            width: 100%;
            background: 0 0;
            margin-top: 1em;
        }
        
        .header.mobile-header nav>ul li ul.lvl2,
        .header.mobile-header nav>ul li.more ul.lvl2,
        .header.mobile-header nav>ul li.more.open ul.lvl2,
        .home .dark.header.mobile-header nav>ul li ul.lvl2,
        .home .dark.header.mobile-header nav>ul li.more ul.lvl2,
        .home .dark.header.mobile-header nav>ul li.more.open ul.lvl2,
        .home .header.mobile-header nav>ul li ul.lvl2,
        .home .header.mobile-header nav>ul li.more ul.lvl2,
        .home .header.mobile-header nav>ul li.more.open ul.lvl2 {
            background: 0 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            display: none;
            position: relative;
            top: 0;
            text-indent: 1em;
        }
        
        .header.mobile-header nav>ul li ul.lvl2 li,
        .header.mobile-header nav>ul li.more ul.lvl2 li,
        .header.mobile-header nav>ul li.more.open ul.lvl2 li,
        .home .dark.header.mobile-header nav>ul li ul.lvl2 li,
        .home .dark.header.mobile-header nav>ul li.more ul.lvl2 li,
        .home .dark.header.mobile-header nav>ul li.more.open ul.lvl2 li,
        .home .header.mobile-header nav>ul li ul.lvl2 li,
        .home .header.mobile-header nav>ul li.more ul.lvl2 li,
        .home .header.mobile-header nav>ul li.more.open ul.lvl2 li {
            display: block;
            margin: 0.5em 0;
            opacity: 1;
        }
        
        .header.mobile-header nav>ul li.more,
        .home .dark.header.mobile-header nav>ul li.more,
        .home .header.mobile-header nav>ul li.more {
            text-align: left;
        }
        
        .header.mobile-header nav>ul li.more ul.lvl2,
        .home .dark.header.mobile-header nav>ul li.more ul.lvl2,
        .home .header.mobile-header nav>ul li.more ul.lvl2 {
            border: none;
            -webkit-transition: none;
            transition: none;
            height: auto;
            opacity: 1;
        }
        
        .header.mobile-header nav>ul li.more ul.lvl2 li,
        .home .dark.header.mobile-header nav>ul li.more ul.lvl2 li,
        .home .header.mobile-header nav>ul li.more ul.lvl2 li {
            opacity: 1;
        }
        
        .header.mobile-header nav>ul li.more.open ul.lvl2,
        .home .dark.header.mobile-header nav>ul li.more.open ul.lvl2,
        .home .header.mobile-header nav>ul li.more.open ul.lvl2 {
            height: auto;
        }
        
        .header.mobile-header nav>ul li.more>a:after,
        .home .dark.header.mobile-header nav>ul li.more>a:after,
        .home .header.mobile-header nav>ul li.more>a:after {
            content: url(../../../img/common/arrow.svg);
            display: inline-block;
            width: 25px;
            height: 25px;
            position: absolute;
            right: 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .header.mobile-header nav>ul li.more.open>a:after,
        .home .dark.header.mobile-header nav>ul li.more.open>a:after,
        .home .header.mobile-header nav>ul li.more.open>a:after {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        
        .header.mobile-header nav>ul li.more.open>a,
        .home .dark.header.mobile-header nav>ul li.more.open>a,
        .home .header.mobile-header nav>ul li.more.open>a {
            color: #dda4a7;
        }
        
        .header.mobile-header .top-container,
        .home .dark.header.mobile-header .top-container,
        .home .header.mobile-header .top-container {
            border-bottom: 1px solid #a2a2a2;
        }
        
        .header.mobile-header .bottom-container,
        .home .dark.header.mobile-header .bottom-container,
        .home .header.mobile-header .bottom-container {
            display: none;
            height: 100vh;
            overflow-y: scroll;
            padding-bottom: 25%;
        }
        
        .header.mobile-header .top-left-nav,
        .home .dark.header.mobile-header .top-left-nav,
        .home .header.mobile-header .top-left-nav {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
        
        .header.mobile-header .top-left-nav .search svg path,
        .home .dark.header.mobile-header .top-left-nav .search svg path,
        .home .header.mobile-header .top-left-nav .search svg path {
            stroke: #a2a2a2;
        }
        
        .header.mobile-header .top-left-nav .search.action,
        .home .dark.header.mobile-header .top-left-nav .search.action,
        .home .header.mobile-header .top-left-nav .search.action {
            display: none;
        }
        
        .header.mobile-header .top-left-nav .search-text,
        .home .dark.header.mobile-header .top-left-nav .search-text,
        .home .header.mobile-header .top-left-nav .search-text {
            height: 0;
        }
        
        .header.mobile-header .top-left-nav .search-text.open,
        .home .dark.header.mobile-header .top-left-nav .search-text.open,
        .home .header.mobile-header .top-left-nav .search-text.open {
            height: 50px;
        }
        
        .header.mobile-header .top-left-nav ul,
        .home .dark.header.mobile-header .top-left-nav ul,
        .home .header.mobile-header .top-left-nav ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        .header.mobile-header .top-left-nav ul li,
        .home .dark.header.mobile-header .top-left-nav ul li,
        .home .header.mobile-header .top-left-nav ul li {
            width: 50%;
            text-align: center;
            padding-bottom: 1em;
        }
        
        .header.mobile-header .top-left-nav ul .search,
        .home .dark.header.mobile-header .top-left-nav ul .search,
        .home .header.mobile-header .top-left-nav ul .search {
            width: 100%;
        }
        
        .header.mobile-header .top-left-nav ul .search a,
        .home .dark.header.mobile-header .top-left-nav ul .search a,
        .home .header.mobile-header .top-left-nav ul .search a {
            text-align: center;
        }
        
        .header.mobile-header .top-left-nav ul .search a svg,
        .home .dark.header.mobile-header .top-left-nav ul .search a svg,
        .home .header.mobile-header .top-left-nav ul .search a svg {
            margin: 0 auto;
        }
        
        .header.mobile-header a,
        .header.mobile-header a:focus,
        .header.mobile-header a:visited,
        .home .dark.header.mobile-header a,
        .home .dark.header.mobile-header a:focus,
        .home .dark.header.mobile-header a:visited,
        .home .header.mobile-header a,
        .home .header.mobile-header a:focus,
        .home .header.mobile-header a:visited {
            color: #a2a2a2;
        }
        
        .header.mobile-header .lvl2 a,
        .home .dark.header.mobile-header .lvl2 a,
        .home .header.mobile-header .lvl2 a {
            color: #a2a2a2;
        }
        
        .header.mobile-header #menu-toggle span,
        .home .dark.header.mobile-header #menu-toggle span,
        .home .header.mobile-header #menu-toggle span {
            background: #000;
        }
        
        .header.mobile-header .cta-login,
        .home .dark.header.mobile-header .cta-login,
        .home .header.mobile-header .cta-login {
            font-size: 17px;
        }
        
        @media screen and (max-width: 767px) {
            .header.mobile-header .cta-login,
            .home .dark.header.mobile-header .cta-login,
            .home .header.mobile-header .cta-login {
                font-size: 11.33333px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .header.mobile-header .cta-login,
            .home .dark.header.mobile-header .cta-login,
            .home .header.mobile-header .cta-login {
                font-size: 8.5px;
            }
        }
        
        .header.mobile-header.showing,
        .home .dark.header.mobile-header.showing,
        .home .header.mobile-header.showing {
            top: -80px;
        }
        
        .header.mobile-header.showing .logo-container img,
        .home .dark.header.mobile-header.showing .logo-container img,
        .home .header.mobile-header.showing .logo-container img {
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }
        
        .header.mobile-header .mobile,
        .home .dark.header.mobile-header .mobile,
        .home .header.mobile-header .mobile {
            display: block;
        }
        
        .big-search-box {
            display: none;
            position: fixed;
            width: 100%;
            top: 0;
            height: 100vh;
            background: rgba(255, 255, 255, 0.95);
            z-index: 99;
            margin: 0;
            padding: 0;
            left: 0;
            right: 0;
        }
        
        .big-search-box .form-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
        }
        
        @media screen and (max-width: 768px) {
            .big-search-box .form-container {
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }
        }
        
        .big-search-box .close-search {
            text-align: right;
            font-size: 30px;
            padding: 1.5em;
        }
        
        .big-search-box form {
            width: 100%;
        }
        
        .big-search-box form .cta-container {
            text-align: center;
            margin-top: 3em;
        }
        
        .big-search-box form .cta-container a {
            text-decoration: none;
            color: #666;
            font-size: 40px;
            text-transform: uppercase;
            color: #666;
            border: 1px solid #666;
            padding: 0.5em 1em 0.2em 1em;
        }
        
        .big-search-box form .cta-container a:focus,
        .big-search-box form .cta-container a:hover,
        .big-search-box form .cta-container a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .big-search-box form .cta-container a:hover {
            color: #fff;
            background: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .big-search-box input {
            display: block;
            margin: 0 auto;
            width: 75%;
            font-size: 100px;
            line-height: 1.5em;
            border: none;
            border-bottom: 2px solid #cacaca;
            outline: 0;
            background: 0 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }
        
        @media screen and (max-width: 768px) {
            .big-search-box input {
                font-size: 75px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .big-search-box input {
                font-size: 30px;
            }
        }
        
        .big-search-box .close-search a {
            text-decoration: none;
            color: #666;
        }
        
        .big-search-box .close-search a:focus,
        .big-search-box .close-search a:hover,
        .big-search-box .close-search a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .big-search-box .close-search a:hover {
            color: #dda4a7;
        }
        
        .header.more-in {
            overflow: visible;
        }
        
        .tpyt-slider.mix .slick-next:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/right-arrow-blk.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider.mix .slick-prev:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/left-arrow-blk.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider.mix .slick-next {
            right: 30px;
            z-index: 5;
        }
        
        .tpyt-slider.mix .slick-next:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/right-arrow-blk.png) no-repeat center center/cover;
            display: block;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .header-banner {
            position: relative;
            color: #fff;
            height: 300px;
            padding-top: 5em;
            margin-bottom: 5em;
        }
        
        .header-banner .container {
            height: 100%;
            border-top: 2px solid #fff;
            border-left: 2px solid #fff;
            border-right: 2px solid #fff;
        }
        
        .header-banner h1 {
            padding-top: 0.5em;
            text-align: center;
            font-size: 48px;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .header-banner .info-banner {
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            width: 60%;
            max-width: 650px;
            padding: 3em;
            top: 72%;
            background: #fff;
            color: #666;
            text-align: center;
            font-family: "Open Sans", sans-serif;
            font-size: 16px;
        }
        
        @media screen and (max-width: 992px) {
            .header-banner .info-banner {
                width: 80%;
            }
        }
        
        @media screen and (max-width: 767px) {
            .header-banner .info-banner {
                display: none;
            }
        }
        
        @media screen and (max-width: 767px) {
            .header-banner {
                display: none;
                height: auto;
                padding-top: 0;
            }
            .header-banner .container {
                border: none;
            }
            .header-banner h1 {
                font-size: 25px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .header-banner h1 {
                font-size: 20px;
            }
        }
        
        .header-banner.tester-banner {
            background: url(../../../img/tester-club/header.jpg) no-repeat center center/cover;
        }
        
        @media screen and (max-width: 767px) {
            .header-banner.tester-banner {
                background: #666;
            }
        }
        
        .header-banner.reviews-banner {
            background: url(../../../img/reviews/banner.jpg) no-repeat center center/cover;
        }
        
        @media screen and (max-width: 767px) {
            .header-banner.reviews-banner {
                background: #666;
            }
        }
        
        .header-banner.posts-banner {
            background: url(../../../img/post/banner.jpg) no-repeat center center/cover;
        }
        
        @media screen and (max-width: 767px) {
            .header-banner.posts-banner {
                background: #666;
            }
        }
        
        .header-banner.community-banner {
            background: url(../../../img/community/banner.jpg) no-repeat center center/cover;
        }
        
        @media screen and (max-width: 767px) {
            .header-banner.community-banner {
                background: #666;
            }
        }
        
        .header-banner.about-banner {
            background: url(../../../img/about-us/banner.jpg) no-repeat center center/cover;
        }
        
        @media screen and (max-width: 767px) {
            .header-banner.about-banner {
                background: #666;
            }
        }
        
        .header-banner.about-banner .info-banner {
            bottom: -37%;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .home .header {
            position: absolute;
            height: 350px;
            z-index: 99;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
            background: -webkit-gradient( linear, left top, left bottom, from(#000), color-stop(1%, #000), to(transparent));
            background: linear-gradient(to bottom, #000 0, #000 1%, transparent 100%);
        }
        
        .home .header a {
            color: #fff;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .home .header a:focus,
        .home .header a:visited {
            color: #fff;
        }
        
        .home .header a:hover {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .home .header li.more.open {
            background: rgba(0, 0, 0, 0.8);
        }
        
        .home .header li.more.open>a {
            background: 0 0;
        }
        
        .home .header .lvl2 {
            background: 0 0;
            text-align: left;
        }
        
        .home .header .lvl2 a {
            color: #fff;
        }
        
        .home .header .lvl2 a:hover {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .home .header .user-container .user {
            color: #fff;
        }
        
        .home .header .user-container .user .info .level span.new-level {
            color: #fff;
        }
        
        .home .header .user-container .cta-login {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
            padding: 0.3em;
        }
        
        .home .header .user-container .cta-login:hover {
            color: #dda4a7;
            background: #fff;
        }
        
        .home .header .line {
            border-bottom: 1px solid #fff;
        }
        
        .home .header #menu-toggle span {
            background: #fff;
        }
        
        .home .header .top-left-nav .search svg path {
            stroke: #fff;
            fill: none;
        }
        
        .home .header .top-left-nav .search-text .input svg path {
            stroke: #fff;
            fill: none;
        }
        
        .home .header .top-left-nav .search-text .input .search-start {
            border: 1px solid #fff;
        }
        
        .home .header .top-left-nav .search-text .input .search-close {
            color: #fff;
            border-color: #fff;
        }
        
        .home .header.dark {
            background: -webkit-gradient( linear, left top, left bottom, from(#fff), color-stop(1%, #fff), to(rgba(255, 255, 255, 0)));
            background: linear-gradient( to bottom, #fff 0, #fff 1%, rgba(255, 255, 255, 0) 100%);
        }
        
        .home .header.dark .top-left-nav .search a:hover svg path {
            stroke: #dda4a7;
        }
        
        .home .header.dark .top-left-nav .search svg path {
            stroke: #000;
            fill: none;
        }
        
        .home .header.dark .top-left-nav .search-text .input svg path {
            stroke: #000;
            fill: none;
        }
        
        .home .header.dark .top-left-nav .search-text .input .search-start {
            border: 1px solid #000;
        }
        
        .home .header.dark .top-left-nav .search-text .input .search-close {
            color: #000;
            border-color: #000;
        }
        
        .home .header.dark a {
            color: #000;
            text-decoration: none;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .home .header.dark a:focus,
        .home .header.dark a:visited {
            color: #000;
        }
        
        .home .header.dark a:hover {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .home .header.dark .user-container .user {
            color: #000;
        }
        
        .home .header.dark .user-container .user .level span.new-level {
            color: #000;
        }
        
        .home .header.dark .user-container .cta-login {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
            padding: 0.3em;
        }
        
        .home .header.dark .user-container .cta-login:hover {
            color: #dda4a7;
            background: #fff;
        }
        
        .home .header.dark .line {
            border-bottom: 1px solid #000;
        }
        
        .home .header.dark nav {
            padding-bottom: 0;
        }
        
        .home .header.dark nav>ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: relative;
        }
        
        .home .header.dark nav>ul li.more.open {
            background: rgba(255, 255, 255, 0.8);
        }
        
        .home .header.dark nav>ul li.more.open>a {
            color: #dda4a7;
        }
        
        .home .header.dark nav>ul li.more.open .lvl2 {
            opacity: 1;
            pointer-events: inherit;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        
        
        @media screen and (max-width: 767px) {
            .gaticornio {
                top: inherit;
                bottom: -3px;
                left: 0;
                right: 0;
                margin: auto;
                text-align: center;
                max-width: 150px;
            }
            .gaticornio .msn {
                top: 0;
                right: 0;
                margin: auto;
            }
            .gaticornio .msn:after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0 10px;
                border-color: #f4f4f4 transparent transparent transparent;
                position: absolute;
                bottom: -8px;
                right: 30px;
                margin: auto;
                left: 0;
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
                border: none;
            }
        }
        
        .gaticornio a {
            text-decoration: underline;
            color: #fff1bf;
            font-size: 14px;
            text-transform: uppercase;
            /* color: #fff596; */
            /* font-weight: bold; */
        }
        
        .gaticornio a:focus,
        .gaticornio a:hover,
        .gaticornio a:visited {
            text-decoration: none;
            color: #fff;
            outline: 0;
        }
        
        svg#img-favorito {
            width: 35px;
        }
        
        .gaticornio a:hover {
            text-decoration: underline;
        }
        
        .gaticornio_bg1 {
            margin-top: -25px;
            margin-left: 60px;
            width: 30px;
            position: absolute;
            height: 30px;
            border-radius: 500px;
            /* background-color: red; */
            overflow: hidden;
            background-image: url(../img/common/icono-gaticornio.svg?v);
            /* background-position: -49px -21px; */
            background-size: contain;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .modal.tpyt-form .modal-content {
            /*padding: 1em 3em;*/
            box-shadow: none;
            border: none;
            width: 100%;
        }
        
        .modal.tpyt-form h2 {
            font-size: min(3.5vw, 15px);
            line-height: min(5.5vw, 15px);
            font-weight: lighter;
        }
        
        @media screen and (max-width: 767px) {
            .modal.tpyt-form .modal-content {
                padding: 0;
            }
        }
        
        .modal.tpyt-form .modal-header {
            margin-top: 130px;
            border: none;
            z-index: 1;
            position: fixed;
            right: 0px;
        }
        
        body.scroll2 .modal.tpyt-form .modal-header {
            margin-top: 50px;
        }
        
        .modal.tpyt-form form input[type="password"],
        .modal.tpyt-form form input[type="text"] {
            /*width: 100%;
  padding: 1em;
  height: 42px;
  margin-bottom: 1em;*/
        }
        
        @media screen and (max-width: 767px) {
            .modal.tpyt-form form input[type="password"],
            .modal.tpyt-form form input[type="text"] {
                padding: 0.5em 0.5em 0.2em 0.5em;
            }
        }
        
        .modal.tpyt-form .pw-change {
            text-decoration: none;
            color: #666;
        }
        
        .modal.tpyt-form .pw-change:focus,
        .modal.tpyt-form .pw-change:hover,
        .modal.tpyt-form .pw-change:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .modal.tpyt-form .pw-change:hover {
            text-decoration: underline;
        }
        
        .modal.tpyt-form .line {
            width: 100%;
            border-top: 1px solid var(--black);
            margin-top: 1em;
            margin-bottom: 1em;
        }
        
        .modal.tpyt-form .check-in {
            font-size: 14.4px;
        }
        
        .modal.tpyt-form .check-in .cta-check-in {
            /*text-transform: uppercase;
  color: #dda4a7;*/
            margin-left: 0.5em;
        }
        
        .modal.tpyt-form .check-in .cta-check-in:hover {
            text-decoration: underline;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .dermis-info {
            padding: 0em 2em;
            position: relative;
            bottom: 0;
            background: #fff;
            width: 500px;
            left: 0;
            right: 0;
            margin: auto;
            text-transform: uppercase;
            -webkit-transform: translateY(50%);
            transform: translateY(50%);
        }
        
        .dermis-info p {
            font-size: 22px;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        
        .dermis-info a {
            color: #dda4a7;
            border: 2px solid #dda4a7;
            padding: 1em 0 0.5em 0;
            display: block;
            margin: 0 auto;
            width: 80%;
        }
        
        .dermis-info a:hover {
            background: #dda4a7;
            color: #fff;
            text-decoration: none;
        }
        
        @media screen and (max-width: 767px) {
            .dermis-info {
                display: none;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tpyt-slider {
            margin-bottom: 2.5em;
            opacity: 0;
            position: relative;
        }
        
        .tpyt-slider .slide {
            min-height: 744px;
            cursor: pointer;
        }
        
        .tpyt-slider .slick-prev {
            left: 30px;
            z-index: 5;
            top: 65%;
        }
        
        .tpyt-slider .slick-prev:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/left-arrow.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider .slick-next {
            right: 30px;
            z-index: 5;
            top: 65%;
        }
        
        .tpyt-slider .slick-next:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/right-arrow.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider .square {
            color: #fff;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            /*border: 3px solid #fff;*/
            position: absolute;
            top: 300px;
            height: 400px;
            z-index: 99;
            margin: 0 auto;
            left: 0;
            right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        
        .tpyt-slider .square .intro {
            font-weight: 300;
            font-style: italic;
            font-size: 24px;
        }
        
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-transform: uppercase;
            font-size: 36px;
        }
        
        .tpyt-slider .square .cta {
            margin-top: 2.5em;
        }
        
        .tpyt-slider .square .cta a {
            color: #dda4a7;
            background: #fff;
            padding: 1em 2em;
            text-transform: uppercase;
        }
        
        .tpyt-slider .square .cta a:hover {
            background: #dda4a7;
            color: #fff;
            text-decoration: none;
        }
        
        @media screen and (max-width: 992px) {
            .tpyt-slider .slide {
                min-height: 650px;
            }
            .tpyt-slider .square {
                top: 150px;
            }
            .tpyt-slider .square h1,
            .tpyt-slider .square h2 {
                font-size: 27.69231px;
            }
        }
        
        @media screen and (max-width: 767px) {
            .tpyt-slider {
                margin-bottom: 0;
            }
            .tpyt-slider .slide {
                min-height: 400px;
            }
            .tpyt-slider .slick-next,
            .tpyt-slider .slick-prev {
                display: none;
                top: 85%;
            }
            .tpyt-slider .square {
                top: 30px;
                border: none;
            }
            .tpyt-slider .square h1,
            .tpyt-slider .square h2 {
                font-size: 18px;
            }
            .tpyt-slider p.intro {
                background: rgba(0, 0, 0, 0.8);
            }
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-slider .square .intro {
                font-size: 16px;
            }
        }
        
        .tpyt-slider.dark .slick-prev {
            left: 30px;
            z-index: 5;
            top: 65%;
        }
        
        .tpyt-slider.dark .slick-prev:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/left-arrow-blk.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider.dark .slick-next {
            right: 30px;
            z-index: 5;
            top: 65%;
        }
        
        .tpyt-slider.dark .slick-next:before {
            content: " ";
            width: 25px;
            height: 25px;
            background: url(../../../img/common/right-arrow-blk.png) no-repeat center center/cover;
            display: block;
        }
        
        .tpyt-slider.dark .square {
            color: #000;
            /*border: 3px solid #000;*/
        }
        
        .tpyt-slider.dark .square .intro {
            text-shadow: none;
        }
        
        .tpyt-slider.dark .square h1,
        .tpyt-slider.dark .square h2 {
            text-shadow: none;
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-slider.dark .square {
                border: none;
            }
        }
        
        @media screen and (max-width: 767px) {
            .tpyt-slider.dark .slick-next,
            .tpyt-slider.dark .slick-prev {
                display: none;
                top: 85%;
            }
            .tpyt-slider.dark p.intro {
                background: rgba(255, 255, 255, 0.8);
            }
        }
        
        .slick-slider .slick-dots {
            bottom: -15px;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .post-screen {
            padding-top: 3em;
            padding-bottom: 3em;
        }
        
        .post-screen .post-order {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            margin-bottom: 1em;
        }
        
        .post-screen .tag-filter a {
            color: #cacaca;
            text-transform: uppercase;
        }
        
        .post-screen .tag-filter a.active {
            color: #dda4a7;
        }
        
        @media screen and (max-width: 550px) {
            .post-screen .tag-filter {
                width: 100%;
            }
            .post-screen .tag-filter ul {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }
        }
        
        .post-screen .options svg {
            width: 35px;
            height: 35px;
        }
        
        @media screen and (max-width: 550px) {
            .post-screen .options {
                display: none;
            }
        }
        
        .post-screen .option {
            padding: 0.5em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .post-screen .option.active,
        .post-screen .option:hover {
            background: #cacaca;
            cursor: pointer;
        }
        
        .post-screen .option.active svg path,
        .post-screen .option:hover svg path {
            fill: #fff;
        }
        
        .post-screen .result {
            display: none;
        }
        
        .post-screen .result.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        .post-screen .result.grid .date {
            border-bottom: 1px solid #666;
            color: #cacaca;
            display: none;
        }
        
        .post-screen .result.grid .img {
            text-align: center;
        }
        
        .post-screen .result.grid .title {
            text-align: center;
            padding: 0 0.5em;
            margin-top: 1em;
        }
        
        .post-screen .result.grid .resum {
            display: none;
            color: #cacaca;
        }
        
        .post-screen .result.grid .date {
            display: none;
        }
        
        .post-screen .result.list .post {
            padding: 2em;
            margin-bottom: 2em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 50%;
        }
        
        @media screen and (max-width: 768px) {
            .post-screen .result.list .post {
                width: 100%;
            }
        }
        
        .post-screen .result.list .post .img {
            -webkit-box-shadow: -8px 8px 0 0 #cacaca;
            box-shadow: -8px 8px 0 0 #cacaca;
        }
        
        .post-screen .result.list .post .img img {
            max-width: 105px;
        }
        
        .post-screen .result.list .post .date {
            border-bottom: 1px solid #666;
            color: #cacaca;
            margin-bottom: 1em;
            display: block;
        }
        
        .post-screen .result.list .post .date p {
            margin: 0;
        }
        
        .post-screen .result.list .post .date p img {
            position: relative;
            top: -5px;
            margin-right: 1em;
        }
        
        .post-screen .result.list .post .text {
            margin-left: 1em;
        }
        
        .post-screen .result.list .post .text .title {
            text-align: left;
        }
        
        .post-screen .result.list .post .text .resum {
            margin-top: 2em;
            display: block;
            color: #666;
            font-weight: 300;
        }
        
        .post-screen .post {
            padding: 0.5em;
            border: 2px solid transparent;
            color: #666;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }
        
        .post-screen .post img {
            opacity: 0.95;
            max-width: 100%;
        }
        
        @media screen and (max-width: 768px) {
            .post-screen .post {
                padding: 0.5em;
            }
        }
        
        @media screen and (max-width: 767px) {
            .post-screen .post {
                padding: 0;
                margin-bottom: 1em;
            }
        }
        
        .post-screen .post .title {
            font-size: 17px;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        @media screen and (max-width: 768px) {
            .post-screen .post .title {
                font-size: 14px;
            }
        }
        
        .post-screen .post .resum {
            font-size: 16px;
        }
        
        .post-screen .post:hover {
            border: 2px solid #666;
            text-decoration: none;
        }
        
        .post-screen .post:hover img {
            opacity: 1;
        }
        
        @media screen and (max-width: 550px) {
            .post-screen .post .title {
                font-size: 12px;
            }
        }
        
        .more-post {
            clear: both;
            padding-top: 3em;
            text-align: center;
            text-transform: uppercase;
        }
        
        .more-post a {
            color: #666;
        }
        
        .more-post a img {
            margin: 1em;
        }
        
        @media screen and (max-width: 767px) {
            .post-screen {
                padding-top: 2em;
                padding-bottom: 1em;
            }
            .post-screen .post-order {
                margin: 0;
            }
        }
        
        @media screen and (max-width: 550px) {
            .post-screen {
                padding-top: 1em;
                padding-bottom: 1em;
            }
            .post-screen .post-order {
                margin: 0;
            }
        }
        
        .aside-container .post-screen {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            padding-top: 0;
        }
        
        .aside-container .post-screen .title {
            padding: 1em;
            text-transform: uppercase;
            font-size: 14px;
            padding-left: 0;
            color: #666;
        }
        
        .aside-container .post-screen .container {
            max-width: 100%;
        }
        
        .aside-container .post-screen .container .post {
            width: 100%;
            padding: 1em;
        }
        
        .aside-container .post-screen .container .post .img {
            max-width: 85px;
        }
        
        .aside-container .post-screen .container .post .img img {
            max-width: 50px;
        }
        
        @media screen and (max-width: 768px) {
            .aside-container .post-screen .container .post .img img {
                max-width: 100%;
            }
        }
        
        .aside-container .post-screen .container .post .category {
            float: left;
            color: #666;
        }
        
        @media screen and (max-width: 767px) {
            .aside-container .post-screen .container {
                padding: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .home-boxs {
            padding-top: 3em;
        }
        
        .home-boxs .container {
            background: url(../../../img/home/boxs/boxs-bg.jpg) no-repeat center center/cover;
            padding: 0;
        }
        
        .home-boxs .box {
            display: block;
            height: 320px;
            padding: 1em;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .home-boxs .box:nth-child(1) {
            border-bottom: 14px solid #fff;
        }
        
        .home-boxs .box:nth-child(2) {
            border-right: 7px solid #fff;
        }
        
        .home-boxs .box:nth-child(3) {
            border-left: 7px solid #fff;
        }
        
        .home-boxs .box .cont-line {
            width: 100%;
            height: 100%;
            border: 2px solid #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .home-boxs .box:hover {
            padding: 0;
            text-decoration: none;
        }
        
        .home-boxs .box:hover .cont-line {
            border: 2px solid transparent;
        }
        
        .home-boxs .box:hover .title {
            -webkit-box-shadow: 8px 8px 0 0 #dda4a7;
            box-shadow: 8px 8px 0 0 #dda4a7;
        }
        
        .home-boxs .box:hover .title.talks {
            -webkit-box-shadow: 8px 8px 0 0 #d2e4ef;
            box-shadow: 8px 8px 0 0 #d2e4ef;
        }
        
        .home-boxs .box:hover .title.reviews {
            -webkit-box-shadow: 8px 8px 0 0 #efefd2;
            box-shadow: 8px 8px 0 0 #efefd2;
        }
        
        .home-boxs .title {
            background: #fff;
            padding: 0.2em 1em 0.2em 1em;
            color: #666;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .home-boxs .title h2 {
            font-size: 28px;
            text-transform: uppercase;
        }
        
        @media screen and (max-width: 768px) {
            .home-boxs .title {
                -webkit-box-shadow: 8px 8px 0 0 #dda4a7;
                box-shadow: 8px 8px 0 0 #dda4a7;
            }
            .home-boxs .title.talks {
                -webkit-box-shadow: 8px 8px 0 0 #d2e4ef;
                box-shadow: 8px 8px 0 0 #d2e4ef;
            }
            .home-boxs .title.reviews {
                -webkit-box-shadow: 8px 8px 0 0 #efefd2;
                box-shadow: 8px 8px 0 0 #efefd2;
            }
        }
        
        @media screen and (max-width: 767px) {
            .home-boxs {
                padding: 1em;
            }
            .home-boxs .box {
                height: 150px;
                display: block;
            }
            .home-boxs .box:nth-child(1) {
                border-bottom: none;
            }
            .home-boxs .box:nth-child(2) {
                border-right: none;
                border-top: 7px solid #fff;
                border-bottom: 7px solid #fff;
            }
            .home-boxs .box:nth-child(3) {
                border-left: none;
            }
            .home-boxs .title {
                padding: 0 1em 0.2em 1em;
            }
            .home-boxs .title h2 {
                font-size: 23.33333px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .home-boxs .title {
                padding: 0 1em 0.2em 1em;
            }
            .home-boxs .title h2 {
                margin-top: 0.83em;
                font-size: 14.35897px;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .ads {
            padding-top: 1em;
            padding-bottom: 3em;
        }
        
        .ads .title {
            text-transform: uppercase;
        }
        
        .ads .container {
            padding: 0;
        }
        
        .ads .adv {
            opacity: 0.8;
            padding: 1em;
            display: block;
            padding: 1em;
            height: 325px;
            position: relative;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .ads .adv img {
            position: absolute;
            width: 100%;
        }
        
        .ads .adv .cont-line {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: relative;
            top: 0;
            width: 100%;
            height: 100%;
        }
        
        .ads .adv .title {
            background: #fff;
            padding: 0.6em;
            text-transform: uppercase;
            font-size: 25.45455px;
            text-align: center;
            max-width: 400px;
            color: #666;
        }
        
        .ads .adv:hover {
            opacity: 1;
            text-decoration: none;
            padding: 0;
        }
        
        .ads .adv:nth-child(even) {
            border-left: 7px solid #fff;
        }
        
        @media screen and (max-width: 767px) {
            .ads .container {
                padding-left: 1em;
                padding-right: 1em;
            }
            .ads .adv-container {
                margin-bottom: 1em;
            }
            .ads .adv {
                height: 200px;
            }
            .ads .adv:nth-child(odd) {
                border-right: none;
            }
            .ads .adv:nth-child(even) {
                border-left: none;
                margin-top: 2em;
            }
            .ads .adv .title {
                font-size: 18.66667px;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider {
            padding-top: 3em;
            padding-bottom: 3em;
            overflow: hidden;
            max-width: 100%;
        }
        
        .product-slider .title span {
            text-transform: uppercase;
        }
        
        .product-slider .product {
            padding: 0 0.3em;
            text-align: center;
        }
        
        .product-slider .product .img {
            text-align: center;
        }
        
        .product-slider .product .img img {
            border: 1px solid #dda4a7;
            border-radius: 50%;
            margin: 0 auto;
        }
        
        .product-slider .product .product-text .name {
            font-size: 18px;
            margin: 0;
            margin-top: 1em;
            margin-bottom: 0.5em;
            line-height: 1em;
        }
        
        .product-slider .product .product-text .description {
            margin: 0;
            line-height: 1em;
            font-size: 15px;
        }
        
        @media screen and (max-width: 767px) {
            .product-slider .product .product-text .name {
                font-size: 15px;
            }
            .product-slider .product .product-text .description {
                font-size: 12.85714px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .product-slider .product .product-text .name {
                font-size: 12px;
            }
            .product-slider .product .product-text .description {
                font-size: 12px;
            }
        }
        
        .product-slider .product .price {
            text-transform: uppercase;
            font-size: 18px;
        }
        
        .product-slider .product .price span {
            font-size: 21.6px;
            font-weight: 700;
            color: #cbc2da;
        }
        
        .main-container .product-slider .container {
            max-width: 100%;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .user-progress {
            padding-top: 1.2em;
        }
        
        .user-progress .close-mobile a {
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .user-progress .close-mobile a:focus,
        .user-progress .close-mobile a:hover,
        .user-progress .close-mobile a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .user-progress .intro {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #dda4a7;
            padding-bottom: 0.5em;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
        
        .user-progress .intro .avatar {
            width: 45px;
            height: 45px;
            stroke: #dda4a7;
        }
        
        .user-progress .intro .avatar path {
            fill: #dda4a7;
        }
        
        .user-progress .intro p {
            color: #dda4a7;
            text-transform: uppercase;
            font-size: 16px;
            margin-bottom: 0;
            padding-left: 1em;
        }
        
        .user-progress .bar-container {
            padding-top: 2em;
        }
        
        .user-progress .bar-complete {
            height: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            background: var(--black);
            border-radius: .15rem;
        }
        
        .user-progress .bar-complete.state60 .bar-progress {
            width: 60%;
        }
        
        .user-progress .bar-complete.state70 .bar-progress {
            width: 70%;
        }
        
        .user-progress .bar-complete.state75 .bar-progress {
            width: 75%;
        }
        
        .user-progress .bar-complete.state100 .bar-progress {
            width: 100%;
        }
        
        .user-progress .bar-complete .bar-progress {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 2em;
            background: var(--c3-light);
            width: 0;
            text-transform: uppercase;
            overflow: hidden;
        }
        
        .user-progress .bar-complete .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 1em;
            color: #fff;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .personal-container {
            margin-top: 3em;
        }
        
        .personal-container .info-cont {
            padding-left: 0;
        }
        
        .personal-container .scroll-cont {
            padding: 0;
        }
        
        @media screen and (max-width: 767px) {
            .personal-container .info-cont {
                padding-right: 0;
            }
            .personal-container .scroll-cont {
                padding-left: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .user-info {
            color: #666;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;
            max-width: 250px;
        }
        
        .userdata_container.user-info {
            max-width: 250px;
            padding: 0;
            margin: 0;
        }
        
        .user-info .title {
            text-align: center;
            background: #c7e4da;
            padding-top: 1em;
            padding-bottom: 0.5em;
            color: #fff;
            display: block;
            margin: 0;
        }
        
        .user-info .img-cont {
            position: relative;
        }
        
        .user-info .img-cont>img {
            width: 100%;
            max-width: 100%;
        }
        
        .edit-img {
            opacity: 0.5;
            position: absolute;
            top: -40px;
            left: 45px;
        }
        
        .user-info .img-cont .edit-img:hover {
            opacity: 1;
        }
        
        .edit-img:hover {
            opacity: 1;
        }
        
        .user-info .score {
            margin-top: 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 15px;
        }
        
        .user-info .score .points {
            padding-top: 1em;
            border: 1px solid #cacaca;
            width: 50%;
            text-align: center;
            margin-right: 7.5px;
        }
        
        .user-info .score .points .num {
            height: 70%;
            display: block;
            font-size: 28px;
            color: #dda4a7;
        }
        
        @media screen and (min-width: 767px) and (max-width: 1200px) {
            .user-info .score .points .num {
                font-size: 20px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .user-info .score .points .num {
                font-size: 24px;
            }
        }
        
        .user-info .score .status {
            padding-top: 1em;
            margin-left: 7.5px;
            border: 1px solid #cacaca;
            width: 50%;
            text-align: center;
        }
        
        .user-info .score .status .status-img {
            height: 70%;
            display: block;
        }
        
        .user-info .score .status .status-img img {
            width: 40px;
            height: 36px;
        }
        
        @media screen and (min-width: 767px) and (max-width: 992px) {
            .user-info .score {
                display: block;
            }
            .user-info .score .points,
            .user-info .score .status {
                margin: 0;
                width: 100%;
            }
            .user-info .score .points {
                margin-bottom: 15px;
            }
        }
        
        .user-info .info-links ul li a {
            display: block;
            position: relative;
            padding: 1em;
            /* margin-bottom: 10px; */
            border-bottom: 1px solid #cacaca;
            font-size: 12px;
            text-decoration: none;
            color: #666;
        }
        
        .user-info .info-links ul li a:focus,
        .user-info .info-links ul li a:hover,
        .user-info .info-links ul li a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
            border-radius: 0.15rem;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        
        .user-info .info-links ul li a:after {
            font-size: 19px;
            font-weight: lighter;
            position: absolute;
            content: "»";
            right: 30px;
            top: 5px;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .user-info .info-links ul li a:hover {
            /* background: #dda4a7; */
            background: var(--c1-medium);
            border-bottom-color: var(--c1-medium);
            color: #fff;
        }
        
        .user-info .info-links ul li a:hover:after {
            right: 15px;
        }
        
        [data-toggle="modal-interior"].active,
        [data-toggle="modal-interior-pa"].active,
        .user-info .info-links ul li a.active {
            pointer-events: none;
            background: transparent;
            border-bottom-color: var(--c1-medium);
            color: var(--c1-medium);
        }
        
        [data-toggle="modal-interior"].active:after,
        [data-toggle="modal-interior-pa"].active:after,
        .user-info .info-links ul li a.active:after {
            right: 15px;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .missions {
            /* overflow: hidden; */
            position: relative;
            /* border: 1px solid #cacaca; */
        }
        
        .missions .title {
            position: relative;
            padding-top: 0.8em;
            padding-left: 2em;
            font-size: 14.4px;
            text-transform: uppercase;
            color: #dda4a7;
            height: 2.3em;
        }
        
        .missions .title p {
            margin: 0;
        }
        
        .missions .title:after {
            content: "";
            border-bottom: 1px solid #cacaca;
            width: 95%;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0;
        }
        
        .missions .missions-container {
            padding: 1em 2em;
            padding-top: 0;
            overflow: auto;
        }
        
        .missions .missions-scroll {
            height: 100%;
        }
        
        .missions .mission {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: strech;
            -ms-flex-align: strech;
            align-items: strech;
            position: relative;
            margin-bottom: 3em;
            margin-top: 3em;
        }
        
        .mission {
            border-bottom: 1px solid var(--c1-dark);
        }
        
        .missions .mission:after {
            content: " ";
            display: block;
            position: absolute;
            bottom: -15px;
            border-top: 1px solid #cacaca;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
        }
        
        @media screen and (max-width: 550px) {
            .missions .derms {
                margin: 1em 0;
            }
        }
        
        .missions .img-cont {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 2px solid #dda4a7;
            text-align: center;
            text-align: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .missions .img-cont .img-state {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: block;
            position: absolute;
            top: -20px;
            right: 10px;
        }
        
        .missions .img-cont .img-state.hard {
            background: #ee8471;
        }
        
        .missions .img-cont .img-state.medium {
            background: #f8af6a;
        }
        
        .missions .img-cont .img-state.soft {
            background: #c7e4da;
        }
        
        .missions .info-cont {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 665px;
            padding-left: 2em;
        }
        
        @media screen and (max-width: 1200px) {
            .missions .info-cont {
                width: 450px;
            }
        }
        
        .missions .info-cont .info-top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }
        
        .missions .info-cont .info-top .name p {
            margin: 0;
        }
        
        .missions .info-cont .info-bottom {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
        
        .missions .info-cont .info-bottom a {
            color: #666;
            text-decoration: underline;
        }
        
        .missions .info-cont .info-bottom a:hover {
            color: #dda4a7;
            text-decoration: none;
        }
        
        .missions .info-cont .info-bottom .infos p {
            margin: 0;
        }
        
        .mission .imgprod {
            min-width: 125px;
            min-height: 133px;
            border-radius: .15rem;
        }
        
        .incidencia {
            position: fixed;
            display: none;
            top: 50%;
            left: 50%;
            z-index: 1111111;
            transform: translate(-50%, -50%);
            border: 1px solid;
            padding: 20px;
            width: 90vw;
            border-radius: 0.15rem;
            max-width: 600px;
        }
        
        .faqs-description {
            max-width: 780px;
        }
        
        .incidencia.active {
            display: block;
        }
        
        .incidencia .close {
            position: absolute;
            right: 20px;
            top: 10px;
            font-size: 30px;
            font-weight: lighter;
            color: black;
            opacity: 1;
            cursor: pointer;
        }
        
        .incidencia .close:hover {
            color: var(--c2-dark2);
        }
        
        @media screen and (max-width: 992px) {
            .missions .info-cont {
                width: 300px;
            }
            .missions .info-cont .info-top {
                display: block;
            }
            .missions .info-cont .info-bottom {
                display: block;
            }
        }
        
        @media screen and (max-aspect-ratio: 1/1) {
            .mission .cont_principal {
                flex-direction: column;
            }
            .mission .cont_principal .flexcol.w50 {
                width: 100%;
                margin-top: 0px !important;
                align-items: flex-start !important;
            }
            .mission .cont_principal .mr-1 {
                margin-right: 30px !important;
            }
            .mission .cont_principal .paragraphs {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }
            .mission .cont_principal .paragraphs p {
                margin-right: 5px;
            }
            .mission .cont_principal .paragraphs br {
                display: none;
            }
        }
        
        @media screen and (max-width: 550px) {
            .missions .mission {
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
                text-align: center;
            }
            .missions .img-cont {
                margin: 0 auto;
                margin-top: 1.5em;
            }
            .missions .info-cont {
                width: auto;
                padding-left: 0.5em;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tester-products {
            padding-bottom: 4em;
        }
        
        .tester-products .filter-title {
            text-transform: uppercase;
            color: #dda4a7;
            border-bottom: 1px solid #cacaca;
            margin-bottom: 2em;
        }
        
        .tester-products .filter-title p {
            margin: 0;
        }
        
        .tester-products .product-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }
        
        .tester-products .product {
            padding: 1em;
            padding-top: 1.5em;
            color: #666;
            font-size: 16px;
            border: 1px solid transparent;
        }
        
        .tester-products .product>a {
            color: #666;
        }
        
        .tester-products .product>a:hover {
            text-decoration: none;
        }
        
        .tester-products .product .product-title {
            text-transform: uppercase;
            font-family: "Open Sans", sans-serif;
            text-align: center;
        }
        
        .tester-products .product .product-title .subtitle {
            font-weight: 700;
        }
        
        .tester-products .product .product-title p {
            margin: 0;
        }
        
        .tester-products .product .product-img {
            text-align: center;
        }
        
        .tester-products .product .product-img img {
            max-width: 100%;
        }
        
        .tester-products .product .price {
            text-transform: uppercase;
            text-align: center;
            margin: 1em 0;
            font-size: 24px;
        }
        
        .tester-products .product .price span {
            color: #cbc2da;
            font-size: 32px;
            font-weight: 700;
        }
        
        .tester-products .product .average {
            text-align: center;
            margin: 0 auto;
        }
        
        .tester-products .product .average .full {
            width: 0%;
        }
        
        .tester-products .product .reviews {
            text-align: center;
            padding: 1em;
        }
        
        .tester-products .product .reviews a {
            text-decoration: none;
            color: #666;
        }
        
        .tester-products .product .reviews a:focus,
        .tester-products .product .reviews a:hover,
        .tester-products .product .reviews a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tester-products .product .reviews a span {
            font-weight: 700;
        }
        
        .tester-products .product .reviews a:hover {
            text-decoration: underline;
        }
        
        .tester-products .product .cta-container {
            text-transform: uppercase;
        }
        
        .tester-products .product .cta-container .cta {
            font-size: 19.23077px;
            text-decoration: none;
            color: #666;
            color: #666;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0.5em 0 0.2em 0;
            display: block;
            text-align: center;
            background: #c7e4da;
        }
        
        .tester-products .product .cta-container .cta:focus,
        .tester-products .product .cta-container .cta:hover,
        .tester-products .product .cta-container .cta:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        @media screen and (max-width: 400px) {
            .tester-products .product .cta-container .cta {
                font-size: 12.5px;
            }
        }
        
        .tester-products .product .cta-container .cta:hover {
            color: #fff;
            background: #dda4a7;
        }
        
        .tester-products .product:hover {
            border: 1px solid #666;
        }
        
        @media screen and (max-width: 550px) {
            .tester-products .product {
                -ms-flex-item-align: end;
                align-self: flex-end;
                margin-bottom: 2em;
                padding: 0.5em;
            }
            .tester-products .product .reviews {
                font-size: 14px;
            }
            .tester-products .product .product-title .title {
                display: none;
            }
            .tester-products .product .price {
                margin: 0.5em 0;
                font-size: 20px;
            }
            .tester-products .product .price span {
                display: block;
                width: 100%;
            }
            .tester-products .product .average {
                width: 100px;
            }
            .tester-products .product .average .full {
                background-size: 100px;
                background-position: top left;
                height: 19px;
                top: 3px;
            }
        }
        
        .tester-products .more-container {
            margin-top: 2em;
        }
        
        .tester-products .more-container .more-cta {
            text-decoration: none;
            color: #cacaca;
            text-transform: uppercase;
        }
        
        .tester-products .more-container .more-cta:focus,
        .tester-products .more-container .more-cta:hover,
        .tester-products .more-container .more-cta:visited {
            text-decoration: none;
            color: #cacaca;
            outline: 0;
        }
        
        .tester-products .more-container .more-cta:hover {
            text-decoration: underline;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tester-product-detail {
            color: #666;
            padding-top: 0.5em;
        }
        
        .tester-product-detail .img-container img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }
        
        .tester-product-detail .detail-info {
            padding-left: 4em;
            border-left: 1px solid #666;
        }
        
        .tester-product-detail .detail-info .title {
            text-transform: uppercase;
        }
        
        .tester-product-detail .detail-info .title h1 {
            font-size: 18px;
            font-weight: 400;
            margin: 0;
        }
        
        .tester-product-detail .detail-info .title h2 {
            margin: 0;
            margin-bottom: 0.5em;
            margin-top: 0.2em;
            font-size: 25px;
            font-weight: 700;
        }
        
        .tester-product-detail .detail-info .reviews {
            padding-bottom: 1em;
        }
        
        .tester-product-detail .detail-info .reviews a {
            text-decoration: none;
            color: #666;
        }
        
        .tester-product-detail .detail-info .reviews a:focus,
        .tester-product-detail .detail-info .reviews a:hover,
        .tester-product-detail .detail-info .reviews a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tester-product-detail .detail-info .reviews a span {
            font-weight: 700;
            margin-right: 0.2em;
        }
        
        .tester-product-detail .detail-info .reviews a:hover {
            text-decoration: underline;
        }
        
        .tester-product-detail .detail-info .average {
            margin-bottom: 1em;
        }
        
        .tester-product-detail .detail-info .info {
            font-size: 13px;
            text-transform: uppercase;
            margin-bottom: 2em;
        }
        
        .tester-product-detail .tabs-info .nav-tabs>li.active a {
            border: none;
        }
        
        .tester-product-detail .tabs-info .nav-tabs>li.active a:hover {
            background: 0 0;
            color: #dda4a7;
        }
        
        .tester-product-detail .tabs-info .nav-tabs>li a:hover {
            background: #dda4a7;
            color: #fff;
        }
        
        .tester-product-detail .tabs-info .tabs {
            text-transform: uppercase;
            font-size: 14.3px;
        }
        
        .tester-product-detail .tabs-info .tabs a {
            color: #666;
        }
        
        .tester-product-detail .tabs-info .tabs .active a {
            color: #dda4a7;
        }
        
        .tester-product-detail .tabs-info .tab-content {
            margin-bottom: 1.5em;
            padding-top: 2em;
        }
        
        .tester-product-detail .tabs-info .tab-pane {
            min-height: 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .tester-product-detail .tabs-info .tab-pane .info-container {
            height: 100%;
        }
        
        .tester-product-detail .tabs-info .tab-pane a {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .tester-product-detail .tabs-info .tab-pane a:focus,
        .tester-product-detail .tabs-info .tab-pane a:hover,
        .tester-product-detail .tabs-info .tab-pane a:visited {
            text-decoration: none;
            color: #dda4a7;
            outline: 0;
        }
        
        .tester-product-detail .tabs-info .tab-pane a:hover {
            text-decoration: underline;
        }
        
        @media screen and (max-width: 768px) {
            .tester-product-detail .tabs-info .nav-tabs>li {
                width: 100%;
                margin-bottom: 1em;
            }
            .tester-product-detail .tabs-info .nav-tabs>li a {
                border: 1px solid #666;
                text-align: center;
                border-radius: 0;
            }
            .tester-product-detail .tabs-info .nav-tabs>li a:hover {
                border: 1px solid #dda4a7;
            }
            .tester-product-detail .tabs-info .nav-tabs>li.active a {
                border: 1px solid #dda4a7;
            }
        }
        
        .tester-product-detail .test-cta {
            max-width: 300px;
        }
        
        .tester-product-detail .test-cta .price {
            text-transform: uppercase;
            text-align: center;
            font-size: 19.2px;
        }
        
        .tester-product-detail .test-cta .price p {
            /*margin:0*/
        }
        
        .tester-product-detail .test-cta .price span {
            margin-right: 0.3em;
            color: #cbc2da;
            font-size: 32px;
        }
        
        .tester-product-detail .test-cta a {
            font-size: 22.72727px;
            text-decoration: none;
            color: #666;
            color: #666;
            font-weight: 700;
            text-transform: uppercase;
            padding: 0.5em 0 0.2em 0;
            display: block;
            text-align: center;
            background: #c7e4da;
        }
        
        .tester-product-detail .test-cta a:focus,
        .tester-product-detail .test-cta a:hover,
        .tester-product-detail .test-cta a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tester-product-detail .test-cta a:hover {
            color: #fff;
            background: #dda4a7;
        }
        
        @media screen and (max-width: 768px) {
            .tester-product-detail {
                padding-top: 2em;
            }
        }
        
        @media screen and (max-width: 767px) {
            .tester-product-detail {
                padding-bottom: 0;
            }
            .tester-product-detail .img-container {
                overflow: hidden;
            }
            .tester-product-detail .img-container img {
                width: 50%;
                min-width: 140px;
            }
            .tester-product-detail .detail-info {
                border-left: none;
                padding-left: 15px;
            }
            .tester-product-detail .detail-info .title h1,
            .tester-product-detail .detail-info .title h2 {
                font-size: 19.23077px;
                text-align: center;
            }
            .tester-product-detail .average {
                margin: 1em auto;
            }
            .tester-product-detail .reviews {
                text-align: center;
            }
            .tester-product-detail .test-cta {
                margin: 0 auto 2em auto;
            }
            .tester-product-detail .test-cta>a {
                padding: 0.5em 0 0.2em 0;
                margin-top: 1em;
                font-size: 16.66667px;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tester-reviews {
            padding-top: 2em;
        }
        
        .tester-reviews .title {
            font-size: 25px;
            color: #dda4a7;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 1em;
        }
        
        .tester-reviews .title img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1em;
            width: 50px;
            height: 55px;
        }
        
        .tester-reviews .review:after {
            content: "";
            width: 90%;
            border-bottom: 1px solid #666;
            display: block;
            margin: 0 auto;
            margin-bottom: 3em;
        }
        
        .tester-reviews .review .review-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .tester-reviews .review .review-info .img-cont {
            position: relative;
            width: 7%;
        }
        
        .tester-reviews .review .review-info .img-cont img {
            pointer-events: none;
        }
        
        .tester-reviews .review .review-info .img-cont .mask {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }
        
        .tester-reviews .review .review-info .data-cont {
            width: 73%;
        }
        
        .tester-reviews .review .review-info .data-cont .date {
            padding: 0.5em 1em;
        }
        
        .tester-reviews .review .review-info .data-cont .date img {
            position: relative;
            top: -3px;
            margin-right: 0.5em;
        }
        
        .tester-reviews .review .review-info .data-cont .name {
            padding: 0.5em 1em;
            color: #c7e4da;
            font-size: 16px;
        }
        
        .tester-reviews .review .review-info .average-cont {
            width: 20%;
        }
        
        .tester-reviews .review .review-info .average-cont .average {
            float: right;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 600px) {
            .tester-reviews .review .review-info {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .tester-reviews .review .review-info .average-cont {
                width: 100%;
            }
            .tester-reviews .review .review-info .img-cont {
                width: 20%;
            }
            .tester-reviews .review .review-info .data-cont {
                width: 80%;
            }
            .tester-reviews .review .review-info .average-cont {
                margin-bottom: 1.5em;
            }
            .tester-reviews .review .review-info .average-cont .average {
                clear: both;
                float: none;
            }
        }
        
        .tester-reviews .review .review-text {
            padding-left: 9%;
            margin-bottom: 2em;
        }
        
        @media screen and (max-width: 768px) {
            .tester-reviews .review .review-text {
                padding-left: 0;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tester-reviews .title {
                font-size: 20.83333px;
            }
            .tester-reviews .title img {
                margin: 0.5em;
            }
        }
        
        @media screen and (max-width: 768px) {
            .tester-reviews {
                padding-top: 1em;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tester-reviews {
                padding-top: 0;
            }
            .tester-reviews .title h3 {
                margin: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tpyt-article {
            color: #666;
            font-size: 19px;
        }
        
        .tpyt-article article {
            padding-bottom: 1.5em;
        }
        
        .tpyt-article article .title {
            text-transform: uppercase;
            color: #dda4a7;
        }
        /*.tpyt-article article .title h1 {
  font-size: 25px;
}*/
        
        .tpyt-article article .img-cont {
            margin-bottom: 1em;
        }
        
        .tpyt-article article .img-cont .date {
            font-size: 14.61538px;
        }
        
        .tpyt-article article .img-cont .date img {
            position: relative;
            top: -5px;
            margin-right: 0.5em;
        }
        
        .tpyt-article article .img-cont img {
            margin: 0.3em 0;
        }
        
        .tpyt-article article a {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .tpyt-article article a:focus,
        .tpyt-article article a:hover,
        .tpyt-article article a:visited {
            text-decoration: none;
            color: #dda4a7;
            outline: 0;
        }
        
        .tpyt-article article a:hover {
            text-decoration: underline;
        }
        
        .tpyt-article .tags ul li {
            color: #cacaca;
            line-height: 2.5em;
        }
        
        .tpyt-article .tags ul li a {
            text-decoration: none;
            color: #cacaca;
            font-size: 15.83333px;
            border: 1px solid #cacaca;
            padding: 0.5em 0.5em 0.3em 0.5em;
            text-transform: uppercase;
        }
        
        .tpyt-article .tags ul li a:focus,
        .tpyt-article .tags ul li a:hover,
        .tpyt-article .tags ul li a:visited {
            text-decoration: none;
            color: #cacaca;
            outline: 0;
        }
        
        .tpyt-article .tags ul li a:hover {
            background: #cacaca;
            color: #fff;
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-article .tags ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .tpyt-article .tags ul li {
                color: #cacaca;
                width: 50%;
            }
            .tpyt-article .tags ul li a {
                text-decoration: none;
                color: #cacaca;
                font-size: 10.55556px;
                line-height: 1em;
                display: block;
                margin-top: 0.3em;
                text-align: center;
                border: 1px solid #cacaca;
                padding: 0.5em 0.5em 0.3em 0.5em;
                text-transform: uppercase;
            }
            .tpyt-article .tags ul li a:focus,
            .tpyt-article .tags ul li a:hover,
            .tpyt-article .tags ul li a:visited {
                text-decoration: none;
                color: #cacaca;
                outline: 0;
            }
            .tpyt-article .tags ul li a:hover {
                background: #cacaca;
                color: #fff;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-article {
                font-size: 15.83333px;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .recommended {
            padding-top: 3em;
            margin-bottom: 3em;
            overflow: hidden;
            max-width: 100%;
        }
        
        .recommended .slick-list {
            padding-bottom: 1em;
        }
        
        .recommended .title {
            color: #dda4a7;
            text-transform: uppercase;
            text-align: center;
        }
        
        .recommended .title span {
            text-transform: uppercase;
        }
        
        .recommended .product {
            padding: 0 0.3em;
            text-align: center;
        }
        
        .recommended .product .img {
            text-align: center;
        }
        
        .recommended .product .img img {
            margin: 0 auto;
        }
        
        .recommended .product .product-text {
            min-height: 80px;
            margin-bottom: 1em;
        }
        
        .recommended .product .product-text .name {
            font-size: 18px;
            margin: 0;
            margin-top: 1em;
            margin-bottom: 0.5em;
            line-height: 1em;
        }
        
        .recommended .product .product-text .description {
            margin: 0;
            line-height: 1em;
            font-size: 15px;
        }
        
        @media screen and (max-width: 767px) {
            .recommended .product .product-text .name {
                font-size: 15px;
            }
            .recommended .product .product-text .description {
                font-size: 12.85714px;
            }
        }
        
        @media screen and (max-width: 550px) {
            .recommended .product .product-text .name {
                font-size: 15px;
            }
            .recommended .product .product-text .description {
                font-size: 15px;
            }
        }
        
        .recommended .product .price {
            text-transform: uppercase;
            font-size: 18px;
        }
        
        .recommended .product .price span {
            font-size: 21.6px;
            font-weight: 700;
            color: #cbc2da;
        }
        
        .recommended .product .average {
            margin: 1em auto;
        }
        
        .recommended .product .bottom-info>a {
            text-decoration: none;
            color: #666;
            margin-top: 1em;
            display: block;
        }
        
        .recommended .product .bottom-info>a:focus,
        .recommended .product .bottom-info>a:hover,
        .recommended .product .bottom-info>a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .recommended .product .bottom-info>a:hover {
            color: #dda4a7;
        }
        
        .recommended .product .reviews a {
            text-decoration: none;
            color: #666;
        }
        
        .recommended .product .reviews a:focus,
        .recommended .product .reviews a:hover,
        .recommended .product .reviews a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .recommended .product .reviews a:hover {
            text-decoration: underline;
        }
        
        .recommended .product .cta {
            margin-top: 1em;
        }
        
        .recommended .product .cta a {
            padding: 0.5em;
            text-decoration: none;
            background: #dda4a7;
            border: 1px solid #dda4a7;
            color: #fff;
        }
        
        .recommended .product .cta a:focus,
        .recommended .product .cta a:hover,
        .recommended .product .cta a:visited {
            background: #dda4a7;
            border: 1px solid #dda4a7;
            color: #fff;
        }
        
        .recommended .product .cta a:hover {
            background: #fff;
            color: #666;
            border: 1px solid #666;
            text-transform: uppercase;
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .main-container .product-slider .container {
            max-width: 100%;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tpyt-comments {
            padding-top: 2em;
        }
        
        .tpyt-comments .title {
            font-size: 25px;
            color: #dda4a7;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 1em;
        }
        
        .tpyt-comments .title img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1em;
            width: 50px;
            height: 55px;
        }
        
        .tpyt-comments .review:after {
            content: "";
            width: 90%;
            border-bottom: 1px solid #666;
            display: block;
            margin: 0 auto;
            margin-bottom: 3em;
        }
        
        .tpyt-comments .review .review-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .tpyt-comments .review .review-info .img-cont {
            position: relative;
            width: 10%;
        }
        
        .tpyt-comments .review .review-info .img-cont img {
            pointer-events: none;
        }
        
        .tpyt-comments .review .review-info .img-cont .mask {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }
        
        .tpyt-comments .review .review-info .data-cont {
            width: 73%;
        }
        
        .tpyt-comments .review .review-info .data-cont .date {
            padding: 0.5em 1em;
        }
        
        .tpyt-comments .review .review-info .data-cont .date img {
            position: relative;
            top: -3px;
            margin-right: 0.5em;
        }
        
        .tpyt-comments .review .review-info .data-cont .name {
            padding: 0.5em 1em;
            color: #c7e4da;
            font-size: 16px;
        }
        
        .tpyt-comments .review .review-info .average-cont {
            width: 20%;
        }
        
        .tpyt-comments .review .review-info .average-cont .average {
            float: right;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 600px) {
            .tpyt-comments .review .review-info {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .tpyt-comments .review .review-info .average-cont {
                width: 100%;
            }
            .tpyt-comments .review .review-info .img-cont {
                width: 20%;
            }
            .tpyt-comments .review .review-info .data-cont {
                width: 80%;
            }
            .tpyt-comments .review .review-info .average-cont {
                margin-bottom: 1.5em;
            }
            .tpyt-comments .review .review-info .average-cont .average {
                clear: both;
                float: none;
            }
        }
        
        .tpyt-comments .review .review-text {
            padding-left: 9%;
            margin-bottom: 2em;
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-comments .review .review-text {
                padding-left: 0;
            }
        }
        
        .tpyt-comments .review .actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 1.5em;
        }
        
        .tpyt-comments .review .actions>ul {
            width: 60%;
            margin: 0;
        }
        
        .tpyt-comments .review .actions>ul li {
            margin-right: 2em;
        }
        
        @media screen and (max-width: 600px) {
            .tpyt-comments .review .actions>ul {
                display: block;
            }
            .tpyt-comments .review .actions>ul li {
                display: block;
                margin-bottom: 1.5em;
                padding-left: 1em;
            }
            .tpyt-comments .review .actions>ul li a {
                display: block;
            }
        }
        
        .tpyt-comments .review .actions .open-reply {
            width: 40%;
            text-align: right;
        }
        
        .tpyt-comments .review .actions .reply-open {
            color: #bed9ed;
            text-transform: uppercase;
        }
        
        .tpyt-comments .review .actions .reply-open img {
            width: 25px;
            height: 25px;
            position: relative;
            top: -5px;
            margin-right: 0.3em;
        }
        
        .tpyt-comments .review .actions .like {
            position: relative;
            color: #55a9a7;
            text-transform: uppercase;
        }
        
        .tpyt-comments .review .actions .like img {
            width: 33px;
            height: 25px;
            position: relative;
            top: -5px;
            margin-right: 0.3em;
        }
        
        .tpyt-comments .review .actions .like span {
            position: absolute;
            border-radius: 50%;
            background: #55a9a7;
            width: 30px;
            height: 30px;
            color: #fff;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 3px;
            top: -20px;
            left: -20px;
            z-index: 1;
        }
        
        .tpyt-comments .review .actions .open-reply {
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
        }
        
        .tpyt-comments .review .actions .open-reply:focus,
        .tpyt-comments .review .actions .open-reply:hover,
        .tpyt-comments .review .actions .open-reply:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tpyt-comments .review .actions .open-reply:hover {
            text-decoration: underline;
        }
        
        .tpyt-comments .review .actions .open-reply span {
            margin-right: 0.5em;
        }
        
        .tpyt-comments .review .actions .open-reply img {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            margin-left: 0.5em;
        }
        
        .tpyt-comments .review .actions .open-reply.open img {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-comments .title {
                font-size: 20.83333px;
            }
            .tpyt-comments .title img {
                margin: 0.5em;
            }
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-comments {
                padding-top: 1em;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-comments {
                padding-top: 0;
            }
            .tpyt-comments .title h3 {
                margin: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .comment-generate {
            position: relative;
            margin-bottom: 3em;
        }
        
        .comment-generate textarea {
            width: 100%;
            resize: none;
            border: 1px solid #666;
            padding: 1em;
            padding-top: 3em;
            margin-bottom: 1em;
        }
        
        .comment-generate textarea:focus {
            outline: 0;
        }
        
        .comment-generate .send {
            position: absolute;
            right: 0;
            padding: 0.5em 0.5em 0 0.5em;
            border: 1px solid #666;
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
        }
        
        .comment-generate .send:focus,
        .comment-generate .send:hover,
        .comment-generate .send:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .comment-generate .send:hover {
            background: #dda4a7;
            color: #fff;
            border: 1px solid #dda4a7;
        }
        
        .comment-generate.to-reply .reply-generate {
            margin-bottom: 1em;
            text-align: center;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .comment-generate.to-reply .reply-generate.out {
            -webkit-transform: scale(0);
            transform: scale(0);
            margin: 0;
            height: 0;
        }
        
        .comment-generate.to-reply .reply-generate a {
            text-decoration: none;
            color: #666;
            padding: 0.5em 0.5em 0.2em 0.5em;
            text-transform: uppercase;
            background: #fff;
            border: 1px solid #666;
        }
        
        .comment-generate.to-reply .reply-generate a:focus,
        .comment-generate.to-reply .reply-generate a:hover,
        .comment-generate.to-reply .reply-generate a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .comment-generate.to-reply .reply-generate a:hover {
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .comment-generate.to-reply form {
            display: none;
        }
        
        .reply-box {
            display: none;
            padding: 1.5em;
            background: #f4f4f4;
            margin-bottom: 1em;
        }
        
        .reply-box.open {
            display: block;
        }
        
        .reply-box .reply {
            margin-bottom: 2.5em;
        }
        
        .reply-box .reply-info {
            width: 80%;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        @media screen and (max-width: 550px) {
            .reply-box .reply-info {
                width: 100%;
            }
        }
        
        .reply-box .user {
            width: 50%;
            margin-bottom: 0.5em;
        }
        
        .reply-box .date {
            width: 50%;
            margin-bottom: 0.5em;
        }
        
        .reply-box .date img {
            position: relative;
            top: -5px;
        }
        
        .reply-box .img-cont {
            position: relative;
            width: 10%;
        }
        
        .reply-box .img-cont img {
            pointer-events: none;
        }
        
        .reply-box .img-cont .mask {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }
        
        .reply-box .reply-text {
            position: relative;
            width: 85%;
            margin-right: 5%;
            border-radius: 15px;
            padding: 1em;
            background: #fff;
        }
        
        .reply-box .reply-text:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            top: 20px;
            right: -10px;
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        
        .reply-box .autor .reply-text {
            position: relative;
            width: 80%;
            margin-left: 5%;
            border-radius: 15px;
            padding: 1em;
            background: #fff;
        }
        
        .reply-box .autor .reply-text:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 10px 0 10px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            top: 20px;
            left: -10px;
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .reviews-container-page>.title {
            color: #dda4a7;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 700;
        }
        
        .reviews-container-page .review {
            cursor: pointer;
            border: 1px solid transparent;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            color: #666;
            padding: 1.5em 1em;
        }
        
        .reviews-container-page .review:hover {
            border: 1px solid #666;
        }
        
        .reviews-container-page .review .img-container {
            padding-right: 1em;
            width: 20%;
            text-align: center;
        }
        
        .reviews-container-page .review .img-container img {
            max-width: 100%;
        }
        
        .reviews-container-page .review .info {
            width: 80%;
        }
        
        .reviews-container-page .review .info .title {
            font-size: 15px;
            text-transform: uppercase;
            line-height: 1em;
        }
        
        .reviews-container-page .review .info .title p {
            margin: 0;
        }
        
        .reviews-container-page .review .info .product {
            font-size: 18px;
            font-weight: 700;
            text-transform: uppercase;
        }
        
        .reviews-container-page .review .info .text {
            text-transform: uppercase;
        }
        
        .reviews-container-page .review .info .ctas {
            display: block;
            padding-top: 1em;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .reviews-container-page .review .info .ctas .reviews-info {
            width: 40%;
        }
        
        .reviews-container-page .review .info .ctas .reviews-info a {
            text-decoration: none;
            color: #666;
        }
        
        .reviews-container-page .review .info .ctas .reviews-info a:focus,
        .reviews-container-page .review .info .ctas .reviews-info a:hover,
        .reviews-container-page .review .info .ctas .reviews-info a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .reviews-container-page .review .info .ctas .reviews-info a:hover {
            text-decoration: underline;
        }
        
        .reviews-container-page .review .info .ctas .reviews-info span {
            font-weight: 700;
            margin-right: 0.3em;
        }
        
        .reviews-container-page .review .info .ctas .average-container {
            padding-right: 1em;
            width: 45%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }
        
        .reviews-container-page .review .info .ctas .average-container .calification {
            margin-left: 0.5em;
            font-weight: 700;
            font-size: 27px;
        }
        
        @media screen and (min-width: 768px) and (max-width: 991px) {
            .reviews-container-page .review .info .ctas .average-container {
                width: 100%;
            }
        }
        
        .reviews-container-page .review .info .ctas .cta {
            position: relative;
            width: 100%;
            text-align: right;
            padding-top: 1em;
        }
        
        .reviews-container-page .review .info .ctas .cta a {
            text-decoration: none;
            color: #666;
            width: 250px;
            text-align: center;
            text-transform: uppercase;
            border: 1px solid #efefd2;
            padding: 0.8em 1.5em 0.5em 1.5em;
        }
        
        .reviews-container-page .review .info .ctas .cta a:focus,
        .reviews-container-page .review .info .ctas .cta a:hover,
        .reviews-container-page .review .info .ctas .cta a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .reviews-container-page .review .info .ctas .cta a:hover {
            background: #efefd2;
        }
        
        @media screen and (max-width: 768px) {
            .reviews-container-page {
                padding-top: 1.5em;
            }
        }
        
        @media screen and (max-width: 600px) {
            .reviews-container-page .results {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .reviews-container-page .review {
                display: block;
                width: 50%;
                padding: 0.5em;
                margin-bottom: 2em;
                -ms-flex-item-align: end;
                align-self: flex-end;
            }
            .reviews-container-page .review .title {
                display: none;
            }
            .reviews-container-page .review .img-container {
                margin: 0 auto;
                padding: 0;
                width: 90%;
            }
            .reviews-container-page .review .info {
                padding-top: 1em;
                width: 100%;
                text-align: center;
            }
            .reviews-container-page .review .info .text {
                display: none;
            }
            .reviews-container-page .review .info .product {
                font-size: 16px;
                word-wrap: break-word;
            }
            .reviews-container-page .review .info .ctas {
                padding-top: 0;
            }
            .reviews-container-page .review .info .ctas .reviews-info {
                width: 100%;
                text-align: center;
            }
            .reviews-container-page .review .info .ctas .average-container {
                padding-top: 1em;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                padding-right: 0;
            }
            .reviews-container-page .review .info .ctas .average-container .average {
                margin: 0 auto;
                width: 100px;
            }
            .reviews-container-page .review .info .ctas .average-container .average .full {
                background-size: 100px;
                background-position: top left;
                height: 19px;
                top: 0;
            }
            .reviews-container-page .review .info .ctas .average-container .calification {
                margin-left: 0;
            }
            .reviews-container-page .review .info .ctas .cta {
                padding-top: 1em;
                text-align: center;
            }
            .reviews-container-page .review .info .ctas .cta a {
                font-size: 10px;
                display: block;
                max-width: 100%;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .aside {
            padding-top: 2.2em;
            padding-bottom: 2em;
        }
        
        @media screen and (max-width: 550px) {
            .aside {
                margin-right: -15px;
                margin-left: -15px;
            }
        }
        
        .tags-module {
            background: #d2e4ef;
            padding: 1em;
            color: #666;
            margin-bottom: 2em;
        }
        
        .tags-module .propositions {
            padding: 1em;
        }
        
        .tags-module .propositions ul li {
            width: 33%;
        }
        
        @media screen and (max-width: 769px) {
            .tags-module .propositions ul li span {
                display: block;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tags-module .propositions ul li {
                width: 50%;
            }
        }
        
        .tags-module p span ul li label {
            -webkit-filter: none;
            -moz-filter: none;
            filter: none;
            opacity: 1;
        }
        
        .tags-module ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0;
        }
        
        .tags-module ul li {
            line-height: 2.5em;
            text-align: center;
        }
        
        .tags-module ul li a {
            border: 1px solid transparent;
            text-transform: uppercase;
            text-decoration: none;
            color: #666;
            background: #fff;
            padding: 0.5em 0.5em 0.2em 0.5em;
            line-height: 1.5em;
        }
        
        .tags-module ul li a:focus,
        .tags-module ul li a:hover,
        .tags-module ul li a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tags-module ul li a:hover {
            border: 1px solid #dda4a7;
            color: #dda4a7;
            color: #dda4a7;
        }
        
        .tags-module ul li label {
            margin: 0 0.3em;
            width: 85px;
            height: 85px;
            cursor: pointer;
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            -webkit-transition: all 0.1s ease-in;
            transition: all 0.1s ease-in;
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
            opacity: 0.5;
            background: url(../../../img/community/icon.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme1 {
            background: url(../../../img/community/themes-color/icon_1.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme2 {
            background: url(../../../img/community/themes-color/icon_2.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme3 {
            background: url(../../../img/community/themes-color/icon_3.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme4 {
            background: url(../../../img/community/themes-color/icon_4.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme5 {
            background: url(../../../img/community/themes-color/icon_5.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label.theme6 {
            background: url(../../../img/community/themes-color/icon_6.svg) no-repeat center center/cover;
        }
        
        .tags-module ul li label:hover {
            -webkit-filter: brightness(1) grayscale(0) opacity(0.8);
            -moz-filter: brightness(1) grayscale(0) opacity(0.8);
            filter: brightness(1) grayscale(0) opacity(0.8);
        }
        
        .tags-module ul li input[type="radio"]:active+label {
            opacity: 1;
        }
        
        .tags-module ul li input[type="radio"]:checked+label {
            -webkit-filter: none;
            -moz-filter: none;
            filter: none;
            opacity: 1;
        }
        
        .tags-module ul li input[type="radio"] {
            display: none;
        }
        
        .tags-module .tags-opener {
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
            padding: 0.5em 0.5em 0.2em 0.5em;
            border: 1px solid #666;
        }
        
        .tags-module .tags-opener:focus,
        .tags-module .tags-opener:hover,
        .tags-module .tags-opener:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tags-module textarea {
            width: 100%;
            resize: none;
            outline: 0;
            padding: 1em;
            margin-bottom: 0.5em;
        }
        
        .tags-module textarea:focus {
            outline: 0;
        }
        
        .tags-module .cta-container {
            margin-bottom: 1em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .tags-module .cta-container a {
            text-transform: uppercase;
            text-decoration: none;
            color: #666;
            border: 1px solid #666;
            padding: 0.5em 1em 0.2em 1em;
            font-size: 12px;
        }
        
        .tags-module .cta-container a:focus,
        .tags-module .cta-container a:hover,
        .tags-module .cta-container a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tags-module .cta-container a:hover {
            color: #fff;
            background: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .tags-module .close-module {
            display: none;
        }
        
        .tags-module .errors {
            text-align: center;
            text-transform: uppercase;
            color: #dda4a7;
            margin-bottom: 1em;
        }
        
        .tags-module .tooltip .tooltip-arrow {
            border-bottom-color: #dda4a7;
            border-top-color: #dda4a7;
        }
        
        .tags-module .tooltip .tooltip-inner {
            background: #dda4a7;
        }
        
        @media screen and (max-width: 1200px) {
            .tags-module .cta-container {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .tags-module .cta-container a {
                text-align: center;
                margin-bottom: 1em;
            }
        }
        
        @media screen and (max-width: 769px) {
            .tags-module {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                margin: auto;
                display: none;
                max-width: 100%;
                z-index: 999;
                height: 100vh;
            }
            .tags-module .propositions {
                padding-top: 0;
            }
            .tags-module .close-module {
                margin-right: 0.5em;
                text-align: right;
                font-size: 20px;
                display: block;
            }
            .tags-module .tags-module-container {
                max-height: 90vh;
                overflow: scroll;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tags-module .propositions ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }
            .tags-module .propositions ul li label {
                width: 65px;
                height: 65px;
            }
        }
        
        .tags-module-control {
            display: none;
            padding: 0.8em 0 1em 0;
            position: fixed;
            z-index: 9;
            width: 100%;
            color: #666;
            font-size: 16px;
            text-transform: uppercase;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center;
            background: #d2e4ef;
        }
        
        .tags-module-control p {
            margin: 0;
        }
        
        @media screen and (max-width: 769px) {
            .tags-module-control {
                display: block;
            }
        }
        
        .seeker {
            background: #f4f4f4;
            padding: 1em;
            text-align: right;
        }
        
        .seeker input {
            padding: 0.5em;
            width: 100%;
        }
        
        .seeker a {
            text-transform: uppercase;
            text-decoration: none;
            color: #666;
            border: 1px solid #666;
            padding: 0.3em 2em 0 2em;
            display: inline-table;
            margin-top: 1em;
        }
        
        .seeker a:focus,
        .seeker a:hover,
        .seeker a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .seeker a:hover {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
        }
        
        .filter-accordeon {
            margin-top: 2em;
        }
        
        .filter-accordeon .panel {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .filter-accordeon .panel-group .panel {
            border-radius: 0;
        }
        
        .filter-accordeon .panel-heading {
            padding: 0;
            background: #efefd2;
            border: none;
        }
        
        .filter-accordeon .panel-title a {
            position: relative;
            padding: 10px 15px;
            display: block;
            text-transform: uppercase;
        }
        
        .filter-accordeon .panel-title a:hover {
            text-decoration: none;
        }
        
        .filter-accordeon .panel-title a:after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: "";
            width: 17px;
            height: 20px;
            background: url(../../../img/common/right-arrow.png) no-repeat center center/cover;
            display: block;
            position: absolute;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            right: 10px;
            top: 10px;
        }
        
        .filter-accordeon .panel-title a.collapsed:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        
        .filter-accordeon .panel-group .panel+.panel {
            margin-top: 1em;
        }
        
        .filter-accordeon .panel-body {
            background: #f4f4f4;
        }
        
        .filter-accordeon .panel-body ul li {
            margin-bottom: 1em;
        }
        
        .filter-accordeon .panel-body ul li a {
            text-decoration: none;
            color: #666;
            display: block;
            background: #fff;
            padding: 1em;
            position: relative;
            text-transform: uppercase;
            padding-right: 50px;
        }
        
        .filter-accordeon .panel-body ul li a:focus,
        .filter-accordeon .panel-body ul li a:hover,
        .filter-accordeon .panel-body ul li a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .filter-accordeon .panel-body ul li a:after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: "";
            width: 17px;
            height: 20px;
            background: url(../../../img/common/down-arrow.png) no-repeat center center/cover;
            display: block;
            position: absolute;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            right: 20px;
            top: 15px;
        }
        
        .filter-accordeon .panel-body ul li a:hover:after {
            right: 10px;
        }
        
        .community .filter-accordeon .panel-heading {
            padding: 0;
            background: #d2e4ef;
            border: none;
        }
        
        .community-talks {
            padding-top: 1em;
        }
        
        .community-talks .talk {
            position: relative;
            margin-top: 1em;
            border: 1px solid #cacaca;
        }
        
        .community-talks .section-title {
            color: #dda4a7;
            text-transform: uppercase;
            font-size: 18px;
            border-bottom: 1px solid #666;
        }
        
        @media screen and (max-width: 550px) {
            .community-talks .section-title {
                text-align: center;
            }
        }
        
        .community-talks .section-title p {
            margin: 0;
        }
        
        .community-talks .title {
            text-align: right;
            margin-bottom: 1.5em;
        }
        
        .community-talks .title span {
            position: relative;
            top: 5px;
            background: #d2e4ef;
            text-transform: uppercase;
            padding: 0.5em 1em;
        }
        
        .community-talks .review {
            padding: 0.5em;
        }
        
        .community-talks .review .review-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .community-talks .review .review-info .img-cont {
            position: relative;
            width: 10%;
        }
        
        .community-talks .review .review-info .img-cont img {
            pointer-events: none;
        }
        
        .community-talks .review .review-info .img-cont .mask {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }
        
        .community-talks .review .review-info .data-cont {
            width: 73%;
        }
        
        .community-talks .review .review-info .data-cont .date {
            padding: 0.5em 1em;
        }
        
        .community-talks .review .review-info .data-cont .date img {
            position: relative;
            top: -3px;
            margin-right: 0.5em;
        }
        
        .community-talks .review .review-info .data-cont .name {
            padding: 0.5em 1em;
            color: #c7e4da;
            font-size: 16px;
        }
        
        .community-talks .review .review-info .average-cont {
            width: 20%;
        }
        
        .community-talks .review .review-info .average-cont .average {
            float: right;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 600px) {
            .community-talks .review .review-info {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .community-talks .review .review-info .average-cont {
                width: 100%;
            }
            .community-talks .review .review-info .img-cont {
                width: 25%;
                margin: 0 auto;
            }
            .community-talks .review .review-info .data-cont {
                width: 100%;
            }
            .community-talks .review .review-info .average-cont {
                margin-bottom: 1.5em;
            }
            .community-talks .review .review-info .average-cont .average {
                clear: both;
                float: none;
            }
        }
        
        .community-talks .review .review-text {
            padding-left: 9%;
            margin-bottom: 1em;
        }
        
        @media screen and (max-width: 768px) {
            .community-talks .review .review-text {
                padding-left: 0;
            }
        }
        
        .community-talks .review .actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-top: 1.5em;
        }
        
        .community-talks .review .actions>ul {
            width: 60%;
            margin: 0;
        }
        
        .community-talks .review .actions>ul li {
            margin-right: 2em;
        }
        
        @media screen and (max-width: 600px) {
            .community-talks .review .actions>ul {
                display: block;
            }
            .community-talks .review .actions>ul li {
                display: block;
                margin-bottom: 1.5em;
                padding-left: 1em;
            }
            .community-talks .review .actions>ul li a {
                display: block;
            }
        }
        
        .community-talks .review .actions .go-reply {
            width: 40%;
            text-align: right;
        }
        
        .community-talks .review .actions .reply-open {
            color: #bed9ed;
            text-transform: uppercase;
        }
        
        .community-talks .review .actions .reply-open img {
            width: 25px;
            height: 25px;
            position: relative;
            top: -5px;
            margin-right: 0.3em;
        }
        
        .community-talks .review .actions .go-reply {
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
        }
        
        .community-talks .review .actions .go-reply:focus,
        .community-talks .review .actions .go-reply:hover,
        .community-talks .review .actions .go-reply:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .community-talks .review .actions .go-reply:hover {
            text-decoration: underline;
        }
        
        .community-talks .review .actions .go-reply:hover img {
            opacity: 1;
        }
        
        .community-talks .review .actions .go-reply span {
            margin-right: 0.5em;
        }
        
        .community-talks .review .actions .go-reply img {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            opacity: 0;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            transition: all 0.3s ease-out;
            position: relative;
            top: -3px;
        }
        
        @media screen and (max-width: 550px) {
            .community-talks .title img {
                margin: 0.5em;
            }
        }
        
        @media screen and (max-width: 768px) {
            .community-talks {
                padding-top: 1em;
            }
        }
        
        @media screen and (max-width: 550px) {
            .community-talks {
                padding-top: 0;
            }
            .community-talks .title h3 {
                margin: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .review-display .display-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
        }
        
        .review-display .display-box .info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border: 1px solid #efefd2;
            padding: 1.5em;
        }
        
        .review-display .display-box .info .info-text {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        @media screen and (max-width: 550px) {
            .review-display .display-box .info .info-text {
                width: 100%;
            }
        }
        
        .review-display .display-box .info .info-text .top-info .title {
            text-transform: uppercase;
            font-size: 22px;
            line-height: 1em;
        }
        
        .review-display .display-box .info .info-text .top-info .title p {
            margin: 0;
        }
        
        .review-display .display-box .info .info-text .top-info .product,
        .review-display .display-box .info .info-text .top-info .product h1 {
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 700;
            margin-top: 0.3em;
        }
        
        .review-display .display-box .info .info-text .top-info .text {
            font-size: 13px;
        }
        
        .review-display .display-box .info .info-text .bottom-info {
            text-align: center;
        }
        
        .review-display .display-box .info .info-text .bottom-info a {
            text-decoration: none;
            color: #cacaca;
            text-align: center;
        }
        
        .review-display .display-box .info .info-text .bottom-info a:focus,
        .review-display .display-box .info .info-text .bottom-info a:hover,
        .review-display .display-box .info .info-text .bottom-info a:visited {
            text-decoration: none;
            color: #cacaca;
            outline: 0;
        }
        
        .review-display .display-box .info .info-text .bottom-info a.farms:hover {
            text-decoration: underline;
        }
        
        .review-display .display-box .info .info-text .bottom-info a.cta {
            margin-top: 1em;
            display: block;
            text-transform: uppercase;
            color: #666;
            border: 1px solid #666;
            padding: 0.5em 0 0.3em 0;
        }
        
        .review-display .display-box .info .info-text .bottom-info a.cta:hover {
            background: #dda4a7;
            color: #fff;
            border: 1px solid #dda4a7;
        }
        
        .review-display .display-box .info .info-text .bottom-info .btn {
            margin-top: 1em;
            display: block;
            text-transform: uppercase;
            color: #666;
            border: 1px solid #666;
            padding: 0.5em;
            text-align: center;
            white-space: normal;
            border-radius: 0;
            width: 100%;
        }
        
        .review-display .display-box .info .info-text .bottom-info .btn:hover {
            background: #dda4a7;
            color: #fff;
            border: 1px solid #dda4a7;
        }
        
        .review-display .display-box .info .info-text .bottom-info .input-group {
            width: 100%;
        }
        
        .review-display .display-box .info .img-container {
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
            text-align: center;
        }
        
        @media screen and (max-width: 550px) {
            .review-display .display-box .info .img-container {
                width: 100%;
                margin-bottom: 1em;
            }
            .review-display .display-box .info .img-container img {
                display: block;
                margin: 0 auto;
                -ms-flex-item-align: center;
                align-self: center;
                max-width: 50%;
            }
        }
        
        .review-display .display-box .review-data {
            background: #f4f4f4;
            padding: 1.5em;
        }
        
        .review-display .display-box .review-data .info-display {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            text-transform: uppercase;
        }
        
        .review-display .display-box .review-data .info-display a {
            text-decoration: none;
            color: #666;
        }
        
        .review-display .display-box .review-data .info-display a:focus,
        .review-display .display-box .review-data .info-display a:hover,
        .review-display .display-box .review-data .info-display a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .review-display .display-box .review-data .info-display .score span {
            display: inline-block;
            font-weight: 700;
            font-size: 26.4px;
        }
        
        .review-display .display-box .review-data .info-display .reviews-info span {
            font-weight: 700;
        }
        
        .review-display .display-box .review-data .ratings {
            padding-top: 1em;
        }
        
        .review-display .display-box .review-data .ratings .rate {
            margin-bottom: 4em;
        }
        
        .review-display .display-box .review-data .ratings .rate p {
            margin: 0;
        }
        
        .review-display .display-box .review-data .ratings .bar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 20px;
            background: #fff;
        }
        
        .review-display .display-box .review-data .ratings .introbar {
            height: 100%;
            width: 10%;
            background: #fad064;
        }
        
        .review-display .display-box .review-data .ratings .tooltip {
            z-index: 1;
        }
        
        .review-display .display-box .review-data .ratings .tooltip-inner {
            background: #fad064;
        }
        
        .review-display .display-box .review-data .ratings .tooltip.bottom .tooltip-arrow {
            border-bottom-color: #fad064;
        }
        
        .review-display .display-box .review-data .cta-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .review-display .display-box .review-data .cta-container .up-img .btn {
            border: 1px solid #dda4a7;
            color: #dda4a7;
            border-radius: 0;
        }
        
        .review-display .display-box .review-data .cta-container .up-img .btn:hover {
            color: #fff;
            background: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .review-display .display-box .review-data .cta-container a {
            text-decoration: none;
            color: #dda4a7;
            text-transform: uppercase;
            border: 1px solid #dda4a7;
            padding: 0.5em 1em 0.3em 1em;
        }
        
        .review-display .display-box .review-data .cta-container a:focus,
        .review-display .display-box .review-data .cta-container a:hover,
        .review-display .display-box .review-data .cta-container a:visited {
            text-decoration: none;
            color: #dda4a7;
            outline: 0;
        }
        
        .review-display .display-box .review-data .cta-container a:hover {
            background: #dda4a7;
            color: #fff;
        }
        
        @media screen and (max-width: 1200px) {
            .review-display .display-box .review-data .cta-container {
                display: block;
            }
            .review-display .display-box .review-data .cta-container .btn,
            .review-display .display-box .review-data .cta-container a {
                display: block;
                width: 100%;
                padding: 0.5em;
                text-align: center;
                margin: 0 auto;
            }
            .review-display .display-box .review-data .cta-container .input-group {
                margin: 0 auto;
                max-width: 100%;
            }
            .review-display .display-box .review-data .cta-container a {
                margin-bottom: 1em;
            }
        }
        
        @media screen and (max-width: 767px) {
            .review-display .display-box {
                display: block;
            }
            .review-display .display-box .review-data .cta-container {
                text-align: center;
                margin-top: 2.5em;
            }
            .review-display .display-box .review-data .up-img .input-group,
            .review-display .display-box .review-data .up-img input {
                max-width: 300px;
                display: block;
            }
            .review-display .display-box .review-data .up-img .buttonText {
                white-space: normal;
            }
            .review-display .display-box .info {
                padding-bottom: 3em;
            }
            .review-display .display-box .info,
            .review-display .display-box .review-data {
                width: 100%;
            }
            .review-display .display-box .review-data .ratings .rate {
                width: 100%;
                margin-bottom: 2.3em;
            }
        }
        
        @media screen and (max-width: 768px) {
            .review-display {
                padding-top: 2em;
            }
        }
        
        .reviewer {
            /* background: #f4f4f4;
    padding: 1em;
    padding-bottom: 2em; */
        }
        
        .reviewer .score-info {
            padding-top: 1em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        
        @media screen and (max-width: 767px) {
            .reviewer .score-info {
                display: block;
                text-align: center;
            }
            .reviewer .score-info .average {
                margin: 0 auto;
            }
        }
        
        .reviewer .score {
            text-transform: uppercase;
            font-size: 15.55556px;
        }
        
        .reviewer .score span {
            font-weight: 700;
            font-size: 28px;
        }
        
        .contenido-central {
            margin-top: 10px;
            margin-top: 130px;
            min-height: 50vh;
        }
        /* .reviewer textarea {
    margin-top: 3em;
    border: none;
    outline: 0;
} */
        
        .reviewer .selector {
            margin-top: 1.5em;
            width: 50%;
            position: relative;
        }
        
        .reviewer .selector p span {
            font-weight: 700;
            font-size: 18px;
        }
        
        @media screen and (max-width: 767px) {
            .reviewer .selector {
                width: 100%;
            }
        }
        
        .reviewer .ui-widget.ui-widget-content {
            background: var(--c2-dark3);
            border: none;
            min-height: 2px;
            height: 2px;
            top: 10px;
            border-radius: 0;
        }
        
        .reviewer .ui-slider-handle.ui-corner-all.ui-state-default {
            background: var(--c1-medium);
            border: none;
            width: 15px;
            margin-top: -2px;
            height: 15px;
            border-radius: 100px;
            cursor: col-resize;
        }
        
        .reviewer .ui-slider-handle.ui-corner-all.ui-state-default:focus {
            outline: 0;
        }
        
        .reviewer .cta-container {
            margin-top: 1em;
        }
        
        .reviewer .cta-container .send {
            display: initial;
            padding: 0.5em 1em 0.3em 1em;
            background: 0 0;
        }
        
        @media screen and (max-width: 767px) {
            .reviewer .cta-container .send {
                display: block;
            }
        }
        
        .reviewer .cta {
            text-transform: uppercase;
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tpyt-skin-talks {
            padding-top: 2em;
        }
        
        .tpyt-skin-talks .title {
            font-size: 25px;
            color: #dda4a7;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 1em;
        }
        
        .tpyt-skin-talks .title img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1em;
            width: 50px;
            height: 55px;
        }
        
        .tpyt-skin-talks .review {
            padding-top: 1em;
        }
        
        .tpyt-skin-talks .review:after {
            content: "";
            width: 90%;
            border-bottom: 1px solid #666;
            display: block;
            margin: 0 auto;
            margin-bottom: 3em;
        }
        
        .tpyt-skin-talks .review .theme-info .theme {
            background: #d2e4ef;
            padding: 0.5em 1em 0.2em 1em;
            text-transform: uppercase;
        }
        
        .tpyt-skin-talks .review .review-info {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .tpyt-skin-talks .review .review-info .img-cont {
            position: relative;
            width: 10%;
        }
        
        .tpyt-skin-talks .review .review-info .img-cont img {
            pointer-events: none;
        }
        
        .tpyt-skin-talks .review .review-info .img-cont .mask {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
        }
        
        .tpyt-skin-talks .review .review-info .data-cont {
            width: 73%;
        }
        
        .tpyt-skin-talks .review .review-info .data-cont .date {
            padding: 0.5em 1em;
        }
        
        .tpyt-skin-talks .review .review-info .data-cont .date img {
            position: relative;
            top: -3px;
            margin-right: 0.5em;
        }
        
        .tpyt-skin-talks .review .review-info .data-cont .name {
            padding: 0.5em 1em;
            color: #c7e4da;
            font-size: 16px;
        }
        
        .tpyt-skin-talks .review .review-info .average-cont {
            width: 20%;
        }
        
        .tpyt-skin-talks .review .review-info .average-cont .average {
            float: right;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 600px) {
            .tpyt-skin-talks .review .review-info {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .tpyt-skin-talks .review .review-info .average-cont {
                width: 100%;
            }
            .tpyt-skin-talks .review .review-info .img-cont {
                width: 20%;
            }
            .tpyt-skin-talks .review .review-info .data-cont {
                width: 80%;
            }
            .tpyt-skin-talks .review .review-info .average-cont {
                margin-bottom: 1.5em;
            }
            .tpyt-skin-talks .review .review-info .average-cont .average {
                clear: both;
                float: none;
            }
        }
        
        .tpyt-skin-talks .review .review-text {
            padding-left: 9%;
            margin-bottom: 2em;
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-skin-talks .review .review-text {
                padding-left: 0;
            }
        }
        
        .tpyt-skin-talks .review .actions {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 1.5em;
        }
        
        .tpyt-skin-talks .review .actions>ul {
            width: 60%;
            margin: 0;
        }
        
        .tpyt-skin-talks .review .actions>ul li {
            margin-right: 2em;
        }
        
        @media screen and (max-width: 600px) {
            .tpyt-skin-talks .review .actions>ul {
                display: block;
            }
            .tpyt-skin-talks .review .actions>ul li {
                display: block;
                margin-bottom: 1.5em;
                padding-left: 1em;
            }
            .tpyt-skin-talks .review .actions>ul li a {
                display: block;
            }
        }
        
        .tpyt-skin-talks .review .actions .open-reply {
            width: 40%;
            text-align: right;
        }
        
        .tpyt-skin-talks .review .actions .reply-open {
            color: #bed9ed;
            text-transform: uppercase;
        }
        
        .tpyt-skin-talks .review .actions .reply-open img {
            width: 25px;
            height: 25px;
            position: relative;
            top: -5px;
            margin-right: 0.3em;
        }
        
        .tpyt-skin-talks .review .actions .like {
            position: relative;
            color: #55a9a7;
            text-transform: uppercase;
        }
        
        .tpyt-skin-talks .review .actions .like img {
            width: 33px;
            height: 25px;
            position: relative;
            top: -5px;
            margin-right: 0.3em;
        }
        
        .tpyt-skin-talks .review .actions .like span {
            position: absolute;
            border-radius: 50%;
            background: #55a9a7;
            width: 30px;
            height: 30px;
            color: #fff;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 3px;
            top: -20px;
            left: -20px;
            z-index: 1;
        }
        
        .tpyt-skin-talks .review .actions .open-reply {
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
        }
        
        .tpyt-skin-talks .review .actions .open-reply:focus,
        .tpyt-skin-talks .review .actions .open-reply:hover,
        .tpyt-skin-talks .review .actions .open-reply:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tpyt-skin-talks .review .actions .open-reply:hover {
            text-decoration: underline;
        }
        
        .tpyt-skin-talks .review .actions .open-reply span {
            margin-right: 0.5em;
        }
        
        .tpyt-skin-talks .review .actions .open-reply img {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            margin-left: 0.5em;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .tpyt-skin-talks .review .actions .open-reply.open img {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-skin-talks .title {
                font-size: 20.83333px;
            }
            .tpyt-skin-talks .title img {
                margin: 0.5em;
            }
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-skin-talks {
                padding-top: 1em;
            }
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-skin-talks {
                padding-top: 0;
            }
            .tpyt-skin-talks .title h3 {
                margin: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .levels .title {
            padding: 2em 0;
            background: #c7e4da;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-top: 4.5em;
            margin-bottom: 2em;
        }
        
        .levels .level {
            margin-top: 2em;
        }
        
        .levels .level img {
            max-width: 100%;
        }
        
        .levels .text {
            text-align: center;
        }
        
        .beauty {
            margin-top: 3em;
        }
        
        .beauty h3 {
            margin-bottom: 1.5em;
        }
        
        .beauty p {
            margin: 0;
        }
        
        .beauty span {
            color: #dda4a7;
        }
        
        .beauty .beauty-present {
            margin-top: 2em;
            width: 100%;
            height: 315px;
            background: url(../../../img/about-us/beauty-present.jpg) no-repeat top center/cover;
        }
        
        .levels-cards .levels-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        @media screen and (max-width: 991px) {
            .levels-cards .levels-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
        }
        
        @media screen and (max-width: 767px) {
            .levels-cards .levels-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        .levels-cards .title {
            padding: 2em 0;
            background: #c7e4da;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-top: 4.5em;
            margin-bottom: 2em;
        }
        
        .levels-cards .level {
            position: relative;
            -webkit-perspective: 800px;
            perspective: 800px;
        }
        
        .levels-cards .level.state5 .lvl5-mobile {
            display: none;
        }
        
        .levels-cards .level.state5 .card {
            height: 226px;
        }
        
        .levels-cards .level.state5 .card .sideb {
            -webkit-transform: rotateY(0) rotateX(180deg);
            transform: rotateY(0) rotateX(180deg);
            background: #fff;
        }
        
        .levels-cards .level.state5 .card.flip {
            -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
        }
        
        .levels-cards .level .card {
            cursor: pointer;
            height: 285px;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transition: all 1s;
            transition: all 1s;
            margin-top: 2em;
        }
        
        .levels-cards .level .card>div {
            margin: 0;
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
        
        .levels-cards .level .card .sidea {
            overflow: hidden;
        }
        
        .levels-cards .level .card .sideb {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            background: #fff;
            text-align: center;
            padding: 1em;
        }
        
        .levels-cards .level .card .sideb .text {
            border: 1px solid #666;
            height: 100%;
            padding: 0.5em;
        }
        
        .levels-cards .level .card .sideb .text h3 {
            margin-top: 0;
        }
        
        .levels-cards .level .card:hover {
            -webkit-box-shadow: 0 0 24px 1px rgba(0, 0, 0, 0.75);
            box-shadow: 0 0 24px 1px rgba(0, 0, 0, 0.75);
        }
        
        .levels-cards .level .card.flip {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
        
        .levels-cards .level img {
            max-width: 100%;
        }
        
        .levels-cards .level .text {
            text-align: center;
        }
        
        @media screen and (max-width: 1199px) {
            .levels-cards .level .card {
                height: 233px;
            }
            .levels-cards .level .card .sideb h3 {
                display: none;
            }
            .levels-cards .level.state5 .card {
                height: 185px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .levels-cards .level {
                width: 50%;
                max-width: 315px;
            }
            .levels-cards .level .card {
                height: 323px;
            }
            .levels-cards .level .card .sideb h3 {
                display: block;
            }
            .levels-cards .level.state5 .lvl5-desktop {
                display: none;
            }
            .levels-cards .level.state5 .lvl5-mobile {
                display: block;
            }
            .levels-cards .level.state5 .card {
                height: 323px;
            }
            .levels-cards .level.state5 .card .sideb {
                -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }
            .levels-cards .level.state5 .card.flip {
                -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }
        }
        
        @media screen and (max-width: 767px) {
            .levels-cards .level {
                width: 315px;
            }
            .levels-cards .level .card {
                height: 323px;
            }
            .levels-cards .level .card .sideb h3 {
                display: block;
            }
            .levels-cards .level.state5 .card {
                height: 323px;
            }
        }
        
        .no-kit .levels-cards .levels-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        
        @media screen and (max-width: 991px) {
            .no-kit .levels-cards .levels-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
        }
        
        @media screen and (max-width: 767px) {
            .no-kit .levels-cards .levels-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        .no-kit .levels-cards .title {
            padding: 2em 0;
            background: #c7e4da;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-top: 4.5em;
            margin-bottom: 2em;
        }
        
        .no-kit .levels-cards .level {
            -webkit-perspective: 800px;
            perspective: 800px;
            position: relative;
        }
        
        .no-kit .levels-cards .level.state5 .card {
            height: 226px;
        }
        
        .no-kit .levels-cards .level.state5 .card .sideb {
            -webkit-transform: none;
            transform: none;
            background: rgba(255, 255, 255, 0.9);
        }
        
        .no-kit .levels-cards .level.state5 .card.flip {
            -webkit-transform: none;
            transform: none;
        }
        
        .no-kit .levels-cards .level .card {
            border: 1px solid #666;
            overflow: hidden;
            cursor: pointer;
            height: 285px;
            -webkit-transform-style: none;
            transform-style: none;
            -webkit-transition: all 1s;
            transition: all 1s;
            margin-top: 2em;
            margin-bottom: 3em;
        }
        
        .no-kit .levels-cards .level .card>div {
            overflow: hidden;
            margin: 0;
            display: block;
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .no-kit .levels-cards .level .card .sidea img {
            max-width: 100%;
        }
        
        .no-kit .levels-cards .level .card .sideb {
            -webkit-transform: none;
            transform: none;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: relative;
            background: rgba(255, 255, 255, 0.9);
            text-align: center;
            padding: 1em;
            top: -200%;
            left: 0;
            max-width: 100%;
        }
        
        .no-kit .levels-cards .level .card .sideb .text {
            border: 1px solid #666;
            height: 100%;
            padding: 0.5em;
        }
        
        .no-kit .levels-cards .level .card .sideb .text h3 {
            margin-top: 0;
        }
        
        .no-kit .levels-cards .level .card:hover {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .no-kit .levels-cards .level .card:hover .sideb {
            top: -100%;
        }
        
        .no-kit .levels-cards .level .card.flip {
            -webkit-transform: none;
            transform: none;
        }
        
        .no-kit .levels-cards .level img {
            max-width: 100%;
        }
        
        .no-kit .levels-cards .level .text {
            text-align: center;
        }
        
        @media screen and (max-width: 1199px) {
            .no-kit .levels-cards .level .card {
                height: 233px;
            }
            .no-kit .levels-cards .level .card .sideb h3 {
                display: none;
            }
            .no-kit .levels-cards .level.state5 .card {
                height: 185px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .no-kit .levels-cards .level {
                width: 50%;
                max-width: 315px;
            }
            .no-kit .levels-cards .level .card {
                height: 323px;
            }
            .no-kit .levels-cards .level .card .sideb h3 {
                display: block;
            }
            .no-kit .levels-cards .level.state5 {
                width: 100%;
                max-width: 100%;
            }
            .no-kit .levels-cards .level.state5 .card {
                height: 323px;
            }
            .no-kit .levels-cards .level.state5 .card .text {
                overflow-y: scroll;
            }
        }
        
        @media screen and (max-width: 767px) {
            .no-kit .levels-cards .level {
                width: 315px;
            }
            .no-kit .levels-cards .level .card {
                height: 323px;
            }
            .no-kit .levels-cards .level .card .sideb h3 {
                display: block;
            }
            .no-kit .levels-cards .level.state5 {
                width: 100%;
                max-width: 100%;
            }
            .no-kit .levels-cards .level.state5 .card {
                height: 323px;
            }
            .no-kit .levels-cards .level.state5 .card .text {
                overflow-y: scroll;
            }
        }
        
        .beauty {
            margin-top: 3em;
        }
        
        .beauty h3 {
            margin-bottom: 1.5em;
        }
        
        .beauty p {
            margin: 0;
        }
        
        .beauty span {
            color: #dda4a7;
        }
        
        .beauty .beauty-present {
            margin-top: 2em;
            width: 100%;
            height: 315px;
            background: url(../../../img/about-us/beauty-present.jpg) no-repeat top center/cover;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .faqs .title {
            padding: 2em 0;
            background: #c7e4da;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-top: 4.5em;
            margin-bottom: 2em;
        }
        
        .faqs .title img {
            margin: 0.5em;
        }
        
        @media screen and (max-width: 767px) {
            .faqs .title {
                font-size: 24px;
            }
            .faqs .title img {
                display: none;
            }
        }
        
        .faqs-accordeon {
            margin-top: 2em;
        }
        
        .faqs-accordeon .panel {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        
        .faqs-accordeon .panel-group .panel {
            border-radius: 0;
        }
        
        .faqs-accordeon .panel-heading {
            padding: 0.5em;
            background: #f4f4f4;
            border: none;
        }
        
        .faqs-accordeon .panel-title a {
            position: relative;
            padding: 20px 15px 10px 15px;
            display: block;
            border: 1px solid #fff;
        }
        
        .faqs-accordeon .panel-title a:hover {
            text-decoration: none;
        }
        
        .faqs-accordeon .panel-title a:after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: "";
            width: 17px;
            height: 20px;
            background: url(../../../img/common/down-arrow.png) no-repeat center center/cover;
            display: block;
            position: absolute;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            right: 10px;
            top: 15px;
        }
        
        .faqs-accordeon .panel-title a.collapsed:after {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        
        .faqs-accordeon .panel-group .panel+.panel {
            margin-top: 1em;
        }
        
        .faqs-accordeon .panel-body {
            padding: 1em;
        }
        
        .faqs-accordeon .panel-body ul li {
            margin-bottom: 1em;
        }
        
        .faqs-accordeon .panel-body ul li a {
            text-decoration: none;
            color: #666;
            display: block;
            background: #fff;
            padding: 1em;
            position: relative;
            text-transform: uppercase;
            padding-right: 50px;
        }
        
        .faqs-accordeon .panel-body ul li a:focus,
        .faqs-accordeon .panel-body ul li a:hover,
        .faqs-accordeon .panel-body ul li a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .faqs-accordeon .panel-body ul li a:after {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            content: "";
            width: 17px;
            height: 20px;
            background: url(../../../img/common/down-arrow.png) no-repeat center center/cover;
            display: block;
            position: absolute;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            right: 20px;
            top: 15px;
        }
        
        .faqs-accordeon .panel-body ul li a:hover:after {
            right: 10px;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        footer .news-social {
            padding-top: 0.5em;
            background: #f4f4f4;
        }
        
        footer .container {
            /* max-width:1024px */
        }
        
        footer .nlt-container {
            width: 100%;
            max-width: 100%;
            color: #666;
            padding-top: 2em;
        }
        
        footer .nlt-container p {
            font-size: 17px;
            color: #666;
            text-transform: uppercase;
        }
        
        footer .nlt-container p img {
            width: 30px;
            height: 25px;
        }
        
        footer .nlt-container form {
            border-bottom: 1px solid #666;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 1em;
        }
        
        footer .nlt-container form .newslt-input {
            width: 100%;
            background: #f4f4f4;
            border: none;
            padding: 0.5em 0;
            outline: 0;
            font-size: 17px;
        }
        
        footer .nlt-container form .newslt-input:focus,
        footer .nlt-container form .newslt-input:hover {
            border: none;
            outline: 0;
        }
        
        footer .nlt-container form img {
            width: 20px;
            height: 20px;
        }
        
        footer .footer-menu {
            padding-top: 1em;
        }
        
        footer .legal a {
            color: #666;
            font-weight: 300;
        }
        
        footer .social {
            text-align: right;
        }
        
        @media screen and (max-width: 767px) {
            footer .social {
                text-align: center;
            }
        }
        
        footer .social img {
            width: 66px;
            height: 66px;
        }
        
        footer .nav ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        
        footer .nav ul a {
            text-transform: uppercase;
            font-size: 17px;
            color: #666;
        }
        
        footer .nav ul a:hover {
            color: #000;
        }
        
        footer .nav .logo img {
            width: 80px;
            height: 80px;
        }
        
        footer .contact a {
            text-decoration: none;
            color: #dda4a7;
            text-transform: uppercase;
            padding: 0.5em;
        }
        
        footer .contact a:focus,
        footer .contact a:hover,
        footer .contact a:visited {
            text-decoration: none;
            color: #dda4a7;
            outline: 0;
        }
        
        footer .contact a:hover {
            background: #dda4a7;
            color: #fff;
        }
        
        footer .legals-notes {
            padding: 1em 0;
        }
        
        footer .legals-notes ul a {
            color: #666;
        }
        
        @media screen and (max-width: 768px) {
            footer .nav {
                display: none;
            }
            footer .nlt-container {
                text-align: center;
            }
            footer .nlt-container a {
                display: block;
                margin: 0 auto;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .filters {
            display: none;
        }
        
        @media screen and (max-width: 767px) {
            .filters {
                display: block;
            }
        }
        
        .filters select {
            width: 100%;
            margin-top: 1em;
            margin-bottom: 1em;
            padding: 0.5em;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .social-wall {
            margin-top: 2em;
            height: 330px;
        }
        
        @media screen and (max-width: 570px) {
            .social-wall {
                height: 450px;
            }
        }
        
        .social-wall .color {
            background: #c7e4da;
            height: 200px;
        }
        
        .social-wall .title {
            padding-top: 1em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            color: #fff;
            text-transform: uppercase;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 28px;
        }
        
        .social-wall .brick {
            padding: 1em;
        }
        
        .social-wall .brick .img-container {
            margin-bottom: 1em;
        }
        
        @media screen and (max-width: 570px) {
            .social-wall .brick .img-container {
                text-align: center;
            }
            .social-wall .brick .img-container img {
                margin: 0 auto;
            }
        }
        
        .social-wall .brick .info {
            color: #666;
        }
        
        .social-wall .brick .name {
            color: #68bbd4;
        }
        
        .social-wall .brick .cta-container {
            text-align: center;
            text-transform: uppercase;
            padding-top: 1em;
            display: none;
        }
        
        .social-wall .brick .cta-container .cta {
            text-decoration: none;
            color: #666;
        }
        
        .social-wall .brick .cta-container .cta:focus,
        .social-wall .brick .cta-container .cta:hover,
        .social-wall .brick .cta-container .cta:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .social-wall .brick .cta-container .cta:hover {
            color: #dda4a7;
        }
        
        @media screen and (max-width: 550px) {
            .social-wall {
                text-align: center;
            }
            .social-wall .slick-next {
                right: 0;
            }
            .social-wall .slick-prev {
                left: 0;
            }
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .tpyt-modal.inquest {
            color: #666;
        }
        
        .tpyt-modal.inquest .checks-container,
        .tpyt-modal.inquest .children-ages,
        .tpyt-modal.inquest .radios-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        
        .tpyt-modal.inquest .concern {
            margin-bottom: 0.5em;
        }
        
        .tpyt-modal.inquest .checkbox,
        .tpyt-modal.inquest .radio {
            width: 50%;
        }
        
        @media screen and (max-width: 600px) {
            .tpyt-modal.inquest .checkbox,
            .tpyt-modal.inquest .radio {
                width: 100%;
            }
        }
        
        .tpyt-modal.inquest .checkbox+.checkbox,
        .tpyt-modal.inquest .radio+.radio {
            margin-top: 10px;
        }
        
        .tpyt-modal.inquest .question {
            margin-bottom: 1.5em;
            padding-bottom: 1em;
            border-bottom: 1px solid #666;
        }
        
        .tpyt-modal.inquest .children-ages {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .tpyt-modal.inquest .ages input {
            width: 20%;
            margin-right: 0.5em;
            text-align: center;
        }
        
        .img-turner .turned-img {
            max-width: 100%;
            overflow: hidden;
        }
        
        .img-turner .turn {
            margin-top: 1.5em;
        }
        
        .tpyt-modal.regenerate-pw .modal-header {
            border-bottom: none;
        }
        
        meter {
            -moz-appearance: none;
            margin: 10px auto 1em;
            width: 100%;
            height: 0.5em;
            background: 0 0;
            /*background-color: rgba(0, 0, 0, 0.1);*/
            transition: all .5s ease-in-out;
        }
        
        meter::-webkit-meter-bar {
            background: 0 0;
            /*background-color: rgba(0, 0, 0, 0.1);*/
        }
        
        meter[value="1"]::-webkit-meter-optimum-value {
            background: red;
        }
        
        meter[value="2"]::-webkit-meter-optimum-value {
            background: #ff0;
        }
        
        meter[value="3"]::-webkit-meter-optimum-value {
            background: orange;
        }
        
        meter[value="4"]::-webkit-meter-optimum-value {
            background: green;
        }
        
        meter[value="1"]::-moz-meter-bar {
            background: red;
        }
        
        meter[value="2"]::-moz-meter-bar {
            background: #ff0;
        }
        
        meter[value="3"]::-moz-meter-bar {
            background: orange;
        }
        
        meter[value="4"]::-moz-meter-bar {
            background: green;
        }
        
        .tpyt-modal.regenerate-pw .feedback {
            color: #9ab;
            font-size: 90%;
            padding: 0 0.25em;
            font-family: Courgette, cursive;
            margin-top: 1em;
        }
        
        .tpyt-modal.reviewer-modal .modal-header {
            height: 0;
            padding: 0;
            border-bottom: 1px solid #666;
            text-transform: uppercase;
        }
        
        .tpyt-modal.reviewer-modal .modal-header h4 {
            font-size: 28px;
            color: #dda4a7;
        }
        
        .tpyt-modal.reviewer-modal .modal-header h5 {
            font-size: 25.45455px;
            font-weight: 700;
        }
        
        .tpyt-modal.reviewer-modal .modal-body {
            padding: 0;
        }
        
        .tpyt-modal .modal-dialog {
            /*margin-top: 10vh;*/
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-modal .modal-dialog {
                margin-top: 5vh;
            }
        }
        
        .tpyt-modal .modal-content {
            border-radius: 0;
        }
        
        .login-options {
            padding: 2rem;
            text-align: center;
            width: 80%;
            display: flex;
        }
        
        .login-options .option-btn {
            width: 50%;
            text-transform: uppercase;
            padding-bottom: 10px;
            font-size: 14px;
            border-bottom: 3px solid gainsboro;
            font-weight: bold;
        }
        
        .login-options .option-btn.over,
        .login-options .option-btn.active {
            color: var(--c2-medium);
        }
        
        .login-options .option-btn.active {
            pointer-events: none;
        }
        
        .modal-content .bar-container {
            padding-left: 2rem;
            padding-right: 2rem;
            height: 0;
            width: 80%;
            height: 5px;
            margin-top: -35px;
            position: absolute;
        }
        
        .modal-content .bar {
            position: relative;
            height: 3px;
            width: 50%;
            left: 0;
            background: black;
        }
        
        .modal-body form {
            /*padding: 1em 3em;*/
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            height: 0px;
            /*padding: 20px;*/
            overflow: hidden;
            height: auto;
        }
        
        .modal-body form .form-mw {
            width: 90%;
            max-width: 500px;
        }
        
        .modal-body form.active {
            height: auto;
        }
        
        .login-register-modal .col-xs-12 {
            max-width: 500px;
        }
        
        .modal .col-xs-12 {
            max-width: 500px;
        }
        
        .tpyt-modal button.close,
        .popup .cierra_x {
            background: transparent;
            width: 45px;
            height: 45px;
            right: -50px;
            font-size: 35px;
            opacity: 1;
            color: black;
            font-family: 'Open Sans', sans-serif;
            font-weight: lighter;
        }
        
        .in.tpyt-modal button.close {
            right: 0px;
        }
        
        .tpyt-modal button.close.over,
        .popup .cierra_x.over {
            background: transparent;
            color: var(--c2-medium);
        }
        
        .tpyt-modal button.close::after,
        .popup .cierra_x::after {
            content: "";
        }
        
        .tpyt-modal button.close:focus,
        .popup .cierra_x:focus {
            outline: 0;
        }
        
        .popup .cierra_x {
            top: -20px;
            left: 20px;
        }
        
        form input[type="checkbox"] {
            /*cursor: pointer;*/
            /*display: none;*/
        }
        
        form input[type="checkbox"]:hover+label span {
            background-color: var(--c2-light);
        }
        
        form input[type="checkbox"]+label {
            font-weight: normal;
            color: var(--c1-dark);
            font-size: 13px;
        }
        
        form input[type="checkbox"]+label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: 0px 5px 2px 0;
            vertical-align: middle;
            cursor: pointer;
        }
        
        form input[type="checkbox"]+label span {
            background-color: #fff;
            border: 1px solid #cacaca;
        }
        
        form input[type="checkbox"].error+label span {
            background-color: #fff;
            border: 1px solid #e60000;
        }
        
        form input[type="checkbox"]:checked+label span {
            border-color: var(--c2-medium);
            background-color: var(--c2-light);
        }
        
        form input[type="radio"] {
            /*display: none;*/
        }
        
        form input[type="radio"]+label {
            color: #cacaca;
            font-size: 12px;
        }
        
        form input[type="radio"]+label span {
            display: inline-block;
            border-radius: 50%;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
        }
        
        form input[type="radio"]+label span {
            background-color: #fff;
            border: 1px solid #cacaca;
        }
        
        form input[type="radio"]:checked+label span {
            background-color: #dda4a7;
        }
        
        form .up-img {
            padding-top: 1em;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-transform: uppercase;
            margin-bottom: 1em;
        }
        
        form .up-img .input-group {
            display: block;
            margin: 0 auto;
            padding: 0.5em;
        }
        
        form .up-img input[type="file"],
        form .up-img label {
            width: 100%;
            border-radius: 0;
            background: #fff;
            color: #dda4a7;
        }
        
        form .up-img input[type="file"]:hover,
        form .up-img label:hover {
            color: #fff;
            background: #dda4a7;
        }
        
        form .up-img .img-cont {
            max-width: 80px;
            overflow: hidden;
        }
        
        form input[type="mail"],
        form input[type="password"],
        form input[type="tel"],
        form input[type="text"],
        form select,
        form textarea {
            outline: 0;
            border: none;
            border-bottom: 1px solid rgba(0, 0, 0, 1);
            width: 100%;
            background: transparent;
            padding: 1em;
            margin-bottom: 1em;
            display: block;
            z-index: 1;
            resize: none;
        }
        
        @media screen and (max-width: 767px) {
            form input[type="mail"],
            form input[type="password"],
            form input[type="tel"],
            form input[type="text"],
            form select,
            form textarea {
                padding: 0.5em 0.5em 0.2em 0.5em;
            }
        }
        
        .tpyt-modal #dtocodes {
            margin: 2em 0;
        }
        
        form #dtocodes>label {
            width: 100%;
        }
        
        form #dtocodes .radio {
            text-align: center;
            width: 45%;
            display: inline-block;
        }
        
        form #sexo>label {
            width: 100%;
        }
        
        form #sexo .radio {
            text-align: center;
            width: 45%;
            display: inline-block;
        }
        
        .tpyt-modal .legals {
            margin-top: 1.5em;
            margin-bottom: 1.5em;
        }
        
        .tpyt-modal .legal-item {
            font-weight: 300;
        }
        
        .tpyt-modal .legal-item a {
            text-decoration: none;
            color: #dda4a7;
        }
        
        .tpyt-modal .legal-item a:focus,
        .tpyt-modal .legal-item a:hover,
        .tpyt-modal .legal-item a:visited {
            text-decoration: none;
            color: #dda4a7;
            outline: 0;
        }
        /*.tpyt-modal .send {
  text-decoration: none;
  color: #dda4a7;
  display: block;
  background: #fff;
  border: 1px solid #dda4a7;
  text-align: center;
  font-size: 20px;
  padding: 1em 0 0.5em 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1em;
}
.tpyt-modal .send:focus,
.tpyt-modal .send:hover,
.tpyt-modal .send:visited {
  text-decoration: none;
  color: #dda4a7;
  outline: 0;
}
@media screen and (max-width: 767px) {
  .tpyt-modal .send {
    padding: 0.4em 0 0 0;
  }
}
.tpyt-modal .send:hover {
  background: #dda4a7;
  color: #fff;
}
*/
        
        .tpyt-modal .errors {
            display: none;
            text-align: left;
            color: var(--c-error);
            line-height: 1.2em;
            pointer-events: none;
            padding: 1em;
        }
        
        .tpyt-modal a {
            text-decoration: underline;
            color: #666;
            padding-bottom: 21px;
            text-underline-offset: 2px;
            text-decoration-color: var(--c2-medium);
            position: relative;
        }
        
        .tpyt-modal a:focus,
        .tpyt-modal a:hover,
        .tpyt-modal a:visited {
            /*text-decoration: none;*/
            color: var(--c2-dark2);
            text-decoration-color: var(--gray-250);
            outline: 0;
        }
        
        .tpyt-modal.invite .modal-dialog {
            width: 280px;
            margin: 30px auto;
        }
        
        .tpyt-modal.invite .modal-header {
            background: #c7e4da;
            color: #fff;
            text-align: center;
            padding: 0.5em;
            position: relative;
            border: none;
        }
        
        .tpyt-modal.invite .modal-body {
            text-align: center;
            color: #666;
        }
        
        .tpyt-modal.invite .modal-body .top {
            padding: 1em 2em;
        }
        
        .tpyt-modal.invite .modal-body img {
            margin-bottom: 2em;
        }
        
        .tpyt-modal.invite .modal-body .dermis {
            color: #dda4a7;
        }
        
        .tpyt-modal.invite .modal-body .unit {
            color: #666;
            text-transform: uppercase;
        }
        
        .tpyt-modal.invite .modal-body .name-container {
            margin-top: 1em;
            background: #666;
            color: #fff;
            text-align: center;
        }
        
        .tpyt-modal.invite .modal-body .name-container .name {
            font-size: 22px;
            padding: 0.5em;
            margin: 0;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social>a {
            text-decoration: none;
            color: #fff;
            display: block;
            width: 50%;
            padding: 0.5em 0.5em 0.2em 0.5em;
            opacity: 0.9;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social>a:focus,
        .tpyt-modal.invite .modal-body .name-container .social>a:hover,
        .tpyt-modal.invite .modal-body .name-container .social>a:visited {
            text-decoration: none;
            color: #fff;
            outline: 0;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social>a:hover {
            opacity: 1;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social .face {
            background: #3b5998;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social .twitt {
            background: #00acec;
        }
        
        .tpyt-modal.invite .modal-body .name-container .social .whatsapp {
            background: #2ab200;
            display: none;
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-modal.invite .modal-body .name-container .social .whatsapp {
                display: block;
            }
        }
        
        @media screen and (max-width: 768px) {
            .tpyt-modal.invite .modal-body .name-container .social {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .tpyt-modal.invite .modal-body .name-container .social a {
                width: 100%;
            }
        }
        
        .tpyt-modal.invite .modal-footer {
            padding-bottom: 2em;
            border: none;
            text-align: center;
        }
        
        .tpyt-modal.invite .modal-footer a {
            color: #666;
        }
        
        .tpyt-modal.invite .modal-footer a:hover {
            color: #dda4a7;
        }
        
        .summary-friends .modal-header,
        .tpyt-modal.favorites .modal-header,
        .tpyt-modal.summary .modal-header {
            border: none;
        }
        
        .summary-friends .modal-header h4,
        .tpyt-modal.favorites .modal-header h4,
        .tpyt-modal.summary .modal-header h4 {
            color: #dda4a7;
            text-transform: uppercase;
        }
        
        .summary-friends .modal-body,
        .tpyt-modal.favorites .modal-body,
        .tpyt-modal.summary .modal-body {
            max-height: 80vh;
            overflow-y: scroll;
            padding: 2em;
            color: #666;
        }
        
        .summary-friends .action,
        .tpyt-modal.favorites .action,
        .tpyt-modal.summary .action {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-bottom: 1em;
            margin-top: 2em;
            font-size: 17px;
        }
        
        @media screen and (max-width: 767px) {
            .summary-friends .action,
            .tpyt-modal.favorites .action,
            .tpyt-modal.summary .action {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                text-align: center;
            }
        }
        
        .summary-friends .action.add .detail span,
        .tpyt-modal.favorites .action.add .detail span,
        .tpyt-modal.summary .action.add .detail span {
            color: #e6ee80;
        }
        
        .summary-friends .action.sub .detail span,
        .tpyt-modal.favorites .action.sub .detail span,
        .tpyt-modal.summary .action.sub .detail span {
            color: #ee8471;
        }
        
        .summary-friends .action:after,
        .tpyt-modal.favorites .action:after,
        .tpyt-modal.summary .action:after {
            content: "";
            width: 100%;
            border-bottom: 1px solid #cacaca;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0;
        }
        
        .tpyt-modal.personal-data-edit form {
            padding: 1em;
        }
        
        .tpyt-modal.personal-data-edit .modal-header {
            border: none;
        }
        
        .tpyt-modal.personal-data-edit input {
            width: 100%;
        }
        
        .tpyt-modal.comunications,
        .tpyt-modal.tags-modal {
            display: none;
        }
        
        .tpyt-modal.comunications .modal-header,
        .tpyt-modal.tags-modal .modal-header {
            border: none;
            text-align: center;
        }
        
        .tpyt-modal.comunications .modal-footer,
        .tpyt-modal.tags-modal .modal-footer {
            border: none;
            text-align: center;
        }
        
        .tpyt-modal.comunications .accept,
        .tpyt-modal.tags-modal .accept {
            padding: 1em;
        }
        
        .tpyt-modal.comunications .accept a,
        .tpyt-modal.tags-modal .accept a {
            border: 1px solid #c7e4da;
            background: #c7e4da;
            padding: 1em 0 0.5em 0;
            display: block;
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .tpyt-modal.comunications .accept a:focus,
        .tpyt-modal.comunications .accept a:hover,
        .tpyt-modal.comunications .accept a:visited,
        .tpyt-modal.tags-modal .accept a:focus,
        .tpyt-modal.tags-modal .accept a:hover,
        .tpyt-modal.tags-modal .accept a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tpyt-modal.comunications .accept a:hover,
        .tpyt-modal.tags-modal .accept a:hover {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-modal.comunications .accept,
            .tpyt-modal.tags-modal .accept {
                padding: 0.5em;
            }
        }
        
        .tpyt-modal.comunications .refuse,
        .tpyt-modal.tags-modal .refuse {
            padding: 1em;
        }
        
        .tpyt-modal.comunications .refuse a,
        .tpyt-modal.tags-modal .refuse a {
            border: 1px solid #e3646b;
            padding: 1em 0 0.5em 0;
            display: block;
            text-decoration: none;
            color: #e3646b;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .tpyt-modal.comunications .refuse a:focus,
        .tpyt-modal.comunications .refuse a:hover,
        .tpyt-modal.comunications .refuse a:visited,
        .tpyt-modal.tags-modal .refuse a:focus,
        .tpyt-modal.tags-modal .refuse a:hover,
        .tpyt-modal.tags-modal .refuse a:visited {
            text-decoration: none;
            color: #e3646b;
            outline: 0;
        }
        
        .tpyt-modal.comunications .refuse a:hover,
        .tpyt-modal.tags-modal .refuse a:hover {
            background: #e3646b;
            color: #fff;
        }
        
        @media screen and (max-width: 550px) {
            .tpyt-modal.comunications .refuse,
            .tpyt-modal.tags-modal .refuse {
                padding: 0.5em;
            }
        }
        
        .tpyt-modal.tags-modal .modal-body {
            max-height: 50vh;
            overflow-y: scroll;
        }
        
        .tpyt-modal.tags-modal ul li {
            line-height: 2.5em;
        }
        
        .tpyt-modal.tags-modal ul li a {
            border: 1px solid #666;
            text-decoration: none;
            color: #666;
            text-transform: uppercase;
            padding: 0.5em 0.5em 0.2em 0.5em;
        }
        
        .tpyt-modal.tags-modal ul li a:focus,
        .tpyt-modal.tags-modal ul li a:hover,
        .tpyt-modal.tags-modal ul li a:visited {
            text-decoration: none;
            color: #666;
            outline: 0;
        }
        
        .tpyt-modal.tags-modal ul li a:hover {
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .tpyt-modal.tags-modal ul li.selected a {
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .tpyt-modal.contact-form .modal-header {
            border: none;
            text-align: center;
            color: #dda4a7;
            font-size: 16px;
            text-transform: uppercase;
        }
        
        .tpyt-modal.contact-form .modal-header .title {
            margin: 0;
        }
        
        .header-banner h1,
        .tpyt-slider .square .intro,
        .tpyt-slider .square h1,
        .tpyt-slider .square h2 {
            text-shadow: 0 0 3px #000;
        }
        
        .product-slider .product,
        .recommended .product {
            text-decoration: none;
            color: #666;
        }
        
        .product-slider .product:focus,
        .product-slider .product:hover,
        .product-slider .product:visited,
        .recommended .product:focus,
        .recommended .product:hover,
        .recommended .product:visited {
            text-decoration: none;
            color: #666;
        }
        
        .sharer {
            position: fixed;
            bottom: 66px;
            left: 0;
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .sharer .whatsapp {
            display: none;
        }
        
        @media screen and (max-width: 768px) {
            .sharer .whatsapp {
                display: block;
            }
        }
        
        .sharer .share {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: relative;
            max-width: 75px;
        }
        
        .sharer .share.facebook {
            top: 0;
        }
        
        .sharer .share.twitter {
            top: -25px;
        }
        
        .sharer .share.mailto {
            top: -50px;
        }
        
        .sharer .share.fav .tooltp {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: relative;
            opacity: 0;
        }
        
        @media screen and (max-width: 768px) {
            .sharer .share.fav .tooltp {
                display: none;
            }
        }
        
        .sharer .share.fav:hover .tooltp {
            opacity: 1;
        }
        
        .sharer .share.fav:hover .text-tool {
            opacity: 1;
        }
        
        .sharer .share.fav .text-tool {
            -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            position: relative;
            opacity: 0;
        }
        
        @media screen and (max-width: 768px) {
            .sharer .share.fav {
                padding-top: 1em;
            }
        }
        
        .sharer .share:hover {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        
        .sharer:hover .share {
            cursor: pointer;
        }
        
        .sharer:hover .share.facebook {
            top: 0;
        }
        
        .sharer:hover .share.twitter {
            top: 0;
        }
        
        .sharer:hover .share.mailto {
            top: 0;
        }
        
        @media screen and (max-width: 1279px) {
            .sharer {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 100%;
                left: 0;
                right: 0;
                margin: auto;
                padding: 0.5em 0;
                z-index: 10;
                background: #fff;
                border-top: 1px solid #666;
                bottom: -50px;
            }
            .sharer:hover {
                bottom: 0;
            }
            .sharer .share.facebook {
                top: -5px;
            }
            .sharer .share.twitter {
                top: -5px;
            }
            .sharer .share.mailto {
                top: -5px;
            }
            .sharer .share.whatsapp {
                top: -5px;
            }
        }
        
        @media screen and (max-width: 767px) {
            .sharer {
                bottom: 0;
                padding: 0;
                padding-top: 0.2em;
                height: 75px;
            }
            .sharer>div {
                position: relative;
                top: 0;
            }
            .sharer>div svg {
                max-width: 100%;
            }
        }
        
        @media screen and (max-width: 360px) {
            .sharer {
                height: 65px;
            }
            .sharer>div {
                position: relative;
                top: -7px;
            }
            .sharer>div svg {
                max-width: 100%;
            }
        }
        
        .product-detail .sharer .share.fav,
        .reviews .sharer .share.fav {
            display: none;
        }
        
        .tpyt-modal .btn_social:hover {
            background: #3b5998;
            color: #fff;
        }
        
        .tpyt-modal .btn_social:focus,
        .tpyt-modal .btn_social:hover,
        .tpyt-modal .btn_social:visited {
            text-decoration: none;
            color: #fff;
            outline: 0;
        }
        
        .tpyt-modal .btn_social {
            font-family: "Josefin Sans", sans-serif;
            text-decoration: none;
            color: #fff;
            display: block;
            background: #3b5998;
            border: 1px solid #3b5998;
            text-align: center;
            font-size: 20px;
            padding: 1em 0 0.5em 0;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 1em;
        }
        
        .tpyt-modal .btn_social .fa-facebook {
            margin-right: 2em;
            font-size: 24px;
        }
        
        @media screen and (max-width: 460px) {
            .tpyt-modal .btn_social {
                font-size: 15px;
            }
            .tpyt-modal .btn_social .fa-facebook {
                display: none;
            }
        }
        
        .social-wall.notshow {
            opacity: 0;
        }
        
        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
        
        .animated.infinite {
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
        }
        
        @-webkit-keyframes bounce {
            20%,
            53%,
            80%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            40%,
            43% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
            }
            70% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
            }
        }
        
        @keyframes bounce {
            20%,
            53%,
            80%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            40%,
            43% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
            }
            70% {
                -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
                -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
            }
        }
        
        .bounce {
            -webkit-animation-name: bounce;
            animation-name: bounce;
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
        }
        
        @-webkit-keyframes flash {
            50%,
            from,
            to {
                opacity: 1;
            }
            25%,
            75% {
                opacity: 0;
            }
        }
        
        @keyframes flash {
            50%,
            from,
            to {
                opacity: 1;
            }
            25%,
            75% {
                opacity: 0;
            }
        }
        
        .flash {
            -webkit-animation-name: flash;
            animation-name: flash;
        }
        
        @-webkit-keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        @keyframes pulse {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            50% {
                -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        .pulse {
            -webkit-animation-name: pulse;
            animation-name: pulse;
        }
        
        @-webkit-keyframes rubberBand {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
            }
            40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
            }
            50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
            }
            65% {
                -webkit-transform: scale3d(0.95, 1.05, 1);
                transform: scale3d(0.95, 1.05, 1);
            }
            75% {
                -webkit-transform: scale3d(1.05, 0.95, 1);
                transform: scale3d(1.05, 0.95, 1);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        @keyframes rubberBand {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            30% {
                -webkit-transform: scale3d(1.25, 0.75, 1);
                transform: scale3d(1.25, 0.75, 1);
            }
            40% {
                -webkit-transform: scale3d(0.75, 1.25, 1);
                transform: scale3d(0.75, 1.25, 1);
            }
            50% {
                -webkit-transform: scale3d(1.15, 0.85, 1);
                transform: scale3d(1.15, 0.85, 1);
            }
            65% {
                -webkit-transform: scale3d(0.95, 1.05, 1);
                transform: scale3d(0.95, 1.05, 1);
            }
            75% {
                -webkit-transform: scale3d(1.05, 0.95, 1);
                transform: scale3d(1.05, 0.95, 1);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        .rubberBand {
            -webkit-animation-name: rubberBand;
            animation-name: rubberBand;
        }
        
        @-webkit-keyframes shake {
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
            }
        }
        
        @keyframes shake {
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            10%,
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
            }
            20%,
            40%,
            60%,
            80% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
            }
        }
        
        .shake {
            -webkit-animation-name: shake;
            animation-name: shake;
        }
        
        @-webkit-keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
            }
            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
            }
            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
            }
            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
            }
            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }
        
        @keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
            }
            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
            }
            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
            }
            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
            }
            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0);
            }
        }
        
        .headShake {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-name: headShake;
            animation-name: headShake;
        }
        
        @-webkit-keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
            }
            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
            }
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
            }
            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
            }
            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
            }
        }
        
        @keyframes swing {
            20% {
                -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
            }
            40% {
                -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
            }
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
            }
            80% {
                -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
            }
            to {
                -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
            }
        }
        
        .swing {
            -webkit-transform-origin: top center;
            transform-origin: top center;
            -webkit-animation-name: swing;
            animation-name: swing;
        }
        
        @-webkit-keyframes tada {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            10%,
            20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            }
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            }
            40%,
            60%,
            80% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        @keyframes tada {
            from {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
            10%,
            20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            }
            30%,
            50%,
            70%,
            90% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            }
            40%,
            60%,
            80% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            }
            to {
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        .tada {
            -webkit-animation-name: tada;
            animation-name: tada;
        }
        
        @-webkit-keyframes wobble {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            15% {
                -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            }
            30% {
                -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            }
            45% {
                -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            }
            60% {
                -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            }
            75% {
                -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes wobble {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            15% {
                -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            }
            30% {
                -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            }
            45% {
                -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            }
            60% {
                -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            }
            75% {
                -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .wobble {
            -webkit-animation-name: wobble;
            animation-name: wobble;
        }
        
        @-webkit-keyframes jello {
            11.1%,
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
            }
            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
            }
            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
            }
            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
            }
            66.6% {
                -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                transform: skewX(-0.78125deg) skewY(-0.78125deg);
            }
            77.7% {
                -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
                transform: skewX(0.390625deg) skewY(0.390625deg);
            }
            88.8% {
                -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
                transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            }
        }
        
        @keyframes jello {
            11.1%,
            from,
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            22.2% {
                -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
            }
            33.3% {
                -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
            }
            44.4% {
                -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
            }
            55.5% {
                -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
            }
            66.6% {
                -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
                transform: skewX(-0.78125deg) skewY(-0.78125deg);
            }
            77.7% {
                -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
                transform: skewX(0.390625deg) skewY(0.390625deg);
            }
            88.8% {
                -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
                transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
            }
        }
        
        .jello {
            -webkit-animation-name: jello;
            animation-name: jello;
            -webkit-transform-origin: center;
            transform-origin: center;
        }
        
        @-webkit-keyframes bounceIn {
            20%,
            40%,
            60%,
            80%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            40% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);
            }
            80% {
                -webkit-transform: scale3d(0.97, 0.97, 0.97);
                transform: scale3d(0.97, 0.97, 0.97);
            }
            to {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        @keyframes bounceIn {
            20%,
            40%,
            60%,
            80%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            40% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);
            }
            80% {
                -webkit-transform: scale3d(0.97, 0.97, 0.97);
                transform: scale3d(0.97, 0.97, 0.97);
            }
            to {
                opacity: 1;
                -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
            }
        }
        
        .bounceIn {
            -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
            -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
        }
        
        @-webkit-keyframes bounceInDown {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0);
            }
            75% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes bounceInDown {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, 25px, 0);
                transform: translate3d(0, 25px, 0);
            }
            75% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .bounceInDown {
            -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown;
        }
        
        @-webkit-keyframes bounceInLeft {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0);
            }
            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
            }
            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes bounceInLeft {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0);
            }
            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
            }
            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .bounceInLeft {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft;
        }
        
        @-webkit-keyframes bounceInRight {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0);
            }
            75% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
            }
            90% {
                -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes bounceInRight {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(-25px, 0, 0);
                transform: translate3d(-25px, 0, 0);
            }
            75% {
                -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
            }
            90% {
                -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .bounceInRight {
            -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
        }
        
        @-webkit-keyframes bounceInUp {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
            }
            75% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes bounceInUp {
            60%,
            75%,
            90%,
            from,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
                animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);
            }
            60% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
            }
            75% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
            }
            90% {
                -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .bounceInUp {
            -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp;
        }
        
        @-webkit-keyframes bounceOut {
            20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9);
            }
            50%,
            55% {
                opacity: 1;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
        }
        
        @keyframes bounceOut {
            20% {
                -webkit-transform: scale3d(0.9, 0.9, 0.9);
                transform: scale3d(0.9, 0.9, 0.9);
            }
            50%,
            55% {
                opacity: 1;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
        }
        
        .bounceOut {
            -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
            -webkit-animation-name: bounceOut;
            animation-name: bounceOut;
        }
        
        @-webkit-keyframes bounceOutDown {
            20% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
        }
        
        @keyframes bounceOutDown {
            20% {
                -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
        }
        
        .bounceOutDown {
            -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown;
        }
        
        @-webkit-keyframes bounceOutLeft {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
        }
        
        @keyframes bounceOutLeft {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
        }
        
        .bounceOutLeft {
            -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft;
        }
        
        @-webkit-keyframes bounceOutRight {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
        }
        
        @keyframes bounceOutRight {
            20% {
                opacity: 1;
                -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
        }
        
        .bounceOutRight {
            -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight;
        }
        
        @-webkit-keyframes bounceOutUp {
            20% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }
        
        @keyframes bounceOutUp {
            20% {
                -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
            }
            40%,
            45% {
                opacity: 1;
                -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }
        
        .bounceOutUp {
            -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp;
        }
        
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        .fadeIn {
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
        }
        
        @-webkit-keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
        }
        
        @-webkit-keyframes fadeInDownBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInDownBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInDownBig {
            -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig;
        }
        
        @-webkit-keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }
        
        @-webkit-keyframes fadeInLeftBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInLeftBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInLeftBig {
            -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
        }
        
        @-webkit-keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
        }
        
        @-webkit-keyframes fadeInRightBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInRightBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInRightBig {
            -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
        }
        
        @-webkit-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }
        
        @-webkit-keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes fadeInUpBig {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .fadeInUpBig {
            -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
        }
        
        @-webkit-keyframes fadeOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
            }
        }
        
        @keyframes fadeOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
            }
        }
        
        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
        }
        
        @-webkit-keyframes fadeOutDown {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }
        
        @keyframes fadeOutDown {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }
        
        .fadeOutDown {
            -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
        }
        
        @-webkit-keyframes fadeOutDownBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
        }
        
        @keyframes fadeOutDownBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);
            }
        }
        
        .fadeOutDownBig {
            -webkit-animation-name: fadeOutDownBig;
            animation-name: fadeOutDownBig;
        }
        
        @-webkit-keyframes fadeOutLeft {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
        }
        
        @keyframes fadeOutLeft {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
        }
        
        .fadeOutLeft {
            -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
        }
        
        @-webkit-keyframes fadeOutLeftBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
        }
        
        @keyframes fadeOutLeftBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);
            }
        }
        
        .fadeOutLeftBig {
            -webkit-animation-name: fadeOutLeftBig;
            animation-name: fadeOutLeftBig;
        }
        
        @-webkit-keyframes fadeOutRight {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
        }
        
        @keyframes fadeOutRight {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
        }
        
        .fadeOutRight {
            -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight;
        }
        
        @-webkit-keyframes fadeOutRightBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
        }
        
        @keyframes fadeOutRightBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);
            }
        }
        
        .fadeOutRightBig {
            -webkit-animation-name: fadeOutRightBig;
            animation-name: fadeOutRightBig;
        }
        
        @-webkit-keyframes fadeOutUp {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }
        
        @keyframes fadeOutUp {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }
        
        .fadeOutUp {
            -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp;
        }
        
        @-webkit-keyframes fadeOutUpBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }
        
        @keyframes fadeOutUpBig {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);
            }
        }
        
        .fadeOutUpBig {
            -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig;
        }
        
        @-webkit-keyframes flip {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            40% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            50% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            80% {
                -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
                transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }
        
        @keyframes flip {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            40% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
                -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
            }
            50% {
                -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            80% {
                -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
                transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
        }
        
        .animated.flip {
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            -webkit-animation-name: flip;
            animation-name: flip;
        }
        
        @-webkit-keyframes flipInX {
            from {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
        }
        
        @keyframes flipInX {
            from {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
        }
        
        .flipInX {
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipInX;
            animation-name: flipInX;
        }
        
        @-webkit-keyframes flipInY {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
        }
        
        @keyframes flipInY {
            from {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
                opacity: 0;
            }
            40% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
            }
            60% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            }
            to {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
        }
        
        .flipInY {
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipInY;
            animation-name: flipInY;
        }
        
        @-webkit-keyframes flipOutX {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                opacity: 1;
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                opacity: 0;
            }
        }
        
        @keyframes flipOutX {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                opacity: 1;
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                opacity: 0;
            }
        }
        
        .flipOutX {
            -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
            -webkit-animation-name: flipOutX;
            animation-name: flipOutX;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
        }
        
        @-webkit-keyframes flipOutY {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                opacity: 1;
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                opacity: 0;
            }
        }
        
        @keyframes flipOutY {
            from {
                -webkit-transform: perspective(400px);
                transform: perspective(400px);
            }
            30% {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                opacity: 1;
            }
            to {
                -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                opacity: 0;
            }
        }
        
        .flipOutY {
            -webkit-animation-duration: 0.75s;
            animation-duration: 0.75s;
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
            -webkit-animation-name: flipOutY;
            animation-name: flipOutY;
        }
        
        @-webkit-keyframes lightSpeedIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
                opacity: 0;
            }
            60% {
                -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes lightSpeedIn {
            from {
                -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);
                opacity: 0;
            }
            60% {
                -webkit-transform: skewX(20deg);
                transform: skewX(20deg);
                opacity: 1;
            }
            80% {
                -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .lightSpeedIn {
            -webkit-animation-name: lightSpeedIn;
            animation-name: lightSpeedIn;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        
        @-webkit-keyframes lightSpeedOut {
            from {
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
                opacity: 0;
            }
        }
        
        @keyframes lightSpeedOut {
            from {
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);
                opacity: 0;
            }
        }
        
        .lightSpeedOut {
            -webkit-animation-name: lightSpeedOut;
            animation-name: lightSpeedOut;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        
        @-webkit-keyframes rotateIn {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes rotateIn {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .rotateIn {
            -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
        }
        
        @-webkit-keyframes rotateInDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes rotateInDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .rotateInDownLeft {
            -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;
        }
        
        @-webkit-keyframes rotateInDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes rotateInDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .rotateInDownRight {
            -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight;
        }
        
        @-webkit-keyframes rotateInUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes rotateInUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .rotateInUpLeft {
            -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft;
        }
        
        @-webkit-keyframes rotateInUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        @keyframes rotateInUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
                opacity: 0;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                opacity: 1;
            }
        }
        
        .rotateInUpRight {
            -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight;
        }
        
        @-webkit-keyframes rotateOut {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
                opacity: 0;
            }
        }
        
        @keyframes rotateOut {
            from {
                -webkit-transform-origin: center;
                transform-origin: center;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: center;
                transform-origin: center;
                -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
                opacity: 0;
            }
        }
        
        .rotateOut {
            -webkit-animation-name: rotateOut;
            animation-name: rotateOut;
        }
        
        @-webkit-keyframes rotateOutDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
        }
        
        @keyframes rotateOutDownLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
                opacity: 0;
            }
        }
        
        .rotateOutDownLeft {
            -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft;
        }
        
        @-webkit-keyframes rotateOutDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
        }
        
        @keyframes rotateOutDownRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
        }
        
        .rotateOutDownRight {
            -webkit-animation-name: rotateOutDownRight;
            animation-name: rotateOutDownRight;
        }
        
        @-webkit-keyframes rotateOutUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
        }
        
        @keyframes rotateOutUpLeft {
            from {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: left bottom;
                transform-origin: left bottom;
                -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
                opacity: 0;
            }
        }
        
        .rotateOutUpLeft {
            -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft;
        }
        
        @-webkit-keyframes rotateOutUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
                opacity: 0;
            }
        }
        
        @keyframes rotateOutUpRight {
            from {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                opacity: 1;
            }
            to {
                -webkit-transform-origin: right bottom;
                transform-origin: right bottom;
                -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
                opacity: 0;
            }
        }
        
        .rotateOutUpRight {
            -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight;
        }
        
        @-webkit-keyframes hinge {
            0% {
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
            }
            20%,
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
            }
            40%,
            80% {
                -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
                opacity: 0;
            }
        }
        
        @keyframes hinge {
            0% {
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
            }
            20%,
            60% {
                -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
            }
            40%,
            80% {
                -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
                -webkit-transform-origin: top left;
                transform-origin: top left;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                opacity: 1;
            }
            to {
                -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);
                opacity: 0;
            }
        }
        
        .hinge {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-name: hinge;
            animation-name: hinge;
        }
        
        @-webkit-keyframes jackInTheBox {
            from {
                opacity: 0;
                -webkit-transform: scale(0.1) rotate(30deg);
                transform: scale(0.1) rotate(30deg);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
            }
            50% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }
            70% {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        
        @keyframes jackInTheBox {
            from {
                opacity: 0;
                -webkit-transform: scale(0.1) rotate(30deg);
                transform: scale(0.1) rotate(30deg);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
            }
            50% {
                -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
            }
            70% {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
            }
            to {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        
        .jackInTheBox {
            -webkit-animation-name: jackInTheBox;
            animation-name: jackInTheBox;
        }
        
        @-webkit-keyframes rollIn {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes rollIn {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            }
            to {
                opacity: 1;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .rollIn {
            -webkit-animation-name: rollIn;
            animation-name: rollIn;
        }
        
        @-webkit-keyframes rollOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            }
        }
        
        @keyframes rollOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
                -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            }
        }
        
        .rollOut {
            -webkit-animation-name: rollOut;
            animation-name: rollOut;
        }
        
        @-webkit-keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            50% {
                opacity: 1;
            }
        }
        
        @keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            50% {
                opacity: 1;
            }
        }
        
        .zoomIn {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
        }
        
        @-webkit-keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomInDown {
            -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
        }
        
        @-webkit-keyframes zoomInLeft {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomInLeft {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomInLeft {
            -webkit-animation-name: zoomInLeft;
            animation-name: zoomInLeft;
        }
        
        @-webkit-keyframes zoomInRight {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomInRight {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomInRight {
            -webkit-animation-name: zoomInRight;
            animation-name: zoomInRight;
        }
        
        @-webkit-keyframes zoomInUp {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomInUp {
            from {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            60% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomInUp {
            -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;
        }
        
        @-webkit-keyframes zoomOut {
            from {
                opacity: 1;
            }
            50% {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            to {
                opacity: 0;
            }
        }
        
        @keyframes zoomOut {
            from {
                opacity: 1;
            }
            50% {
                opacity: 0;
                -webkit-transform: scale3d(0.3, 0.3, 0.3);
                transform: scale3d(0.3, 0.3, 0.3);
            }
            to {
                opacity: 0;
            }
        }
        
        .zoomOut {
            -webkit-animation-name: zoomOut;
            animation-name: zoomOut;
        }
        
        @-webkit-keyframes zoomOutDown {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomOutDown {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomOutDown {
            -webkit-animation-name: zoomOutDown;
            animation-name: zoomOutDown;
        }
        
        @-webkit-keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
                transform: scale(0.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                transform-origin: left center;
            }
        }
        
        @keyframes zoomOutLeft {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
                transform: scale(0.1) translate3d(-2000px, 0, 0);
                -webkit-transform-origin: left center;
                transform-origin: left center;
            }
        }
        
        .zoomOutLeft {
            -webkit-animation-name: zoomOutLeft;
            animation-name: zoomOutLeft;
        }
        
        @-webkit-keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
                transform: scale(0.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                transform-origin: right center;
            }
        }
        
        @keyframes zoomOutRight {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            }
            to {
                opacity: 0;
                -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
                transform: scale(0.1) translate3d(2000px, 0, 0);
                -webkit-transform-origin: right center;
                transform-origin: right center;
            }
        }
        
        .zoomOutRight {
            -webkit-animation-name: zoomOutRight;
            animation-name: zoomOutRight;
        }
        
        @-webkit-keyframes zoomOutUp {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        @keyframes zoomOutUp {
            40% {
                opacity: 1;
                -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
                animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }
            to {
                opacity: 0;
                -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
                transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
                -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            }
        }
        
        .zoomOutUp {
            -webkit-animation-name: zoomOutUp;
            animation-name: zoomOutUp;
        }
        
        @-webkit-keyframes slideInDown {
            from {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes slideInDown {
            from {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .slideInDown {
            -webkit-animation-name: slideInDown;
            animation-name: slideInDown;
        }
        
        @-webkit-keyframes slideInLeft {
            from {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes slideInLeft {
            from {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .slideInLeft {
            -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
        }
        
        @-webkit-keyframes slideInRight {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes slideInRight {
            from {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .slideInRight {
            -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
        }
        
        @-webkit-keyframes slideInUp {
            from {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        @keyframes slideInUp {
            from {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
                visibility: visible;
            }
            to {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
        }
        
        .slideInUp {
            -webkit-animation-name: slideInUp;
            animation-name: slideInUp;
        }
        
        @-webkit-keyframes slideOutDown {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }
        
        @keyframes slideOutDown {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }
        
        .slideOutDown {
            -webkit-animation-name: slideOutDown;
            animation-name: slideOutDown;
        }
        
        @-webkit-keyframes slideOutLeft {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
        }
        
        @keyframes slideOutLeft {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
            }
        }
        
        .slideOutLeft {
            -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
        }
        
        @-webkit-keyframes slideOutRight {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
        }
        
        @keyframes slideOutRight {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
            }
        }
        
        .slideOutRight {
            -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
        }
        
        @-webkit-keyframes slideOutUp {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }
        
        @keyframes slideOutUp {
            from {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            to {
                visibility: hidden;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }
        
        .slideOutUp {
            -webkit-animation-name: slideOutUp;
            animation-name: slideOutUp;
        }
        
        .wall .slick-arrow {
            top: 10% !important;
        }
        
        li.active>a {
            color: #dda4a7;
        }
        
        .header-banner.private-banner .title h1 {
            color: #dda4a7;
            text-shadow: none;
        }
        
        .header-banner.private-banner {
            height: 100px;
            padding: 0;
        }
        
        .waiter::-webkit-scrollbar {
            display: none !important;
        }
        
        .waiter {
            overflow: -moz-scrollbars-none !important;
        }
        
        .waiter::scroll-bar {
            display: none !important;
            overflow: -moz-scrollbars-none !important;
        }
        
        .brick {
            cursor: pointer;
        }
        
        .little {
            max-width: 50px !important;
        }
        
        div.pagination {
            margin: 2em 0;
        }
        
        div.pagination a {
            margin: 0 5px;
        }
        
        div.pagination .gopage {
            cursor: pointer;
            color: white;
            background: var(--c1-medium);
            padding: 2px;
            width: 25px;
            border-radius: 50px;
            position: absolute;
        }
        
        div.pagination .gopage:hover {
            background: black;
        }
        
        .article h2 {
            font-size: 22px;
            color: #dda4a7;
            font-weight: 900;
        }
        /**/
        
        .personal-area .modal-header {
            border-bottom: none;
        }
        
        .personal-area .modal-footer {
            border-top: none;
        }
        
        .tester-products .product .cta-container .cta {
            font-size: 14px;
            padding: 1em 0 0.8em;
        }
        
        .product .product-img {
            margin-bottom: 1em;
            margin-top: 1em;
        }
        
        .product .price {
            border: 1px solid #cacaca;
            margin-top: 0.5em;
            position: relative;
        }
        
        .product .price.hovered span {
            color: #dda4a7;
        }
        
        .product .price p {
            margin: 0.5em 0 0;
        }
        
        .product .price b.legend {
            position: absolute;
            margin: 0 auto;
            color: #666;
            top: -9px;
            left: 0;
            right: 0;
            font-size: 16px;
            background: #fff;
            width: 70px;
        }
        
        .tester-products .product.sampler .cta-container .cta {
            background: #fff;
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .tester-products .product.sampler .cta-container .cta:hover {
            background: #fff;
            color: #b3cbc3;
            border: 1px solid #b3cbc3;
        }
        
        .tester-products .product .cta.disabled {
            pointer-events: none;
        }
        
        .product .price b.sampler-flag {
            font-weight: 400;
            position: absolute;
            font-size: 12px;
            color: #dda4a7;
            right: 10px;
            background: #fff;
            bottom: -10px;
        }
        
        .product b.sampler-flag {
            display: none;
        }
        
        .product.sampler b.sampler-flag {
            display: block;
        }
        
        .product.sampler .price.hovered span {
            color: #b3cbc3;
        }
        
        .product .price.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .product .price.double p {
            width: 50%;
            position: relative;
            text-align: center;
        }
        
        .product .price.double p.product-price:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            border-right: 1px solid #cacaca;
            height: 36px;
        }
        
        .product .cta-container.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        
        .product .cta-container.double a {
            width: 49%;
        }
        
        .tester-products .product.sampler .cta-container .cta.cta-product {
            border: 1px solid #c7e4da;
            background: #c7e4da;
            color: #666;
        }
        
        .tester-products .product.sampler .cta-container .cta.cta-product:hover {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
        }
        
        .product .price.double .product-price.hovered span {
            color: #dda4a7;
        }
        
        .product .price.double .sampler-price.hovered span {
            color: #b3cbc3;
        }
        
        .change-info {
            margin-top: 2em;
        }
        
        .change-info .info-content {
            margin-bottom: 5em;
            color: #dda4a7;
        }
        
        .change-info .info-content h2 {
            font-size: 14px;
            font-weight: 700;
        }
        
        .change-info .bg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: url(../img/personal-area/change-info/bg_cupones_area_personal2.jpg);
            padding: 1em;
            position: relative;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 160px;
            border-radius: .15rem;
        }
        
        @media (max-width: 992px) {
            .change-info .bg {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
            }
        }
        
        .change-info .bg .cta-cont {
            width: 50%;
            text-align: center;
            padding: 4em 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont {
                padding: 0;
                height: 50%;
                width: 80%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        @media (max-width: 630px) {
            .change-info .bg .cta-cont {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }
        }
        
        .change-info .bg .cta-cont .decor {
            width: auto;
            height: auto;
        }
        
        .change-info .bg .cta-cont a {
            position: relative;
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #666;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont a {
                width: 100%;
            }
            .change-info .bg .cta-cont a:hover {
                padding: 0.5em;
            }
        }
        
        .change-info .bg .cta-cont a span {
            font-size: 22px;
            padding: 0.8em 0.5em 0.5em;
            width: 100%;
            height: 100%;
            color: #000;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont a span {
                font-size: 18px;
            }
        }
        
        @media (max-width: 550px) {
            .change-info .info-content {
                margin-bottom: 2em;
            }
            .change-info .bg .cta-cont a {
                max-width: 90%;
            }
            .change-info .bg .cta-cont a span {
                font-size: 14px;
            }
        }
        
        .change-info .bg .gaticornio-cont {
            position: absolute;
            width: 100%;
            text-align: center;
            pointer-events: none;
            left: 0;
            right: 0;
            top: -35px;
            margin: 0 auto;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .gaticornio-cont {
                text-align: left;
            }
        }
        
        @media (max-width: 550px) {
            .change-info .bg .gaticornio-cont {
                text-align: left;
                width: 80px;
                height: 100%;
                top: 0;
                left: 0;
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        .modal .modal-body .change-btn {
            color: #dda4a7;
            border: 2px solid #dda4a7;
            display: block;
            padding: 0.5em;
            margin-top: 2em;
            margin-bottom: 2em;
        }
        
        .modal .modal-body .change-btn:hover {
            color: #fff;
            border: 2px solid #dda4a7;
            display: block;
            background: #dda4a7;
        }
        
        .test-cta .cta.disabled,
        .tester-products .product .cta.disabled {
            pointer-events: none;
        }
        
        .tester-products .product .cta-container .cta {
            font-size: 14px;
            padding: 1em 0 0.8em;
        }
        
        .product .product-img {
            margin-bottom: 1em;
            margin-top: 1em;
        }
        
        .product .price {
            border: 1px solid #cacaca;
            margin-top: 0.5em;
            position: relative;
        }
        
        .product .price.hovered span {
            color: #dda4a7;
        }
        
        .product .price p {
            margin: 0.5em 0 0;
        }
        
        .product .price b.legend {
            position: absolute;
            margin: 0 auto;
            color: #666;
            top: -9px;
            left: 0;
            right: 0;
            font-size: 16px;
            background: #fff;
            width: 70px;
        }
        
        .tester-products .product.sampler .cta-container .cta {
            background: #fff;
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .tester-products .product.sampler .cta-container .cta:hover {
            background: #fff;
            color: #b3cbc3;
            border: 1px solid #b3cbc3;
        }
        
        .product .price b.sampler-flag {
            font-weight: 400;
            position: absolute;
            font-size: 12px;
            color: #dda4a7;
            right: 10px;
            background: #fff;
            bottom: -10px;
        }
        
        .product b.sampler-flag {
            display: none;
        }
        
        .product.sampler b.sampler-flag {
            display: block;
        }
        
        .product.sampler .price.hovered span {
            color: #b3cbc3;
        }
        
        .product .price.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .product .price.double p {
            width: 50%;
            position: relative;
            text-align: center;
        }
        
        .product .price.double p.product-price:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            border-right: 1px solid #cacaca;
            height: 36px;
        }
        
        .product .cta-container.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        
        .product .cta-container.double a {
            width: 49%;
        }
        
        .tester-products .product.sampler .cta-container .cta.cta-product {
            border: 1px solid #c7e4da;
            background: #c7e4da;
            color: #666;
        }
        
        .tester-products .product.sampler .cta-container .cta.cta-product:hover {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
        }
        
        .product .price.double .product-price.hovered span {
            color: #dda4a7;
        }
        
        .product .price.double .sampler-price.hovered span {
            color: #b3cbc3;
        }
        
        .change-info .bg .cta-cont a {
            color: #666;
            transform: scale(0.98);
        }
        
        .change-info .bg .cta-cont a:hover {
            transform: scale(1);
        }
        
        .change-info .bg .cta-cont a span {
            font-size: 22px;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont {
                padding: 0;
                height: 50%;
                width: 80%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
            .change-info .bg .cta-cont a {
                width: 100%;
            }
            .change-info .bg .cta-cont a span {
                font-size: 18px;
            }
            .change-info .bg .gaticornio-cont {
                text-align: left;
            }
            .change-info form {
                width: 80%;
            }
        }
        
        @media (max-width: 550px) {
            .change-info .info-content {
                margin-bottom: 2em;
            }
            .change-info .bg .cta-cont a {
                max-width: 90%;
            }
            .change-info .bg .cta-cont a span {
                font-size: 14px;
            }
            .change-info .bg .gaticornio-cont {
                text-align: left;
                width: 80px;
                height: 100%;
                top: 0;
                left: 0;
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        .test-cta .cta-container {
            margin-top: 1em;
        }
        
        .test-cta .cta-container .cta {
            font-size: 14px;
            padding: 1em 0 0.8em;
        }
        
        .test-cta .product-img {
            margin-bottom: 1em;
            margin-top: 1em;
        }
        
        .test-cta .price {
            border: 1px solid #cacaca;
            margin-top: 0.5em;
            position: relative;
        }
        
        .test-cta .price.hovered span {
            color: #dda4a7;
        }
        
        .test-cta .price p {
            margin: 0.5em 0 0;
        }
        
        .test-cta .price b.legend {
            position: absolute;
            margin: 0 auto;
            color: #666;
            top: -9px;
            left: 0;
            right: 0;
            font-size: 16px;
            background: #fff;
            width: 70px;
        }
        
        .test-cta .cta-container .cta.cta-sampler {
            background: #fff;
            color: #dda4a7;
            border: 1px solid #dda4a7;
        }
        
        .test-cta .cta-container .cta.cta-sampler:hover {
            background: #fff;
            color: #b3cbc3;
            border: 1px solid #b3cbc3;
        }
        
        .test-cta .price b.sampler-flag {
            font-weight: 400;
            position: absolute;
            font-size: 12px;
            color: #dda4a7;
            right: 10px;
            background: #fff;
            bottom: -10px;
        }
        
        .test-cta b.sampler-flag {
            display: none;
        }
        
        .test-cta .sampler b.sampler-flag {
            display: block;
        }
        
        .test-cta .sampler .price.hovered span {
            color: #b3cbc3;
        }
        
        .test-cta .price.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        .test-cta .price.double p {
            width: 50%;
            position: relative;
            text-align: center;
        }
        
        .test-cta .price.double p.product-price:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            border-right: 1px solid #cacaca;
            height: 36px;
        }
        
        .test-cta .cta-container.double {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }
        
        .test-cta .cta-container.double a {
            width: 49%;
        }
        
        .test-cta .sampler .cta-container .cta.cta-product {
            border: 1px solid #c7e4da;
            background: #c7e4da;
            color: #666;
        }
        
        .test-cta .sampler .cta-container .cta.cta-product:hover {
            border: 1px solid #dda4a7;
            background: #dda4a7;
            color: #fff;
        }
        
        .test-cta .product-price.hovered span {
            color: #dda4a7;
        }
        
        .test-cta .sampler-price.hovered span {
            color: #b3cbc3;
        }
        
        .change-info {
            margin-top: 2em;
        }
        
        .change-info .info-content {
            margin-bottom: 5em;
            color: #dda4a7;
        }
        
        .change-info .info-content h2 {
            font-size: 14px;
            font-weight: 700;
        }
        
        .change-info .bg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background: url(../img/personal-area/change-info/bg_cupones_area_personal2.jpg);
            padding: 1em 0;
            position: relative;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            height: 160px;
        }
        
        @media (max-width: 992px) {
            .change-info .bg {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
            }
        }
        
        .change-info .bg .cta-cont {
            width: 50%;
            text-align: center;
            padding: 4em 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont {
                padding: 0;
                height: 50%;
                width: 320px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        @media (max-width: 630px) {
            .change-info .bg .cta-cont {
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
            }
        }
        
        .change-info .bg .cta-cont .decor {
            width: auto;
            height: auto;
        }
        
        .change-info .bg .cta-cont a {
            position: relative;
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 370px;
            height: 78px;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            padding-top: 0.9em;
        }
        
        .change-info .bg .cta-cont a.online {
            background: url(../img/personal-area/cupones/CUPON_ONLINE.svg) center center/contain no-repeat;
            padding-left: 4em;
        }
        
        .change-info .bg .cta-cont a.fisica {
            background: url(../img/personal-area/cupones/CUPONTIENDA_FISICA.svg) center center/contain no-repeat;
            padding-right: 5em;
        }
        
        @media (max-width: 1200px) {
            .change-info .bg .cta-cont a {
                padding-top: 1.5em;
                width: 250px;
            }
            .change-info .bg .cta-cont a span {
                font-size: 14px;
            }
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont a {
                width: 100%;
                height: 60px;
                padding-top: 0.8em;
            }
        }
        
        .change-info .bg .cta-cont a span {
            padding: 0.8em 0.5em 0.5em;
            width: 100%;
            height: 100%;
            color: #fff;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .cta-cont a span {
                font-size: 15px;
            }
        }
        
        @media (max-width: 550px) {
            .change-info .info-content {
                margin-bottom: 2em;
            }
            .change-info .bg .cta-cont a {
                max-width: 90%;
            }
            .change-info .bg .cta-cont a span {
                padding-top: 1em;
                font-size: 13px;
            }
        }
        
        .change-info .bg .gaticornio-cont {
            position: absolute;
            width: 100%;
            text-align: center;
            pointer-events: none;
            left: 0;
            right: 0;
            top: -35px;
            margin: 0 auto;
        }
        
        @media (max-width: 992px) {
            .change-info .bg .gaticornio-cont {
                text-align: left;
            }
        }
        
        @media (max-width: 550px) {
            .change-info .bg .gaticornio-cont {
                text-align: left;
                width: 126px;
                height: 100%;
                top: 0;
                left: 0;
                margin: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        }
        
        @media (max-width: 440px) {
            .change-info .container {
                padding: 0;
            }
            .change-info .info-content {
                padding: 0 15px;
            }
            .change-info .bg .cta-cont {
                width: 240px;
            }
            .change-info .bg .cta-cont a span {
                font-size: 10px;
                padding-top: 1.5em;
            }
            .change-info .bg .cta-cont a.online {
                padding-left: 3em;
            }
            .change-info .bg .cta-cont a.fisica {
                padding-right: 3em;
            }
        }
        
        @media (max-width: 767px) {
            .user-info .img-cont>img {
                max-width: 50%;
                display: block;
                margin: 0 auto;
            }
        }
        /*
 ________  _______   ________  ________  ________  ________           ________  _________    ___    ___ ___       _______      
|\   ___ \|\  ___ \ |\   __  \|\   ____\|\   __  \|\   ____\         |\   ____\|\___   ___\ |\  \  /  /|\  \     |\  ___ \     
\ \  \_|\ \ \   __/|\ \  \|\  \ \  \___|\ \  \|\  \ \  \___|_        \ \  \___|\|___ \  \_| \ \  \/  / | \  \    \ \   __/|    
 \ \  \ \\ \ \  \_|/_\ \   _  _\ \  \    \ \  \\\  \ \_____  \        \ \_____  \   \ \  \   \ \    / / \ \  \    \ \  \_|/__  
  \ \  \_\\ \ \  \_|\ \ \  \\  \\ \  \____\ \  \\\  \|____|\  \        \|____|\  \   \ \  \   \/  /  /   \ \  \____\ \  \_|\ \ 
   \ \_______\ \_______\ \__\\ _\\ \_______\ \_______\____\_\  \         ____\_\  \   \ \__\__/  / /      \ \_______\ \_______\
    \|_______|\|_______|\|__|\|__|\|_______|\|_______|\_________\       |\_________\   \|__|\___/ /        \|_______|\|_______|
                                                     \|_________|       \|_________|       \|___|/                             

*/
        
        @font-face {
            font-family: gotham;
            src: url(fonts/gotham/Gotham-Book.woff2) format("woff2"), url(fonts/gotham/Gotham-Book.woff) format("woff");
            font-weight: 400;
            font-style: normal;
        }
        
        @font-face {
            font-family: gotham-bold;
            src: url(fonts/gotham/Gotham-Bold.woff2) format("woff2"), url(fonts/gotham/Gotham-Bold.woff) format("woff");
            font-weight: 400;
            font-style: normal;
        }
        
        @font-face {
            font-family: gotham-light;
            src: url(fonts/gotham/Gotham-Light.woff2) format("woff2"), url(fonts/gotham/Gotham-Book.woff) format("woff");
            font-weight: 400;
            font-style: normal;
        }
        
        .dercos-action,
        .dercos-action .header-banner .info-banner {
            font-family: gotham;
        }
        
        .dercos-action .cta-cont a,
        .dercos-action .protocol h2 {
            font-family: gotham-bold;
            text-transform: uppercase;
        }
        
        .dercos-action .dercos-banner p {
            font-size: 40px;
            color: #000;
            text-transform: uppercase;
            font-weight: 700;
        }
        
        .dercos-action .header-banner .container {
            border: none;
        }
        
        .dercos-action .dercos-banner {
            background: url(../img/dercos/dercos-banner-big.jpg) top center no-repeat;
        }
        
        .dercos-action .mobile-banner {
            display: none;
        }
        
        @media (max-width: 1200px) {
            .dercos-action .dercos-banner {
                background: url(../img/dercos/dercos-banner-big.jpg) top right no-repeat;
            }
        }
        
        @media (max-width: 767px) {
            .dercos-action .mobile-banner {
                display: block;
            }
        }
        
        .dercos-action .cta-cont {
            text-align: center;
            margin-top: 3em;
            padding-top: 2em;
            padding-bottom: 2em;
            margin-bottom: 1em;
            position: relative;
            z-index: 5;
        }
        
        .dercos-action .cta-cont a {
            color: #fff;
            padding: 1em;
            background: #c3201d;
            border: 1px solid #c3201d;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            font-size: 30px;
            display: block;
            width: 600px;
            max-width: 85%;
            margin: 0 auto;
            line-height: 1.2em;
        }
        
        .dercos-action .cta-cont a:hover {
            color: #c3201d;
            padding: 1em;
            background: #fff;
            border: 1px solid #c3201d;
            text-decoration: none;
        }
        
        .dercos-action p.title {
            text-align: center;
            font-size: 34px;
            margin-top: 1.5em;
            margin-bottom: 1em;
        }
        
        .dercos-action .protocol {
            border: 3px solid #c3201d;
            margin-bottom: 1.5em;
            padding: 1em 1.5em 1.5em;
            text-align: center;
        }
        
        .dercos-action .protocol h2 {
            color: #c3201d;
            font-size: 24px;
        }
        
        .dercos-action .protocol h3 {
            text-transform: uppercase;
            color: #000;
            font-family: gotham-light;
        }
        
        .dercos-action .protocol .text-cont .title,
        .dercos-test .scene .text {
            font-family: gotham-bold;
            text-transform: uppercase;
        }
        
        .dercos-action .protocol .composition {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        
        .dercos-action .protocol .text-cont,
        .dercos-action .protocol .text-cont p.title {
            text-align: left;
        }
        
        .dercos-action .protocol .text-cont .title {
            font-size: 22px;
        }
        
        .dercos-action .protocol ul li {
            margin-bottom: 0.5em;
            font-size: 16px;
        }
        
        .dercos-action .protocol ul li img {
            margin-right: 1em;
        }
        
        .dercos-action .legals {
            text-align: center;
            margin-bottom: 2em;
        }
        
        .dercos-action .legals a {
            color: #000;
        }
        
        @media (max-width: 992px) {
            .dercos-action .protocol .composition {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .dercos-action .protocol .text-cont {
                width: 100%;
                -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                order: -1;
            }
            .dercos-action .cta-cont a {
                font-size: 25px;
            }
        }
        
        @media (max-width: 610px) {
            .dercos-action .protocol .composition .head-content,
            .dercos-action .protocol .composition .img-cont {
                width: 100%;
                text-align: center;
            }
            .dercos-action .protocol .composition .text-cont {
                width: 100%;
            }
            .dercos-action .protocol .composition .text-cont ul li img {
                width: 15px;
            }
            .dercos-action .protocol .composition .text-cont ul li {
                font-size: 14px;
            }
            .dercos-action .protocol .composition .head-content {
                margin-top: 2em;
            }
            .dercos-action .cta-cont {
                margin-top: 0;
            }
            .dercos-action .cta-cont a {
                font-size: 16px;
            }
            .dercos-action .protocol ul li img {
                margin-right: 0.2em;
            }
        }
        
        .dercos-test {
            padding-top: 3em;
            padding-bottom: 3em;
            min-height: 90vh;
            display: none;
        }
        
        .dercos-test .user-progress {
            position: relative;
            z-index: 3;
            margin-bottom: 2em;
        }
        
        .dercos-test .user-progress span {
            display: none;
            width: 100%;
            text-align: center;
            color: #fff;
        }
        
        .dercos-test .user-progress span.active {
            display: block;
        }
        
        .dercos-test .user-progress .bar-complete {
            background: var(--black);
        }
        
        .dercos-test .user-progress .bar-complete .bar-progress {
            background: #c3201d;
            padding-left: 0;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        
        .dercos-test .scenes {
            padding: 0.5em 2em;
        }
        
        @media (max-width: 767px) {
            .dercos-test .scenes {
                padding: 0.5em 1em;
            }
        }
        
        .dercos-test .scenes .scene10 {
            padding-top: 3em;
        }
        
        .dercos-test label {
            text-transform: uppercase;
        }
        
        .styled-input-single {
            position: relative;
            padding: 20px 0 20px 40px;
            text-align: left;
        }
        
        @media (max-width: 767px) {
            .styled-input-single {
                padding: 10px 0;
            }
        }
        
        .styled-input-single label {
            cursor: pointer;
            position: relative;
            padding-left: 2em;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }
        
        .styled-input-single label:after,
        .styled-input-single label:before {
            content: "";
            position: absolute;
            top: 50%;
        }
        
        .styled-input-single label:before {
            left: 0;
            bottom: 0;
            width: 20px;
            height: 20px;
            margin: -15px 0 0;
            background: #f7f7f7;
            -webkit-box-shadow: 0 0 1px grey;
            box-shadow: 0 0 1px grey;
        }
        
        .styled-input-single label:after {
            left: 5px;
            width: 10px;
            height: 10px;
            margin: -10px 0 0;
            opacity: 0;
            background: #c3201d;
            -webkit-transform: translate3d(-40px, 0, 0) scale(0.5);
            transform: translate3d(-40px, 0, 0) scale(0.5);
            -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
            -o-transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
            transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        }
        
        .styled-input-single input[type="checkbox"],
        .styled-input-single input[type="radio"] {
            position: absolute;
            top: 0;
            left: -9999px;
            visibility: hidden;
        }
        
        .styled-input-single input[type="checkbox"]:checked+label:after,
        .styled-input-single input[type="radio"]:checked+label:after {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
        }
        
        .styled-input--square label:after,
        .styled-input--square label:before {
            border-radius: 0;
        }
        
        .styled-input--rounded label:before {
            border-radius: 10px;
        }
        
        .styled-input--rounded label:after {
            border-radius: 6px;
        }
        
        .styled-input--diamond .styled-input-single {
            padding-left: 45px;
        }
        
        .styled-input--diamond label:after,
        .styled-input--diamond label:before {
            border-radius: 0;
        }
        
        .styled-input--diamond label:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .styled-input--diamond input[type="checkbox"]:checked+label:after,
        .styled-input--diamond input[type="radio"]:checked+label:after {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            opacity: 1;
        }
        
        .dercos-test .scene .text {
            color: #c3201d;
            font-size: 22px;
        }
        
        .dercos-test input[type="text"] {
            padding: 0.5em;
        }
        
        .dercos-test input[type="text"]:hover {
            outline: 0 !important;
            border-color: #c3201d;
        }
        
        .dercos-test input[type="text"]:focus {
            outline: 0 !important;
            border: 1px solid #c3201d;
            -webkit-box-shadow: 0 0 10px #c3201d;
            box-shadow: 0 0 10px #c3201d;
        }
        
        .dercos-test .definition~.options,
        .dercos-test .definition~input {
            margin-top: 1em;
            display: none;
        }
        
        .dercos-test .definition:checked~.options,
        .dercos-test .definition:checked~input {
            display: block;
        }
        
        @media (max-width: 767px) {
            .dercos-test .scene .text {
                font-size: 18px;
            }
        }
        
        .dercos-test .controls {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .dercos-test .controls .back {
            display: none;
        }
        
        .dercos-test .controls a {
            padding: 1em 2em;
            border: 2px solid #000;
            color: #000;
            text-transform: uppercase;
            opacity: 0;
            pointer-events: none;
        }
        
        .dercos-test .controls a.go {
            opacity: 1;
            pointer-events: initial;
        }
        
        .dercos-test .controls a:hover {
            color: #c3201d;
            text-decoration: none;
            border: 2px solid #c3201d;
        }
        
        .dercos-test .scene {
            opacity: 0;
            height: 0;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            pointer-events: none;
        }
        
        .dercos-test .scene.active {
            pointer-events: initial;
            opacity: 1;
            height: auto;
        }
        
        .dercos-action .modal-header {
            border-bottom: none;
        }
        
        .dercos-action .tpyt-modal button.close {
            background: #c3201d;
        }
        
        .list-inline {
            display: flex;
            align-items: baseline;
        }
        
        .list-inline p,
        .list-inline span {
            font-size: 12px;
        }
        
        .list-inline a:hover {
            opacity: .5;
        }
        
        .review .heart {
            width: 30px;
            margin-top: -12px;
            margin-right: 10px
        }
        
        .review .heart.svg path {
            stroke-width: 2px;
            stroke: var(--c1-medium);
        }
        
        .review .liked .heart.svg path {
            fill: var(--c1-medium);
            stroke: var(--c1-medium);
        }
        
        .mw3 {
            max-width: 500px;
        }
        
        .mw4 {
            max-width: 450px;
        }
        
        h4.brand {
            font-size: 25px;
            font-weight: lighter;
        }
        
        .img-review {
            width: 130px;
            border-radius: 0.25rem;
        }
        
        center h3,
        .list_section_container h3 {
            font-size: min(7vw, 34px);
            line-height: min(7vw, 34px);
            font-weight: lighter;
            color: black;
        }
        
        button {
            border-radius: .15rem;
            background: black;
            border: none;
            padding: 10px;
            padding-left: 50px;
            padding-right: 50px;
            color: white;
        }
        
        button.light {
            height: 30px;
            line-height: 10px;
        }
        
        button::after {
            content: "»";
            position: absolute;
            margin-left: 10px;
            transition: all .5s ease-in-out;
        }
        
        .boton-social {
            background: #000;
        }
        
        .boton-social::after {
            right: 34px;
            top: 50%;
            margin: 0;
            margin-top: -10px;
        }
        
        .boton-social.over {
            background: #3b5998;
        }
        
        .boton-social.over::after {
            right: 29px;
        }
        
        button.over {
            color: white;
            background: var(--c2-dark);
        }
        
        a.inactive,
        a.inactive2 {}
        
        a.inactive button,
        a.inactive2 button {}
        
        p.pq,
        span.pq {
            font-size: 12px !important;
        }
        
        p.pq2,
        span.pq2 {
            font-size: 11px !important;
        }
        
        p {
            font-size: 15px;
        }
        
        article h1,
        article h1 *,
        article h2,
        article h2 *,
        article h3,
        article h3 * {
            color: black;
            font-family: 'Prata', serif;
            font-weight: normal;
            margin: 0;
            margin-bottom: 10px;
            text-transform: initial;
            font-size: min(3vw, 25px);
            line-height: min(3vw, 25px);
        }
        
        article .title h1,
        article .title h1 * {
            font-size: min(8vw, 40px);
            line-height: min(7vw, 50px);
        }
        
        p.boton.over {
            text-decoration: none !important;
            color: var(--c2-medium) !important;
        }
        
        .tpyt-form p {
            width: 100%;
            max-width: 500px;
            font-size: 14px;
            /* margin-left: 25px;
    margin-right: 25px; */
        }
        
        .tpyt-form p.pq {
            font-size: 12px;
            margin: 0px;
        }
        
        #password-strength-text {
            margin-top: -10px;
        }
        
        .gray {
            color: var(--gray-300);
        }
        
        .ojo {
            width: 18px;
            margin-left: -28px;
            position: absolute;
            left: 100%;
            top: 15px;
            cursor: pointer;
            opacity: .25;
            pointer-events: none;
        }
        
        .FIELD.has-content .ojo {
            opacity: 1;
            pointer-events: all;
        }
        
        .ojo path {
            fill: var(--gray-300);
            fill: var(--c1-dark);
        }
        
        .ojo.active path {
            fill: var(--gray-300);
        }
        
        .ojo:hover path {
            fill: var(--c2-medium);
        }
        
        .FIELD.select-arrow-active {
            z-index: 1;
        }
        
        .spinHtml {
            position: fixed !important;
            left: 75%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
        }
        
        .boton-social {
            border-radius: 0.15rem;
            background: #3b5998;
            border: none;
            padding: 10px;
            padding-left: 40px;
            padding-right: 30px;
            color: white;
            font-family: 'Open Sans', sans-serif;
            font-size: 100%;
            margin: 0;
            vertical-align: baseline;
            line-height: normal;
            width: 320px;
            /*left: 50%;*/
            /*transform: translateX(-50%) !important;*/
        }
        
        .boton-social.over {
            background: #000;
            color: white;
        }
        
        .boton-social-registro.disabled {
            opacity: .25 !important;
            pointer-events: none;
        }
        
        #divIGwidgetWrapper {
            padding-bottom: 30px;
        }
        
        .bg_fixed .__x_contain {
            width: 100%;
        }
        
        .bg_fixed ._x__categories {
            display: flex;
            flex-wrap: wrap;
        }
        
        .bg_fixed ._x_selectBtn {
            border: none;
            background-color: #444444;
            margin: 0px;
            margin-top: 20px;
            padding: 10px 30px;
            color: white;
            font-weight: bold;
            cursor: pointer;
            left: 50%;
            transform: translateX(-50%);
            position: relative;
            border-radius: 0.25rem;
        }
        
        .bg_fixed ._x_selectBtn::after {
            content: "»";
            content: "";
            position: absolute;
            margin-left: 10px;
            right: 20px;
            transition: all .5s ease-in-out;
        }
        
        .x_text.x_button {
            background-color: #444;
            color: white;
            font-size: 15px !important;
            padding: 10px;
            padding-left: 32px;
            padding-right: 32px;
        }
        
        .x_text.x_button:hover {
            background-color: var(--c1-medium);
            color: white;
        }
        
        .x_text {
            font-size: 14px !important;
            line-height: 22px !important;
        }
        
        .volverleft {
            transform: translateX(-150%);
        }
        
        .__x_contain {}
        
        .__x_contain h2 {
            display: none;
        }
        
        .slogan {}
        
        a.verde {
            color: var(--c1-medium) !important;
        }
        
        a.verde.over {
            color: var(--c2-light2) !important;
        }
        
        .userdata_container .name {
            margin-top: -30px;
        }
        
        .bocadillo {
            background-color: #F9F7F2 !important;
            border-radius: 20px;
        }
        
        .pdt30 {
            padding-top: 30px;
        }
        
        .pdt20 {
            padding-top: 20px;
        }
        
        .pdt10 {
            padding-top: 10px;
        }
        
        .pdb30 {
            padding-bottom: 30px;
        }
        
        .pdb20 {
            padding-bottom: 20px;
        }
        
        .pdb10 {
            padding-bottom: 10px;
        }
        
        .pdl30 {
            padding-left: 30px;
        }
        
        .pdl20 {
            padding-left: 20px;
        }
        
        .pdl10 {
            padding-left: 10px;
        }
        
        .pdr30 {
            padding-right: 30px;
        }
        
        .pdr20 {
            padding-right: 20px;
        }
        
        .pdr10 {
            padding-right: 10px;
        }
        
        div.avatar {
            /* cambiar estos dos valores para definir el tamaño de tu círculo */
            /*height: 100px;*/
            /*width: 100px;*/
            height: 110px;
            width: 130px;
            /* los siguientes valores son independientes del tamaño del círculo */
            background-repeat: no-repeat;
            background-position: 50%;
            border-radius: 50%;
            background-size: 100% auto;
        }
        
        .blue {
            color: #36b7c0;
        }
        
        .gris {
            color: #A7A7A7;
        }
        
        .hr-custom {
            height: 2px;
            background-color: black;
        }
        
        .hr-menu {
            height: 2px;
            background-color: black;
            max-width: 90%;
        }
        
        .enlaces-menu {
            color: black;
        }
        
        .enlaces-menu:hover {
            color: #9CE0DD;
            font-weight: bold;
        }
        /*.enlaces-menu:link{
    color: #9CE0DD;
    font-weight: bold;
}*/
        
        .pointer-help {
            cursor: pointer;
            position: relative;
            z-index: 2;
        }
        
        .pointer-help.over {
            background: black;
        }
        
        .enlaces-menu.active li {
            color: var(--c1-medium);
            font-weight: bold;
        }
        
        .estrellas-container.active {
            opacity: .5;
        }
        
        .etiquetas.active {
            background: black;
            color: var(--c2-medium);
        }
        
        .fondo-verde {
            /*color: var(--c1-medium) !important;*/
            /*background-color: var(--c1-medium) !important;*/
            background-color: #EAF7F6;
        }
        
        .menu-lateral {
            margin-bottom: 130px;
            top: 65px;
            width: 290px;
            max-width: 20%;
            position: fixed;
            height: 90vh;
            z-index: 111111;
            overflow: scroll;
        }
        
        .menu-lateral.h110 {
            /* height: 100vh; */
        }
        
        .round {
            background-color: #fff;
            /*width: auto;*/
            /*height: 2.5rem;*/
            margin: 0 auto 15px auto;
            padding: 5px;
            border: 1px solid #ccc;
            -moz-border-radius: 11px;
            -webkit-border-radius: 11px;
            border-radius: 11px;
            behavior: url(border-radius.htc);
        }
        
        .leer_mas {
            cursor: pointer;
        }
        /*.verde {
    color: var(--c1-medium) !important;
    background-color: var(--c1-medium) !important;
}*/
        
        .img-favorito-container .svg path {
            stroke-width: 2px;
            stroke: var(--c1-medium);
        }
        
        .img-favorito-container.heart-favorito .svg path {
            fill: var(--c1-medium);
            stroke: var(--c1-medium);
        }
        /*.heart-favorito-off.svg path {
    fill: var(--c1-medium);
    stroke: var(--c1-medium);
}*/
        
        div.mensaje {
            /*width: 50%;*/
            margin: 20px auto;
            /*background-color: #449;*/
            /*color: #fff;*/
            padding: 15px;
        }
        
        div.mensaje img.izquierda {
            float: left;
            margin-right: 15px;
        }
        
        .pd_central {
            width: 65%;
            min-height: 100vh;
            /* background: linear-gradient(#e66465, #9198e5); */
        }
        
        .proximamente {
            opacity: .5;
        }
        
        .proximamente::after {
            content: '(disponible próximamente)' !important;
            font-size: 11px !important;
            text-transform: lowercase;
            right: 0px !important;
            top: 35% !important;
            font-style: italic;
        }
        
        .bar {
            height: 5px;
            background-color: white;
        }
        
        .estrellas-container.boton.over {}
        
        .estrellas-container.boton.over .estrellas-fill {
            opacity: .5;
        }
        
        .estrellas-container.boton.over .estrellas-contorno {
            opacity: .75;
        }
        
        #buscador {
            padding: 10px;
        }
        
        .envio-buscador {
            margin-top: 5px;
            margin-right: 15px;
        }
        
        .envio-buscador.over {
            transform: scale(1.2);
        }
        
        .opinion_done {
            height: 32px;
            /* font-weight: bold; */
        }
        
        @media (min-width: 769px),
        only screen and (min-aspect-ratio: 1 / 1) {
            /*@media only screen and (min-width: 769px){*/
            .modal-open .modal.login-register-modal {
                overflow-y: scroll;
            }
        }
        
        @media (max-width: 768px),
        only screen and (max-aspect-ratio: 1 / 1) {
            /*@media only screen and (max-width: 768px){*/
            #menulateral {
                position: fixed;
                top: 50px !important;
                display: none;
            }
            #menulateral.show {
                display: block;
                background: #e9f7f6;
            }
            #menulateral .list_section_container {
                padding-top: 40px !important;
                height: 10vh;
            }
            #menulateral .menu-lateral {
                top: 10vh;
            }
            .menu-lateral {
                max-width: 100%;
                width: 100%;
            }
            .menulateral_btn {
                position: fixed !important;
                bottom: 50px;
                right: 10px;
                background: var(--blue-100);
                border-radius: 100px;
                padding: 10px;
                z-index: 11;
                width: 60px;
                height: 60px;
            }
            .menulateral_btn.over {
                transform: scale(1.2);
            }
            .menulateral_btn.over .svg {}
            .menulateral_btn.over .svg path {
                stroke: var(--c2-medium);
            }
            .closetxt {
                color: black;
                font-weight: lighter;
                font-size: 25px;
                text-align: center;
            }
            .menulateral_btn .closetxt {
                display: none;
            }
            .menulateral_btn.closemode {
                bottom: unset;
                top: 45px;
                right: -5px;
                background: transparent;
            }
            .menulateral_btn.closemode .filter {
                display: none;
            }
            .menulateral_btn.closemode .closetxt {
                display: block;
            }
            #menulateral.headroom--unpinned .list_section_container {
                padding-top: 10vh !important;
                height: 20vh;
            }
            #menulateral.headroom--unpinned .menu-lateral {
                top: 15vh;
                height: 85vh;
            }
            .envio-buscador {
                margin-top: 8px;
                margin-right: -15px;
            }
            .modal .modal-dialog {
                width: 100%;
                margin: 0px 100%;
            }
            .modal.in .modal-dialog {
                width: 100% !important;
                transform: translate(0, 0) !important;
                margin: 0px 0px;
                padding-top: 50px;
                /*padding-bottom: 60px;*/
            }
            .modal.tpyt-form .modal-header {
                margin-top: 30px;
                right: -5px;
            }
            .tpyt-modal button.close {
                width: 30px;
                height: 40px;
                right: -50px;
                font-size: 35px;
            }
            .spinHtml {
                left: 50%;
            }
        }